@start-base/start-ui/Toggle/index.mjs

<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>

import e,{forwardRef as l,useState as o}from"react";import r from"clsx";var a=Object.defineProperty,t=Object.getOwnPropertySymbols,d=Object.prototype.hasOwnProperty,g=Object.prototype.propertyIsEnumerable,i=(e,l,o)=>l in e?a(e,l,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[l]=o,u={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"},n=l((l,a)=>{var n=l,{initialState:m=!1,onToggle:c,color:s="primary",variant:f="default",size:b="medium",fluid:p=!1,className:S="",disabled:T=!1,children:y}=n,I=((e,l)=>{var o={};for(var r in e)d.call(e,r)&&l.indexOf(r)<0&&(o[r]=e[r]);if(null!=e&&t)for(var r of t(e))l.indexOf(r)<0&&g.call(e,r)&&(o[r]=e[r]);return o})(n,["initialState","onToggle","color","variant","size","fluid","className","disabled","children"]);const[U,v]=o(m);return e.createElement("button",((e,l)=>{for(var o in l||(l={}))d.call(l,o)&&i(e,o,l[o]);if(t)for(var o of t(l))g.call(l,o)&&i(e,o,l[o]);return e})({ref:a,type:"button",className:r(u.root,u[f],u[s],u[b],p&&u.fluid,U?u.toggled:u.untoggled,T&&u.disabled,S),onClick:()=>{if(T)return;const e=!U;v(e),c&&c(e)},disabled:T},I),y)});n.displayName="Toggle";var m=n;export{m as default};