@start-base/start-ui/ToggleGroup/index.js

<p align="center"> <a href="https://startbase.dev" target="_blank"> <img src="https://startbase.dev/apple-touch-icon.png" width="60px" style="padding-top: 60px" /> </a> </p>

"use strict";var e=require("react"),l=require("clsx");function o(e){return e&&e.__esModule?e:{default:e}}var r=o(e),t=o(l),a=Object.defineProperty,u=Object.defineProperties,g=Object.getOwnPropertyDescriptors,n=Object.getOwnPropertySymbols,d=Object.prototype.hasOwnProperty,i=Object.prototype.propertyIsEnumerable,c=(e,l,o)=>l in e?a(e,l,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[l]=o,m=(e,l)=>{for(var o in l||(l={}))d.call(l,o)&&c(e,o,l[o]);if(n)for(var o of n(l))i.call(l,o)&&c(e,o,l[o]);return e},s=(e,l)=>u(e,g(l)),f=(e,l)=>{var o={};for(var r in e)d.call(e,r)&&l.indexOf(r)<0&&(o[r]=e[r]);if(null!=e&&n)for(var r of n(e))l.indexOf(r)<0&&i.call(e,r)&&(o[r]=e[r]);return o},p="SUI-ToggleGroup-module-togglegroup-ekCj7",v="SUI-ToggleGroup-module-horizontal-1tZWb",T="SUI-ToggleGroup-module-vertical-4ELen",b={root:"SUI-Toggle-module-root-D8-kB",primary:"SUI-Toggle-module-primary-h-i1b",default:"SUI-Toggle-module-default-4hR0n",toggled:"SUI-Toggle-module-toggled-YNu2n",untoggled:"SUI-Toggle-module-untoggled-rUL1M",secondary:"SUI-Toggle-module-secondary-55MCx",destructive:"SUI-Toggle-module-destructive-gayD7",outline:"SUI-Toggle-module-outline-mSn3s",small:"SUI-Toggle-module-small-nIJln",medium:"SUI-Toggle-module-medium-xuc5B",large:"SUI-Toggle-module-large-cc7wQ",fluid:"SUI-Toggle-module-fluid-N2aHr",disabled:"SUI-Toggle-module-disabled-6Mb3X"},I=e.createContext({value:null,onChange:()=>({})}),S=e.forwardRef(((l,o)=>{var a=l,{value:u,onChange:g,children:n,direction:d="horizontal"}=a,i=f(a,["value","onChange","children","direction"]);const c=e.useMemo((()=>({value:u,onChange:g})),[g,u]);return r.default.createElement(I.Provider,{value:c},r.default.createElement("div",s(m({ref:o},i),{className:t.default(p,"horizontal"===d?v:T)}),n))}));S.displayName="ToggleWrapper";var y=l=>{var o=l,{value:a,initialState:u=!1,onToggle:g,color:n="primary",variant:d="default",size:i="medium",fluid:c=!1,className:p="",disabled:v=!1,children:T}=o,S=f(o,["value","initialState","onToggle","color","variant","size","fluid","className","disabled","children"]);const{value:y,onChange:U}=e.useContext(I),[h,O]=e.useState(u),x=y===a;return r.default.createElement("button",s(m({},S),{type:"button",className:t.default(b.root,b[d],b[n],b[i],c&&b.fluid,h?b.toggled:b.untoggled,v&&b.disabled,x,p),onClick:()=>{if(v)return;const e=!h;O(e),g&&g(e),U&&U(a)},disabled:v}),T)};y.displayName="ToggleItem";var U={ToggleWrapper:S,ToggleItem:y};exports.ToggleGroup=U,exports.ToggleItem=y,exports.ToggleWrapper=S;