@purpurds/toggle 8.6.0 → 8.8.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/styles.css +1 -1
- package/dist/toggle.cjs.js +5 -5
- package/dist/toggle.cjs.js.map +1 -1
- package/dist/toggle.es.js +188 -179
- package/dist/toggle.es.js.map +1 -1
- package/package.json +8 -8
package/dist/LICENSE.txt
CHANGED
|
@@ -1,19 +1,19 @@
|
|
|
1
1
|
Name: @purpurds/icon
|
|
2
|
-
Version: 8.
|
|
2
|
+
Version: 8.8.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: 8.
|
|
9
|
+
Version: 8.8.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: 8.
|
|
16
|
+
Version: 8.8.0
|
|
17
17
|
License: AGPL-3.0-only
|
|
18
18
|
Private: false
|
|
19
19
|
|
package/dist/styles.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
._purpur-toggle_zqs8u_1{all:unset;height:calc(var(--purpur-spacing-400) + var(--purpur-spacing-150));width:calc(var(--purpur-spacing-400) + var(--purpur-spacing-150));cursor:pointer}._purpur-toggle_zqs8u_1:hover:not(:disabled)>._purpur-toggle__track_zqs8u_7{background-color:var(--purpur-color-background-interactive-transparent-hover);border-color:var(--purpur-color-border-interactive-primary)}._purpur-toggle_zqs8u_1:active:not(:disabled)>._purpur-toggle__track_zqs8u_7{background-color:var(--purpur-color-background-interactive-transparent-active)}._purpur-toggle_zqs8u_1:disabled{cursor:default}._purpur-toggle_zqs8u_1:disabled>._purpur-toggle__track_zqs8u_7{border-color:var(--purpur-color-border-weak)}._purpur-toggle_zqs8u_1:focus-visible:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--purpur-border-radius-xs);outline:var(--purpur-border-width-sm) solid var(--purpur-color-border-interactive-focus);outline-offset:var(--purpur-spacing-25);pointer-events:none}._purpur-toggle_zqs8u_1[data-state=checked]>._purpur-toggle__track_zqs8u_7{background-color:var(--purpur-color-background-interactive-primary);border-color:var(--purpur-color-functional-transparent)}._purpur-toggle_zqs8u_1[data-state=checked]:hover:not(:disabled)>._purpur-toggle__track_zqs8u_7{background-color:var(--purpur-color-background-interactive-primary-hover);border-color:var(--purpur-color-functional-transparent)}._purpur-toggle_zqs8u_1[data-state=checked]:active:not(:disabled)>._purpur-toggle__track_zqs8u_7{background-color:var(--purpur-color-background-interactive-primary-active);border-color:var(--purpur-color-functional-transparent)}._purpur-toggle_zqs8u_1[data-state=checked]:disabled>._purpur-toggle__track_zqs8u_7{background-color:var(--purpur-color-background-interactive-disabled);border-color:var(--purpur-color-functional-transparent)}._purpur-toggle_zqs8u_1[data-state=checked] ._purpur-toggle__checkmark-container_zqs8u_45{opacity:1}._purpur-toggle__track_zqs8u_7{display:block;width:calc(var(--purpur-spacing-400) + var(--purpur-spacing-150));height:var(--purpur-spacing-300);position:relative;background-color:var(--purpur-color-text-interactive-on-primary);color:var(--purpur-color-text-interactive-on-primary);box-sizing:border-box;border:var(--purpur-border-width-xs) solid var(--purpur-color-border-interactive-primary);border-radius:var(--purpur-border-radius-full);transition:background-color var(--purpur-motion-duration-150) ease,border-color var(--purpur-motion-duration-150) ease}._purpur-toggle__thumb_zqs8u_60{position:absolute;display:block;height:calc(var(--purpur-spacing-200) + var(--purpur-spacing-25));width:calc(var(--purpur-spacing-200) + var(--purpur-spacing-25));border-radius:var(--purpur-border-radius-full);background-color:var(--purpur-color-background-interactive-primary);transition:background-color var(--purpur-motion-duration-150) ease;will-change:transform;top:2px}@media
|
|
1
|
+
._purpur-toggle_zqs8u_1{all:unset;height:calc(var(--purpur-spacing-400) + var(--purpur-spacing-150));width:calc(var(--purpur-spacing-400) + var(--purpur-spacing-150));cursor:pointer}._purpur-toggle_zqs8u_1:hover:not(:disabled)>._purpur-toggle__track_zqs8u_7{background-color:var(--purpur-color-background-interactive-transparent-hover);border-color:var(--purpur-color-border-interactive-primary)}._purpur-toggle_zqs8u_1:active:not(:disabled)>._purpur-toggle__track_zqs8u_7{background-color:var(--purpur-color-background-interactive-transparent-active)}._purpur-toggle_zqs8u_1:disabled{cursor:default}._purpur-toggle_zqs8u_1:disabled>._purpur-toggle__track_zqs8u_7{border-color:var(--purpur-color-border-weak)}._purpur-toggle_zqs8u_1:focus-visible:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--purpur-border-radius-xs);outline:var(--purpur-border-width-sm) solid var(--purpur-color-border-interactive-focus);outline-offset:var(--purpur-spacing-25);pointer-events:none}._purpur-toggle_zqs8u_1[data-state=checked]>._purpur-toggle__track_zqs8u_7{background-color:var(--purpur-color-background-interactive-primary);border-color:var(--purpur-color-functional-transparent)}._purpur-toggle_zqs8u_1[data-state=checked]:hover:not(:disabled)>._purpur-toggle__track_zqs8u_7{background-color:var(--purpur-color-background-interactive-primary-hover);border-color:var(--purpur-color-functional-transparent)}._purpur-toggle_zqs8u_1[data-state=checked]:active:not(:disabled)>._purpur-toggle__track_zqs8u_7{background-color:var(--purpur-color-background-interactive-primary-active);border-color:var(--purpur-color-functional-transparent)}._purpur-toggle_zqs8u_1[data-state=checked]:disabled>._purpur-toggle__track_zqs8u_7{background-color:var(--purpur-color-background-interactive-disabled);border-color:var(--purpur-color-functional-transparent)}._purpur-toggle_zqs8u_1[data-state=checked] ._purpur-toggle__checkmark-container_zqs8u_45{opacity:1}._purpur-toggle__track_zqs8u_7{display:block;width:calc(var(--purpur-spacing-400) + var(--purpur-spacing-150));height:var(--purpur-spacing-300);position:relative;background-color:var(--purpur-color-text-interactive-on-primary);color:var(--purpur-color-text-interactive-on-primary);box-sizing:border-box;border:var(--purpur-border-width-xs) solid var(--purpur-color-border-interactive-primary);border-radius:var(--purpur-border-radius-full);transition:background-color var(--purpur-motion-duration-150) ease,border-color var(--purpur-motion-duration-150) ease}._purpur-toggle__thumb_zqs8u_60{position:absolute;display:block;height:calc(var(--purpur-spacing-200) + var(--purpur-spacing-25));width:calc(var(--purpur-spacing-200) + var(--purpur-spacing-25));border-radius:var(--purpur-border-radius-full);background-color:var(--purpur-color-background-interactive-primary);transition:background-color var(--purpur-motion-duration-150) ease;will-change:transform;top:2px}@media(prefers-reduced-motion:no-preference){._purpur-toggle__thumb_zqs8u_60{transition:transform var(--purpur-motion-duration-150) ease,background-color var(--purpur-motion-duration-150) ease}}._purpur-toggle__thumb_zqs8u_60[data-disabled]{background-color:var(--purpur-color-background-interactive-disabled)}._purpur-toggle__thumb_zqs8u_60[data-state=checked],._purpur-toggle__thumb_zqs8u_60[data-state=checked][data-disabled]{background-color:var(--purpur-color-text-interactive-on-primary)}._purpur-toggle__thumb--dragging_zqs8u_85{cursor:grabbing;transition:background-color var(--purpur-motion-duration-150) ease}@media(prefers-reduced-motion:no-preference){._purpur-toggle__thumb--dragging_zqs8u_85{transition:transform 35ms ease,background-color var(--purpur-motion-duration-150) ease}}._purpur-toggle__checkmark-container_zqs8u_45{position:absolute;display:flex;align-items:center;justify-content:center;top:50%;opacity:0;transform:translateY(-50%);left:var(--purpur-spacing-25);transition:opacity var(--purpur-motion-duration-150) ease;width:calc(var(--purpur-spacing-200) + var(--purpur-spacing-25));height:calc(var(--purpur-spacing-200) + var(--purpur-spacing-25))}._purpur-toggle__checkmark_zqs8u_45{display:flex!important}._purpur-toggle__label--right_zqs8u_110{padding-left:var(--purpur-spacing-150)}._purpur-toggle__label--left_zqs8u_113{padding-right:var(--purpur-spacing-150)}._purpur-toggle__container_zqs8u_116{width:fit-content;position:relative;display:flex;align-items:center}._purpur-toggle__container_zqs8u_116 p{transition:color var(--purpur-motion-duration-150) ease}
|
package/dist/toggle.cjs.js
CHANGED
|
@@ -1,18 +1,18 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("react/jsx-runtime"),h=require("react");require("react-dom");function
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("react/jsx-runtime"),h=require("react");require("react-dom");function oe(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const i=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,i.get?i:{enumerable:!0,get:()=>e[t]})}}return n.default=e,Object.freeze(n)}const a=oe(h);function ie(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var N={exports:{}};/*!
|
|
2
2
|
Copyright (c) 2018 Jed Watson.
|
|
3
3
|
Licensed under the MIT License (MIT), see
|
|
4
4
|
http://jedwatson.github.io/classnames
|
|
5
|
-
*/var
|
|
5
|
+
*/var z;function ue(){return z||(z=1,(function(e){(function(){var n={}.hasOwnProperty;function t(){for(var r="",u=0;u<arguments.length;u++){var s=arguments[u];s&&(r=o(r,i.call(this,s)))}return r}function i(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 u="";for(var s in r)n.call(r,s)&&r[s]&&(u=o(u,this&&this[s]||s));return u}function o(r,u){return u?r?r+" "+u:r+u:r}e.exports?(t.default=t,e.exports=t):window.classNames=t})()})(N)),N.exports}var se=ue();const ae=ie(se),ce={"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"},le=ae.bind(ce),D="purpur-icon",pe="md",fe=e=>e.filter(n=>Object.keys(n).length>=1).map(n=>`${n.name}="${n.value}"`).join(" "),de=({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"}],i=n?`<title>${n}</title>`:"";return`<svg ${fe(t)}>${i}${e}</svg>`},he=e=>e.replace(/<(\/?)svg([^>]*)>/g,"").trim(),F=({svg:e,allyTitle:n,className:t,size:i=pe,...o})=>{const r=de({content:he(e.svg),title:n}),u=le(D,`${D}--${i}`,t);return d.jsx("span",{className:u,dangerouslySetInnerHTML:{__html:r},...o})};F.displayName="Icon";const ge={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 A(e,n){if(typeof e=="function")return e(n);e!=null&&(e.current=n)}function _e(...e){return n=>{let t=!1;const i=e.map(o=>{const r=A(o,n);return!t&&typeof r=="function"&&(t=!0),r});if(t)return()=>{for(let o=0;o<i.length;o++){const r=i[o];typeof r=="function"?r():A(e[o],null)}}}}var me=Symbol.for("react.lazy"),C=a[" use ".trim().toString()];function ve(e){return typeof e=="object"&&e!==null&&"then"in e}function U(e){return e!=null&&typeof e=="object"&&"$$typeof"in e&&e.$$typeof===me&&"_payload"in e&&ve(e._payload)}function be(e){const n=ye(e),t=a.forwardRef((i,o)=>{let{children:r,...u}=i;U(r)&&typeof C=="function"&&(r=C(r._payload));const s=a.Children.toArray(r),c=s.find(xe);if(c){const l=c.props.children,g=s.map(p=>p===c?a.Children.count(l)>1?a.Children.only(null):a.isValidElement(l)?l.props.children:null:p);return d.jsx(n,{...u,ref:o,children:a.isValidElement(l)?a.cloneElement(l,void 0,g):null})}return d.jsx(n,{...u,ref:o,children:r})});return t.displayName=`${e}.Slot`,t}function ye(e){const n=a.forwardRef((t,i)=>{let{children:o,...r}=t;if(U(o)&&typeof C=="function"&&(o=C(o._payload)),a.isValidElement(o)){const u=$e(o),s=Se(r,o.props);return o.type!==a.Fragment&&(s.ref=i?_e(i,u):u),a.cloneElement(o,s)}return a.Children.count(o)>1?a.Children.only(null):null});return n.displayName=`${e}.SlotClone`,n}var we=Symbol("radix.slottable");function xe(e){return a.isValidElement(e)&&typeof e.type=="function"&&"__radixId"in e.type&&e.type.__radixId===we}function Se(e,n){const t={...n};for(const i in n){const o=e[i],r=n[i];/^on[A-Z]/.test(i)?o&&r?t[i]=(...u)=>{const s=r(...u);return o(...u),s}:o&&(t[i]=o):i==="style"?t[i]={...o,...r}:i==="className"&&(t[i]=[o,r].filter(Boolean).join(" "))}return{...e,...t}}function $e(e){var n,t;let i=(n=Object.getOwnPropertyDescriptor(e.props,"ref"))==null?void 0:n.get,o=i&&"isReactWarning"in i&&i.isReactWarning;return o?e.ref:(i=(t=Object.getOwnPropertyDescriptor(e,"ref"))==null?void 0:t.get,o=i&&"isReactWarning"in i&&i.isReactWarning,o?e.props.ref:e.props.ref||e.ref)}var Re=["a","button","div","form","h2","h3","img","input","label","li","nav","ol","p","select","span","svg","ul"],je=Re.reduce((e,n)=>{const t=be(`Primitive.${n}`),i=a.forwardRef((o,r)=>{const{asChild:u,...s}=o,c=u?t:n;return typeof window<"u"&&(window[Symbol.for("radix-ui")]=!0),d.jsx(c,{...s,ref:r})});return i.displayName=`Primitive.${n}`,{...e,[n]:i}},{}),Ce="Label",Z=a.forwardRef((e,n)=>d.jsx(je.label,{...e,ref:n,onMouseDown:t=>{var i;t.target.closest("button, input, select, textarea")||((i=e.onMouseDown)==null||i.call(e,t),!t.defaultPrevented&&t.detail>1&&t.preventDefault())}}));Z.displayName=Ce;var Pe=Z;function ke(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var M={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
|
-
*/var
|
|
9
|
+
*/var q;function Ee(){return q||(q=1,(function(e){(function(){var n={}.hasOwnProperty;function t(){for(var r="",u=0;u<arguments.length;u++){var s=arguments[u];s&&(r=o(r,i.call(this,s)))}return r}function i(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 u="";for(var s in r)n.call(r,s)&&r[s]&&(u=o(u,this&&this[s]||s));return u}function o(r,u){return u?r?r+" "+u:r+u:r}e.exports?(t.default=t,e.exports=t):window.classNames=t})()})(M)),M.exports}var Oe=Ee();const Ne=ke(Oe),ze={"purpur-label":"_purpur-label_1x80u_1","purpur-label--negative":"_purpur-label--negative_1x80u_8","purpur-label--disabled":"_purpur-label--disabled_1x80u_11"},De=Ne.bind(ze),k="purpur-label",Ae=({children:e,className:n,disabled:t,negative:i=!1,...o})=>{const r=De(n,k,{[`${k}--disabled`]:t,[`${k}--negative`]:i});return d.jsx(Pe,{className:r,...o,children:e})};function Me(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var B={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
|
-
*/var
|
|
13
|
+
*/var X;function qe(){return X||(X=1,(function(e){(function(){var n={}.hasOwnProperty;function t(){for(var r="",u=0;u<arguments.length;u++){var s=arguments[u];s&&(r=o(r,i.call(this,s)))}return r}function i(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 u="";for(var s in r)n.call(r,s)&&r[s]&&(u=o(u,this&&this[s]||s));return u}function o(r,u){return u?r?r+" "+u:r+u:r}e.exports?(t.default=t,e.exports=t):window.classNames=t})()})(B)),B.exports}var Be=qe();const Xe=Me(Be),Le={"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"},We=Xe.bind(Le),Te={PARAGRAPH100:"paragraph-100"},j="purpur-paragraph",G=({children:e,className:n,disabled:t,enableHyphenation:i=!1,negative:o=!1,variant:r=Te.PARAGRAPH100,...u})=>{const s=We(n,j,`${j}--${r}`,{[`${j}--hyphens`]:i,[`${j}--disabled`]:t,[`${j}--negative`]:o});return d.jsx("p",{...u,className:s,children:e})};G.displayName="Paragraph";function Ie(e,n,{checkForDefaultPrevented:t=!0}={}){return function(o){if(e==null||e(o),t===!1||!o.defaultPrevented)return n==null?void 0:n(o)}}function L(e,n){if(typeof e=="function")return e(n);e!=null&&(e.current=n)}function J(...e){return n=>{let t=!1;const i=e.map(o=>{const r=L(o,n);return!t&&typeof r=="function"&&(t=!0),r});if(t)return()=>{for(let o=0;o<i.length;o++){const r=i[o];typeof r=="function"?r():L(e[o],null)}}}}function Ve(...e){return a.useCallback(J(...e),e)}function He(e,n=[]){let t=[];function i(r,u){const s=a.createContext(u),c=t.length;t=[...t,u];const l=p=>{var b;const{scope:f,children:m,..._}=p,v=((b=f==null?void 0:f[e])==null?void 0:b[c])||s,y=a.useMemo(()=>_,Object.values(_));return d.jsx(v.Provider,{value:y,children:m})};l.displayName=r+"Provider";function g(p,f){var v;const m=((v=f==null?void 0:f[e])==null?void 0:v[c])||s,_=a.useContext(m);if(_)return _;if(u!==void 0)return u;throw new Error(`\`${p}\` must be used within \`${r}\``)}return[l,g]}const o=()=>{const r=t.map(u=>a.createContext(u));return function(s){const c=(s==null?void 0:s[e])||r;return a.useMemo(()=>({[`__scope${e}`]:{...s,[e]:c}}),[s,c])}};return o.scopeName=e,[i,Fe(o,...n)]}function Fe(...e){const n=e[0];if(e.length===1)return n;const t=()=>{const i=e.map(o=>({useScope:o(),scopeName:o.scopeName}));return function(r){const u=i.reduce((s,{useScope:c,scopeName:l})=>{const p=c(r)[`__scope${l}`];return{...s,...p}},{});return a.useMemo(()=>({[`__scope${n.scopeName}`]:u}),[u])}};return t.scopeName=n.scopeName,t}function K(e){const n=a.useRef(e);return a.useEffect(()=>{n.current=e}),a.useMemo(()=>(...t)=>{var i;return(i=n.current)==null?void 0:i.call(n,...t)},[])}function Ue({prop:e,defaultProp:n,onChange:t=()=>{}}){const[i,o]=Ze({defaultProp:n,onChange:t}),r=e!==void 0,u=r?e:i,s=K(t),c=a.useCallback(l=>{if(r){const p=typeof l=="function"?l(e):l;p!==e&&s(p)}else o(l)},[r,e,o,s]);return[u,c]}function Ze({defaultProp:e,onChange:n}){const t=a.useState(e),[i]=t,o=a.useRef(i),r=K(n);return a.useEffect(()=>{o.current!==i&&(r(i),o.current=i)},[i,o,r]),t}function Ge(e){const n=a.useRef({value:e,previous:e});return a.useMemo(()=>(n.current.value!==e&&(n.current.previous=n.current.value,n.current.value=e),n.current.previous),[e])}var Je=globalThis!=null&&globalThis.document?a.useLayoutEffect:()=>{};function Ke(e){const[n,t]=a.useState(void 0);return Je(()=>{if(e){t({width:e.offsetWidth,height:e.offsetHeight});const i=new ResizeObserver(o=>{if(!Array.isArray(o)||!o.length)return;const r=o[0];let u,s;if("borderBoxSize"in r){const c=r.borderBoxSize,l=Array.isArray(c)?c[0]:c;u=l.inlineSize,s=l.blockSize}else u=e.offsetWidth,s=e.offsetHeight;t({width:u,height:s})});return i.observe(e,{box:"border-box"}),()=>i.unobserve(e)}else t(void 0)},[e]),n}function Qe(e){const n=Ye(e),t=a.forwardRef((i,o)=>{const{children:r,...u}=i,s=a.Children.toArray(r),c=s.find(rr);if(c){const l=c.props.children,g=s.map(p=>p===c?a.Children.count(l)>1?a.Children.only(null):a.isValidElement(l)?l.props.children:null:p);return d.jsx(n,{...u,ref:o,children:a.isValidElement(l)?a.cloneElement(l,void 0,g):null})}return d.jsx(n,{...u,ref:o,children:r})});return t.displayName=`${e}.Slot`,t}function Ye(e){const n=a.forwardRef((t,i)=>{const{children:o,...r}=t;if(a.isValidElement(o)){const u=nr(o),s=tr(r,o.props);return o.type!==a.Fragment&&(s.ref=i?J(i,u):u),a.cloneElement(o,s)}return a.Children.count(o)>1?a.Children.only(null):null});return n.displayName=`${e}.SlotClone`,n}var er=Symbol("radix.slottable");function rr(e){return a.isValidElement(e)&&typeof e.type=="function"&&"__radixId"in e.type&&e.type.__radixId===er}function tr(e,n){const t={...n};for(const i in n){const o=e[i],r=n[i];/^on[A-Z]/.test(i)?o&&r?t[i]=(...s)=>{r(...s),o(...s)}:o&&(t[i]=o):i==="style"?t[i]={...o,...r}:i==="className"&&(t[i]=[o,r].filter(Boolean).join(" "))}return{...e,...t}}function nr(e){var i,o;let n=(i=Object.getOwnPropertyDescriptor(e.props,"ref"))==null?void 0:i.get,t=n&&"isReactWarning"in n&&n.isReactWarning;return t?e.ref:(n=(o=Object.getOwnPropertyDescriptor(e,"ref"))==null?void 0:o.get,t=n&&"isReactWarning"in n&&n.isReactWarning,t?e.props.ref:e.props.ref||e.ref)}var or=["a","button","div","form","h2","h3","img","input","label","li","nav","ol","p","span","svg","ul"],Q=or.reduce((e,n)=>{const t=Qe(`Primitive.${n}`),i=a.forwardRef((o,r)=>{const{asChild:u,...s}=o,c=u?t:n;return typeof window<"u"&&(window[Symbol.for("radix-ui")]=!0),d.jsx(c,{...s,ref:r})});return i.displayName=`Primitive.${n}`,{...e,[n]:i}},{}),O="Switch",[ir]=He(O),[ur,sr]=ir(O),Y=a.forwardRef((e,n)=>{const{__scopeSwitch:t,name:i,checked:o,defaultChecked:r,required:u,disabled:s,value:c="on",onCheckedChange:l,form:g,...p}=e,[f,m]=a.useState(null),_=Ve(n,w=>m(w)),v=a.useRef(!1),y=f?g||!!f.closest("form"):!0,[b=!1,$]=Ue({prop:o,defaultProp:r,onChange:l});return d.jsxs(ur,{scope:t,checked:b,disabled:s,children:[d.jsx(Q.button,{type:"button",role:"switch","aria-checked":b,"aria-required":u,"data-state":te(b),"data-disabled":s?"":void 0,disabled:s,value:c,...p,ref:_,onClick:Ie(e.onClick,w=>{$(x=>!x),y&&(v.current=w.isPropagationStopped(),v.current||w.stopPropagation())})}),y&&d.jsx(ar,{control:f,bubbles:!v.current,name:i,value:c,checked:b,required:u,disabled:s,form:g,style:{transform:"translateX(-100%)"}})]})});Y.displayName=O;var ee="SwitchThumb",re=a.forwardRef((e,n)=>{const{__scopeSwitch:t,...i}=e,o=sr(ee,t);return d.jsx(Q.span,{"data-state":te(o.checked),"data-disabled":o.disabled?"":void 0,...i,ref:n})});re.displayName=ee;var ar=e=>{const{control:n,checked:t,bubbles:i=!0,...o}=e,r=a.useRef(null),u=Ge(t),s=Ke(n);return a.useEffect(()=>{const c=r.current,l=window.HTMLInputElement.prototype,p=Object.getOwnPropertyDescriptor(l,"checked").set;if(u!==t&&p){const f=new Event("click",{bubbles:i});p.call(c,t),c.dispatchEvent(f)}},[u,t,i]),d.jsx("input",{type:"checkbox","aria-hidden":!0,defaultChecked:t,...o,tabIndex:-1,ref:r,style:{...e.style,...s,position:"absolute",pointerEvents:"none",opacity:0,margin:0}})};function te(e){return e?"checked":"unchecked"}var cr=Y,lr=re;function pr(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var E={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
|
-
*/var
|
|
17
|
+
*/var W;function fr(){return W||(W=1,(function(e){(function(){var n={}.hasOwnProperty;function t(){for(var r="",u=0;u<arguments.length;u++){var s=arguments[u];s&&(r=o(r,i.call(this,s)))}return r}function i(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 u="";for(var s in r)n.call(r,s)&&r[s]&&(u=o(u,this&&this[s]||s));return u}function o(r,u){return u?r?r+" "+u:r+u:r}e.exports?(t.default=t,e.exports=t):window.classNames=t})()})(E)),E.exports}var dr=fr();const hr=pr(dr),T=e=>e&&"touches"in e,gr=({children:e,disabled:n,onStart:t,onDrag:i,onStop:o,bounds:r,position:u,style:s})=>{const[c,l]=h.useState(void 0),[g,p]=h.useState(void 0),[f,m]=h.useState(!1),_=b=>{if(!n){b.preventDefault();const $=T(b.nativeEvent)?b.nativeEvent.touches[0].clientX:b.nativeEvent.clientX;p($),t==null||t()}},v=h.useCallback(b=>{if(typeof g!="number")return;const w=(T(b)?b.touches[0].clientX:b.clientX)-g;if(!w)return;const x=u+w;!f&&Math.abs(x)&&m(!0);const P=x>r.right?r.right:x<r.left?r.left:x;l(P),i==null||i({x:P})},[i,l,f,g]),y=h.useCallback(()=>{p(void 0),l(void 0),m(!1),o==null||o()},[o,p]);return h.useEffect(()=>(window.addEventListener("mousemove",v),window.addEventListener("touchmove",v),()=>{window.removeEventListener("mousemove",v),window.removeEventListener("touchmove",v)}),[v]),h.useEffect(()=>(window.addEventListener("mouseup",y),window.addEventListener("touchend",y),()=>{window.removeEventListener("mouseup",y),window.removeEventListener("touchend",y)}),[y]),h.isValidElement(e)?h.cloneElement(e,{onMouseDown:_,onTouchStart:_,style:{...s,transform:`translateX(${f?c:u}px)`}}):null},I={width:void 0,height:void 0};function V(e){const{ref:n,box:t="content-box",round:i}=e,[{width:o,height:r},u]=h.useState(I),s=_r(),c=h.useRef({...I}),l=h.useRef(void 0);return l.current=e.onResize,h.useEffect(()=>{if(!n.current||typeof window>"u"||!("ResizeObserver"in window))return;const g=new ResizeObserver(([p])=>{const f=t==="border-box"?"borderBoxSize":t==="device-pixel-content-box"?"devicePixelContentBoxSize":"contentBoxSize",m=H(p,f,"inlineSize"),_=H(p,f,"blockSize");if(c.current.width!==m||c.current.height!==_){const y={width:m&&i?Math.round(m):m,height:_&&i?Math.round(_):_};c.current.width=m,c.current.height=_,l.current?l.current(y):s()&&u(y)}});return g.observe(n.current,{box:t}),()=>{g.disconnect()}},[t,n,s,i]),{width:o,height:r}}function H(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 _r(){const e=h.useRef(!1);return h.useEffect(()=>(e.current=!0,()=>{e.current=!1}),[]),h.useCallback(()=>e.current,[])}const mr=({checked:e,onChange:n})=>{const t=h.useRef(null),i=h.useRef(null),[o,r]=h.useState(void 0),[u,s]=h.useState(!1),[c,l]=h.useState(0),{height:g=0}=V({ref:i,round:!0}),{height:p=0}=V({ref:t,round:!0}),f=(p||0)-g,m=g+f,_=f/2,v=m/2,y=typeof o=="number"&&(e?o<v:o>v);return{trackRef:t,thumbRef:i,isDragging:u,bounds:{left:_,right:m},position:e?m:_,onDrag:({x})=>{r(x),Math.abs((e?m:_)-x)>2&&s(!0)},onStop:()=>{s(!1),u&&l(Date.now()),y&&(n==null||n(!e))},onChangeWithDrag:()=>{Date.now()-c>50&&(n==null||n(!e)),r(void 0)}}},vr={"purpur-toggle":"_purpur-toggle_zqs8u_1","purpur-toggle__track":"_purpur-toggle__track_zqs8u_7","purpur-toggle__checkmark-container":"_purpur-toggle__checkmark-container_zqs8u_45","purpur-toggle__thumb":"_purpur-toggle__thumb_zqs8u_60","purpur-toggle__thumb--dragging":"_purpur-toggle__thumb--dragging_zqs8u_85","purpur-toggle__checkmark":"_purpur-toggle__checkmark_zqs8u_45","purpur-toggle__label--right":"_purpur-toggle__label--right_zqs8u_110","purpur-toggle__label--left":"_purpur-toggle__label--left_zqs8u_113","purpur-toggle__container":"_purpur-toggle__container_zqs8u_116"},R=hr.bind(vr),S="purpur-toggle",ne=h.forwardRef(({["data-testid"]:e,className:n,label:t,onChange:i,labelPosition:o="right",checked:r,disableDrag:u,defaultChecked:s,...c},l)=>{const[g,p]=h.useState(typeof r=="boolean"?r:!!s),f=!!(typeof r=="boolean"?r:g),{thumbRef:m,trackRef:_,isDragging:v,onChangeWithDrag:y,...b}=mr({checked:f,onChange:w=>{c.disabled||(i==null||i(w),p(w))}}),$=()=>d.jsx(Ae,{htmlFor:c.id,"data-testid":e&&`${e}-label`,disabled:c.disabled,className:R(`${S}__label`,`${S}__label--${o}`),children:d.jsx(G,{disabled:c.disabled,children:t})});return d.jsxs("div",{className:R(n,`${S}__container`),children:[t&&o==="left"&&$(),d.jsx(cr,{...c,ref:l,id:c.id,"data-testid":e,className:R(S),onCheckedChange:y,checked:f,children:d.jsxs("span",{ref:_,className:R(`${S}__track`),children:[d.jsx("span",{className:R(`${S}__checkmark-container`),children:d.jsx(F,{className:R(`${S}__checkmark`),svg:ge,size:"xxs"})}),d.jsx(gr,{disabled:u,...b,children:d.jsx(lr,{ref:m,"data-testid":e&&`${e}-thumb`,className:R(`${S}__thumb`,{[`${S}__thumb--dragging`]:v})})})]})}),t&&o==="right"&&$()]})});ne.displayName="Toggle";exports.Toggle=ne;
|
|
18
18
|
//# sourceMappingURL=toggle.cjs.js.map
|