@start-base/react-form-elements/Switch/index.mjs

Simplify form elements and form management. Selection of user friendly inputs and wide customization abilities to match your design and functionality.

import e,{forwardRef as t,useMemo as l}from"react";import a from"clsx";var r=Object.defineProperty,c=Object.defineProperties,o=Object.getOwnPropertyDescriptors,i=Object.getOwnPropertySymbols,s=Object.prototype.hasOwnProperty,n=Object.prototype.propertyIsEnumerable,m=(e,t,l)=>t in e?r(e,t,{enumerable:!0,configurable:!0,writable:!0,value:l}):e[t]=l,h=(e,t)=>{for(var l in t||(t={}))s.call(t,l)&&m(e,l,t[l]);if(i)for(var l of i(t))n.call(t,l)&&m(e,l,t[l]);return e},d="SUI-Switch-module-switch-B2hSx",u="SUI-Switch-module-inputRoot-6OeFT",w="SUI-Switch-module-label-XF-H4",S="SUI-Switch-module-errorLabel-vrpUP",p="SUI-Switch-module-switchCheckbox-kZlDZ",b="SUI-Switch-module-switchLabel--ceYZ",I="SUI-Switch-module-switchSwitch-5R4CI",f="SUI-Switch-module-switchInnerChecked-wR3OK",v="SUI-Switch-module-noLabel-wvNd3",y="SUI-Switch-module-switchSwitchChecked-d8vX8",U="SUI-Switch-module-inputError-Wr0p3",N="SUI-Switch-module-disabled-8KOQD",O=t((({name:t,onChange:r,label:i=null,checked:s=!1,inputClassName:n=null,labelClassName:m=null,errorClassName:O=null,disabled:C=!1,error:E=null},g)=>{const j=l((()=>E&&"string"==typeof E?E:E&&"object"==typeof E&&E.message?E.message:null),[E]);return e.createElement("label",{htmlFor:`switch_${t}`,className:d},e.createElement("div",{className:u},e.createElement("input",{ref:g,className:p,name:t,type:"checkbox",checked:s,onChange:r,id:`switch_${t}`,disabled:C}),e.createElement("div",{className:a(b,(k=h({[N]:C,[U]:"boolean"==typeof E&&E},n?{[n]:!0}:{}),P={[f]:s,[v]:!i},c(k,o(P))))},e.createElement("span",{className:a(I,{[y]:s})})),e.createElement("div",{className:a(w,h({},m?{[m]:!0}:{}))},i)),j?e.createElement("div",{className:a(S,h({},O?{[O]:!0}:{}))},j):null);var k,P}));O.displayName="Switch";var C=O;export{C as default};