@purpur/library 8.21.0

package/dist/tabs.es.js

@@ -0,0 +1,7 @@
+import { T as e, c as s, t as r } from "./tabs-CoXMAwMx.mjs";
+export {
+  e as Tabs,
+  s as createTabChangeDetailEvent,
+  r as tabsVariants
+};
+//# sourceMappingURL=tabs.es.js.map

package/dist/tabs.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/text-area-C4mcG5c0.js

@@ -0,0 +1,2 @@
+"use strict";const r=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-djmNDpmy.js");require("change-case");const T=require("./useColorScheme-DwlZAnlk.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:t,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 r.jsxs("div",{className:l(o,e),"data-testid":x,children:[d&&r.jsxs(R.Label,{htmlFor:i,disabled:a.disabled,className:s[`${e}__label`],"data-testid":_("label"),children:[a.required&&r.jsx("span",{"aria-hidden":!0,children:"*"}),d]}),r.jsxs("div",{className:v,children:[r.jsx("textarea",{...a,ref:m,id:i,"data-testid":_("textarea"),"aria-describedby":a["aria-describedby"]||u,"aria-invalid":a["aria-invalid"]||!!t,className:l(`${e}__textarea`,`${e}__textarea--${$}`,{[`${e}__textarea--error`]:!!t}),rows:q,cols:b,style:{resize:f,...h}}),r.jsx("div",{className:s[`${e}__frame`]})]}),u&&r.jsx(O.FieldHelperText,{"data-testid":_("helper-text"),id:u,children:n}),t&&r.jsx(y.FieldErrorText,{"data-testid":_("error-text"),children:t})]})});p.displayName="TextArea";exports.ResizeOption=c;exports.TextArea=p;
+//# sourceMappingURL=text-area-C4mcG5c0.js.map

package/dist/text-area-C4mcG5c0.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-area-C4mcG5c0.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":"6vCAUaA,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-CJD8ksqm.mjs

@@ -0,0 +1,94 @@
+import { jsxs as u, jsx as t } from "react/jsx-runtime";
+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-mOHIAi2k.mjs";
+import "change-case";
+import { u as C } from "./useColorScheme-CgjazeGp.mjs";
+import { c as F } from "./bind-CU-R61T-.mjs";
+const p = {
+  "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"
+}, R = {
+  NONE: "none",
+  BOTH: "both",
+  HORIZONTAL: "horizontal",
+  VERTICAL: "vertical"
+}, l = F.bind(p), e = "purpur-text-area", T = N(
+  ({
+    id: i,
+    ["data-testid"]: x,
+    className: s,
+    errorText: r,
+    helperText: n,
+    label: o,
+    rows: c = 3,
+    cols: m = 90,
+    resize: q = R.BOTH,
+    style: f,
+    ...a
+  }, b) => {
+    const [h] = C(), _ = (v) => x ? `${x}-${v}` : void 0, d = n ? `${i}-helper-text` : void 0, $ = l(`${e}__textarea-container`, {
+      [`${e}__textarea-container--disabled`]: a.disabled,
+      [`${e}__textarea-container--readonly`]: a.readOnly && !a.disabled
+    });
+    return /* @__PURE__ */ u("div", { className: l(s, e), "data-testid": x, children: [
+      o && /* @__PURE__ */ u(
+        A,
+        {
+          htmlFor: i,
+          disabled: a.disabled,
+          className: p[`${e}__label`],
+          "data-testid": _("label"),
+          children: [
+            a.required && /* @__PURE__ */ t("span", { "aria-hidden": !0, children: "*" }),
+            o
+          ]
+        }
+      ),
+      /* @__PURE__ */ u("div", { className: $, children: [
+        /* @__PURE__ */ t(
+          "textarea",
+          {
+            ...a,
+            ref: b,
+            id: i,
+            "data-testid": _("textarea"),
+            "aria-describedby": a["aria-describedby"] || d,
+            "aria-invalid": a["aria-invalid"] || !!r,
+            className: l(
+              `${e}__textarea`,
+              `${e}__textarea--${h}`,
+              {
+                [`${e}__textarea--error`]: !!r
+              }
+            ),
+            rows: c,
+            cols: m,
+            style: { resize: q, ...f }
+          }
+        ),
+        /* @__PURE__ */ t("div", { className: p[`${e}__frame`] })
+      ] }),
+      d && /* @__PURE__ */ t(O, { "data-testid": _("helper-text"), id: d, children: n }),
+      r && /* @__PURE__ */ t(y, { "data-testid": _("error-text"), children: r })
+    ] });
+  }
+);
+T.displayName = "TextArea";
+export {
+  R,
+  T
+};
+//# sourceMappingURL=text-area-CJD8ksqm.mjs.map

package/dist/text-area-CJD8ksqm.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-area-CJD8ksqm.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.cjs.js

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

package/dist/text-area.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-area.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/text-area.d.ts

@@ -0,0 +1,6 @@
+/**
+ * ⚠️ WARNING ⚠️
+ * This file is automatically generated, do not edit it manually
+ */
+export * from '@purpur/text-area';
+//# sourceMappingURL=text-area.d.ts.map

package/dist/text-area.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-area.d.ts","sourceRoot":"","sources":["../src/text-area.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,cAAc,mBAAmB,CAAC"}

package/dist/text-area.es.js

@@ -0,0 +1,6 @@
+import { R as o, T as r } from "./text-area-CJD8ksqm.mjs";
+export {
+  o as ResizeOption,
+  r as TextArea
+};
+//# sourceMappingURL=text-area.es.js.map

package/dist/text-area.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-area.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/text-field-B8a-NKm4.js

@@ -0,0 +1,2 @@
+"use strict";const n=require("react/jsx-runtime"),s=require("react"),k=require("./button-ChYUPi2k.js"),z=require("./field-error-text-FhQulSV5.js"),H=require("./field-helper-text-DSKO-Tce.js"),B=require("./check-circle-filled.es-5-GXE9l4.js"),M=require("./close.es-VL3lKi1O.js"),S=require("./label-yHK80hhV.js"),D=require("./spinner-tKunS_o-.js"),G=require("./bind-DeUYJ6m9.js"),J={"purpur-text-field":"_purpur-text-field_1n0q1_1","purpur-text-field__label":"_purpur-text-field__label_1n0q1_7","purpur-text-field__label-text":"_purpur-text-field__label-text_1n0q1_12","purpur-text-field__field-row":"_purpur-text-field__field-row_1n0q1_15","purpur-text-field__frame":"_purpur-text-field__frame_1n0q1_19","purpur-text-field__frame--negative":"_purpur-text-field__frame--negative_1n0q1_26","purpur-text-field__input-container":"_purpur-text-field__input-container_1n0q1_29","purpur-text-field__input-container--disabled":"_purpur-text-field__input-container--disabled_1n0q1_40","purpur-text-field__input-container--readonly":"_purpur-text-field__input-container--readonly_1n0q1_43","purpur-text-field__input-container--has-clear-button":"_purpur-text-field__input-container--has-clear-button_1n0q1_46","purpur-text-field__input-container--end-adornment":"_purpur-text-field__input-container--end-adornment_1n0q1_49","purpur-text-field__input":"_purpur-text-field__input_1n0q1_29","purpur-text-field__input-container--start-adornment":"_purpur-text-field__input-container--start-adornment_1n0q1_55","purpur-text-field__input-container--negative":"_purpur-text-field__input-container--negative_1n0q1_61","purpur-text-field__input--valid":"_purpur-text-field__input--valid_1n0q1_109","purpur-text-field__input--error":"_purpur-text-field__input--error_1n0q1_109","purpur-text-field__input--negative":"_purpur-text-field__input--negative_1n0q1_130","purpur-text-field__adornment-container":"_purpur-text-field__adornment-container_1n0q1_146","purpur-text-field__valid-icon":"_purpur-text-field__valid-icon_1n0q1_151","purpur-text-field__valid-icon--negative":"_purpur-text-field__valid-icon--negative_1n0q1_154"},K=d=>s.useRef(d),_=G.c.bind(J),e="purpur-text-field",m=s.forwardRef(({["data-testid"]:d,className:R,clearButtonAriaLabel:b,beforeField:q,afterField:v,endAdornment:p,errorText:l,helperText:h,hideRequiredAsterisk:C=!1,label:$,loading:j=!1,onClear:y,startAdornment:I,valid:T=!1,negative:i=!1,...t},u)=>{const w=s.useId(),c=t.id??w,r=a=>d?`${d}-${a}`:void 0,N=T&&!l,o=h?`${c}-helper-text`:void 0,x=[I].filter(a=>!!a),g=(typeof t.value=="number"?t.value!==void 0:t.value?.length)&&!t.disabled&&!t.readOnly&&!j&&y&&b,F=K(null),E=a=>{F.current=a,typeof u=="function"?u(a):u&&(u.current=a)},O=()=>{y?.(),F.current?.focus()},f=[j&&n.jsx(D.Spinner,{disabled:t.disabled,size:"xs","data-testid":r("spinner"),negative:i},"spinner"),g&&n.jsx(k.Button,{negative:i,variant:"tertiary-purple",onClick:O,iconOnly:!0,"aria-label":b??"","data-testid":r("clear-button"),tabIndex:-1,children:n.jsx(M.r,{size:"xs"})},"clear-button"),N&&n.jsx(B.r,{"data-testid":r("valid-icon"),className:_(`${e}__valid-icon`,{[`${e}__valid-icon--negative`]:i})},"valid-icon")].filter(a=>!!a),V=_(`${e}__input-container`,{[`${e}__input-container--start-adornment`]:x.length,[`${e}__input-container--end-adornment`]:f.length||p,[`${e}__input-container--disabled`]:t.disabled,[`${e}__input-container--has-clear-button`]:g,[`${e}__input-container--readonly`]:t.readOnly&&!t.disabled,[`${e}__input-container--negative`]:i});return n.jsxs("div",{className:_(R,e),children:[$&&n.jsxs(S.Label,{htmlFor:c,className:_(`${e}__label`),"data-testid":r("label"),disabled:t.disabled,negative:i,children:[t.required&&!C&&n.jsx("span",{"aria-hidden":!0,children:"*"}),$]}),n.jsxs("div",{className:_(`${e}__field-row`),children:[!!q&&q,n.jsxs("div",{className:V,children:[!!x.length&&n.jsx("div",{"data-testid":r("start-adornments"),className:_(`${e}__adornment-container`),children:x}),n.jsx("input",{...t,id:c,ref:E,"data-testid":r("input"),"aria-describedby":t["aria-describedby"]||o,"aria-invalid":t["aria-invalid"]||!!l,className:_([`${e}__input`,{[`${e}__input--valid`]:N,[`${e}__input--error`]:!!l,[`${e}__input--negative`]:i}])}),n.jsx("div",{className:_(`${e}__frame`,{[`${e}__frame--negative`]:i})}),(!!f.length||p)&&n.jsxs("div",{"data-testid":r("end-adornments"),className:_(`${e}__adornment-container`),children:[f,p]})]}),!!v&&v]}),o&&n.jsx(H.FieldHelperText,{"data-testid":r("helper-text"),id:o,negative:i,disabled:t.disabled,children:h}),l&&n.jsx(z.FieldErrorText,{"data-testid":r("error-text"),negative:i,children:l})]})});m.displayName="TextField";const L=d=>s.isValidElement(d)&&d.type.displayName===m.displayName;exports.TextField=m;exports.isTextField=L;
+//# sourceMappingURL=text-field-B8a-NKm4.js.map

package/dist/text-field-B8a-NKm4.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-field-B8a-NKm4.js","sources":["../../../components/text-field/src/utils.ts","../../../components/text-field/src/text-field.tsx"],"sourcesContent":["import { type MutableRefObject, useRef } from \"react\";\n\nexport const useMutableRefObject = <T>(value: T): MutableRefObject<T> => {\n  return useRef<T>(value) as MutableRefObject<T>;\n};\n","import React, {\n  forwardRef,\n  type HTMLInputTypeAttribute,\n  isValidElement,\n  type ReactElement,\n  type ReactNode,\n  useId,\n} from \"react\";\nimport { Button } from \"@purpur/button\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport { FieldErrorText } from \"@purpur/field-error-text\";\nimport { FieldHelperText } from \"@purpur/field-helper-text\";\nimport { IconCheckCircleFilled } from \"@purpur/icon/check-circle-filled\";\nimport { IconClose } from \"@purpur/icon/close\";\nimport { Label } from \"@purpur/label\";\nimport { Spinner } from \"@purpur/spinner\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./text-field.module.scss\";\nimport { useMutableRefObject } from \"./utils\";\n\ntype TextFieldBaseProps = {\n  /**\n   * Use to display e.g. a button before the text field.\n   *\n   * _NOTE: Should ideally only be used by other purpur components!_\n   */\n  beforeField?: ReactNode;\n  /**\n   * Use to display e.g. a button after the text field.\n   *\n   * _NOTE: Should ideally only be used by other purpur components!_\n   */\n  afterField?: ReactNode;\n  /**\n   * Use to display e.g. an icon at the end inside of the text field.\n   *\n   * _NOTE: Should ideally only be used by other purpur components!_\n   */\n  endAdornment?: ReactNode;\n  /**\n   * Use to render error message below the text field. The text field renders with error appearance.\n   * */\n  errorText?: string;\n  /**\n   * Use to give context about the field's input. Renders below the field.\n   * */\n  helperText?: string;\n  /**\n   * The label of the text field.\n   * */\n  label?: string;\n  /**\n   *  Use to render a spinner at the end inside of the text field.\n   */\n  loading?: boolean;\n  /**\n   * Hide the asterisk for required fields.\n   * This is useful when the field is required but the context already indicates that.\n   */\n  hideRequiredAsterisk?: boolean;\n  /**\n   * Use to display e.g. an icon at the start inside of the text field.\n   *\n   * _NOTE: Should ideally only be used by other purpur components!_\n   */\n  startAdornment?: ReactNode;\n  /**\n   * Use to set the type of the field.\n   */\n  type?: Extract<\n    HTMLInputTypeAttribute,\n    \"email\" | \"number\" | \"password\" | \"search\" | \"tel\" | \"text\"\n  >;\n  /**\n   * Use to render text field with valid appearance. A check\n   * icon will render at the start inside of the input.\n   */\n  valid?: boolean;\n  negative?: boolean;\n};\n\ntype TextFieldClearProps =\n  | {\n      /**\n       * An accessible label for the clear button.\n       * */\n      clearButtonAriaLabel: string;\n      /**\n       * Event handler called when the clear button is clicked.\n       * */\n      onClear: () => void;\n    }\n  | {\n      /**\n       * An accessible label for the clear button.\n       * */\n      clearButtonAriaLabel?: never;\n      /**\n       * Event handler called when the clear button is clicked.\n       * */\n      onClear?: never;\n    };\n\nexport type TextFieldProps = Omit<BaseProps<\"input\">, \"type\"> &\n  TextFieldBaseProps &\n  TextFieldClearProps;\n\nconst cx = c.bind(styles);\nconst rootClassName = \"purpur-text-field\";\n\nexport const TextField = forwardRef<HTMLInputElement, TextFieldProps>(\n  (\n    {\n      [\"data-testid\"]: dataTestId,\n      className,\n      clearButtonAriaLabel,\n      beforeField,\n      afterField,\n      endAdornment,\n      errorText,\n      helperText,\n      hideRequiredAsterisk = false,\n      label,\n      loading = false,\n      onClear,\n      startAdornment,\n      valid = false,\n      negative = false,\n      ...inputProps\n    },\n    ref\n  ) => {\n    const randomId = useId();\n    const inputId = inputProps.id ?? randomId;\n    const getTestId = (name: string) => (dataTestId ? `${dataTestId}-${name}` : undefined);\n    const isValid = valid && !errorText;\n    const helperTextId = helperText ? `${inputId}-helper-text` : undefined;\n    const startAdornments: ReactNode[] = [startAdornment].filter((adornment) => !!adornment);\n    const hasValue =\n      typeof inputProps.value === \"number\"\n        ? inputProps.value !== undefined\n        : inputProps.value?.length;\n    const hasClearButton =\n      hasValue &&\n      !inputProps.disabled &&\n      !inputProps.readOnly &&\n      !loading &&\n      onClear &&\n      clearButtonAriaLabel;\n\n    const internalRef = useMutableRefObject<HTMLInputElement | null>(null);\n    const setRef = (node: HTMLInputElement | null) => {\n      internalRef.current = node;\n      if (typeof ref === \"function\") {\n        ref(node);\n      } else if (ref) {\n        ref.current = node;\n      }\n    };\n    const handleClear = () => {\n      onClear?.();\n      internalRef.current?.focus();\n    };\n\n    const localEndAdornments: ReactNode[] = [\n      loading && (\n        <Spinner\n          key=\"spinner\"\n          disabled={inputProps.disabled}\n          size=\"xs\"\n          data-testid={getTestId(\"spinner\")}\n          negative={negative}\n        />\n      ),\n      hasClearButton && (\n        <Button\n          negative={negative}\n          key=\"clear-button\"\n          variant=\"tertiary-purple\"\n          onClick={handleClear}\n          iconOnly\n          aria-label={clearButtonAriaLabel ?? \"\"}\n          data-testid={getTestId(\"clear-button\")}\n          tabIndex={-1}\n        >\n          <IconClose size=\"xs\" />\n        </Button>\n      ),\n      isValid && (\n        <IconCheckCircleFilled\n          key=\"valid-icon\"\n          data-testid={getTestId(\"valid-icon\")}\n          className={cx(`${rootClassName}__valid-icon`, {\n            [`${rootClassName}__valid-icon--negative`]: negative,\n          })}\n        />\n      ),\n    ].filter((adornment) => !!adornment);\n\n    const inputContainerClassnames = cx(`${rootClassName}__input-container`, {\n      [`${rootClassName}__input-container--start-adornment`]: startAdornments.length,\n      [`${rootClassName}__input-container--end-adornment`]:\n        localEndAdornments.length || endAdornment,\n      [`${rootClassName}__input-container--disabled`]: inputProps.disabled,\n      [`${rootClassName}__input-container--has-clear-button`]: hasClearButton,\n      [`${rootClassName}__input-container--readonly`]: inputProps.readOnly && !inputProps.disabled,\n      [`${rootClassName}__input-container--negative`]: negative,\n    });\n\n    return (\n      <div className={cx(className, rootClassName)}>\n        {label && (\n          <Label\n            htmlFor={inputId}\n            className={cx(`${rootClassName}__label`)}\n            data-testid={getTestId(\"label\")}\n            disabled={inputProps.disabled}\n            negative={negative}\n          >\n            {inputProps.required && !hideRequiredAsterisk && <span aria-hidden>*</span>}\n            {label}\n          </Label>\n        )}\n        <div className={cx(`${rootClassName}__field-row`)}>\n          {!!beforeField && beforeField}\n          <div className={inputContainerClassnames}>\n            {!!startAdornments.length && (\n              <div\n                data-testid={getTestId(\"start-adornments\")}\n                className={cx(`${rootClassName}__adornment-container`)}\n              >\n                {startAdornments}\n              </div>\n            )}\n            <input\n              {...inputProps}\n              id={inputId}\n              ref={setRef}\n              data-testid={getTestId(\"input\")}\n              aria-describedby={inputProps[\"aria-describedby\"] || helperTextId}\n              aria-invalid={inputProps[\"aria-invalid\"] || !!errorText}\n              className={cx([\n                `${rootClassName}__input`,\n                {\n                  [`${rootClassName}__input--valid`]: isValid,\n                  [`${rootClassName}__input--error`]: !!errorText,\n                  [`${rootClassName}__input--negative`]: negative,\n                },\n              ])}\n            />\n            <div\n              className={cx(`${rootClassName}__frame`, {\n                [`${rootClassName}__frame--negative`]: negative,\n              })}\n            />\n            {(!!localEndAdornments.length || endAdornment) && (\n              <div\n                data-testid={getTestId(\"end-adornments\")}\n                className={cx(`${rootClassName}__adornment-container`)}\n              >\n                {localEndAdornments}\n                {endAdornment}\n              </div>\n            )}\n          </div>\n          {!!afterField && afterField}\n        </div>\n        {helperTextId && (\n          <FieldHelperText\n            data-testid={getTestId(\"helper-text\")}\n            id={helperTextId}\n            negative={negative}\n            disabled={inputProps.disabled}\n          >\n            {helperText}\n          </FieldHelperText>\n        )}\n        {errorText && (\n          <FieldErrorText data-testid={getTestId(\"error-text\")} negative={negative}>\n            {errorText}\n          </FieldErrorText>\n        )}\n      </div>\n    );\n  }\n);\n\nTextField.displayName = \"TextField\";\n\nexport const isTextField = (child?: ReactNode): child is ReactElement<TextFieldProps> =>\n  isValidElement<TextFieldProps>(child) &&\n  (child.type as any).displayName === TextField.displayName; // eslint-disable-line @typescript-eslint/no-explicit-any\n"],"names":["useMutableRefObject","value","useRef","cx","c","styles","rootClassName","TextField","forwardRef","dataTestId","className","clearButtonAriaLabel","beforeField","afterField","endAdornment","errorText","helperText","hideRequiredAsterisk","label","loading","onClear","startAdornment","valid","negative","inputProps","ref","randomId","useId","inputId","getTestId","name","isValid","helperTextId","startAdornments","adornment","hasClearButton","internalRef","setRef","node","handleClear","localEndAdornments","jsx","Spinner","Button","IconClose","IconCheckCircleFilled","inputContainerClassnames","jsxs","Label","FieldHelperText","FieldErrorText","isTextField","child","isValidElement"],"mappings":"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"}

package/dist/text-field-PKAaXO1N.mjs

@@ -0,0 +1,185 @@
+import { jsx as i, jsxs as u } from "react/jsx-runtime";
+import { useRef as T, forwardRef as k, useId as B, isValidElement as H } from "react";
+import { c as L } from "./button-DBX_tvfJ.mjs";
+import { F as M } from "./field-error-text-CBSX8dGx.mjs";
+import { F as S } from "./field-helper-text-C5ee4SFV.mjs";
+import { r as D } from "./check-circle-filled.es-umBwOv5_.mjs";
+import { r as G } from "./close.es-BPmk2wkU.mjs";
+import { L as J } from "./label-7sJe5-pX.mjs";
+import { a as K } from "./spinner-DRQN6YdK.mjs";
+import { c as Q } from "./bind-CU-R61T-.mjs";
+const U = {
+  "purpur-text-field": "_purpur-text-field_1n0q1_1",
+  "purpur-text-field__label": "_purpur-text-field__label_1n0q1_7",
+  "purpur-text-field__label-text": "_purpur-text-field__label-text_1n0q1_12",
+  "purpur-text-field__field-row": "_purpur-text-field__field-row_1n0q1_15",
+  "purpur-text-field__frame": "_purpur-text-field__frame_1n0q1_19",
+  "purpur-text-field__frame--negative": "_purpur-text-field__frame--negative_1n0q1_26",
+  "purpur-text-field__input-container": "_purpur-text-field__input-container_1n0q1_29",
+  "purpur-text-field__input-container--disabled": "_purpur-text-field__input-container--disabled_1n0q1_40",
+  "purpur-text-field__input-container--readonly": "_purpur-text-field__input-container--readonly_1n0q1_43",
+  "purpur-text-field__input-container--has-clear-button": "_purpur-text-field__input-container--has-clear-button_1n0q1_46",
+  "purpur-text-field__input-container--end-adornment": "_purpur-text-field__input-container--end-adornment_1n0q1_49",
+  "purpur-text-field__input": "_purpur-text-field__input_1n0q1_29",
+  "purpur-text-field__input-container--start-adornment": "_purpur-text-field__input-container--start-adornment_1n0q1_55",
+  "purpur-text-field__input-container--negative": "_purpur-text-field__input-container--negative_1n0q1_61",
+  "purpur-text-field__input--valid": "_purpur-text-field__input--valid_1n0q1_109",
+  "purpur-text-field__input--error": "_purpur-text-field__input--error_1n0q1_109",
+  "purpur-text-field__input--negative": "_purpur-text-field__input--negative_1n0q1_130",
+  "purpur-text-field__adornment-container": "_purpur-text-field__adornment-container_1n0q1_146",
+  "purpur-text-field__valid-icon": "_purpur-text-field__valid-icon_1n0q1_151",
+  "purpur-text-field__valid-icon--negative": "_purpur-text-field__valid-icon--negative_1n0q1_154"
+}, W = (d) => T(d), _ = Q.bind(U), e = "purpur-text-field", C = k(
+  ({
+    ["data-testid"]: d,
+    className: I,
+    clearButtonAriaLabel: x,
+    beforeField: b,
+    afterField: v,
+    endAdornment: s,
+    errorText: l,
+    helperText: h,
+    hideRequiredAsterisk: R = !1,
+    label: $,
+    loading: q = !1,
+    onClear: y,
+    startAdornment: w,
+    valid: O = !1,
+    negative: n = !1,
+    ...t
+  }, p) => {
+    const V = B(), o = t.id ?? V, r = (a) => d ? `${d}-${a}` : void 0, N = O && !l, c = h ? `${o}-helper-text` : void 0, f = [w].filter((a) => !!a), g = (typeof t.value == "number" ? t.value !== void 0 : t.value?.length) && !t.disabled && !t.readOnly && !q && y && x, F = W(null), j = (a) => {
+      F.current = a, typeof p == "function" ? p(a) : p && (p.current = a);
+    }, E = () => {
+      y?.(), F.current?.focus();
+    }, m = [
+      q && /* @__PURE__ */ i(
+        K,
+        {
+          disabled: t.disabled,
+          size: "xs",
+          "data-testid": r("spinner"),
+          negative: n
+        },
+        "spinner"
+      ),
+      g && /* @__PURE__ */ i(
+        L,
+        {
+          negative: n,
+          variant: "tertiary-purple",
+          onClick: E,
+          iconOnly: !0,
+          "aria-label": x ?? "",
+          "data-testid": r("clear-button"),
+          tabIndex: -1,
+          children: /* @__PURE__ */ i(G, { size: "xs" })
+        },
+        "clear-button"
+      ),
+      N && /* @__PURE__ */ i(
+        D,
+        {
+          "data-testid": r("valid-icon"),
+          className: _(`${e}__valid-icon`, {
+            [`${e}__valid-icon--negative`]: n
+          })
+        },
+        "valid-icon"
+      )
+    ].filter((a) => !!a), z = _(`${e}__input-container`, {
+      [`${e}__input-container--start-adornment`]: f.length,
+      [`${e}__input-container--end-adornment`]: m.length || s,
+      [`${e}__input-container--disabled`]: t.disabled,
+      [`${e}__input-container--has-clear-button`]: g,
+      [`${e}__input-container--readonly`]: t.readOnly && !t.disabled,
+      [`${e}__input-container--negative`]: n
+    });
+    return /* @__PURE__ */ u("div", { className: _(I, e), children: [
+      $ && /* @__PURE__ */ u(
+        J,
+        {
+          htmlFor: o,
+          className: _(`${e}__label`),
+          "data-testid": r("label"),
+          disabled: t.disabled,
+          negative: n,
+          children: [
+            t.required && !R && /* @__PURE__ */ i("span", { "aria-hidden": !0, children: "*" }),
+            $
+          ]
+        }
+      ),
+      /* @__PURE__ */ u("div", { className: _(`${e}__field-row`), children: [
+        !!b && b,
+        /* @__PURE__ */ u("div", { className: z, children: [
+          !!f.length && /* @__PURE__ */ i(
+            "div",
+            {
+              "data-testid": r("start-adornments"),
+              className: _(`${e}__adornment-container`),
+              children: f
+            }
+          ),
+          /* @__PURE__ */ i(
+            "input",
+            {
+              ...t,
+              id: o,
+              ref: j,
+              "data-testid": r("input"),
+              "aria-describedby": t["aria-describedby"] || c,
+              "aria-invalid": t["aria-invalid"] || !!l,
+              className: _([
+                `${e}__input`,
+                {
+                  [`${e}__input--valid`]: N,
+                  [`${e}__input--error`]: !!l,
+                  [`${e}__input--negative`]: n
+                }
+              ])
+            }
+          ),
+          /* @__PURE__ */ i(
+            "div",
+            {
+              className: _(`${e}__frame`, {
+                [`${e}__frame--negative`]: n
+              })
+            }
+          ),
+          (!!m.length || s) && /* @__PURE__ */ u(
+            "div",
+            {
+              "data-testid": r("end-adornments"),
+              className: _(`${e}__adornment-container`),
+              children: [
+                m,
+                s
+              ]
+            }
+          )
+        ] }),
+        !!v && v
+      ] }),
+      c && /* @__PURE__ */ i(
+        S,
+        {
+          "data-testid": r("helper-text"),
+          id: c,
+          negative: n,
+          disabled: t.disabled,
+          children: h
+        }
+      ),
+      l && /* @__PURE__ */ i(M, { "data-testid": r("error-text"), negative: n, children: l })
+    ] });
+  }
+);
+C.displayName = "TextField";
+const _e = (d) => H(d) && d.type.displayName === C.displayName;
+export {
+  C as T,
+  _e as i
+};
+//# sourceMappingURL=text-field-PKAaXO1N.mjs.map

package/dist/text-field-PKAaXO1N.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-field-PKAaXO1N.mjs","sources":["../../../components/text-field/src/utils.ts","../../../components/text-field/src/text-field.tsx"],"sourcesContent":["import { type MutableRefObject, useRef } from \"react\";\n\nexport const useMutableRefObject = <T>(value: T): MutableRefObject<T> => {\n  return useRef<T>(value) as MutableRefObject<T>;\n};\n","import React, {\n  forwardRef,\n  type HTMLInputTypeAttribute,\n  isValidElement,\n  type ReactElement,\n  type ReactNode,\n  useId,\n} from \"react\";\nimport { Button } from \"@purpur/button\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport { FieldErrorText } from \"@purpur/field-error-text\";\nimport { FieldHelperText } from \"@purpur/field-helper-text\";\nimport { IconCheckCircleFilled } from \"@purpur/icon/check-circle-filled\";\nimport { IconClose } from \"@purpur/icon/close\";\nimport { Label } from \"@purpur/label\";\nimport { Spinner } from \"@purpur/spinner\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./text-field.module.scss\";\nimport { useMutableRefObject } from \"./utils\";\n\ntype TextFieldBaseProps = {\n  /**\n   * Use to display e.g. a button before the text field.\n   *\n   * _NOTE: Should ideally only be used by other purpur components!_\n   */\n  beforeField?: ReactNode;\n  /**\n   * Use to display e.g. a button after the text field.\n   *\n   * _NOTE: Should ideally only be used by other purpur components!_\n   */\n  afterField?: ReactNode;\n  /**\n   * Use to display e.g. an icon at the end inside of the text field.\n   *\n   * _NOTE: Should ideally only be used by other purpur components!_\n   */\n  endAdornment?: ReactNode;\n  /**\n   * Use to render error message below the text field. The text field renders with error appearance.\n   * */\n  errorText?: string;\n  /**\n   * Use to give context about the field's input. Renders below the field.\n   * */\n  helperText?: string;\n  /**\n   * The label of the text field.\n   * */\n  label?: string;\n  /**\n   *  Use to render a spinner at the end inside of the text field.\n   */\n  loading?: boolean;\n  /**\n   * Hide the asterisk for required fields.\n   * This is useful when the field is required but the context already indicates that.\n   */\n  hideRequiredAsterisk?: boolean;\n  /**\n   * Use to display e.g. an icon at the start inside of the text field.\n   *\n   * _NOTE: Should ideally only be used by other purpur components!_\n   */\n  startAdornment?: ReactNode;\n  /**\n   * Use to set the type of the field.\n   */\n  type?: Extract<\n    HTMLInputTypeAttribute,\n    \"email\" | \"number\" | \"password\" | \"search\" | \"tel\" | \"text\"\n  >;\n  /**\n   * Use to render text field with valid appearance. A check\n   * icon will render at the start inside of the input.\n   */\n  valid?: boolean;\n  negative?: boolean;\n};\n\ntype TextFieldClearProps =\n  | {\n      /**\n       * An accessible label for the clear button.\n       * */\n      clearButtonAriaLabel: string;\n      /**\n       * Event handler called when the clear button is clicked.\n       * */\n      onClear: () => void;\n    }\n  | {\n      /**\n       * An accessible label for the clear button.\n       * */\n      clearButtonAriaLabel?: never;\n      /**\n       * Event handler called when the clear button is clicked.\n       * */\n      onClear?: never;\n    };\n\nexport type TextFieldProps = Omit<BaseProps<\"input\">, \"type\"> &\n  TextFieldBaseProps &\n  TextFieldClearProps;\n\nconst cx = c.bind(styles);\nconst rootClassName = \"purpur-text-field\";\n\nexport const TextField = forwardRef<HTMLInputElement, TextFieldProps>(\n  (\n    {\n      [\"data-testid\"]: dataTestId,\n      className,\n      clearButtonAriaLabel,\n      beforeField,\n      afterField,\n      endAdornment,\n      errorText,\n      helperText,\n      hideRequiredAsterisk = false,\n      label,\n      loading = false,\n      onClear,\n      startAdornment,\n      valid = false,\n      negative = false,\n      ...inputProps\n    },\n    ref\n  ) => {\n    const randomId = useId();\n    const inputId = inputProps.id ?? randomId;\n    const getTestId = (name: string) => (dataTestId ? `${dataTestId}-${name}` : undefined);\n    const isValid = valid && !errorText;\n    const helperTextId = helperText ? `${inputId}-helper-text` : undefined;\n    const startAdornments: ReactNode[] = [startAdornment].filter((adornment) => !!adornment);\n    const hasValue =\n      typeof inputProps.value === \"number\"\n        ? inputProps.value !== undefined\n        : inputProps.value?.length;\n    const hasClearButton =\n      hasValue &&\n      !inputProps.disabled &&\n      !inputProps.readOnly &&\n      !loading &&\n      onClear &&\n      clearButtonAriaLabel;\n\n    const internalRef = useMutableRefObject<HTMLInputElement | null>(null);\n    const setRef = (node: HTMLInputElement | null) => {\n      internalRef.current = node;\n      if (typeof ref === \"function\") {\n        ref(node);\n      } else if (ref) {\n        ref.current = node;\n      }\n    };\n    const handleClear = () => {\n      onClear?.();\n      internalRef.current?.focus();\n    };\n\n    const localEndAdornments: ReactNode[] = [\n      loading && (\n        <Spinner\n          key=\"spinner\"\n          disabled={inputProps.disabled}\n          size=\"xs\"\n          data-testid={getTestId(\"spinner\")}\n          negative={negative}\n        />\n      ),\n      hasClearButton && (\n        <Button\n          negative={negative}\n          key=\"clear-button\"\n          variant=\"tertiary-purple\"\n          onClick={handleClear}\n          iconOnly\n          aria-label={clearButtonAriaLabel ?? \"\"}\n          data-testid={getTestId(\"clear-button\")}\n          tabIndex={-1}\n        >\n          <IconClose size=\"xs\" />\n        </Button>\n      ),\n      isValid && (\n        <IconCheckCircleFilled\n          key=\"valid-icon\"\n          data-testid={getTestId(\"valid-icon\")}\n          className={cx(`${rootClassName}__valid-icon`, {\n            [`${rootClassName}__valid-icon--negative`]: negative,\n          })}\n        />\n      ),\n    ].filter((adornment) => !!adornment);\n\n    const inputContainerClassnames = cx(`${rootClassName}__input-container`, {\n      [`${rootClassName}__input-container--start-adornment`]: startAdornments.length,\n      [`${rootClassName}__input-container--end-adornment`]:\n        localEndAdornments.length || endAdornment,\n      [`${rootClassName}__input-container--disabled`]: inputProps.disabled,\n      [`${rootClassName}__input-container--has-clear-button`]: hasClearButton,\n      [`${rootClassName}__input-container--readonly`]: inputProps.readOnly && !inputProps.disabled,\n      [`${rootClassName}__input-container--negative`]: negative,\n    });\n\n    return (\n      <div className={cx(className, rootClassName)}>\n        {label && (\n          <Label\n            htmlFor={inputId}\n            className={cx(`${rootClassName}__label`)}\n            data-testid={getTestId(\"label\")}\n            disabled={inputProps.disabled}\n            negative={negative}\n          >\n            {inputProps.required && !hideRequiredAsterisk && <span aria-hidden>*</span>}\n            {label}\n          </Label>\n        )}\n        <div className={cx(`${rootClassName}__field-row`)}>\n          {!!beforeField && beforeField}\n          <div className={inputContainerClassnames}>\n            {!!startAdornments.length && (\n              <div\n                data-testid={getTestId(\"start-adornments\")}\n                className={cx(`${rootClassName}__adornment-container`)}\n              >\n                {startAdornments}\n              </div>\n            )}\n            <input\n              {...inputProps}\n              id={inputId}\n              ref={setRef}\n              data-testid={getTestId(\"input\")}\n              aria-describedby={inputProps[\"aria-describedby\"] || helperTextId}\n              aria-invalid={inputProps[\"aria-invalid\"] || !!errorText}\n              className={cx([\n                `${rootClassName}__input`,\n                {\n                  [`${rootClassName}__input--valid`]: isValid,\n                  [`${rootClassName}__input--error`]: !!errorText,\n                  [`${rootClassName}__input--negative`]: negative,\n                },\n              ])}\n            />\n            <div\n              className={cx(`${rootClassName}__frame`, {\n                [`${rootClassName}__frame--negative`]: negative,\n              })}\n            />\n            {(!!localEndAdornments.length || endAdornment) && (\n              <div\n                data-testid={getTestId(\"end-adornments\")}\n                className={cx(`${rootClassName}__adornment-container`)}\n              >\n                {localEndAdornments}\n                {endAdornment}\n              </div>\n            )}\n          </div>\n          {!!afterField && afterField}\n        </div>\n        {helperTextId && (\n          <FieldHelperText\n            data-testid={getTestId(\"helper-text\")}\n            id={helperTextId}\n            negative={negative}\n            disabled={inputProps.disabled}\n          >\n            {helperText}\n          </FieldHelperText>\n        )}\n        {errorText && (\n          <FieldErrorText data-testid={getTestId(\"error-text\")} negative={negative}>\n            {errorText}\n          </FieldErrorText>\n        )}\n      </div>\n    );\n  }\n);\n\nTextField.displayName = \"TextField\";\n\nexport const isTextField = (child?: ReactNode): child is ReactElement<TextFieldProps> =>\n  isValidElement<TextFieldProps>(child) &&\n  (child.type as any).displayName === TextField.displayName; // eslint-disable-line @typescript-eslint/no-explicit-any\n"],"names":["useMutableRefObject","value","useRef","cx","c","styles","rootClassName","TextField","forwardRef","dataTestId","className","clearButtonAriaLabel","beforeField","afterField","endAdornment","errorText","helperText","hideRequiredAsterisk","label","loading","onClear","startAdornment","valid","negative","inputProps","ref","randomId","useId","inputId","getTestId","name","isValid","helperTextId","startAdornments","adornment","hasClearButton","internalRef","setRef","node","handleClear","localEndAdornments","jsx","Spinner","Button","IconClose","IconCheckCircleFilled","inputContainerClassnames","jsxs","Label","FieldHelperText","FieldErrorText","isTextField","child","isValidElement"],"mappings":"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"}

package/dist/text-field.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./text-field-B8a-NKm4.js");exports.TextField=e.TextField;exports.isTextField=e.isTextField;
+//# sourceMappingURL=text-field.cjs.js.map

package/dist/text-field.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-field.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/text-field.d.ts

@@ -0,0 +1,6 @@
+/**
+ * ⚠️ WARNING ⚠️
+ * This file is automatically generated, do not edit it manually
+ */
+export * from '@purpur/text-field';
+//# sourceMappingURL=text-field.d.ts.map

package/dist/text-field.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-field.d.ts","sourceRoot":"","sources":["../src/text-field.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,cAAc,oBAAoB,CAAC"}

package/dist/text-field.es.js

@@ -0,0 +1,6 @@
+import { T as s, i as t } from "./text-field-PKAaXO1N.mjs";
+export {
+  s as TextField,
+  t as isTextField
+};
+//# sourceMappingURL=text-field.es.js.map

package/dist/text-field.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-field.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/text-spacing-BU0mkEf9.mjs

@@ -0,0 +1,17 @@
+import { jsx as a } from "react/jsx-runtime";
+import { forwardRef as n } from "react";
+import { c as o } from "./bind-CU-R61T-.mjs";
+const c = {
+  "purpur-text-spacing": "_purpur-text-spacing_ilhpv_1"
+}, f = {
+  DIV: "div",
+  SPAN: "span"
+}, i = o.bind(c), m = "purpur-text-spacing", x = n(
+  ({ children: t, className: s, element: p = "div", ...r }, e) => /* @__PURE__ */ a(p, { ref: e, className: i(s, m), ...r, children: t })
+);
+x.displayName = "TextSpacing";
+export {
+  f as E,
+  x as T
+};
+//# sourceMappingURL=text-spacing-BU0mkEf9.mjs.map

package/dist/text-spacing-BU0mkEf9.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-spacing-BU0mkEf9.mjs","sources":["../../../components/text-spacing/src/text-spacing.tsx"],"sourcesContent":["import React, { forwardRef, type ReactNode } from \"react\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./text-spacing.module.scss\";\n\nexport const Element = {\n  DIV: \"div\",\n  SPAN: \"span\",\n} as const;\n\nexport type TextSpacingElementType = (typeof Element)[keyof typeof Element];\n\nexport type TextSpacingProps = Omit<BaseProps, \"children\"> & {\n  children: ReactNode;\n  element?: TextSpacingElementType;\n};\n\nconst cx = c.bind(styles);\nconst rootClassName = \"purpur-text-spacing\";\n\nexport const TextSpacing = forwardRef<HTMLElement, TextSpacingProps>(\n  ({ children, className, element: ElementTag = \"div\" as React.ElementType, ...props }, ref) => {\n    return (\n      <ElementTag ref={ref} className={cx(className, rootClassName)} {...props}>\n        {children}\n      </ElementTag>\n    );\n  }\n);\n\nTextSpacing.displayName = \"TextSpacing\";\n"],"names":["Element","cx","c","styles","rootClassName","TextSpacing","forwardRef","children","className","ElementTag","props","ref","jsx"],"mappings":";;;;;GAMaA,IAAU;AAAA,EACrB,KAAK;AAAA,EACL,MAAM;AACR,GASMC,IAAKC,EAAE,KAAKC,CAAM,GAClBC,IAAgB,uBAETC,IAAcC;AAAA,EACzB,CAAC,EAAE,UAAAC,GAAU,WAAAC,GAAW,SAASC,IAAa,OAA4B,GAAGC,EAAA,GAASC,MAElF,gBAAAC,EAACH,GAAA,EAAW,KAAAE,GAAU,WAAWV,EAAGO,GAAWJ,CAAa,GAAI,GAAGM,GAChE,UAAAH,EAAA,CACH;AAGN;AAEAF,EAAY,cAAc;"}

package/dist/text-spacing-CiGPZHuB.js

@@ -0,0 +1,2 @@
+"use strict";const i=require("react/jsx-runtime"),a=require("react"),p=require("./bind-DeUYJ6m9.js"),u={"purpur-text-spacing":"_purpur-text-spacing_ilhpv_1"},o={DIV:"div",SPAN:"span"},x=p.c.bind(u),l="purpur-text-spacing",e=a.forwardRef(({children:t,className:s,element:n="div",...c},r)=>i.jsx(n,{ref:r,className:x(s,l),...c,children:t}));e.displayName="TextSpacing";exports.Element=o;exports.TextSpacing=e;
+//# sourceMappingURL=text-spacing-CiGPZHuB.js.map

package/dist/text-spacing-CiGPZHuB.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-spacing-CiGPZHuB.js","sources":["../../../components/text-spacing/src/text-spacing.tsx"],"sourcesContent":["import React, { forwardRef, type ReactNode } from \"react\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./text-spacing.module.scss\";\n\nexport const Element = {\n  DIV: \"div\",\n  SPAN: \"span\",\n} as const;\n\nexport type TextSpacingElementType = (typeof Element)[keyof typeof Element];\n\nexport type TextSpacingProps = Omit<BaseProps, \"children\"> & {\n  children: ReactNode;\n  element?: TextSpacingElementType;\n};\n\nconst cx = c.bind(styles);\nconst rootClassName = \"purpur-text-spacing\";\n\nexport const TextSpacing = forwardRef<HTMLElement, TextSpacingProps>(\n  ({ children, className, element: ElementTag = \"div\" as React.ElementType, ...props }, ref) => {\n    return (\n      <ElementTag ref={ref} className={cx(className, rootClassName)} {...props}>\n        {children}\n      </ElementTag>\n    );\n  }\n);\n\nTextSpacing.displayName = \"TextSpacing\";\n"],"names":["Element","cx","c","styles","rootClassName","TextSpacing","forwardRef","children","className","ElementTag","props","ref","jsx"],"mappings":"8JAMaA,EAAU,CACrB,IAAK,MACL,KAAM,MACR,EASMC,EAAKC,EAAAA,EAAE,KAAKC,CAAM,EAClBC,EAAgB,sBAETC,EAAcC,EAAAA,WACzB,CAAC,CAAE,SAAAC,EAAU,UAAAC,EAAW,QAASC,EAAa,MAA4B,GAAGC,CAAA,EAASC,IAElFC,MAACH,EAAA,CAAW,IAAAE,EAAU,UAAWV,EAAGO,EAAWJ,CAAa,EAAI,GAAGM,EAChE,SAAAH,CAAA,CACH,CAGN,EAEAF,EAAY,YAAc"}

package/dist/text-spacing.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./text-spacing-CiGPZHuB.js");exports.Element=e.Element;exports.TextSpacing=e.TextSpacing;
+//# sourceMappingURL=text-spacing.cjs.js.map

package/dist/text-spacing.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-spacing.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/text-spacing.d.ts

@@ -0,0 +1,6 @@
+/**
+ * ⚠️ WARNING ⚠️
+ * This file is automatically generated, do not edit it manually
+ */
+export * from '@purpur/text-spacing';
+//# sourceMappingURL=text-spacing.d.ts.map

package/dist/text-spacing.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-spacing.d.ts","sourceRoot":"","sources":["../src/text-spacing.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,cAAc,sBAAsB,CAAC"}

package/dist/text-spacing.es.js

@@ -0,0 +1,6 @@
+import { E as t, T as m } from "./text-spacing-BU0mkEf9.mjs";
+export {
+  t as Element,
+  m as TextSpacing
+};
+//# sourceMappingURL=text-spacing.es.js.map

package/dist/text-spacing.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-spacing.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/theme.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./ThemeProvider-djmNDpmy.js"),r=require("./useColorScheme-DwlZAnlk.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.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/theme.d.ts

@@ -0,0 +1,6 @@
+/**
+ * ⚠️ WARNING ⚠️
+ * This file is automatically generated, do not edit it manually
+ */
+export * from '@purpur/theme';
+//# sourceMappingURL=theme.d.ts.map

package/dist/theme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../src/theme.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,cAAc,eAAe,CAAC"}

package/dist/theme.es.js

@@ -0,0 +1,10 @@
+import { T as a, t as m, a as o, u as r } from "./ThemeProvider-mOHIAi2k.mjs";
+import { u } from "./useColorScheme-CgjazeGp.mjs";
+export {
+  a as ThemeProvider,
+  m as teliaTheme,
+  o as useApplyTheme,
+  u as useColorScheme,
+  r as useTheme
+};
+//# sourceMappingURL=theme.es.js.map

package/dist/theme.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/dist/toggle-C8IwTbX8.js

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