@purpur/library 9.2.3 → 9.3.0

package/dist/table.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./table-DsgqX7Vv.js");exports.Table=e.Table;exports.createColumnHelper=e.createColumnHelper;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./table-DRYW0yw4.js");exports.Table=e.Table;exports.createColumnHelper=e.createColumnHelper;
 //# sourceMappingURL=table.cjs.js.map

package/dist/table.es.js

@@ -1,4 +1,4 @@
-import { T as r, c as l } from "./table-Dx_dhGT6.mjs";
+import { T as r, c as l } from "./table-DUY8kQfE.mjs";
 export {
   r as Table,
   l as createColumnHelper

package/dist/{text-area-DDZ_GQPW.mjs → text-area-kJvg6cFp.mjs}

@@ -3,8 +3,8 @@ import { forwardRef as N } from "react";
 import { F as y } from "./field-error-text-CBSX8dGx.mjs";
 import { F as O } from "./field-helper-text-C5ee4SFV.mjs";
 import { L as A } from "./label-7sJe5-pX.mjs";
-import "./ThemeProvider-bkyFCeo6.mjs";
-import { u as C } from "./useColorScheme-Di_Q0JR4.mjs";
+import "./ThemeProvider-CkX-BNWN.mjs";
+import { u as C } from "./useColorScheme-tAkY9LHt.mjs";
 import { c as F } from "./bind-CU-R61T-.mjs";
 const p = {
   "purpur-text-area": "_purpur-text-area_1qqf0_1",
@@ -90,4 +90,4 @@ export {
   R,
   T
 };
-//# sourceMappingURL=text-area-DDZ_GQPW.mjs.map
+//# sourceMappingURL=text-area-kJvg6cFp.mjs.map

package/dist/{text-area-DDZ_GQPW.mjs.map → text-area-kJvg6cFp.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"text-area-DDZ_GQPW.mjs","sources":["../../../components/text-area/src/text-area.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport { FieldErrorText } from \"@purpur/field-error-text\";\nimport { FieldHelperText } from \"@purpur/field-helper-text\";\nimport { Label } from \"@purpur/label\";\nimport { useColorScheme } from \"@purpur/theme\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./text-area.module.scss\";\n\nexport const ResizeOption = {\n  NONE: \"none\",\n  BOTH: \"both\",\n  HORIZONTAL: \"horizontal\",\n  VERTICAL: \"vertical\",\n} as const;\n\nexport type ResizeOption = (typeof ResizeOption)[keyof typeof ResizeOption];\n\nexport type TextAreaProps = Omit<BaseProps<\"textarea\">, \"id\"> & {\n  id: string;\n  /**\n   * Use to render error message below the text area. The text area renders with error appearance.\n   * */\n  errorText?: string;\n  /**\n   * Use to give context about the text area's input. Renders below the text area.\n   * */\n  helperText?: string;\n  /**\n   * The label of the text area.\n   * */\n  label?: string;\n  /**\n   * The height of the text area, measured in number of rows.\n   * */\n  rows?: number;\n  /**\n   * The width of the text area, measured in number of cols.\n   * */\n  cols?: number;\n  /**\n   * Controls whether the text area can be resized, and in which direction.\n   * */\n  resize?: ResizeOption;\n};\n\nconst cx = c.bind(styles);\nconst rootClassName = \"purpur-text-area\";\n\nexport const TextArea = forwardRef<HTMLTextAreaElement, TextAreaProps>(\n  (\n    {\n      id,\n      [\"data-testid\"]: dataTestId,\n      className,\n      errorText,\n      helperText,\n      label,\n      rows = 3,\n      cols = 90,\n      resize = ResizeOption.BOTH,\n      style,\n      ...props\n    },\n    ref\n  ) => {\n    const [colorScheme] = useColorScheme();\n\n    const getTestId = (name: string) => (dataTestId ? `${dataTestId}-${name}` : undefined);\n\n    const helperTextId = helperText ? `${id}-helper-text` : undefined;\n\n    const textAreaContainerClassnames = cx(`${rootClassName}__textarea-container`, {\n      [`${rootClassName}__textarea-container--disabled`]: props.disabled,\n      [`${rootClassName}__textarea-container--readonly`]: props.readOnly && !props.disabled,\n    });\n\n    return (\n      <div className={cx(className, rootClassName)} data-testid={dataTestId}>\n        {label && (\n          <Label\n            htmlFor={id}\n            disabled={props.disabled}\n            className={styles[`${rootClassName}__label`]}\n            data-testid={getTestId(\"label\")}\n          >\n            {props.required && <span aria-hidden>*</span>}\n            {label}\n          </Label>\n        )}\n        <div className={textAreaContainerClassnames}>\n          <textarea\n            {...props}\n            ref={ref}\n            id={id}\n            data-testid={getTestId(\"textarea\")}\n            aria-describedby={props[\"aria-describedby\"] || helperTextId}\n            aria-invalid={props[\"aria-invalid\"] || !!errorText}\n            className={cx(\n              `${rootClassName}__textarea`,\n              `${rootClassName}__textarea--${colorScheme}`,\n              {\n                [`${rootClassName}__textarea--error`]: !!errorText,\n              }\n            )}\n            rows={rows}\n            cols={cols}\n            style={{ resize, ...style }}\n          />\n          <div className={styles[`${rootClassName}__frame`]} />\n        </div>\n        {helperTextId && (\n          <FieldHelperText data-testid={getTestId(\"helper-text\")} id={helperTextId}>\n            {helperText}\n          </FieldHelperText>\n        )}\n        {errorText && (\n          <FieldErrorText data-testid={getTestId(\"error-text\")}>{errorText}</FieldErrorText>\n        )}\n      </div>\n    );\n  }\n);\n\nTextArea.displayName = \"TextArea\";\n"],"names":["ResizeOption","cx","c","styles","rootClassName","TextArea","forwardRef","id","dataTestId","className","errorText","helperText","label","rows","cols","resize","style","props","ref","colorScheme","useColorScheme","getTestId","name","helperTextId","textAreaContainerClassnames","jsxs","Label","jsx","FieldHelperText","FieldErrorText"],"mappings":";;;;;;;;;;;;;;;;;;;;;GAUaA,IAAe;AAAA,EAC1B,MAAM;AAAA,EACN,MAAM;AAAA,EACN,YAAY;AAAA,EACZ,UAAU;AACZ,GAgCMC,IAAKC,EAAE,KAAKC,CAAM,GAClBC,IAAgB,oBAETC,IAAWC;AAAA,EACtB,CACE;AAAA,IACE,IAAAC;AAAA,IACA,CAAC,gBAAgBC;AAAA,IACjB,WAAAC;AAAA,IACA,WAAAC;AAAA,IACA,YAAAC;AAAA,IACA,OAAAC;AAAA,IACA,MAAAC,IAAO;AAAA,IACP,MAAAC,IAAO;AAAA,IACP,QAAAC,IAASf,EAAa;AAAA,IACtB,OAAAgB;AAAA,IACA,GAAGC;AAAA,EAAA,GAELC,MACG;AACH,UAAM,CAACC,CAAW,IAAIC,EAAA,GAEhBC,IAAY,CAACC,MAAkBd,IAAa,GAAGA,CAAU,IAAIc,CAAI,KAAK,QAEtEC,IAAeZ,IAAa,GAAGJ,CAAE,iBAAiB,QAElDiB,IAA8BvB,EAAG,GAAGG,CAAa,wBAAwB;AAAA,MAC7E,CAAC,GAAGA,CAAa,gCAAgC,GAAGa,EAAM;AAAA,MAC1D,CAAC,GAAGb,CAAa,gCAAgC,GAAGa,EAAM,YAAY,CAACA,EAAM;AAAA,IAAA,CAC9E;AAED,WACE,gBAAAQ,EAAC,SAAI,WAAWxB,EAAGQ,GAAWL,CAAa,GAAG,eAAaI,GACxD,UAAA;AAAA,MAAAI,KACC,gBAAAa;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,SAASnB;AAAA,UACT,UAAUU,EAAM;AAAA,UAChB,WAAWd,EAAO,GAAGC,CAAa,SAAS;AAAA,UAC3C,eAAaiB,EAAU,OAAO;AAAA,UAE7B,UAAA;AAAA,YAAAJ,EAAM,YAAY,gBAAAU,EAAC,QAAA,EAAK,eAAW,IAAC,UAAA,KAAC;AAAA,YACrCf;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,MAGL,gBAAAa,EAAC,OAAA,EAAI,WAAWD,GACd,UAAA;AAAA,QAAA,gBAAAG;AAAA,UAAC;AAAA,UAAA;AAAA,YACE,GAAGV;AAAA,YACJ,KAAAC;AAAA,YACA,IAAAX;AAAA,YACA,eAAac,EAAU,UAAU;AAAA,YACjC,oBAAkBJ,EAAM,kBAAkB,KAAKM;AAAA,YAC/C,gBAAcN,EAAM,cAAc,KAAK,CAAC,CAACP;AAAA,YACzC,WAAWT;AAAA,cACT,GAAGG,CAAa;AAAA,cAChB,GAAGA,CAAa,eAAee,CAAW;AAAA,cAC1C;AAAA,gBACE,CAAC,GAAGf,CAAa,mBAAmB,GAAG,CAAC,CAACM;AAAA,cAAA;AAAA,YAC3C;AAAA,YAEF,MAAAG;AAAA,YACA,MAAAC;AAAA,YACA,OAAO,EAAE,QAAAC,GAAQ,GAAGC,EAAA;AAAA,UAAM;AAAA,QAAA;AAAA,0BAE3B,OAAA,EAAI,WAAWb,EAAO,GAAGC,CAAa,SAAS,EAAA,CAAG;AAAA,MAAA,GACrD;AAAA,MACCmB,uBACEK,GAAA,EAAgB,eAAaP,EAAU,aAAa,GAAG,IAAIE,GACzD,UAAAZ,EAAA,CACH;AAAA,MAEDD,KACC,gBAAAiB,EAACE,GAAA,EAAe,eAAaR,EAAU,YAAY,GAAI,UAAAX,EAAA,CAAU;AAAA,IAAA,GAErE;AAAA,EAEJ;AACF;AAEAL,EAAS,cAAc;"}
+{"version":3,"file":"text-area-kJvg6cFp.mjs","sources":["../../../components/text-area/src/text-area.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport { FieldErrorText } from \"@purpur/field-error-text\";\nimport { FieldHelperText } from \"@purpur/field-helper-text\";\nimport { Label } from \"@purpur/label\";\nimport { useColorScheme } from \"@purpur/theme\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./text-area.module.scss\";\n\nexport const ResizeOption = {\n  NONE: \"none\",\n  BOTH: \"both\",\n  HORIZONTAL: \"horizontal\",\n  VERTICAL: \"vertical\",\n} as const;\n\nexport type ResizeOption = (typeof ResizeOption)[keyof typeof ResizeOption];\n\nexport type TextAreaProps = Omit<BaseProps<\"textarea\">, \"id\"> & {\n  id: string;\n  /**\n   * Use to render error message below the text area. The text area renders with error appearance.\n   * */\n  errorText?: string;\n  /**\n   * Use to give context about the text area's input. Renders below the text area.\n   * */\n  helperText?: string;\n  /**\n   * The label of the text area.\n   * */\n  label?: string;\n  /**\n   * The height of the text area, measured in number of rows.\n   * */\n  rows?: number;\n  /**\n   * The width of the text area, measured in number of cols.\n   * */\n  cols?: number;\n  /**\n   * Controls whether the text area can be resized, and in which direction.\n   * */\n  resize?: ResizeOption;\n};\n\nconst cx = c.bind(styles);\nconst rootClassName = \"purpur-text-area\";\n\nexport const TextArea = forwardRef<HTMLTextAreaElement, TextAreaProps>(\n  (\n    {\n      id,\n      [\"data-testid\"]: dataTestId,\n      className,\n      errorText,\n      helperText,\n      label,\n      rows = 3,\n      cols = 90,\n      resize = ResizeOption.BOTH,\n      style,\n      ...props\n    },\n    ref\n  ) => {\n    const [colorScheme] = useColorScheme();\n\n    const getTestId = (name: string) => (dataTestId ? `${dataTestId}-${name}` : undefined);\n\n    const helperTextId = helperText ? `${id}-helper-text` : undefined;\n\n    const textAreaContainerClassnames = cx(`${rootClassName}__textarea-container`, {\n      [`${rootClassName}__textarea-container--disabled`]: props.disabled,\n      [`${rootClassName}__textarea-container--readonly`]: props.readOnly && !props.disabled,\n    });\n\n    return (\n      <div className={cx(className, rootClassName)} data-testid={dataTestId}>\n        {label && (\n          <Label\n            htmlFor={id}\n            disabled={props.disabled}\n            className={styles[`${rootClassName}__label`]}\n            data-testid={getTestId(\"label\")}\n          >\n            {props.required && <span aria-hidden>*</span>}\n            {label}\n          </Label>\n        )}\n        <div className={textAreaContainerClassnames}>\n          <textarea\n            {...props}\n            ref={ref}\n            id={id}\n            data-testid={getTestId(\"textarea\")}\n            aria-describedby={props[\"aria-describedby\"] || helperTextId}\n            aria-invalid={props[\"aria-invalid\"] || !!errorText}\n            className={cx(\n              `${rootClassName}__textarea`,\n              `${rootClassName}__textarea--${colorScheme}`,\n              {\n                [`${rootClassName}__textarea--error`]: !!errorText,\n              }\n            )}\n            rows={rows}\n            cols={cols}\n            style={{ resize, ...style }}\n          />\n          <div className={styles[`${rootClassName}__frame`]} />\n        </div>\n        {helperTextId && (\n          <FieldHelperText data-testid={getTestId(\"helper-text\")} id={helperTextId}>\n            {helperText}\n          </FieldHelperText>\n        )}\n        {errorText && (\n          <FieldErrorText data-testid={getTestId(\"error-text\")}>{errorText}</FieldErrorText>\n        )}\n      </div>\n    );\n  }\n);\n\nTextArea.displayName = \"TextArea\";\n"],"names":["ResizeOption","cx","c","styles","rootClassName","TextArea","forwardRef","id","dataTestId","className","errorText","helperText","label","rows","cols","resize","style","props","ref","colorScheme","useColorScheme","getTestId","name","helperTextId","textAreaContainerClassnames","jsxs","Label","jsx","FieldHelperText","FieldErrorText"],"mappings":";;;;;;;;;;;;;;;;;;;;;GAUaA,IAAe;AAAA,EAC1B,MAAM;AAAA,EACN,MAAM;AAAA,EACN,YAAY;AAAA,EACZ,UAAU;AACZ,GAgCMC,IAAKC,EAAE,KAAKC,CAAM,GAClBC,IAAgB,oBAETC,IAAWC;AAAA,EACtB,CACE;AAAA,IACE,IAAAC;AAAA,IACA,CAAC,gBAAgBC;AAAA,IACjB,WAAAC;AAAA,IACA,WAAAC;AAAA,IACA,YAAAC;AAAA,IACA,OAAAC;AAAA,IACA,MAAAC,IAAO;AAAA,IACP,MAAAC,IAAO;AAAA,IACP,QAAAC,IAASf,EAAa;AAAA,IACtB,OAAAgB;AAAA,IACA,GAAGC;AAAA,EAAA,GAELC,MACG;AACH,UAAM,CAACC,CAAW,IAAIC,EAAA,GAEhBC,IAAY,CAACC,MAAkBd,IAAa,GAAGA,CAAU,IAAIc,CAAI,KAAK,QAEtEC,IAAeZ,IAAa,GAAGJ,CAAE,iBAAiB,QAElDiB,IAA8BvB,EAAG,GAAGG,CAAa,wBAAwB;AAAA,MAC7E,CAAC,GAAGA,CAAa,gCAAgC,GAAGa,EAAM;AAAA,MAC1D,CAAC,GAAGb,CAAa,gCAAgC,GAAGa,EAAM,YAAY,CAACA,EAAM;AAAA,IAAA,CAC9E;AAED,WACE,gBAAAQ,EAAC,SAAI,WAAWxB,EAAGQ,GAAWL,CAAa,GAAG,eAAaI,GACxD,UAAA;AAAA,MAAAI,KACC,gBAAAa;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,SAASnB;AAAA,UACT,UAAUU,EAAM;AAAA,UAChB,WAAWd,EAAO,GAAGC,CAAa,SAAS;AAAA,UAC3C,eAAaiB,EAAU,OAAO;AAAA,UAE7B,UAAA;AAAA,YAAAJ,EAAM,YAAY,gBAAAU,EAAC,QAAA,EAAK,eAAW,IAAC,UAAA,KAAC;AAAA,YACrCf;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,MAGL,gBAAAa,EAAC,OAAA,EAAI,WAAWD,GACd,UAAA;AAAA,QAAA,gBAAAG;AAAA,UAAC;AAAA,UAAA;AAAA,YACE,GAAGV;AAAA,YACJ,KAAAC;AAAA,YACA,IAAAX;AAAA,YACA,eAAac,EAAU,UAAU;AAAA,YACjC,oBAAkBJ,EAAM,kBAAkB,KAAKM;AAAA,YAC/C,gBAAcN,EAAM,cAAc,KAAK,CAAC,CAACP;AAAA,YACzC,WAAWT;AAAA,cACT,GAAGG,CAAa;AAAA,cAChB,GAAGA,CAAa,eAAee,CAAW;AAAA,cAC1C;AAAA,gBACE,CAAC,GAAGf,CAAa,mBAAmB,GAAG,CAAC,CAACM;AAAA,cAAA;AAAA,YAC3C;AAAA,YAEF,MAAAG;AAAA,YACA,MAAAC;AAAA,YACA,OAAO,EAAE,QAAAC,GAAQ,GAAGC,EAAA;AAAA,UAAM;AAAA,QAAA;AAAA,0BAE3B,OAAA,EAAI,WAAWb,EAAO,GAAGC,CAAa,SAAS,EAAA,CAAG;AAAA,MAAA,GACrD;AAAA,MACCmB,uBACEK,GAAA,EAAgB,eAAaP,EAAU,aAAa,GAAG,IAAIE,GACzD,UAAAZ,EAAA,CACH;AAAA,MAEDD,KACC,gBAAAiB,EAACE,GAAA,EAAe,eAAaR,EAAU,YAAY,GAAI,UAAAX,EAAA,CAAU;AAAA,IAAA,GAErE;AAAA,EAEJ;AACF;AAEAL,EAAS,cAAc;"}

package/dist/{text-area-C6W0fDiQ.js → text-area-peNKG7g4.js}

@@ -1,2 +1,2 @@
-"use strict";const t=require("react/jsx-runtime"),j=require("react"),y=require("./field-error-text-FhQulSV5.js"),O=require("./field-helper-text-DSKO-Tce.js"),R=require("./label-yHK80hhV.js");require("./ThemeProvider-5r7lDX-h.js");const T=require("./useColorScheme-0GMDl2GF.js"),A=require("./bind-DeUYJ6m9.js"),s={"purpur-text-area":"_purpur-text-area_1qqf0_1","purpur-text-area__label":"_purpur-text-area__label_1qqf0_8","purpur-text-area__label-text":"_purpur-text-area__label-text_1qqf0_13","purpur-text-area__frame":"_purpur-text-area__frame_1qqf0_16","purpur-text-area__textarea-container":"_purpur-text-area__textarea-container_1qqf0_23","purpur-text-area__textarea-container--disabled":"_purpur-text-area__textarea-container--disabled_1qqf0_33","purpur-text-area__textarea-container--readonly":"_purpur-text-area__textarea-container--readonly_1qqf0_36","purpur-text-area__textarea":"_purpur-text-area__textarea_1qqf0_23","purpur-text-area__textarea--light":"_purpur-text-area__textarea--light_1qqf0_52","purpur-text-area__textarea--dark":"_purpur-text-area__textarea--dark_1qqf0_60","purpur-text-area__textarea--valid":"_purpur-text-area__textarea--valid_1qqf0_91","purpur-text-area__textarea--error":"_purpur-text-area__textarea--error_1qqf0_91"},c={NONE:"none",BOTH:"both",HORIZONTAL:"horizontal",VERTICAL:"vertical"},l=A.c.bind(s),e="purpur-text-area",p=j.forwardRef(({id:i,["data-testid"]:x,className:o,errorText:r,helperText:n,label:d,rows:q=3,cols:b=90,resize:f=c.BOTH,style:h,...a},m)=>{const[$]=T.useColorScheme(),_=N=>x?`${x}-${N}`:void 0,u=n?`${i}-helper-text`:void 0,v=l(`${e}__textarea-container`,{[`${e}__textarea-container--disabled`]:a.disabled,[`${e}__textarea-container--readonly`]:a.readOnly&&!a.disabled});return t.jsxs("div",{className:l(o,e),"data-testid":x,children:[d&&t.jsxs(R.Label,{htmlFor:i,disabled:a.disabled,className:s[`${e}__label`],"data-testid":_("label"),children:[a.required&&t.jsx("span",{"aria-hidden":!0,children:"*"}),d]}),t.jsxs("div",{className:v,children:[t.jsx("textarea",{...a,ref:m,id:i,"data-testid":_("textarea"),"aria-describedby":a["aria-describedby"]||u,"aria-invalid":a["aria-invalid"]||!!r,className:l(`${e}__textarea`,`${e}__textarea--${$}`,{[`${e}__textarea--error`]:!!r}),rows:q,cols:b,style:{resize:f,...h}}),t.jsx("div",{className:s[`${e}__frame`]})]}),u&&t.jsx(O.FieldHelperText,{"data-testid":_("helper-text"),id:u,children:n}),r&&t.jsx(y.FieldErrorText,{"data-testid":_("error-text"),children:r})]})});p.displayName="TextArea";exports.ResizeOption=c;exports.TextArea=p;
-//# sourceMappingURL=text-area-C6W0fDiQ.js.map
+"use strict";const t=require("react/jsx-runtime"),j=require("react"),y=require("./field-error-text-FhQulSV5.js"),O=require("./field-helper-text-DSKO-Tce.js"),R=require("./label-yHK80hhV.js");require("./ThemeProvider-Dy771oix.js");const T=require("./useColorScheme-DNyjsWX9.js"),A=require("./bind-DeUYJ6m9.js"),s={"purpur-text-area":"_purpur-text-area_1qqf0_1","purpur-text-area__label":"_purpur-text-area__label_1qqf0_8","purpur-text-area__label-text":"_purpur-text-area__label-text_1qqf0_13","purpur-text-area__frame":"_purpur-text-area__frame_1qqf0_16","purpur-text-area__textarea-container":"_purpur-text-area__textarea-container_1qqf0_23","purpur-text-area__textarea-container--disabled":"_purpur-text-area__textarea-container--disabled_1qqf0_33","purpur-text-area__textarea-container--readonly":"_purpur-text-area__textarea-container--readonly_1qqf0_36","purpur-text-area__textarea":"_purpur-text-area__textarea_1qqf0_23","purpur-text-area__textarea--light":"_purpur-text-area__textarea--light_1qqf0_52","purpur-text-area__textarea--dark":"_purpur-text-area__textarea--dark_1qqf0_60","purpur-text-area__textarea--valid":"_purpur-text-area__textarea--valid_1qqf0_91","purpur-text-area__textarea--error":"_purpur-text-area__textarea--error_1qqf0_91"},c={NONE:"none",BOTH:"both",HORIZONTAL:"horizontal",VERTICAL:"vertical"},l=A.c.bind(s),e="purpur-text-area",p=j.forwardRef(({id:i,["data-testid"]:x,className:o,errorText:r,helperText:n,label:d,rows:q=3,cols:b=90,resize:f=c.BOTH,style:h,...a},m)=>{const[$]=T.useColorScheme(),_=N=>x?`${x}-${N}`:void 0,u=n?`${i}-helper-text`:void 0,v=l(`${e}__textarea-container`,{[`${e}__textarea-container--disabled`]:a.disabled,[`${e}__textarea-container--readonly`]:a.readOnly&&!a.disabled});return t.jsxs("div",{className:l(o,e),"data-testid":x,children:[d&&t.jsxs(R.Label,{htmlFor:i,disabled:a.disabled,className:s[`${e}__label`],"data-testid":_("label"),children:[a.required&&t.jsx("span",{"aria-hidden":!0,children:"*"}),d]}),t.jsxs("div",{className:v,children:[t.jsx("textarea",{...a,ref:m,id:i,"data-testid":_("textarea"),"aria-describedby":a["aria-describedby"]||u,"aria-invalid":a["aria-invalid"]||!!r,className:l(`${e}__textarea`,`${e}__textarea--${$}`,{[`${e}__textarea--error`]:!!r}),rows:q,cols:b,style:{resize:f,...h}}),t.jsx("div",{className:s[`${e}__frame`]})]}),u&&t.jsx(O.FieldHelperText,{"data-testid":_("helper-text"),id:u,children:n}),r&&t.jsx(y.FieldErrorText,{"data-testid":_("error-text"),children:r})]})});p.displayName="TextArea";exports.ResizeOption=c;exports.TextArea=p;
+//# sourceMappingURL=text-area-peNKG7g4.js.map

package/dist/{text-area-C6W0fDiQ.js.map → text-area-peNKG7g4.js.map}

@@ -1 +1 @@
-{"version":3,"file":"text-area-C6W0fDiQ.js","sources":["../../../components/text-area/src/text-area.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport { FieldErrorText } from \"@purpur/field-error-text\";\nimport { FieldHelperText } from \"@purpur/field-helper-text\";\nimport { Label } from \"@purpur/label\";\nimport { useColorScheme } from \"@purpur/theme\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./text-area.module.scss\";\n\nexport const ResizeOption = {\n  NONE: \"none\",\n  BOTH: \"both\",\n  HORIZONTAL: \"horizontal\",\n  VERTICAL: \"vertical\",\n} as const;\n\nexport type ResizeOption = (typeof ResizeOption)[keyof typeof ResizeOption];\n\nexport type TextAreaProps = Omit<BaseProps<\"textarea\">, \"id\"> & {\n  id: string;\n  /**\n   * Use to render error message below the text area. The text area renders with error appearance.\n   * */\n  errorText?: string;\n  /**\n   * Use to give context about the text area's input. Renders below the text area.\n   * */\n  helperText?: string;\n  /**\n   * The label of the text area.\n   * */\n  label?: string;\n  /**\n   * The height of the text area, measured in number of rows.\n   * */\n  rows?: number;\n  /**\n   * The width of the text area, measured in number of cols.\n   * */\n  cols?: number;\n  /**\n   * Controls whether the text area can be resized, and in which direction.\n   * */\n  resize?: ResizeOption;\n};\n\nconst cx = c.bind(styles);\nconst rootClassName = \"purpur-text-area\";\n\nexport const TextArea = forwardRef<HTMLTextAreaElement, TextAreaProps>(\n  (\n    {\n      id,\n      [\"data-testid\"]: dataTestId,\n      className,\n      errorText,\n      helperText,\n      label,\n      rows = 3,\n      cols = 90,\n      resize = ResizeOption.BOTH,\n      style,\n      ...props\n    },\n    ref\n  ) => {\n    const [colorScheme] = useColorScheme();\n\n    const getTestId = (name: string) => (dataTestId ? `${dataTestId}-${name}` : undefined);\n\n    const helperTextId = helperText ? `${id}-helper-text` : undefined;\n\n    const textAreaContainerClassnames = cx(`${rootClassName}__textarea-container`, {\n      [`${rootClassName}__textarea-container--disabled`]: props.disabled,\n      [`${rootClassName}__textarea-container--readonly`]: props.readOnly && !props.disabled,\n    });\n\n    return (\n      <div className={cx(className, rootClassName)} data-testid={dataTestId}>\n        {label && (\n          <Label\n            htmlFor={id}\n            disabled={props.disabled}\n            className={styles[`${rootClassName}__label`]}\n            data-testid={getTestId(\"label\")}\n          >\n            {props.required && <span aria-hidden>*</span>}\n            {label}\n          </Label>\n        )}\n        <div className={textAreaContainerClassnames}>\n          <textarea\n            {...props}\n            ref={ref}\n            id={id}\n            data-testid={getTestId(\"textarea\")}\n            aria-describedby={props[\"aria-describedby\"] || helperTextId}\n            aria-invalid={props[\"aria-invalid\"] || !!errorText}\n            className={cx(\n              `${rootClassName}__textarea`,\n              `${rootClassName}__textarea--${colorScheme}`,\n              {\n                [`${rootClassName}__textarea--error`]: !!errorText,\n              }\n            )}\n            rows={rows}\n            cols={cols}\n            style={{ resize, ...style }}\n          />\n          <div className={styles[`${rootClassName}__frame`]} />\n        </div>\n        {helperTextId && (\n          <FieldHelperText data-testid={getTestId(\"helper-text\")} id={helperTextId}>\n            {helperText}\n          </FieldHelperText>\n        )}\n        {errorText && (\n          <FieldErrorText data-testid={getTestId(\"error-text\")}>{errorText}</FieldErrorText>\n        )}\n      </div>\n    );\n  }\n);\n\nTextArea.displayName = \"TextArea\";\n"],"names":["ResizeOption","cx","c","styles","rootClassName","TextArea","forwardRef","id","dataTestId","className","errorText","helperText","label","rows","cols","resize","style","props","ref","colorScheme","useColorScheme","getTestId","name","helperTextId","textAreaContainerClassnames","jsxs","Label","jsx","FieldHelperText","FieldErrorText"],"mappings":"suCAUaA,EAAe,CAC1B,KAAM,OACN,KAAM,OACN,WAAY,aACZ,SAAU,UACZ,EAgCMC,EAAKC,EAAAA,EAAE,KAAKC,CAAM,EAClBC,EAAgB,mBAETC,EAAWC,EAAAA,WACtB,CACE,CACE,GAAAC,EACA,CAAC,eAAgBC,EACjB,UAAAC,EACA,UAAAC,EACA,WAAAC,EAAA,MACAC,EACA,KAAAC,EAAO,EACP,KAAAC,EAAO,GACP,OAAAC,EAASf,EAAa,KACtB,MAAAgB,EACA,GAAGC,CAAA,EAELC,IACG,CACH,KAAM,CAACC,CAAW,EAAIC,iBAAA,EAEhBC,EAAaC,GAAkBd,EAAa,GAAGA,CAAU,IAAIc,CAAI,GAAK,OAEtEC,EAAeZ,EAAa,GAAGJ,CAAE,eAAiB,OAElDiB,EAA8BvB,EAAG,GAAGG,CAAa,uBAAwB,CAC7E,CAAC,GAAGA,CAAa,gCAAgC,EAAGa,EAAM,SAC1D,CAAC,GAAGb,CAAa,gCAAgC,EAAGa,EAAM,UAAY,CAACA,EAAM,QAAA,CAC9E,EAED,OACEQ,OAAC,OAAI,UAAWxB,EAAGQ,EAAWL,CAAa,EAAG,cAAaI,EACxD,SAAA,CAAAI,GACCa,EAAAA,KAACC,EAAAA,MAAA,CACC,QAASnB,EACT,SAAUU,EAAM,SAChB,UAAWd,EAAO,GAAGC,CAAa,SAAS,EAC3C,cAAaiB,EAAU,OAAO,EAE7B,SAAA,CAAAJ,EAAM,UAAYU,EAAAA,IAAC,OAAA,CAAK,cAAW,GAAC,SAAA,IAAC,EACrCf,CAAA,CAAA,CAAA,EAGLa,EAAAA,KAAC,MAAA,CAAI,UAAWD,EACd,SAAA,CAAAG,EAAAA,IAAC,WAAA,CACE,GAAGV,EACJ,IAAAC,EACA,GAAAX,EACA,cAAac,EAAU,UAAU,EACjC,mBAAkBJ,EAAM,kBAAkB,GAAKM,EAC/C,eAAcN,EAAM,cAAc,GAAK,CAAC,CAACP,EACzC,UAAWT,EACT,GAAGG,CAAa,aAChB,GAAGA,CAAa,eAAee,CAAW,GAC1C,CACE,CAAC,GAAGf,CAAa,mBAAmB,EAAG,CAAC,CAACM,CAAA,CAC3C,EAEF,KAAAG,EACA,KAAAC,EACA,MAAO,CAAE,OAAAC,EAAQ,GAAGC,CAAA,CAAM,CAAA,QAE3B,MAAA,CAAI,UAAWb,EAAO,GAAGC,CAAa,SAAS,CAAA,CAAG,CAAA,EACrD,EACCmB,SACEK,kBAAA,CAAgB,cAAaP,EAAU,aAAa,EAAG,GAAIE,EACzD,SAAAZ,CAAA,CACH,EAEDD,GACCiB,EAAAA,IAACE,EAAAA,eAAA,CAAe,cAAaR,EAAU,YAAY,EAAI,SAAAX,CAAA,CAAU,CAAA,EAErE,CAEJ,CACF,EAEAL,EAAS,YAAc"}
+{"version":3,"file":"text-area-peNKG7g4.js","sources":["../../../components/text-area/src/text-area.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport { FieldErrorText } from \"@purpur/field-error-text\";\nimport { FieldHelperText } from \"@purpur/field-helper-text\";\nimport { Label } from \"@purpur/label\";\nimport { useColorScheme } from \"@purpur/theme\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./text-area.module.scss\";\n\nexport const ResizeOption = {\n  NONE: \"none\",\n  BOTH: \"both\",\n  HORIZONTAL: \"horizontal\",\n  VERTICAL: \"vertical\",\n} as const;\n\nexport type ResizeOption = (typeof ResizeOption)[keyof typeof ResizeOption];\n\nexport type TextAreaProps = Omit<BaseProps<\"textarea\">, \"id\"> & {\n  id: string;\n  /**\n   * Use to render error message below the text area. The text area renders with error appearance.\n   * */\n  errorText?: string;\n  /**\n   * Use to give context about the text area's input. Renders below the text area.\n   * */\n  helperText?: string;\n  /**\n   * The label of the text area.\n   * */\n  label?: string;\n  /**\n   * The height of the text area, measured in number of rows.\n   * */\n  rows?: number;\n  /**\n   * The width of the text area, measured in number of cols.\n   * */\n  cols?: number;\n  /**\n   * Controls whether the text area can be resized, and in which direction.\n   * */\n  resize?: ResizeOption;\n};\n\nconst cx = c.bind(styles);\nconst rootClassName = \"purpur-text-area\";\n\nexport const TextArea = forwardRef<HTMLTextAreaElement, TextAreaProps>(\n  (\n    {\n      id,\n      [\"data-testid\"]: dataTestId,\n      className,\n      errorText,\n      helperText,\n      label,\n      rows = 3,\n      cols = 90,\n      resize = ResizeOption.BOTH,\n      style,\n      ...props\n    },\n    ref\n  ) => {\n    const [colorScheme] = useColorScheme();\n\n    const getTestId = (name: string) => (dataTestId ? `${dataTestId}-${name}` : undefined);\n\n    const helperTextId = helperText ? `${id}-helper-text` : undefined;\n\n    const textAreaContainerClassnames = cx(`${rootClassName}__textarea-container`, {\n      [`${rootClassName}__textarea-container--disabled`]: props.disabled,\n      [`${rootClassName}__textarea-container--readonly`]: props.readOnly && !props.disabled,\n    });\n\n    return (\n      <div className={cx(className, rootClassName)} data-testid={dataTestId}>\n        {label && (\n          <Label\n            htmlFor={id}\n            disabled={props.disabled}\n            className={styles[`${rootClassName}__label`]}\n            data-testid={getTestId(\"label\")}\n          >\n            {props.required && <span aria-hidden>*</span>}\n            {label}\n          </Label>\n        )}\n        <div className={textAreaContainerClassnames}>\n          <textarea\n            {...props}\n            ref={ref}\n            id={id}\n            data-testid={getTestId(\"textarea\")}\n            aria-describedby={props[\"aria-describedby\"] || helperTextId}\n            aria-invalid={props[\"aria-invalid\"] || !!errorText}\n            className={cx(\n              `${rootClassName}__textarea`,\n              `${rootClassName}__textarea--${colorScheme}`,\n              {\n                [`${rootClassName}__textarea--error`]: !!errorText,\n              }\n            )}\n            rows={rows}\n            cols={cols}\n            style={{ resize, ...style }}\n          />\n          <div className={styles[`${rootClassName}__frame`]} />\n        </div>\n        {helperTextId && (\n          <FieldHelperText data-testid={getTestId(\"helper-text\")} id={helperTextId}>\n            {helperText}\n          </FieldHelperText>\n        )}\n        {errorText && (\n          <FieldErrorText data-testid={getTestId(\"error-text\")}>{errorText}</FieldErrorText>\n        )}\n      </div>\n    );\n  }\n);\n\nTextArea.displayName = \"TextArea\";\n"],"names":["ResizeOption","cx","c","styles","rootClassName","TextArea","forwardRef","id","dataTestId","className","errorText","helperText","label","rows","cols","resize","style","props","ref","colorScheme","useColorScheme","getTestId","name","helperTextId","textAreaContainerClassnames","jsxs","Label","jsx","FieldHelperText","FieldErrorText"],"mappings":"suCAUaA,EAAe,CAC1B,KAAM,OACN,KAAM,OACN,WAAY,aACZ,SAAU,UACZ,EAgCMC,EAAKC,EAAAA,EAAE,KAAKC,CAAM,EAClBC,EAAgB,mBAETC,EAAWC,EAAAA,WACtB,CACE,CACE,GAAAC,EACA,CAAC,eAAgBC,EACjB,UAAAC,EACA,UAAAC,EACA,WAAAC,EAAA,MACAC,EACA,KAAAC,EAAO,EACP,KAAAC,EAAO,GACP,OAAAC,EAASf,EAAa,KACtB,MAAAgB,EACA,GAAGC,CAAA,EAELC,IACG,CACH,KAAM,CAACC,CAAW,EAAIC,iBAAA,EAEhBC,EAAaC,GAAkBd,EAAa,GAAGA,CAAU,IAAIc,CAAI,GAAK,OAEtEC,EAAeZ,EAAa,GAAGJ,CAAE,eAAiB,OAElDiB,EAA8BvB,EAAG,GAAGG,CAAa,uBAAwB,CAC7E,CAAC,GAAGA,CAAa,gCAAgC,EAAGa,EAAM,SAC1D,CAAC,GAAGb,CAAa,gCAAgC,EAAGa,EAAM,UAAY,CAACA,EAAM,QAAA,CAC9E,EAED,OACEQ,OAAC,OAAI,UAAWxB,EAAGQ,EAAWL,CAAa,EAAG,cAAaI,EACxD,SAAA,CAAAI,GACCa,EAAAA,KAACC,EAAAA,MAAA,CACC,QAASnB,EACT,SAAUU,EAAM,SAChB,UAAWd,EAAO,GAAGC,CAAa,SAAS,EAC3C,cAAaiB,EAAU,OAAO,EAE7B,SAAA,CAAAJ,EAAM,UAAYU,EAAAA,IAAC,OAAA,CAAK,cAAW,GAAC,SAAA,IAAC,EACrCf,CAAA,CAAA,CAAA,EAGLa,EAAAA,KAAC,MAAA,CAAI,UAAWD,EACd,SAAA,CAAAG,EAAAA,IAAC,WAAA,CACE,GAAGV,EACJ,IAAAC,EACA,GAAAX,EACA,cAAac,EAAU,UAAU,EACjC,mBAAkBJ,EAAM,kBAAkB,GAAKM,EAC/C,eAAcN,EAAM,cAAc,GAAK,CAAC,CAACP,EACzC,UAAWT,EACT,GAAGG,CAAa,aAChB,GAAGA,CAAa,eAAee,CAAW,GAC1C,CACE,CAAC,GAAGf,CAAa,mBAAmB,EAAG,CAAC,CAACM,CAAA,CAC3C,EAEF,KAAAG,EACA,KAAAC,EACA,MAAO,CAAE,OAAAC,EAAQ,GAAGC,CAAA,CAAM,CAAA,QAE3B,MAAA,CAAI,UAAWb,EAAO,GAAGC,CAAa,SAAS,CAAA,CAAG,CAAA,EACrD,EACCmB,SACEK,kBAAA,CAAgB,cAAaP,EAAU,aAAa,EAAG,GAAIE,EACzD,SAAAZ,CAAA,CACH,EAEDD,GACCiB,EAAAA,IAACE,EAAAA,eAAA,CAAe,cAAaR,EAAU,YAAY,EAAI,SAAAX,CAAA,CAAU,CAAA,EAErE,CAEJ,CACF,EAEAL,EAAS,YAAc"}

package/dist/text-area.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./text-area-C6W0fDiQ.js");exports.ResizeOption=e.ResizeOption;exports.TextArea=e.TextArea;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./text-area-peNKG7g4.js");exports.ResizeOption=e.ResizeOption;exports.TextArea=e.TextArea;
 //# sourceMappingURL=text-area.cjs.js.map

package/dist/text-area.es.js

@@ -1,4 +1,4 @@
-import { R as o, T as r } from "./text-area-DDZ_GQPW.mjs";
+import { R as o, T as r } from "./text-area-kJvg6cFp.mjs";
 export {
   o as ResizeOption,
   r as TextArea

package/dist/theme.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./ThemeProvider-5r7lDX-h.js"),r=require("./useColorScheme-0GMDl2GF.js");exports.ThemeProvider=e.ThemeProvider;exports.teliaTheme=e.teliaTheme;exports.useApplyTheme=e.useApplyTheme;exports.useTheme=e.useTheme;exports.useColorScheme=r.useColorScheme;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./ThemeProvider-Dy771oix.js"),r=require("./useColorScheme-DNyjsWX9.js");exports.ThemeProvider=e.ThemeProvider;exports.teliaTheme=e.teliaTheme;exports.useApplyTheme=e.useApplyTheme;exports.useTheme=e.useTheme;exports.useColorScheme=r.useColorScheme;
 //# sourceMappingURL=theme.cjs.js.map

package/dist/theme.es.js

@@ -1,5 +1,5 @@
-import { T as a, t as m, u as o, a as r } from "./ThemeProvider-bkyFCeo6.mjs";
-import { u } from "./useColorScheme-Di_Q0JR4.mjs";
+import { T as a, t as m, u as o, a as r } from "./ThemeProvider-CkX-BNWN.mjs";
+import { u } from "./useColorScheme-tAkY9LHt.mjs";
 export {
   a as ThemeProvider,
   m as teliaTheme,

package/dist/toggle-B8ZLUVar.js

@@ -0,0 +1,2 @@
+"use strict";const v=require("react/jsx-runtime"),n=require("react"),O=require("./icon.es-j3eRib6d.js"),H=require("./checkmark-bold.es-DdJFVVJG.js"),T=require("./label-yHK80hhV.js"),W=require("./paragraph-By4jMjnH.js"),E=require("./index-CxBG4Ssm.js"),A=require("./index-_XxjJPRD.js"),I=require("./index-kcwFA4Dv.js"),F=require("./index-DOFLOnao.js"),M=require("./index-Hk_HrrHM.js"),U=require("./bind-DeUYJ6m9.js");function V(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const o=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,o.get?o:{enumerable:!0,get:()=>e[t]})}}return r.default=e,Object.freeze(r)}const D=V(n);var j="Switch",[G]=I.createContextScope(j),[J,K]=G(j),$=D.forwardRef((e,r)=>{const{__scopeSwitch:t,name:o,checked:a,defaultChecked:c,required:p,disabled:g,value:s="on",onCheckedChange:i,form:_,...f}=e,[l,u]=D.useState(null),d=A.useComposedRefs(r,k=>u(k)),b=D.useRef(!1),m=l?_||!!l.closest("form"):!0,[h=!1,x]=E.useControllableState({prop:a,defaultProp:c,onChange:i});return v.jsxs(J,{scope:t,checked:h,disabled:g,children:[v.jsx(M.Primitive.button,{type:"button",role:"switch","aria-checked":h,"aria-required":p,"data-state":L(h),"data-disabled":g?"":void 0,disabled:g,value:s,...f,ref:d,onClick:E.composeEventHandlers(e.onClick,k=>{x(w=>!w),m&&(b.current=k.isPropagationStopped(),b.current||k.stopPropagation())})}),m&&v.jsx(Q,{control:l,bubbles:!b.current,name:o,value:s,checked:h,required:p,disabled:g,form:_,style:{transform:"translateX(-100%)"}})]})});$.displayName=j;var q="SwitchThumb",N=D.forwardRef((e,r)=>{const{__scopeSwitch:t,...o}=e,a=K(q,t);return v.jsx(M.Primitive.span,{"data-state":L(a.checked),"data-disabled":a.disabled?"":void 0,...o,ref:r})});N.displayName=q;var Q=e=>{const{control:r,checked:t,bubbles:o=!0,...a}=e,c=D.useRef(null),p=E.usePrevious(t),g=F.useSize(r);return D.useEffect(()=>{const s=c.current,i=window.HTMLInputElement.prototype,f=Object.getOwnPropertyDescriptor(i,"checked").set;if(p!==t&&f){const l=new Event("click",{bubbles:o});f.call(s,t),s.dispatchEvent(l)}},[p,t,o]),v.jsx("input",{type:"checkbox","aria-hidden":!0,defaultChecked:t,...a,tabIndex:-1,ref:c,style:{...e.style,...g,position:"absolute",pointerEvents:"none",opacity:0,margin:0}})};function L(e){return e?"checked":"unchecked"}var Y=$,Z=N;const z=e=>e&&"touches"in e,ee=({children:e,disabled:r,onStart:t,onDrag:o,onStop:a,bounds:c,position:p,style:g})=>{const[s,i]=n.useState(void 0),[_,f]=n.useState(void 0),[l,u]=n.useState(!1),d=h=>{if(!r){h.preventDefault();const x=z(h.nativeEvent)?h.nativeEvent.touches[0].clientX:h.nativeEvent.clientX;f(x),t?.()}},b=n.useCallback(h=>{if(typeof _!="number")return;const k=(z(h)?h.touches[0].clientX:h.clientX)-_;if(!k)return;const w=p+k;!l&&Math.abs(w)&&u(!0);const R=w>c.right?c.right:w<c.left?c.left:w;i(R),o?.({x:R})},[o,i,l,_]),m=n.useCallback(()=>{f(void 0),i(void 0),u(!1),a?.()},[a,f]);return n.useEffect(()=>(window.addEventListener("mousemove",b),window.addEventListener("touchmove",b),()=>{window.removeEventListener("mousemove",b),window.removeEventListener("touchmove",b)}),[b]),n.useEffect(()=>(window.addEventListener("mouseup",m),window.addEventListener("touchend",m),()=>{window.removeEventListener("mouseup",m),window.removeEventListener("touchend",m)}),[m]),n.isValidElement(e)?n.cloneElement(e,{onMouseDown:d,onTouchStart:d,style:{...g,transform:`translateX(${l?s:p}px)`}}):null},X={width:void 0,height:void 0};function P(e){const{ref:r,box:t="content-box",round:o}=e,[{width:a,height:c},p]=n.useState(X),g=te(),s=n.useRef({...X}),i=n.useRef(void 0);return i.current=e.onResize,n.useEffect(()=>{if(!r.current||typeof window>"u"||!("ResizeObserver"in window))return;const _=new ResizeObserver(([f])=>{const l=t==="border-box"?"borderBoxSize":t==="device-pixel-content-box"?"devicePixelContentBoxSize":"contentBoxSize",u=y(f,l,"inlineSize"),d=y(f,l,"blockSize");if(s.current.width!==u||s.current.height!==d){const m={width:u&&o?Math.round(u):u,height:d&&o?Math.round(d):d};s.current.width=u,s.current.height=d,i.current?i.current(m):g()&&p(m)}});return _.observe(r.current,{box:t}),()=>{_.disconnect()}},[t,r,g,o]),{width:a,height:c}}function y(e,r,t){return e[r]?Array.isArray(e[r])?e[r][0][t]:e[r][t]:r==="contentBoxSize"?e.contentRect[t==="inlineSize"?"width":"height"]:void 0}function te(){const e=n.useRef(!1);return n.useEffect(()=>(e.current=!0,()=>{e.current=!1}),[]),n.useCallback(()=>e.current,[])}const re=({checked:e,onChange:r})=>{const t=n.useRef(null),o=n.useRef(null),[a,c]=n.useState(void 0),[p,g]=n.useState(!1),[s,i]=n.useState(0),{height:_=0}=P({ref:o,round:!0}),{height:f=0}=P({ref:t,round:!0}),l=(f||0)-_,u=_+l,d=l/2,b=u/2,m=typeof a=="number"&&(e?a<b:a>b);return{trackRef:t,thumbRef:o,isDragging:p,bounds:{left:d,right:u},position:e?u:d,onDrag:({x:w})=>{c(w),Math.abs((e?u:d)-w)>2&&g(!0)},onStop:()=>{g(!1),p&&i(Date.now()),m&&r?.(!e)},onChangeWithDrag:()=>{Date.now()-s>50&&r?.(!e),c(void 0)}}},ne={"purpur-toggle":"_purpur-toggle_15s9r_1","purpur-toggle__track":"_purpur-toggle__track_15s9r_7","purpur-toggle__checkmark-container":"_purpur-toggle__checkmark-container_15s9r_45","purpur-toggle__track--negative":"_purpur-toggle__track--negative_15s9r_60","purpur-toggle__thumb":"_purpur-toggle__thumb_15s9r_64","purpur-toggle__thumb--dragging":"_purpur-toggle__thumb--dragging_15s9r_89","purpur-toggle__thumb--negative":"_purpur-toggle__thumb--negative_15s9r_98","purpur-toggle__checkmark":"_purpur-toggle__checkmark_15s9r_45","purpur-toggle__label--right":"_purpur-toggle__label--right_15s9r_126","purpur-toggle__label--left":"_purpur-toggle__label--left_15s9r_129","purpur-toggle__container":"_purpur-toggle__container_15s9r_132","purpur-toggle--negative":"_purpur-toggle--negative_15s9r_141"},C=U.c.bind(ne),S="purpur-toggle",B=n.forwardRef(({["data-testid"]:e,className:r,label:t,onChange:o,labelPosition:a="right",checked:c,disableDrag:p,defaultChecked:g,negative:s=!1,...i},_)=>{const[f,l]=n.useState(typeof c=="boolean"?c:!!g),u=!!(typeof c=="boolean"?c:f),{thumbRef:d,trackRef:b,isDragging:m,onChangeWithDrag:h,...x}=re({checked:u,onChange:w=>{i.disabled||(o?.(w),l(w))}}),k=()=>v.jsx(T.Label,{htmlFor:i.id,"data-testid":e&&`${e}-label`,disabled:i.disabled,className:C(`${S}__label`,`${S}__label--${a}`),negative:s,children:v.jsx(W.Paragraph,{disabled:i.disabled,negative:s,children:t})});return v.jsxs("div",{className:C(r,`${S}__container`),children:[t&&a==="left"&&k(),v.jsx(Y,{...i,ref:_,id:i.id,"data-testid":e,className:C(S,{[`${S}--negative`]:s}),onCheckedChange:h,checked:u,children:v.jsxs("span",{ref:b,className:C(`${S}__track`,{[`${S}__track--negative`]:s}),children:[v.jsx("span",{className:C(`${S}__checkmark-container`),children:v.jsx(O.b,{className:C(`${S}__checkmark`),svg:H.l,size:"xxs"})}),v.jsx(ee,{disabled:p,...x,children:v.jsx(Z,{ref:d,"data-testid":e&&`${e}-thumb`,className:C(`${S}__thumb`,{[`${S}__thumb--dragging`]:m,[`${S}__thumb--negative`]:s})})})]})}),t&&a==="right"&&k()]})});B.displayName="Toggle";exports.Toggle=B;
+//# sourceMappingURL=toggle-B8ZLUVar.js.map

package/dist/{toggle-C8IwTbX8.js.map → toggle-B8ZLUVar.js.map}

@@ -1 +1 @@
-{"version":3,"file":"toggle-C8IwTbX8.js","sources":["../../../common/temp/node_modules/.pnpm/@radix-ui+react-switch@1.1.4_@types+react-dom@19.2.3_@types+react@19.2.14__@types+react_7c6a1205dfc0b547da67f2d77f280718/node_modules/@radix-ui/react-switch/dist/index.mjs","../../../components/toggle/src/DraggableX.tsx","../../../components/toggle/src/hooks/useResizeObserver.ts","../../../components/toggle/src/hooks/useToggleDrag.ts","../../../components/toggle/src/toggle.tsx"],"sourcesContent":["\"use client\";\n\n// packages/react/switch/src/switch.tsx\nimport * as React from \"react\";\nimport { composeEventHandlers } from \"@radix-ui/primitive\";\nimport { useComposedRefs } from \"@radix-ui/react-compose-refs\";\nimport { createContextScope } from \"@radix-ui/react-context\";\nimport { useControllableState } from \"@radix-ui/react-use-controllable-state\";\nimport { usePrevious } from \"@radix-ui/react-use-previous\";\nimport { useSize } from \"@radix-ui/react-use-size\";\nimport { Primitive } from \"@radix-ui/react-primitive\";\nimport { jsx, jsxs } from \"react/jsx-runtime\";\nvar SWITCH_NAME = \"Switch\";\nvar [createSwitchContext, createSwitchScope] = createContextScope(SWITCH_NAME);\nvar [SwitchProvider, useSwitchContext] = createSwitchContext(SWITCH_NAME);\nvar Switch = React.forwardRef(\n  (props, forwardedRef) => {\n    const {\n      __scopeSwitch,\n      name,\n      checked: checkedProp,\n      defaultChecked,\n      required,\n      disabled,\n      value = \"on\",\n      onCheckedChange,\n      form,\n      ...switchProps\n    } = props;\n    const [button, setButton] = React.useState(null);\n    const composedRefs = useComposedRefs(forwardedRef, (node) => setButton(node));\n    const hasConsumerStoppedPropagationRef = React.useRef(false);\n    const isFormControl = button ? form || !!button.closest(\"form\") : true;\n    const [checked = false, setChecked] = useControllableState({\n      prop: checkedProp,\n      defaultProp: defaultChecked,\n      onChange: onCheckedChange\n    });\n    return /* @__PURE__ */ jsxs(SwitchProvider, { scope: __scopeSwitch, checked, disabled, children: [\n      /* @__PURE__ */ jsx(\n        Primitive.button,\n        {\n          type: \"button\",\n          role: \"switch\",\n          \"aria-checked\": checked,\n          \"aria-required\": required,\n          \"data-state\": getState(checked),\n          \"data-disabled\": disabled ? \"\" : void 0,\n          disabled,\n          value,\n          ...switchProps,\n          ref: composedRefs,\n          onClick: composeEventHandlers(props.onClick, (event) => {\n            setChecked((prevChecked) => !prevChecked);\n            if (isFormControl) {\n              hasConsumerStoppedPropagationRef.current = event.isPropagationStopped();\n              if (!hasConsumerStoppedPropagationRef.current) event.stopPropagation();\n            }\n          })\n        }\n      ),\n      isFormControl && /* @__PURE__ */ jsx(\n        BubbleInput,\n        {\n          control: button,\n          bubbles: !hasConsumerStoppedPropagationRef.current,\n          name,\n          value,\n          checked,\n          required,\n          disabled,\n          form,\n          style: { transform: \"translateX(-100%)\" }\n        }\n      )\n    ] });\n  }\n);\nSwitch.displayName = SWITCH_NAME;\nvar THUMB_NAME = \"SwitchThumb\";\nvar SwitchThumb = React.forwardRef(\n  (props, forwardedRef) => {\n    const { __scopeSwitch, ...thumbProps } = props;\n    const context = useSwitchContext(THUMB_NAME, __scopeSwitch);\n    return /* @__PURE__ */ jsx(\n      Primitive.span,\n      {\n        \"data-state\": getState(context.checked),\n        \"data-disabled\": context.disabled ? \"\" : void 0,\n        ...thumbProps,\n        ref: forwardedRef\n      }\n    );\n  }\n);\nSwitchThumb.displayName = THUMB_NAME;\nvar BubbleInput = (props) => {\n  const { control, checked, bubbles = true, ...inputProps } = props;\n  const ref = React.useRef(null);\n  const prevChecked = usePrevious(checked);\n  const controlSize = useSize(control);\n  React.useEffect(() => {\n    const input = ref.current;\n    const inputProto = window.HTMLInputElement.prototype;\n    const descriptor = Object.getOwnPropertyDescriptor(inputProto, \"checked\");\n    const setChecked = descriptor.set;\n    if (prevChecked !== checked && setChecked) {\n      const event = new Event(\"click\", { bubbles });\n      setChecked.call(input, checked);\n      input.dispatchEvent(event);\n    }\n  }, [prevChecked, checked, bubbles]);\n  return /* @__PURE__ */ jsx(\n    \"input\",\n    {\n      type: \"checkbox\",\n      \"aria-hidden\": true,\n      defaultChecked: checked,\n      ...inputProps,\n      tabIndex: -1,\n      ref,\n      style: {\n        ...props.style,\n        ...controlSize,\n        position: \"absolute\",\n        pointerEvents: \"none\",\n        opacity: 0,\n        margin: 0\n      }\n    }\n  );\n};\nfunction getState(checked) {\n  return checked ? \"checked\" : \"unchecked\";\n}\nvar Root = Switch;\nvar Thumb = SwitchThumb;\nexport {\n  Root,\n  Switch,\n  SwitchThumb,\n  Thumb,\n  createSwitchScope\n};\n//# sourceMappingURL=index.mjs.map\n","import {\n  cloneElement,\n  type CSSProperties,\n  isValidElement,\n  type ReactElement,\n  useCallback,\n  useEffect,\n  useState,\n} from \"react\";\nimport { type SwitchThumbProps } from \"@radix-ui/react-switch\";\n\nexport type DraggableXProps = {\n  children?: ReactElement<SwitchThumbProps>;\n  disabled?: boolean;\n  position: number;\n  bounds: { left: number; right: number };\n  onStart?: () => void;\n  onDrag?: (args: { x: number }) => void;\n  onStop?: () => void;\n  style?: CSSProperties;\n};\n\nconst isTouchEvent = (e: MouseEvent | TouchEvent): e is TouchEvent => e && \"touches\" in e;\n\n/**\n * Bare minimum to make the toggle draggable.\n * It is created for usage in the toggle only but could easily be extracted and used elsewhere.\n *\n * It is called `DraggableX` since it's only for dragging along the x-axis.\n */\nexport const DraggableX = ({\n  children,\n  disabled,\n  onStart,\n  onDrag,\n  onStop,\n  bounds,\n  position,\n  style,\n}: DraggableXProps) => {\n  const [dragX, setDragX] = useState<number | undefined>(undefined);\n  const [dragStartX, setDragStartX] = useState<number | undefined>(undefined);\n  const [isDragging, setIsDragging] = useState(false);\n\n  const startDrag = (e: React.MouseEvent | React.TouchEvent) => {\n    if (!disabled) {\n      e.preventDefault();\n      const clientX = isTouchEvent(e.nativeEvent)\n        ? e.nativeEvent.touches[0].clientX\n        : e.nativeEvent.clientX;\n      setDragStartX(clientX);\n      onStart?.();\n    }\n  };\n\n  const onMouseMove = useCallback(\n    (e: MouseEvent | TouchEvent) => {\n      if (typeof dragStartX !== \"number\") {\n        return;\n      }\n\n      const clientX = isTouchEvent(e) ? e.touches[0].clientX : e.clientX;\n      const dragDelta = clientX - dragStartX;\n\n      if (!dragDelta) {\n        return;\n      }\n\n      const nextDragX = position + dragDelta;\n      if (!isDragging && Math.abs(nextDragX)) {\n        setIsDragging(true);\n      }\n\n      const nextDragXBounded = (() => {\n        if (nextDragX > bounds.right) {\n          return bounds.right;\n        }\n\n        if (nextDragX < bounds.left) {\n          return bounds.left;\n        }\n\n        return nextDragX;\n      })();\n\n      setDragX(nextDragXBounded);\n      onDrag?.({ x: nextDragXBounded });\n    },\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [onDrag, setDragX, isDragging, dragStartX]\n  );\n\n  const onMouseUp = useCallback(() => {\n    setDragStartX(undefined);\n    setDragX(undefined);\n    setIsDragging(false);\n    onStop?.();\n  }, [onStop, setDragStartX]);\n\n  useEffect(() => {\n    window.addEventListener(\"mousemove\", onMouseMove);\n    window.addEventListener(\"touchmove\", onMouseMove);\n\n    return () => {\n      window.removeEventListener(\"mousemove\", onMouseMove);\n      window.removeEventListener(\"touchmove\", onMouseMove);\n    };\n  }, [onMouseMove]);\n\n  useEffect(() => {\n    window.addEventListener(\"mouseup\", onMouseUp);\n    window.addEventListener(\"touchend\", onMouseUp);\n\n    return () => {\n      window.removeEventListener(\"mouseup\", onMouseUp);\n      window.removeEventListener(\"touchend\", onMouseUp);\n    };\n  }, [onMouseUp]);\n\n  return isValidElement(children)\n    ? cloneElement<SwitchThumbProps>(children, {\n        onMouseDown: startDrag,\n        onTouchStart: startDrag,\n        style: { ...style, transform: `translateX(${isDragging ? dragX : position}px)` },\n      })\n    : null;\n};\n","import type { RefObject } from \"react\";\nimport { useCallback, useEffect, useRef, useState } from \"react\";\n\n// This hook is a clone of useResizeObserver in b2c-sales/hooks\n\ntype Size = {\n  width: number | undefined;\n  height: number | undefined;\n};\n\ntype UseResizeObserverOptions<T extends HTMLElement = HTMLElement> = {\n  ref: RefObject<T | null>;\n  onResize?: (size: Size) => void;\n  box?: \"border-box\" | \"content-box\" | \"device-pixel-content-box\";\n  round?: boolean;\n};\n\nconst initialSize: Size = {\n  width: undefined,\n  height: undefined,\n};\n\nexport function useResizeObserver<T extends HTMLElement = HTMLElement>(\n  options: UseResizeObserverOptions<T>\n): Size {\n  const { ref, box = \"content-box\", round } = options;\n  const [{ width, height }, setSize] = useState<Size>(initialSize);\n  const isMounted = useIsMounted();\n  const previousSize = useRef<Size>({ ...initialSize });\n  const onResize = useRef<((size: Size) => void) | undefined>(undefined);\n  onResize.current = options.onResize;\n\n  useEffect(() => {\n    if (!ref.current) {\n      return;\n    }\n\n    if (typeof window === \"undefined\" || !(\"ResizeObserver\" in window)) {\n      return;\n    }\n\n    const observer = new ResizeObserver(([entry]) => {\n      const boxProp =\n\n        box === \"border-box\"\n          ? \"borderBoxSize\"\n          : box === \"device-pixel-content-box\"\n          ? \"devicePixelContentBoxSize\"\n          : \"contentBoxSize\";\n\n      const newWidth = extractSize(entry, boxProp, \"inlineSize\");\n      const newHeight = extractSize(entry, boxProp, \"blockSize\");\n\n      const hasChanged =\n        previousSize.current.width !== newWidth || previousSize.current.height !== newHeight;\n\n      if (hasChanged) {\n        const newSize: Size = {\n          width: newWidth && round ? Math.round(newWidth) : newWidth,\n          height: newHeight && round ? Math.round(newHeight) : newHeight,\n        };\n        previousSize.current.width = newWidth;\n        previousSize.current.height = newHeight;\n\n        if (onResize.current) {\n          onResize.current(newSize);\n        } else {\n          if (isMounted()) {\n            setSize(newSize);\n          }\n        }\n      }\n    });\n\n    observer.observe(ref.current, { box });\n\n    return () => {\n      observer.disconnect();\n    };\n  }, [box, ref, isMounted, round]);\n\n  return { width, height };\n}\n\ntype BoxSizesKey = keyof Pick<\n  ResizeObserverEntry,\n  \"borderBoxSize\" | \"contentBoxSize\" | \"devicePixelContentBoxSize\"\n>;\n\nfunction extractSize(\n  entry: ResizeObserverEntry,\n  box: BoxSizesKey,\n  sizeType: keyof ResizeObserverSize\n): number | undefined {\n  if (!entry[box]) {\n    if (box === \"contentBoxSize\") {\n      return entry.contentRect[sizeType === \"inlineSize\" ? \"width\" : \"height\"];\n    }\n    return undefined;\n  }\n\n  return Array.isArray(entry[box])\n    ? entry[box][0][sizeType]\n    : // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n      // @ts-ignore Support Firefox's non-standard behavior\n      (entry[box][sizeType] as number);\n}\n\nfunction useIsMounted() {\n  const isMounted = useRef(false);\n\n  useEffect(() => {\n    isMounted.current = true;\n\n    return () => {\n      isMounted.current = false;\n    };\n  }, []);\n\n  return useCallback(() => isMounted.current, []);\n}\n","import { type RefObject, useRef, useState } from \"react\";\n\nimport { useResizeObserver } from \"./useResizeObserver\";\n\ntype UseToggleDragProps = {\n  checked: boolean;\n  onChange: ((checked: boolean) => void) | undefined;\n};\n\nexport const useToggleDrag = ({ checked, onChange }: UseToggleDragProps) => {\n  const trackRef: RefObject<HTMLDivElement | null> = useRef(null);\n  const thumbRef = useRef<HTMLSpanElement>(null);\n  const [dragX, setDragX] = useState<number | undefined>(undefined);\n  const [isDragging, setIsDragging] = useState(false);\n  const [dragStopped, setDragStopped] = useState(0);\n\n  const { height: thumbHeight = 0 } = useResizeObserver({ ref: thumbRef, round: true });\n  const { height: switchHeight = 0 } = useResizeObserver({ ref: trackRef, round: true });\n\n  const switchThumbHeightDelta = (switchHeight || 0) - thumbHeight;\n  const maxDragRange = thumbHeight + switchThumbHeightDelta;\n  const minDragRange = switchThumbHeightDelta / 2;\n  const halfMaxDragRange = maxDragRange / 2;\n  const isDraggedHalfway =\n    typeof dragX === \"number\" && (checked ? dragX < halfMaxDragRange : dragX > halfMaxDragRange);\n\n  const onDrag = ({ x }: { x: number }) => {\n    setDragX(x);\n    const dragDelta = Math.abs((checked ? maxDragRange : minDragRange) - x);\n\n    // Add a threshold here for then accidentally dragging when clicking/touching\n    dragDelta > 2 && setIsDragging(true);\n  };\n\n  const onStop = () => {\n    setIsDragging(false);\n    isDragging && setDragStopped(Date.now());\n    if (isDraggedHalfway) {\n      onChange?.(!checked);\n    }\n  };\n\n  const onChangeWithDrag = () => {\n    if (Date.now() - dragStopped > 50) {\n      onChange?.(!checked);\n    }\n    setDragX(undefined);\n  };\n\n  return {\n    trackRef,\n    thumbRef,\n    isDragging,\n    bounds: { left: minDragRange, right: maxDragRange },\n    position: checked ? maxDragRange : minDragRange,\n    onDrag,\n    onStop,\n    onChangeWithDrag,\n  };\n};\n","import React, { forwardRef, useState } from \"react\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport { Icon } from \"@purpur/icon\";\nimport { checkmarkBold } from \"@purpur/icon/assets/checkmark-bold\";\nimport { Label } from \"@purpur/label\";\nimport { Paragraph } from \"@purpur/paragraph\";\nimport * as Switch from \"@radix-ui/react-switch\";\nimport c from \"classnames/bind\";\n\nimport { DraggableX } from \"./DraggableX\";\nimport { useToggleDrag } from \"./hooks/useToggleDrag\";\nimport styles from \"./toggle.module.scss\";\n\nexport type ToggleProps = Omit<BaseProps<\"button\">, \"onChange\" | \"children\" | \"id\"> & {\n  /**\n   * To use when no label is given.\n   * */\n  [\"aria-label\"]?: string;\n  /**\n   * To use with custom label (not recommended).\n   * */\n  [\"aria-labelledby\"]?: string;\n  /**\n   * The controlled state of the toggle. Must be used in conjunction with `onChange`.\n   * */\n  checked?: boolean;\n  /**\n   * The state of the toggle when it is initially rendered. Use when you do not need to control its state.\n   * */\n  defaultChecked?: boolean;\n  /**\n   * When `true`, prevents the user from interacting with the toggle.\n   * */\n  disabled?: boolean;\n  /**\n   * When `true`, the toggle isn't draggable.\n   * */\n  disableDrag?: boolean;\n  /**\n   * ID of the toggle.\n   * */\n  id: string;\n  /**\n   * The label of the toggle.\n   * */\n  label?: string;\n  /**\n   * Set to decide which side of the toggle the label should be rendered.\n   * */\n  labelPosition?: \"left\" | \"right\";\n  /**\n   * The name of the toggle. Submitted with its owning form as part of a name/value pair, when wrapped in a form.\n   * */\n  name?: string;\n  /**\n   * Event handler called when the toggle is toggled.\n   * */\n  onChange?: (checked: boolean) => void;\n  /**\n   * When `true`, indicates that the user must check the toggle before the owning form can be submitted..\n   * */\n  required?: boolean;\n  /**\n   * The value given as data when wrapped with a form and submitted with a name.\n   * */\n  value?: string;\n};\n\nconst cx = c.bind(styles);\nconst rootClassName = \"purpur-toggle\";\n\nexport const Toggle = forwardRef<HTMLButtonElement, ToggleProps>(\n  (\n    {\n      [\"data-testid\"]: dataTestId,\n      className,\n      label,\n      onChange,\n      labelPosition = \"right\",\n      checked,\n      disableDrag,\n      defaultChecked,\n      ...props\n    },\n    ref\n  ) => {\n    const [internalChecked, setInternalChecked] = useState(\n      typeof checked === \"boolean\" ? checked : !!defaultChecked\n    );\n    const isChecked = Boolean(typeof checked === \"boolean\" ? checked : internalChecked);\n    const { thumbRef, trackRef, isDragging, onChangeWithDrag, ...draggableXProps } = useToggleDrag({\n      checked: isChecked,\n      onChange: (value) => {\n        if (!props.disabled) {\n          onChange?.(value);\n          setInternalChecked(value);\n        }\n      },\n    });\n\n    const renderLabel = () => (\n      <Label\n        htmlFor={props.id}\n        data-testid={dataTestId && `${dataTestId}-label`}\n        disabled={props.disabled}\n        className={cx(`${rootClassName}__label`, `${rootClassName}__label--${labelPosition}`)}\n      >\n        <Paragraph disabled={props.disabled}>{label}</Paragraph>\n      </Label>\n    );\n\n    return (\n      <div className={cx(className, `${rootClassName}__container`)}>\n        {label && labelPosition === \"left\" && renderLabel()}\n        <Switch.Root\n          {...props}\n          ref={ref}\n          id={props.id}\n          data-testid={dataTestId}\n          className={cx(rootClassName)}\n          onCheckedChange={onChangeWithDrag}\n          checked={isChecked}\n        >\n          <span ref={trackRef} className={cx(`${rootClassName}__track`)}>\n            <span className={cx(`${rootClassName}__checkmark-container`)}>\n              <Icon className={cx(`${rootClassName}__checkmark`)} svg={checkmarkBold} size=\"xxs\" />\n            </span>\n            <DraggableX disabled={disableDrag} {...draggableXProps}>\n              <Switch.Thumb\n                ref={thumbRef}\n                data-testid={dataTestId && `${dataTestId}-thumb`}\n                className={cx(`${rootClassName}__thumb`, {\n                  [`${rootClassName}__thumb--dragging`]: isDragging,\n                })}\n              />\n            </DraggableX>\n          </span>\n        </Switch.Root>\n        {label && labelPosition === \"right\" && renderLabel()}\n      </div>\n    );\n  }\n);\n\nToggle.displayName = \"Toggle\";\n"],"names":["SWITCH_NAME","createSwitchContext","createContextScope","SwitchProvider","useSwitchContext","Switch","React","props","forwardedRef","__scopeSwitch","name","checkedProp","defaultChecked","required","disabled","value","onCheckedChange","form","switchProps","button","setButton","composedRefs","useComposedRefs","node","hasConsumerStoppedPropagationRef","isFormControl","checked","setChecked","useControllableState","jsxs","jsx","Primitive","getState","composeEventHandlers","event","prevChecked","BubbleInput","THUMB_NAME","SwitchThumb","thumbProps","context","control","bubbles","inputProps","ref","usePrevious","controlSize","useSize","input","inputProto","Root","Thumb","isTouchEvent","DraggableX","children","onStart","onDrag","onStop","bounds","position","style","dragX","setDragX","useState","dragStartX","setDragStartX","isDragging","setIsDragging","startDrag","e","clientX","onMouseMove","useCallback","dragDelta","nextDragX","nextDragXBounded","onMouseUp","useEffect","isValidElement","cloneElement","initialSize","useResizeObserver","options","box","round","width","height","setSize","isMounted","useIsMounted","previousSize","useRef","onResize","observer","entry","boxProp","newWidth","extractSize","newHeight","newSize","sizeType","useToggleDrag","onChange","trackRef","thumbRef","dragStopped","setDragStopped","thumbHeight","switchHeight","switchThumbHeightDelta","maxDragRange","minDragRange","halfMaxDragRange","isDraggedHalfway","x","cx","c","styles","rootClassName","Toggle","forwardRef","dataTestId","className","label","labelPosition","disableDrag","internalChecked","setInternalChecked","isChecked","onChangeWithDrag","draggableXProps","renderLabel","Label","Paragraph","Switch.Root","Icon","checkmarkBold","Switch.Thumb"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"toggle-B8ZLUVar.js","sources":["../../../common/temp/node_modules/.pnpm/@radix-ui+react-switch@1.1.4_@types+react-dom@19.2.3_@types+react@19.2.14__@types+react_7c6a1205dfc0b547da67f2d77f280718/node_modules/@radix-ui/react-switch/dist/index.mjs","../../../components/toggle/src/DraggableX.tsx","../../../components/toggle/src/hooks/useResizeObserver.ts","../../../components/toggle/src/hooks/useToggleDrag.ts","../../../components/toggle/src/toggle.tsx"],"sourcesContent":["\"use client\";\n\n// packages/react/switch/src/switch.tsx\nimport * as React from \"react\";\nimport { composeEventHandlers } from \"@radix-ui/primitive\";\nimport { useComposedRefs } from \"@radix-ui/react-compose-refs\";\nimport { createContextScope } from \"@radix-ui/react-context\";\nimport { useControllableState } from \"@radix-ui/react-use-controllable-state\";\nimport { usePrevious } from \"@radix-ui/react-use-previous\";\nimport { useSize } from \"@radix-ui/react-use-size\";\nimport { Primitive } from \"@radix-ui/react-primitive\";\nimport { jsx, jsxs } from \"react/jsx-runtime\";\nvar SWITCH_NAME = \"Switch\";\nvar [createSwitchContext, createSwitchScope] = createContextScope(SWITCH_NAME);\nvar [SwitchProvider, useSwitchContext] = createSwitchContext(SWITCH_NAME);\nvar Switch = React.forwardRef(\n  (props, forwardedRef) => {\n    const {\n      __scopeSwitch,\n      name,\n      checked: checkedProp,\n      defaultChecked,\n      required,\n      disabled,\n      value = \"on\",\n      onCheckedChange,\n      form,\n      ...switchProps\n    } = props;\n    const [button, setButton] = React.useState(null);\n    const composedRefs = useComposedRefs(forwardedRef, (node) => setButton(node));\n    const hasConsumerStoppedPropagationRef = React.useRef(false);\n    const isFormControl = button ? form || !!button.closest(\"form\") : true;\n    const [checked = false, setChecked] = useControllableState({\n      prop: checkedProp,\n      defaultProp: defaultChecked,\n      onChange: onCheckedChange\n    });\n    return /* @__PURE__ */ jsxs(SwitchProvider, { scope: __scopeSwitch, checked, disabled, children: [\n      /* @__PURE__ */ jsx(\n        Primitive.button,\n        {\n          type: \"button\",\n          role: \"switch\",\n          \"aria-checked\": checked,\n          \"aria-required\": required,\n          \"data-state\": getState(checked),\n          \"data-disabled\": disabled ? \"\" : void 0,\n          disabled,\n          value,\n          ...switchProps,\n          ref: composedRefs,\n          onClick: composeEventHandlers(props.onClick, (event) => {\n            setChecked((prevChecked) => !prevChecked);\n            if (isFormControl) {\n              hasConsumerStoppedPropagationRef.current = event.isPropagationStopped();\n              if (!hasConsumerStoppedPropagationRef.current) event.stopPropagation();\n            }\n          })\n        }\n      ),\n      isFormControl && /* @__PURE__ */ jsx(\n        BubbleInput,\n        {\n          control: button,\n          bubbles: !hasConsumerStoppedPropagationRef.current,\n          name,\n          value,\n          checked,\n          required,\n          disabled,\n          form,\n          style: { transform: \"translateX(-100%)\" }\n        }\n      )\n    ] });\n  }\n);\nSwitch.displayName = SWITCH_NAME;\nvar THUMB_NAME = \"SwitchThumb\";\nvar SwitchThumb = React.forwardRef(\n  (props, forwardedRef) => {\n    const { __scopeSwitch, ...thumbProps } = props;\n    const context = useSwitchContext(THUMB_NAME, __scopeSwitch);\n    return /* @__PURE__ */ jsx(\n      Primitive.span,\n      {\n        \"data-state\": getState(context.checked),\n        \"data-disabled\": context.disabled ? \"\" : void 0,\n        ...thumbProps,\n        ref: forwardedRef\n      }\n    );\n  }\n);\nSwitchThumb.displayName = THUMB_NAME;\nvar BubbleInput = (props) => {\n  const { control, checked, bubbles = true, ...inputProps } = props;\n  const ref = React.useRef(null);\n  const prevChecked = usePrevious(checked);\n  const controlSize = useSize(control);\n  React.useEffect(() => {\n    const input = ref.current;\n    const inputProto = window.HTMLInputElement.prototype;\n    const descriptor = Object.getOwnPropertyDescriptor(inputProto, \"checked\");\n    const setChecked = descriptor.set;\n    if (prevChecked !== checked && setChecked) {\n      const event = new Event(\"click\", { bubbles });\n      setChecked.call(input, checked);\n      input.dispatchEvent(event);\n    }\n  }, [prevChecked, checked, bubbles]);\n  return /* @__PURE__ */ jsx(\n    \"input\",\n    {\n      type: \"checkbox\",\n      \"aria-hidden\": true,\n      defaultChecked: checked,\n      ...inputProps,\n      tabIndex: -1,\n      ref,\n      style: {\n        ...props.style,\n        ...controlSize,\n        position: \"absolute\",\n        pointerEvents: \"none\",\n        opacity: 0,\n        margin: 0\n      }\n    }\n  );\n};\nfunction getState(checked) {\n  return checked ? \"checked\" : \"unchecked\";\n}\nvar Root = Switch;\nvar Thumb = SwitchThumb;\nexport {\n  Root,\n  Switch,\n  SwitchThumb,\n  Thumb,\n  createSwitchScope\n};\n//# sourceMappingURL=index.mjs.map\n","import {\n  cloneElement,\n  type CSSProperties,\n  isValidElement,\n  type ReactElement,\n  useCallback,\n  useEffect,\n  useState,\n} from \"react\";\nimport { type SwitchThumbProps } from \"@radix-ui/react-switch\";\n\nexport type DraggableXProps = {\n  children?: ReactElement<SwitchThumbProps>;\n  disabled?: boolean;\n  position: number;\n  bounds: { left: number; right: number };\n  onStart?: () => void;\n  onDrag?: (args: { x: number }) => void;\n  onStop?: () => void;\n  style?: CSSProperties;\n};\n\nconst isTouchEvent = (e: MouseEvent | TouchEvent): e is TouchEvent => e && \"touches\" in e;\n\n/**\n * Bare minimum to make the toggle draggable.\n * It is created for usage in the toggle only but could easily be extracted and used elsewhere.\n *\n * It is called `DraggableX` since it's only for dragging along the x-axis.\n */\nexport const DraggableX = ({\n  children,\n  disabled,\n  onStart,\n  onDrag,\n  onStop,\n  bounds,\n  position,\n  style,\n}: DraggableXProps) => {\n  const [dragX, setDragX] = useState<number | undefined>(undefined);\n  const [dragStartX, setDragStartX] = useState<number | undefined>(undefined);\n  const [isDragging, setIsDragging] = useState(false);\n\n  const startDrag = (e: React.MouseEvent | React.TouchEvent) => {\n    if (!disabled) {\n      e.preventDefault();\n      const clientX = isTouchEvent(e.nativeEvent)\n        ? e.nativeEvent.touches[0].clientX\n        : e.nativeEvent.clientX;\n      setDragStartX(clientX);\n      onStart?.();\n    }\n  };\n\n  const onMouseMove = useCallback(\n    (e: MouseEvent | TouchEvent) => {\n      if (typeof dragStartX !== \"number\") {\n        return;\n      }\n\n      const clientX = isTouchEvent(e) ? e.touches[0].clientX : e.clientX;\n      const dragDelta = clientX - dragStartX;\n\n      if (!dragDelta) {\n        return;\n      }\n\n      const nextDragX = position + dragDelta;\n      if (!isDragging && Math.abs(nextDragX)) {\n        setIsDragging(true);\n      }\n\n      const nextDragXBounded = (() => {\n        if (nextDragX > bounds.right) {\n          return bounds.right;\n        }\n\n        if (nextDragX < bounds.left) {\n          return bounds.left;\n        }\n\n        return nextDragX;\n      })();\n\n      setDragX(nextDragXBounded);\n      onDrag?.({ x: nextDragXBounded });\n    },\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [onDrag, setDragX, isDragging, dragStartX]\n  );\n\n  const onMouseUp = useCallback(() => {\n    setDragStartX(undefined);\n    setDragX(undefined);\n    setIsDragging(false);\n    onStop?.();\n  }, [onStop, setDragStartX]);\n\n  useEffect(() => {\n    window.addEventListener(\"mousemove\", onMouseMove);\n    window.addEventListener(\"touchmove\", onMouseMove);\n\n    return () => {\n      window.removeEventListener(\"mousemove\", onMouseMove);\n      window.removeEventListener(\"touchmove\", onMouseMove);\n    };\n  }, [onMouseMove]);\n\n  useEffect(() => {\n    window.addEventListener(\"mouseup\", onMouseUp);\n    window.addEventListener(\"touchend\", onMouseUp);\n\n    return () => {\n      window.removeEventListener(\"mouseup\", onMouseUp);\n      window.removeEventListener(\"touchend\", onMouseUp);\n    };\n  }, [onMouseUp]);\n\n  return isValidElement(children)\n    ? cloneElement<SwitchThumbProps>(children, {\n        onMouseDown: startDrag,\n        onTouchStart: startDrag,\n        style: { ...style, transform: `translateX(${isDragging ? dragX : position}px)` },\n      })\n    : null;\n};\n","import type { RefObject } from \"react\";\nimport { useCallback, useEffect, useRef, useState } from \"react\";\n\n// This hook is a clone of useResizeObserver in b2c-sales/hooks\n\ntype Size = {\n  width: number | undefined;\n  height: number | undefined;\n};\n\ntype UseResizeObserverOptions<T extends HTMLElement = HTMLElement> = {\n  ref: RefObject<T | null>;\n  onResize?: (size: Size) => void;\n  box?: \"border-box\" | \"content-box\" | \"device-pixel-content-box\";\n  round?: boolean;\n};\n\nconst initialSize: Size = {\n  width: undefined,\n  height: undefined,\n};\n\nexport function useResizeObserver<T extends HTMLElement = HTMLElement>(\n  options: UseResizeObserverOptions<T>\n): Size {\n  const { ref, box = \"content-box\", round } = options;\n  const [{ width, height }, setSize] = useState<Size>(initialSize);\n  const isMounted = useIsMounted();\n  const previousSize = useRef<Size>({ ...initialSize });\n  const onResize = useRef<((size: Size) => void) | undefined>(undefined);\n  onResize.current = options.onResize;\n\n  useEffect(() => {\n    if (!ref.current) {\n      return;\n    }\n\n    if (typeof window === \"undefined\" || !(\"ResizeObserver\" in window)) {\n      return;\n    }\n\n    const observer = new ResizeObserver(([entry]) => {\n      const boxProp =\n\n        box === \"border-box\"\n          ? \"borderBoxSize\"\n          : box === \"device-pixel-content-box\"\n          ? \"devicePixelContentBoxSize\"\n          : \"contentBoxSize\";\n\n      const newWidth = extractSize(entry, boxProp, \"inlineSize\");\n      const newHeight = extractSize(entry, boxProp, \"blockSize\");\n\n      const hasChanged =\n        previousSize.current.width !== newWidth || previousSize.current.height !== newHeight;\n\n      if (hasChanged) {\n        const newSize: Size = {\n          width: newWidth && round ? Math.round(newWidth) : newWidth,\n          height: newHeight && round ? Math.round(newHeight) : newHeight,\n        };\n        previousSize.current.width = newWidth;\n        previousSize.current.height = newHeight;\n\n        if (onResize.current) {\n          onResize.current(newSize);\n        } else {\n          if (isMounted()) {\n            setSize(newSize);\n          }\n        }\n      }\n    });\n\n    observer.observe(ref.current, { box });\n\n    return () => {\n      observer.disconnect();\n    };\n  }, [box, ref, isMounted, round]);\n\n  return { width, height };\n}\n\ntype BoxSizesKey = keyof Pick<\n  ResizeObserverEntry,\n  \"borderBoxSize\" | \"contentBoxSize\" | \"devicePixelContentBoxSize\"\n>;\n\nfunction extractSize(\n  entry: ResizeObserverEntry,\n  box: BoxSizesKey,\n  sizeType: keyof ResizeObserverSize\n): number | undefined {\n  if (!entry[box]) {\n    if (box === \"contentBoxSize\") {\n      return entry.contentRect[sizeType === \"inlineSize\" ? \"width\" : \"height\"];\n    }\n    return undefined;\n  }\n\n  return Array.isArray(entry[box])\n    ? entry[box][0][sizeType]\n    : // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n      // @ts-ignore Support Firefox's non-standard behavior\n      (entry[box][sizeType] as number);\n}\n\nfunction useIsMounted() {\n  const isMounted = useRef(false);\n\n  useEffect(() => {\n    isMounted.current = true;\n\n    return () => {\n      isMounted.current = false;\n    };\n  }, []);\n\n  return useCallback(() => isMounted.current, []);\n}\n","import { type RefObject, useRef, useState } from \"react\";\n\nimport { useResizeObserver } from \"./useResizeObserver\";\n\ntype UseToggleDragProps = {\n  checked: boolean;\n  onChange: ((checked: boolean) => void) | undefined;\n};\n\nexport const useToggleDrag = ({ checked, onChange }: UseToggleDragProps) => {\n  const trackRef: RefObject<HTMLDivElement | null> = useRef(null);\n  const thumbRef = useRef<HTMLSpanElement>(null);\n  const [dragX, setDragX] = useState<number | undefined>(undefined);\n  const [isDragging, setIsDragging] = useState(false);\n  const [dragStopped, setDragStopped] = useState(0);\n\n  const { height: thumbHeight = 0 } = useResizeObserver({ ref: thumbRef, round: true });\n  const { height: switchHeight = 0 } = useResizeObserver({ ref: trackRef, round: true });\n\n  const switchThumbHeightDelta = (switchHeight || 0) - thumbHeight;\n  const maxDragRange = thumbHeight + switchThumbHeightDelta;\n  const minDragRange = switchThumbHeightDelta / 2;\n  const halfMaxDragRange = maxDragRange / 2;\n  const isDraggedHalfway =\n    typeof dragX === \"number\" && (checked ? dragX < halfMaxDragRange : dragX > halfMaxDragRange);\n\n  const onDrag = ({ x }: { x: number }) => {\n    setDragX(x);\n    const dragDelta = Math.abs((checked ? maxDragRange : minDragRange) - x);\n\n    // Add a threshold here for then accidentally dragging when clicking/touching\n    dragDelta > 2 && setIsDragging(true);\n  };\n\n  const onStop = () => {\n    setIsDragging(false);\n    isDragging && setDragStopped(Date.now());\n    if (isDraggedHalfway) {\n      onChange?.(!checked);\n    }\n  };\n\n  const onChangeWithDrag = () => {\n    if (Date.now() - dragStopped > 50) {\n      onChange?.(!checked);\n    }\n    setDragX(undefined);\n  };\n\n  return {\n    trackRef,\n    thumbRef,\n    isDragging,\n    bounds: { left: minDragRange, right: maxDragRange },\n    position: checked ? maxDragRange : minDragRange,\n    onDrag,\n    onStop,\n    onChangeWithDrag,\n  };\n};\n","import React, { forwardRef, useState } from \"react\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport { Icon } from \"@purpur/icon\";\nimport { checkmarkBold } from \"@purpur/icon/assets/checkmark-bold\";\nimport { Label } from \"@purpur/label\";\nimport { Paragraph } from \"@purpur/paragraph\";\nimport * as Switch from \"@radix-ui/react-switch\";\nimport c from \"classnames/bind\";\n\nimport { DraggableX } from \"./DraggableX\";\nimport { useToggleDrag } from \"./hooks/useToggleDrag\";\nimport styles from \"./toggle.module.scss\";\n\nexport type ToggleProps = Omit<BaseProps<\"button\">, \"onChange\" | \"children\" | \"id\"> & {\n  /**\n   * To use when no label is given.\n   * */\n  [\"aria-label\"]?: string;\n  /**\n   * To use with custom label (not recommended).\n   * */\n  [\"aria-labelledby\"]?: string;\n  /**\n   * The controlled state of the toggle. Must be used in conjunction with `onChange`.\n   * */\n  checked?: boolean;\n  /**\n   * The state of the toggle when it is initially rendered. Use when you do not need to control its state.\n   * */\n  defaultChecked?: boolean;\n  /**\n   * When `true`, prevents the user from interacting with the toggle.\n   * */\n  disabled?: boolean;\n  /**\n   * When `true`, the toggle isn't draggable.\n   * */\n  disableDrag?: boolean;\n  /**\n   * ID of the toggle.\n   * */\n  id: string;\n  /**\n   * The label of the toggle.\n   * */\n  label?: string;\n  /**\n   * Set to decide which side of the toggle the label should be rendered.\n   * */\n  labelPosition?: \"left\" | \"right\";\n  /**\n   * The name of the toggle. Submitted with its owning form as part of a name/value pair, when wrapped in a form.\n   * */\n  name?: string;\n  /**\n   * Event handler called when the toggle is toggled.\n   * */\n  onChange?: (checked: boolean) => void;\n  /**\n   * When `true`, indicates that the user must check the toggle before the owning form can be submitted..\n   * */\n  required?: boolean;\n  /**\n   * The value given as data when wrapped with a form and submitted with a name.\n   * */\n  value?: string;\n  negative?: boolean;\n};\n\nconst cx = c.bind(styles);\nconst rootClassName = \"purpur-toggle\";\n\nexport const Toggle = forwardRef<HTMLButtonElement, ToggleProps>(\n  (\n    {\n      [\"data-testid\"]: dataTestId,\n      className,\n      label,\n      onChange,\n      labelPosition = \"right\",\n      checked,\n      disableDrag,\n      defaultChecked,\n      negative = false,\n      ...props\n    },\n    ref\n  ) => {\n    const [internalChecked, setInternalChecked] = useState(\n      typeof checked === \"boolean\" ? checked : !!defaultChecked\n    );\n    const isChecked = Boolean(typeof checked === \"boolean\" ? checked : internalChecked);\n    const { thumbRef, trackRef, isDragging, onChangeWithDrag, ...draggableXProps } = useToggleDrag({\n      checked: isChecked,\n      onChange: (value) => {\n        if (!props.disabled) {\n          onChange?.(value);\n          setInternalChecked(value);\n        }\n      },\n    });\n\n    const renderLabel = () => (\n      <Label\n        htmlFor={props.id}\n        data-testid={dataTestId && `${dataTestId}-label`}\n        disabled={props.disabled}\n        className={cx(`${rootClassName}__label`, `${rootClassName}__label--${labelPosition}`)}\n        negative={negative}\n      >\n        <Paragraph disabled={props.disabled} negative={negative}>\n          {label}\n        </Paragraph>\n      </Label>\n    );\n\n    return (\n      <div className={cx(className, `${rootClassName}__container`)}>\n        {label && labelPosition === \"left\" && renderLabel()}\n        <Switch.Root\n          {...props}\n          ref={ref}\n          id={props.id}\n          data-testid={dataTestId}\n          className={cx(rootClassName, { [`${rootClassName}--negative`]: negative })}\n          onCheckedChange={onChangeWithDrag}\n          checked={isChecked}\n        >\n          <span\n            ref={trackRef}\n            className={cx(`${rootClassName}__track`, {\n              [`${rootClassName}__track--negative`]: negative,\n            })}\n          >\n            <span className={cx(`${rootClassName}__checkmark-container`)}>\n              <Icon className={cx(`${rootClassName}__checkmark`)} svg={checkmarkBold} size=\"xxs\" />\n            </span>\n            <DraggableX disabled={disableDrag} {...draggableXProps}>\n              <Switch.Thumb\n                ref={thumbRef}\n                data-testid={dataTestId && `${dataTestId}-thumb`}\n                className={cx(`${rootClassName}__thumb`, {\n                  [`${rootClassName}__thumb--dragging`]: isDragging,\n                  [`${rootClassName}__thumb--negative`]: negative,\n                })}\n              />\n            </DraggableX>\n          </span>\n        </Switch.Root>\n        {label && labelPosition === \"right\" && renderLabel()}\n      </div>\n    );\n  }\n);\n\nToggle.displayName = \"Toggle\";\n"],"names":["SWITCH_NAME","createSwitchContext","createContextScope","SwitchProvider","useSwitchContext","Switch","React","props","forwardedRef","__scopeSwitch","name","checkedProp","defaultChecked","required","disabled","value","onCheckedChange","form","switchProps","button","setButton","composedRefs","useComposedRefs","node","hasConsumerStoppedPropagationRef","isFormControl","checked","setChecked","useControllableState","jsxs","jsx","Primitive","getState","composeEventHandlers","event","prevChecked","BubbleInput","THUMB_NAME","SwitchThumb","thumbProps","context","control","bubbles","inputProps","ref","usePrevious","controlSize","useSize","input","inputProto","Root","Thumb","isTouchEvent","DraggableX","children","onStart","onDrag","onStop","bounds","position","style","dragX","setDragX","useState","dragStartX","setDragStartX","isDragging","setIsDragging","startDrag","e","clientX","onMouseMove","useCallback","dragDelta","nextDragX","nextDragXBounded","onMouseUp","useEffect","isValidElement","cloneElement","initialSize","useResizeObserver","options","box","round","width","height","setSize","isMounted","useIsMounted","previousSize","useRef","onResize","observer","entry","boxProp","newWidth","extractSize","newHeight","newSize","sizeType","useToggleDrag","onChange","trackRef","thumbRef","dragStopped","setDragStopped","thumbHeight","switchHeight","switchThumbHeightDelta","maxDragRange","minDragRange","halfMaxDragRange","isDraggedHalfway","x","cx","c","styles","rootClassName","Toggle","forwardRef","dataTestId","className","label","labelPosition","disableDrag","negative","internalChecked","setInternalChecked","isChecked","onChangeWithDrag","draggableXProps","renderLabel","Label","Paragraph","Switch.Root","Icon","checkmarkBold","Switch.Thumb"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/toggle-CY3J8BRX.mjs

@@ -0,0 +1,302 @@
+import { jsxs as z, jsx as k } from "react/jsx-runtime";
+import * as x from "react";
+import { useState as S, useCallback as P, useEffect as E, isValidElement as A, cloneElement as I, useRef as R, forwardRef as j } from "react";
+import { b as q } from "./icon.es-CZcKxTaM.mjs";
+import { l as F } from "./checkmark-bold.es-CV3e_t3E.mjs";
+import { L as U } from "./label-7sJe5-pX.mjs";
+import { P as V } from "./paragraph-DSxXmX_0.mjs";
+import { u as G, c as J, a as K } from "./index-tyLV0iiH.mjs";
+import { u as Q } from "./index-DLcqcWxM.mjs";
+import { c as Y } from "./index-DOfn3ixy.mjs";
+import { u as Z } from "./index-DPxjTK4w.mjs";
+import { P as B } from "./index-CCNZ9uWB.mjs";
+import { c as ee } from "./bind-CU-R61T-.mjs";
+var M = "Switch", [te] = Y(M), [re, ne] = te(M), H = x.forwardRef(
+  (e, r) => {
+    const {
+      __scopeSwitch: t,
+      name: a,
+      checked: s,
+      defaultChecked: i,
+      required: h,
+      disabled: l,
+      value: n = "on",
+      onCheckedChange: o,
+      form: p,
+      ..._
+    } = e, [u, c] = x.useState(null), g = Q(r, (w) => c(w)), f = x.useRef(!1), m = u ? p || !!u.closest("form") : !0, [d = !1, C] = G({
+      prop: s,
+      defaultProp: i,
+      onChange: o
+    });
+    return /* @__PURE__ */ z(re, { scope: t, checked: d, disabled: l, children: [
+      /* @__PURE__ */ k(
+        B.button,
+        {
+          type: "button",
+          role: "switch",
+          "aria-checked": d,
+          "aria-required": h,
+          "data-state": W(d),
+          "data-disabled": l ? "" : void 0,
+          disabled: l,
+          value: n,
+          ..._,
+          ref: g,
+          onClick: J(e.onClick, (w) => {
+            C((v) => !v), m && (f.current = w.isPropagationStopped(), f.current || w.stopPropagation());
+          })
+        }
+      ),
+      m && /* @__PURE__ */ k(
+        oe,
+        {
+          control: u,
+          bubbles: !f.current,
+          name: a,
+          value: n,
+          checked: d,
+          required: h,
+          disabled: l,
+          form: p,
+          style: { transform: "translateX(-100%)" }
+        }
+      )
+    ] });
+  }
+);
+H.displayName = M;
+var T = "SwitchThumb", O = x.forwardRef(
+  (e, r) => {
+    const { __scopeSwitch: t, ...a } = e, s = ne(T, t);
+    return /* @__PURE__ */ k(
+      B.span,
+      {
+        "data-state": W(s.checked),
+        "data-disabled": s.disabled ? "" : void 0,
+        ...a,
+        ref: r
+      }
+    );
+  }
+);
+O.displayName = T;
+var oe = (e) => {
+  const { control: r, checked: t, bubbles: a = !0, ...s } = e, i = x.useRef(null), h = K(t), l = Z(r);
+  return x.useEffect(() => {
+    const n = i.current, o = window.HTMLInputElement.prototype, _ = Object.getOwnPropertyDescriptor(o, "checked").set;
+    if (h !== t && _) {
+      const u = new Event("click", { bubbles: a });
+      _.call(n, t), n.dispatchEvent(u);
+    }
+  }, [h, t, a]), /* @__PURE__ */ k(
+    "input",
+    {
+      type: "checkbox",
+      "aria-hidden": !0,
+      defaultChecked: t,
+      ...s,
+      tabIndex: -1,
+      ref: i,
+      style: {
+        ...e.style,
+        ...l,
+        position: "absolute",
+        pointerEvents: "none",
+        opacity: 0,
+        margin: 0
+      }
+    }
+  );
+};
+function W(e) {
+  return e ? "checked" : "unchecked";
+}
+var se = H, ie = O;
+const $ = (e) => e && "touches" in e, ae = ({
+  children: e,
+  disabled: r,
+  onStart: t,
+  onDrag: a,
+  onStop: s,
+  bounds: i,
+  position: h,
+  style: l
+}) => {
+  const [n, o] = S(void 0), [p, _] = S(void 0), [u, c] = S(!1), g = (d) => {
+    if (!r) {
+      d.preventDefault();
+      const C = $(d.nativeEvent) ? d.nativeEvent.touches[0].clientX : d.nativeEvent.clientX;
+      _(C), t?.();
+    }
+  }, f = P(
+    (d) => {
+      if (typeof p != "number")
+        return;
+      const w = ($(d) ? d.touches[0].clientX : d.clientX) - p;
+      if (!w)
+        return;
+      const v = h + w;
+      !u && Math.abs(v) && c(!0);
+      const X = v > i.right ? i.right : v < i.left ? i.left : v;
+      o(X), a?.({ x: X });
+    },
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [a, o, u, p]
+  ), m = P(() => {
+    _(void 0), o(void 0), c(!1), s?.();
+  }, [s, _]);
+  return E(() => (window.addEventListener("mousemove", f), window.addEventListener("touchmove", f), () => {
+    window.removeEventListener("mousemove", f), window.removeEventListener("touchmove", f);
+  }), [f]), E(() => (window.addEventListener("mouseup", m), window.addEventListener("touchend", m), () => {
+    window.removeEventListener("mouseup", m), window.removeEventListener("touchend", m);
+  }), [m]), A(e) ? I(e, {
+    onMouseDown: g,
+    onTouchStart: g,
+    style: { ...l, transform: `translateX(${u ? n : h}px)` }
+  }) : null;
+}, y = {
+  width: void 0,
+  height: void 0
+};
+function N(e) {
+  const { ref: r, box: t = "content-box", round: a } = e, [{ width: s, height: i }, h] = S(y), l = ce(), n = R({ ...y }), o = R(void 0);
+  return o.current = e.onResize, E(() => {
+    if (!r.current || typeof window > "u" || !("ResizeObserver" in window))
+      return;
+    const p = new ResizeObserver(([_]) => {
+      const u = t === "border-box" ? "borderBoxSize" : t === "device-pixel-content-box" ? "devicePixelContentBoxSize" : "contentBoxSize", c = L(_, u, "inlineSize"), g = L(_, u, "blockSize");
+      if (n.current.width !== c || n.current.height !== g) {
+        const m = {
+          width: c && a ? Math.round(c) : c,
+          height: g && a ? Math.round(g) : g
+        };
+        n.current.width = c, n.current.height = g, o.current ? o.current(m) : l() && h(m);
+      }
+    });
+    return p.observe(r.current, { box: t }), () => {
+      p.disconnect();
+    };
+  }, [t, r, l, a]), { width: s, height: i };
+}
+function L(e, r, t) {
+  return e[r] ? Array.isArray(e[r]) ? e[r][0][t] : (
+    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+    // @ts-ignore Support Firefox's non-standard behavior
+    e[r][t]
+  ) : r === "contentBoxSize" ? e.contentRect[t === "inlineSize" ? "width" : "height"] : void 0;
+}
+function ce() {
+  const e = R(!1);
+  return E(() => (e.current = !0, () => {
+    e.current = !1;
+  }), []), P(() => e.current, []);
+}
+const ue = ({ checked: e, onChange: r }) => {
+  const t = R(null), a = R(null), [s, i] = S(void 0), [h, l] = S(!1), [n, o] = S(0), { height: p = 0 } = N({ ref: a, round: !0 }), { height: _ = 0 } = N({ ref: t, round: !0 }), u = (_ || 0) - p, c = p + u, g = u / 2, f = c / 2, m = typeof s == "number" && (e ? s < f : s > f);
+  return {
+    trackRef: t,
+    thumbRef: a,
+    isDragging: h,
+    bounds: { left: g, right: c },
+    position: e ? c : g,
+    onDrag: ({ x: v }) => {
+      i(v), Math.abs((e ? c : g) - v) > 2 && l(!0);
+    },
+    onStop: () => {
+      l(!1), h && o(Date.now()), m && r?.(!e);
+    },
+    onChangeWithDrag: () => {
+      Date.now() - n > 50 && r?.(!e), i(void 0);
+    }
+  };
+}, le = {
+  "purpur-toggle": "_purpur-toggle_15s9r_1",
+  "purpur-toggle__track": "_purpur-toggle__track_15s9r_7",
+  "purpur-toggle__checkmark-container": "_purpur-toggle__checkmark-container_15s9r_45",
+  "purpur-toggle__track--negative": "_purpur-toggle__track--negative_15s9r_60",
+  "purpur-toggle__thumb": "_purpur-toggle__thumb_15s9r_64",
+  "purpur-toggle__thumb--dragging": "_purpur-toggle__thumb--dragging_15s9r_89",
+  "purpur-toggle__thumb--negative": "_purpur-toggle__thumb--negative_15s9r_98",
+  "purpur-toggle__checkmark": "_purpur-toggle__checkmark_15s9r_45",
+  "purpur-toggle__label--right": "_purpur-toggle__label--right_15s9r_126",
+  "purpur-toggle__label--left": "_purpur-toggle__label--left_15s9r_129",
+  "purpur-toggle__container": "_purpur-toggle__container_15s9r_132",
+  "purpur-toggle--negative": "_purpur-toggle--negative_15s9r_141"
+}, D = ee.bind(le), b = "purpur-toggle", ge = j(
+  ({
+    ["data-testid"]: e,
+    className: r,
+    label: t,
+    onChange: a,
+    labelPosition: s = "right",
+    checked: i,
+    disableDrag: h,
+    defaultChecked: l,
+    negative: n = !1,
+    ...o
+  }, p) => {
+    const [_, u] = S(
+      typeof i == "boolean" ? i : !!l
+    ), c = !!(typeof i == "boolean" ? i : _), { thumbRef: g, trackRef: f, isDragging: m, onChangeWithDrag: d, ...C } = ue({
+      checked: c,
+      onChange: (v) => {
+        o.disabled || (a?.(v), u(v));
+      }
+    }), w = () => /* @__PURE__ */ k(
+      U,
+      {
+        htmlFor: o.id,
+        "data-testid": e && `${e}-label`,
+        disabled: o.disabled,
+        className: D(`${b}__label`, `${b}__label--${s}`),
+        negative: n,
+        children: /* @__PURE__ */ k(V, { disabled: o.disabled, negative: n, children: t })
+      }
+    );
+    return /* @__PURE__ */ z("div", { className: D(r, `${b}__container`), children: [
+      t && s === "left" && w(),
+      /* @__PURE__ */ k(
+        se,
+        {
+          ...o,
+          ref: p,
+          id: o.id,
+          "data-testid": e,
+          className: D(b, { [`${b}--negative`]: n }),
+          onCheckedChange: d,
+          checked: c,
+          children: /* @__PURE__ */ z(
+            "span",
+            {
+              ref: f,
+              className: D(`${b}__track`, {
+                [`${b}__track--negative`]: n
+              }),
+              children: [
+                /* @__PURE__ */ k("span", { className: D(`${b}__checkmark-container`), children: /* @__PURE__ */ k(q, { className: D(`${b}__checkmark`), svg: F, size: "xxs" }) }),
+                /* @__PURE__ */ k(ae, { disabled: h, ...C, children: /* @__PURE__ */ k(
+                  ie,
+                  {
+                    ref: g,
+                    "data-testid": e && `${e}-thumb`,
+                    className: D(`${b}__thumb`, {
+                      [`${b}__thumb--dragging`]: m,
+                      [`${b}__thumb--negative`]: n
+                    })
+                  }
+                ) })
+              ]
+            }
+          )
+        }
+      ),
+      t && s === "right" && w()
+    ] });
+  }
+);
+ge.displayName = "Toggle";
+export {
+  ge as T
+};
+//# sourceMappingURL=toggle-CY3J8BRX.mjs.map