@purpurds/toggle 5.35.0 → 6.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/LICENSE.txt +3 -3
- package/dist/toggle.cjs.js +4 -4
- package/dist/toggle.cjs.js.map +1 -1
- package/dist/toggle.d.ts.map +1 -1
- package/dist/toggle.es.js +132 -131
- package/dist/toggle.es.js.map +1 -1
- package/package.json +5 -5
- package/src/toggle.tsx +2 -1
package/dist/LICENSE.txt
CHANGED
|
@@ -1,19 +1,19 @@
|
|
|
1
1
|
Name: @purpurds/icon
|
|
2
|
-
Version: 5.
|
|
2
|
+
Version: 5.35.0
|
|
3
3
|
License: AGPL-3.0-only
|
|
4
4
|
Private: false
|
|
5
5
|
|
|
6
6
|
---
|
|
7
7
|
|
|
8
8
|
Name: @purpurds/label
|
|
9
|
-
Version: 5.
|
|
9
|
+
Version: 5.35.0
|
|
10
10
|
License: AGPL-3.0-only
|
|
11
11
|
Private: false
|
|
12
12
|
|
|
13
13
|
---
|
|
14
14
|
|
|
15
15
|
Name: @purpurds/paragraph
|
|
16
|
-
Version: 5.
|
|
16
|
+
Version: 5.35.0
|
|
17
17
|
License: AGPL-3.0-only
|
|
18
18
|
Private: false
|
|
19
19
|
|
package/dist/toggle.cjs.js
CHANGED
|
@@ -2,17 +2,17 @@
|
|
|
2
2
|
Copyright (c) 2018 Jed Watson.
|
|
3
3
|
Licensed under the MIT License (MIT), see
|
|
4
4
|
http://jedwatson.github.io/classnames
|
|
5
|
-
*/(function(e){(function(){var n={}.hasOwnProperty;function
|
|
5
|
+
*/(function(e){(function(){var n={}.hasOwnProperty;function t(){for(var r="",o=0;o<arguments.length;o++){var i=arguments[o];i&&(r=c(r,a.call(this,i)))}return r}function a(r){if(typeof r=="string"||typeof r=="number")return this&&this[r]||r;if(typeof r!="object")return"";if(Array.isArray(r))return t.apply(this,r);if(r.toString!==Object.prototype.toString&&!r.toString.toString().includes("[native code]"))return r.toString();var o="";for(var i in r)n.call(r,i)&&r[i]&&(o=c(o,this&&this[i]||i));return o}function c(r,o){return o?r?r+" "+o:r+o:r}e.exports?(t.default=t,e.exports=t):window.classNames=t})()})(H);var re=H.exports;const te=ee(re),ne={"purpur-icon":"_purpur-icon_8u1lq_1","purpur-icon--xxs":"_purpur-icon--xxs_8u1lq_4","purpur-icon--xs":"_purpur-icon--xs_8u1lq_8","purpur-icon--sm":"_purpur-icon--sm_8u1lq_12","purpur-icon--md":"_purpur-icon--md_8u1lq_16","purpur-icon--lg":"_purpur-icon--lg_8u1lq_20","purpur-icon--xl":"_purpur-icon--xl_8u1lq_24"},oe=te.bind(ne),M="purpur-icon",ae="md",ue=e=>e.filter(n=>Object.keys(n).length>=1).map(n=>`${n.name}="${n.value}"`).join(" "),ce=({content:e="",title:n}={})=>{const t=[{name:"xmlns",value:"http://www.w3.org/2000/svg"},{name:"fill",value:"currentColor"},{name:"viewBox",value:"0 0 24 24"},n?{name:"role",value:"img"}:{name:"aria-hidden",value:"true"}],a=n?`<title>${n}</title>`:"";return`<svg ${ue(t)}>${a}${e}</svg>`},ie=e=>e.replace(/<(\/?)svg([^>]*)>/g,"").trim(),q=({["data-testid"]:e,svg:n,allyTitle:t,className:a,size:c=ae,...r})=>{const o=ce({content:ie(n.svg),title:t}),i=oe(a,M,`${M}--${c}`);return v.jsx("span",{"aria-label":t,className:i,"data-testid":e,dangerouslySetInnerHTML:{__html:o},...r})};q.displayName="Icon";const se={name:"checkmark-bold",svg:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path fill-rule="evenodd" d="M21.243 4.176a2 2 0 0 1 .324 2.81l-10.45 13.176a2.092 2.092 0 0 1-3.118.18l-5.413-5.413A2 2 0 1 1 5.414 12.1l3.9 3.9 9.118-11.5a2 2 0 0 1 2.81-.324Z" clip-rule="evenodd"/></svg>',keywords:["checkmark-bold"],category:"utility"};function C(){return C=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var a in t)({}).hasOwnProperty.call(t,a)&&(e[a]=t[a])}return e},C.apply(null,arguments)}function le(e,n){typeof e=="function"?e(n):e!=null&&(e.current=n)}function de(...e){return n=>e.forEach(t=>le(t,n))}const I=u.forwardRef((e,n)=>{const{children:t,...a}=e,c=u.Children.toArray(t),r=c.find(fe);if(r){const o=r.props.children,i=c.map(s=>s===r?u.Children.count(o)>1?u.Children.only(null):u.isValidElement(o)?o.props.children:null:s);return u.createElement(O,C({},a,{ref:n}),u.isValidElement(o)?u.cloneElement(o,void 0,i):null)}return u.createElement(O,C({},a,{ref:n}),t)});I.displayName="Slot";const O=u.forwardRef((e,n)=>{const{children:t,...a}=e;return u.isValidElement(t)?u.cloneElement(t,{...he(a,t.props),ref:n?de(n,t.ref):t.ref}):u.Children.count(t)>1?u.Children.only(null):null});O.displayName="SlotClone";const pe=({children:e})=>u.createElement(u.Fragment,null,e);function fe(e){return u.isValidElement(e)&&e.type===pe}function he(e,n){const t={...n};for(const a in n){const c=e[a],r=n[a];/^on[A-Z]/.test(a)?c&&r?t[a]=(...o)=>{r(...o),c(...o)}:c&&(t[a]=c):a==="style"?t[a]={...c,...r}:a==="className"&&(t[a]=[c,r].filter(Boolean).join(" "))}return{...e,...t}}const ge=["a","button","div","form","h2","h3","img","input","label","li","nav","ol","p","span","svg","ul"],be=ge.reduce((e,n)=>{const t=u.forwardRef((a,c)=>{const{asChild:r,...o}=a,i=r?I:n;return u.useEffect(()=>{window[Symbol.for("radix-ui")]=!0},[]),u.createElement(i,C({},o,{ref:c}))});return t.displayName=`Primitive.${n}`,{...e,[n]:t}},{}),me=u.forwardRef((e,n)=>u.createElement(be.label,C({},e,{ref:n,onMouseDown:t=>{var a;(a=e.onMouseDown)===null||a===void 0||a.call(e,t),!t.defaultPrevented&&t.detail>1&&t.preventDefault()}}))),_e=me;function ve(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var T={exports:{}};/*!
|
|
6
6
|
Copyright (c) 2018 Jed Watson.
|
|
7
7
|
Licensed under the MIT License (MIT), see
|
|
8
8
|
http://jedwatson.github.io/classnames
|
|
9
|
-
*/(function(e){(function(){var n={}.hasOwnProperty;function
|
|
9
|
+
*/(function(e){(function(){var n={}.hasOwnProperty;function t(){for(var r="",o=0;o<arguments.length;o++){var i=arguments[o];i&&(r=c(r,a(i)))}return r}function a(r){if(typeof r=="string"||typeof r=="number")return r;if(typeof r!="object")return"";if(Array.isArray(r))return t.apply(null,r);if(r.toString!==Object.prototype.toString&&!r.toString.toString().includes("[native code]"))return r.toString();var o="";for(var i in r)n.call(r,i)&&r[i]&&(o=c(o,i));return o}function c(r,o){return o?r?r+" "+o:r+o:r}e.exports?(t.default=t,e.exports=t):window.classNames=t})()})(T);var $e=T.exports;const we=ve($e),A={"purpur-label":"_purpur-label_12cfi_1","purpur-label--negative":"_purpur-label--negative_12cfi_9","purpur-label--disabled":"_purpur-label--disabled_12cfi_12"},D="purpur-label",xe=({children:e,className:n,htmlFor:t,"data-testid":a,disabled:c,negative:r=!1,...o})=>{const i=we([n,A[D],{[A[`${D}--disabled`]]:c,[A[`${D}--negative`]]:r}]);return v.jsx(_e,{className:i,"data-testid":a,htmlFor:t,...o,children:e})};function ye(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var V={exports:{}};/*!
|
|
10
10
|
Copyright (c) 2018 Jed Watson.
|
|
11
11
|
Licensed under the MIT License (MIT), see
|
|
12
12
|
http://jedwatson.github.io/classnames
|
|
13
|
-
*/(function(e){(function(){var n={}.hasOwnProperty;function
|
|
13
|
+
*/(function(e){(function(){var n={}.hasOwnProperty;function t(){for(var r="",o=0;o<arguments.length;o++){var i=arguments[o];i&&(r=c(r,a(i)))}return r}function a(r){if(typeof r=="string"||typeof r=="number")return r;if(typeof r!="object")return"";if(Array.isArray(r))return t.apply(null,r);if(r.toString!==Object.prototype.toString&&!r.toString.toString().includes("[native code]"))return r.toString();var o="";for(var i in r)n.call(r,i)&&r[i]&&(o=c(o,i));return o}function c(r,o){return o?r?r+" "+o:r+o:r}e.exports?(t.default=t,e.exports=t):window.classNames=t})()})(V);var Se=V.exports;const Ee=ye(Se),P={"purpur-paragraph":"_purpur-paragraph_1rh57_1","purpur-paragraph--disabled":"_purpur-paragraph--disabled_1rh57_7","purpur-paragraph--hyphens":"_purpur-paragraph--hyphens_1rh57_10","purpur-paragraph--negative":"_purpur-paragraph--negative_1rh57_13","purpur-paragraph--paragraph-100":"_purpur-paragraph--paragraph-100_1rh57_16","purpur-paragraph--paragraph-100-medium":"_purpur-paragraph--paragraph-100-medium_1rh57_22","purpur-paragraph--paragraph-100-bold":"_purpur-paragraph--paragraph-100-bold_1rh57_29","purpur-paragraph--paragraph-200":"_purpur-paragraph--paragraph-200_1rh57_36","purpur-paragraph--preamble-100":"_purpur-paragraph--preamble-100_1rh57_42","purpur-paragraph--preamble-200":"_purpur-paragraph--preamble-200_1rh57_48","purpur-paragraph--additional-100":"_purpur-paragraph--additional-100_1rh57_54","purpur-paragraph--additional-100-medium":"_purpur-paragraph--additional-100-medium_1rh57_60","purpur-paragraph--overline-100":"_purpur-paragraph--overline-100_1rh57_67","purpur-paragraph--overline-200":"_purpur-paragraph--overline-200_1rh57_75"},Ce={PARAGRAPH100:"paragraph-100",PARAGRAPH100MEDIUM:"paragraph-100-medium",PARAGRAPH100BOLD:"paragraph-100-bold",PARAGRAPH200:"paragraph-200",PREAMBLE100:"preamble-100",PREAMBLE200:"preamble-200",ADDITIONAL100:"additional-100",ADDITIONAL100MEDIUM:"additional-100-medium",OVERLINE100:"overline-100",OVERLINE200:"overline-200"},k="purpur-paragraph",F=({["data-testid"]:e,children:n,className:t,disabled:a,enableHyphenation:c=!1,negative:r=!1,variant:o=Ce.PARAGRAPH100,...i})=>{const s=Ee([t,P[k],P[`${k}--${o}`],{[P[`${k}--hyphens`]]:c,[P[`${k}--disabled`]]:a,[P[`${k}--negative`]]:r}]);return v.jsx("p",{...i,className:s,"data-testid":e,children:n})};F.displayName="Paragraph";function S(){return S=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var a in t)({}).hasOwnProperty.call(t,a)&&(e[a]=t[a])}return e},S.apply(null,arguments)}function Pe(e,n,{checkForDefaultPrevented:t=!0}={}){return function(c){if(e==null||e(c),t===!1||!c.defaultPrevented)return n==null?void 0:n(c)}}function ke(e,n){typeof e=="function"?e(n):e!=null&&(e.current=n)}function W(...e){return n=>e.forEach(t=>ke(t,n))}function Re(...e){return u.useCallback(W(...e),e)}function Ae(e,n=[]){let t=[];function a(r,o){const i=u.createContext(o),s=t.length;t=[...t,o];function l(d){const{scope:p,children:h,...f}=d,m=(p==null?void 0:p[e][s])||i,g=u.useMemo(()=>f,Object.values(f));return u.createElement(m.Provider,{value:g},h)}function b(d,p){const h=(p==null?void 0:p[e][s])||i,f=u.useContext(h);if(f)return f;if(o!==void 0)return o;throw new Error(`\`${d}\` must be used within \`${r}\``)}return l.displayName=r+"Provider",[l,b]}const c=()=>{const r=t.map(o=>u.createContext(o));return function(i){const s=(i==null?void 0:i[e])||r;return u.useMemo(()=>({[`__scope${e}`]:{...i,[e]:s}}),[i,s])}};return c.scopeName=e,[a,De(c,...n)]}function De(...e){const n=e[0];if(e.length===1)return n;const t=()=>{const a=e.map(c=>({useScope:c(),scopeName:c.scopeName}));return function(r){const o=a.reduce((i,{useScope:s,scopeName:l})=>{const d=s(r)[`__scope${l}`];return{...i,...d}},{});return u.useMemo(()=>({[`__scope${n.scopeName}`]:o}),[o])}};return t.scopeName=n.scopeName,t}function U(e){const n=u.useRef(e);return u.useEffect(()=>{n.current=e}),u.useMemo(()=>(...t)=>{var a;return(a=n.current)===null||a===void 0?void 0:a.call(n,...t)},[])}function Ne({prop:e,defaultProp:n,onChange:t=()=>{}}){const[a,c]=Oe({defaultProp:n,onChange:t}),r=e!==void 0,o=r?e:a,i=U(t),s=u.useCallback(l=>{if(r){const d=typeof l=="function"?l(e):l;d!==e&&i(d)}else c(l)},[r,e,c,i]);return[o,s]}function Oe({defaultProp:e,onChange:n}){const t=u.useState(e),[a]=t,c=u.useRef(a),r=U(n);return u.useEffect(()=>{c.current!==a&&(r(a),c.current=a)},[a,c,r]),t}function je(e){const n=u.useRef({value:e,previous:e});return u.useMemo(()=>(n.current.value!==e&&(n.current.previous=n.current.value,n.current.value=e),n.current.previous),[e])}const Me=globalThis!=null&&globalThis.document?u.useLayoutEffect:()=>{};function ze(e){const[n,t]=u.useState(void 0);return Me(()=>{if(e){t({width:e.offsetWidth,height:e.offsetHeight});const a=new ResizeObserver(c=>{if(!Array.isArray(c)||!c.length)return;const r=c[0];let o,i;if("borderBoxSize"in r){const s=r.borderBoxSize,l=Array.isArray(s)?s[0]:s;o=l.inlineSize,i=l.blockSize}else o=e.offsetWidth,i=e.offsetHeight;t({width:o,height:i})});return a.observe(e,{box:"border-box"}),()=>a.unobserve(e)}else t(void 0)},[e]),n}const G=u.forwardRef((e,n)=>{const{children:t,...a}=e,c=u.Children.toArray(t),r=c.find(Le);if(r){const o=r.props.children,i=c.map(s=>s===r?u.Children.count(o)>1?u.Children.only(null):u.isValidElement(o)?o.props.children:null:s);return u.createElement(j,S({},a,{ref:n}),u.isValidElement(o)?u.cloneElement(o,void 0,i):null)}return u.createElement(j,S({},a,{ref:n}),t)});G.displayName="Slot";const j=u.forwardRef((e,n)=>{const{children:t,...a}=e;return u.isValidElement(t)?u.cloneElement(t,{...Xe(a,t.props),ref:n?W(n,t.ref):t.ref}):u.Children.count(t)>1?u.Children.only(null):null});j.displayName="SlotClone";const Be=({children:e})=>u.createElement(u.Fragment,null,e);function Le(e){return u.isValidElement(e)&&e.type===Be}function Xe(e,n){const t={...n};for(const a in n){const c=e[a],r=n[a];/^on[A-Z]/.test(a)?c&&r?t[a]=(...i)=>{r(...i),c(...i)}:c&&(t[a]=c):a==="style"?t[a]={...c,...r}:a==="className"&&(t[a]=[c,r].filter(Boolean).join(" "))}return{...e,...t}}const He=["a","button","div","form","h2","h3","img","input","label","li","nav","ol","p","span","svg","ul"],Z=He.reduce((e,n)=>{const t=u.forwardRef((a,c)=>{const{asChild:r,...o}=a,i=r?G:n;return u.useEffect(()=>{window[Symbol.for("radix-ui")]=!0},[]),u.createElement(i,S({},o,{ref:c}))});return t.displayName=`Primitive.${n}`,{...e,[n]:t}},{}),J="Switch",[qe,tr]=Ae(J),[Ie,Te]=qe(J),Ve=u.forwardRef((e,n)=>{const{__scopeSwitch:t,name:a,checked:c,defaultChecked:r,required:o,disabled:i,value:s="on",onCheckedChange:l,...b}=e,[d,p]=u.useState(null),h=Re(n,$=>p($)),f=u.useRef(!1),m=d?!!d.closest("form"):!0,[g=!1,_]=Ne({prop:c,defaultProp:r,onChange:l});return u.createElement(Ie,{scope:t,checked:g,disabled:i},u.createElement(Z.button,S({type:"button",role:"switch","aria-checked":g,"aria-required":o,"data-state":K(g),"data-disabled":i?"":void 0,disabled:i,value:s},b,{ref:h,onClick:Pe(e.onClick,$=>{_(y=>!y),m&&(f.current=$.isPropagationStopped(),f.current||$.stopPropagation())})})),m&&u.createElement(Ue,{control:d,bubbles:!f.current,name:a,value:s,checked:g,required:o,disabled:i,style:{transform:"translateX(-100%)"}}))}),Fe="SwitchThumb",We=u.forwardRef((e,n)=>{const{__scopeSwitch:t,...a}=e,c=Te(Fe,t);return u.createElement(Z.span,S({"data-state":K(c.checked),"data-disabled":c.disabled?"":void 0},a,{ref:n}))}),Ue=e=>{const{control:n,checked:t,bubbles:a=!0,...c}=e,r=u.useRef(null),o=je(t),i=ze(n);return u.useEffect(()=>{const s=r.current,l=window.HTMLInputElement.prototype,d=Object.getOwnPropertyDescriptor(l,"checked").set;if(o!==t&&d){const p=new Event("click",{bubbles:a});d.call(s,t),s.dispatchEvent(p)}},[o,t,a]),u.createElement("input",S({type:"checkbox","aria-hidden":!0,defaultChecked:t},c,{tabIndex:-1,ref:r,style:{...e.style,...i,position:"absolute",pointerEvents:"none",opacity:0,margin:0}}))};function K(e){return e?"checked":"unchecked"}const Ge=Ve,Ze=We;function Je(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var Q={exports:{}};/*!
|
|
14
14
|
Copyright (c) 2018 Jed Watson.
|
|
15
15
|
Licensed under the MIT License (MIT), see
|
|
16
16
|
http://jedwatson.github.io/classnames
|
|
17
|
-
*/(function(e){(function(){var n={}.hasOwnProperty;function
|
|
17
|
+
*/(function(e){(function(){var n={}.hasOwnProperty;function t(){for(var r="",o=0;o<arguments.length;o++){var i=arguments[o];i&&(r=c(r,a(i)))}return r}function a(r){if(typeof r=="string"||typeof r=="number")return r;if(typeof r!="object")return"";if(Array.isArray(r))return t.apply(null,r);if(r.toString!==Object.prototype.toString&&!r.toString.toString().includes("[native code]"))return r.toString();var o="";for(var i in r)n.call(r,i)&&r[i]&&(o=c(o,i));return o}function c(r,o){return o?r?r+" "+o:r+o:r}e.exports?(t.default=t,e.exports=t):window.classNames=t})()})(Q);var Ke=Q.exports;const N=Je(Ke),z=e=>e&&"touches"in e,Qe=({children:e,disabled:n,onStart:t,onDrag:a,onStop:c,bounds:r,position:o,style:i})=>{const[s,l]=u.useState(void 0),[b,d]=u.useState(void 0),[p,h]=u.useState(!1),f=_=>{if(!n){_.preventDefault();const $=z(_.nativeEvent)?_.nativeEvent.touches[0].clientX:_.nativeEvent.clientX;d($),t==null||t()}},m=u.useCallback(_=>{if(typeof b!="number")return;const y=(z(_)?_.touches[0].clientX:_.clientX)-b;if(!y)return;const E=o+y;!p&&Math.abs(E)&&h(!0);const R=E>r.right?r.right:E<r.left?r.left:E;l(R),a==null||a({x:R})},[a,l,p,b]),g=u.useCallback(()=>{d(void 0),l(void 0),h(!1),c==null||c()},[c,d]);return u.useEffect(()=>(window.addEventListener("mousemove",m),window.addEventListener("touchmove",m),()=>{window.removeEventListener("mousemove",m),window.removeEventListener("touchmove",m)}),[m]),u.useEffect(()=>(window.addEventListener("mouseup",g),window.addEventListener("touchend",g),()=>{window.removeEventListener("mouseup",g),window.removeEventListener("touchend",g)}),[g]),u.isValidElement(e)?u.cloneElement(u.Children.only(e),{onMouseDown:f,onTouchStart:f,style:{...i,transform:`translateX(${p?s:o}px)`}}):null},B={width:void 0,height:void 0};function L(e){const{ref:n,box:t="content-box",round:a}=e,[{width:c,height:r},o]=u.useState(B),i=Ye(),s=u.useRef({...B}),l=u.useRef(void 0);return l.current=e.onResize,u.useEffect(()=>{if(!n.current||typeof window>"u"||!("ResizeObserver"in window))return;const b=new ResizeObserver(([d])=>{const p=t==="border-box"?"borderBoxSize":t==="device-pixel-content-box"?"devicePixelContentBoxSize":"contentBoxSize",h=X(d,p,"inlineSize"),f=X(d,p,"blockSize");if(s.current.width!==h||s.current.height!==f){const g={width:h&&a?Math.round(h):h,height:f&&a?Math.round(f):f};s.current.width=h,s.current.height=f,l.current?l.current(g):i()&&o(g)}});return b.observe(n.current,{box:t}),()=>{b.disconnect()}},[t,n,i,a]),{width:c,height:r}}function X(e,n,t){return e[n]?Array.isArray(e[n])?e[n][0][t]:e[n][t]:n==="contentBoxSize"?e.contentRect[t==="inlineSize"?"width":"height"]:void 0}function Ye(){const e=u.useRef(!1);return u.useEffect(()=>(e.current=!0,()=>{e.current=!1}),[]),u.useCallback(()=>e.current,[])}const er=({checked:e,onChange:n})=>{const t=u.useRef(null),a=u.useRef(null),[c,r]=u.useState(void 0),[o,i]=u.useState(!1),[s,l]=u.useState(0),{height:b=0}=L({ref:a,round:!0}),{height:d=0}=L({ref:t,round:!0}),p=(d||0)-b,h=b+p,f=p/2,m=h/2,g=typeof c=="number"&&(e?c<m:c>m);return{trackRef:t,thumbRef:a,isDragging:o,bounds:{left:f,right:h},position:e?h:f,onDrag:({x:E})=>{r(E),Math.abs((e?h:f)-E)>2&&i(!0)},onStop:()=>{i(!1),o&&l(Date.now()),g&&(n==null||n(!e))},onChangeWithDrag:()=>{Date.now()-s>50&&(n==null||n(!e)),r(void 0)}}},w={"purpur-toggle":"_purpur-toggle_1xng6_1","purpur-toggle__track":"_purpur-toggle__track_1xng6_7","purpur-toggle__checkmark-container":"_purpur-toggle__checkmark-container_1xng6_45","purpur-toggle__thumb":"_purpur-toggle__thumb_1xng6_60","purpur-toggle__thumb--dragging":"_purpur-toggle__thumb--dragging_1xng6_80","purpur-toggle__checkmark":"_purpur-toggle__checkmark_1xng6_45","purpur-toggle__label--right":"_purpur-toggle__label--right_1xng6_100","purpur-toggle__label--left":"_purpur-toggle__label--left_1xng6_103","purpur-toggle__container":"_purpur-toggle__container_1xng6_106"},x="purpur-toggle",rr=({["data-testid"]:e,className:n,label:t,onChange:a,labelPosition:c="right",checked:r,disableDrag:o,defaultChecked:i,...s},l)=>{const[b,d]=u.useState(typeof r=="boolean"?r:!!i),p=!!(typeof r=="boolean"?r:b),{thumbRef:h,trackRef:f,isDragging:m,onChangeWithDrag:g,..._}=er({checked:p,onChange:y=>{s.disabled||(a==null||a(y),d(y))}}),$=()=>v.jsx(xe,{htmlFor:s.id,"data-testid":e&&`${e}-label`,disabled:s.disabled,className:N(w[`${x}__label`],w[`${x}__label--${c}`]),children:v.jsx(F,{variant:"paragraph-100",disabled:s.disabled,children:t})});return v.jsxs("div",{className:N([n,w[`${x}__container`]]),children:[t&&c==="left"&&$(),v.jsx(Ge,{...s,ref:l,id:s.id,"data-testid":e,className:w[x],onCheckedChange:g,checked:p,children:v.jsxs("span",{ref:f,className:w[`${x}__track`],children:[v.jsx("span",{className:w[`${x}__checkmark-container`],children:v.jsx(q,{className:w[`${x}__checkmark`],svg:se,size:"xxs"})}),v.jsx(Qe,{disabled:o,..._,children:v.jsx(Ze,{ref:h,"data-testid":e&&`${e}-thumb`,className:N([w[`${x}__thumb`],{[w[`${x}__thumb--dragging`]]:m}])})})]})}),t&&c==="right"&&$()]})},Y=u.forwardRef(rr);Y.displayName="Toggle";exports.Toggle=Y;
|
|
18
18
|
//# sourceMappingURL=toggle.cjs.js.map
|