@techzyapp/ui-library 1.0.0

package/dist/MultilineTextField-CwNCJ9lZ.js

@@ -0,0 +1,123 @@
+import { jsxs as z, jsx as s } from "react/jsx-runtime";
+import { forwardRef as K, useId as O, useState as P, useRef as Q, useCallback as N, useLayoutEffect as U, useEffect as X } from "react";
+import { clsx as Z } from "clsx";
+import { u as ee } from "./formContext-B7ln1Miy.js";
+import { T as b } from "./Typography-Cta6Rg4L.js";
+const te = "_field_62wt8_1", re = "_fullWidth_62wt8_7", le = "_label_62wt8_13", se = "_required_62wt8_20", oe = "_control_62wt8_26", ie = "_textarea_62wt8_44", ne = "_sm_62wt8_72", ae = "_md_62wt8_76", ce = "_lg_62wt8_80", de = "_error_62wt8_85", fe = "_disabled_62wt8_95", _e = "_helper_62wt8_105", r = {
+  field: te,
+  fullWidth: re,
+  label: le,
+  required: se,
+  control: oe,
+  textarea: ie,
+  sm: ne,
+  md: ae,
+  lg: ce,
+  error: de,
+  disabled: fe,
+  helper: _e
+}, xe = K(
+  function({
+    label: m,
+    size: E = "md",
+    error: H,
+    helperText: q,
+    required: I = !1,
+    fullWidth: W = !0,
+    minRows: w = 3,
+    maxRows: n = 6,
+    name: a,
+    value: c,
+    defaultValue: v,
+    onChange: d,
+    onBlur: f,
+    disabled: x = !1,
+    id: C,
+    className: L,
+    style: M,
+    ...j
+  }, l) {
+    const R = O(), _ = C ?? R, g = `${_}-helper`, y = ee(), t = y && a ? y.field(a) : void 0, u = H ?? (t == null ? void 0 : t.error) ?? !1, p = q ?? (t == null ? void 0 : t.helperText), Y = c !== void 0 || t !== void 0, [$, k] = P(
+      v != null ? String(v) : ""
+    ), F = c !== void 0 ? c : t ? t.value : $, S = Q(null), V = N(
+      (e) => {
+        S.current = e, typeof l == "function" ? l(e) : l && (l.current = e);
+      },
+      [l]
+    ), o = N(() => {
+      const e = S.current;
+      if (!e) return;
+      e.style.height = "auto";
+      const i = getComputedStyle(e), D = parseFloat(i.fontSize) || 16, G = parseFloat(i.lineHeight) || D * 1.4, J = parseFloat(i.paddingTop) + parseFloat(i.paddingBottom);
+      let h = e.scrollHeight;
+      if (n != null) {
+        const T = G * n + J;
+        h > T ? (h = T, e.style.overflowY = "auto") : e.style.overflowY = "hidden";
+      }
+      e.style.height = `${h}px`;
+    }, [n]);
+    U(() => {
+      o();
+    }, [o, F, w]), X(() => {
+      const e = () => o();
+      return window.addEventListener("resize", e), () => window.removeEventListener("resize", e);
+    }, [o]);
+    const A = (e) => {
+      Y || k(e.target.value), t == null || t.onChange(e), d == null || d(e);
+    }, B = (e) => {
+      t == null || t.onBlur(e), f == null || f(e);
+    };
+    return /* @__PURE__ */ z(
+      "div",
+      {
+        className: Z(
+          r.field,
+          r[E],
+          W && r.fullWidth,
+          u && r.error,
+          x && r.disabled,
+          L
+        ),
+        style: M,
+        children: [
+          m != null && /* @__PURE__ */ z("label", { htmlFor: _, className: r.label, children: [
+            /* @__PURE__ */ s(b, { as: "span", variant: "bodySmall", color: "muted", children: m }),
+            I && /* @__PURE__ */ s("span", { className: r.required, "aria-hidden": "true", children: "*" })
+          ] }),
+          /* @__PURE__ */ s("div", { className: r.control, children: /* @__PURE__ */ s(
+            "textarea",
+            {
+              ref: V,
+              id: _,
+              name: a,
+              rows: w,
+              className: r.textarea,
+              value: F,
+              onChange: A,
+              onBlur: B,
+              disabled: x,
+              "aria-invalid": u || void 0,
+              "aria-describedby": p != null ? g : void 0,
+              ...j
+            }
+          ) }),
+          p != null && /* @__PURE__ */ s(
+            b,
+            {
+              as: "span",
+              id: g,
+              variant: "bodySmall",
+              color: u ? "error" : "muted",
+              className: r.helper,
+              children: p
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+export {
+  xe as M
+};
+//# sourceMappingURL=MultilineTextField-CwNCJ9lZ.js.map

package/dist/MultilineTextField-CwNCJ9lZ.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultilineTextField-CwNCJ9lZ.js","sources":["../src/components/MultilineTextField/MultilineTextField.tsx"],"sourcesContent":["import {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useId,\n  useLayoutEffect,\n  useRef,\n  useState,\n  type ChangeEvent,\n  type CSSProperties,\n  type FocusEvent,\n  type ReactNode,\n  type TextareaHTMLAttributes,\n} from 'react'\nimport { clsx } from 'clsx'\nimport { useFormContext } from '../../form/formContext'\nimport { Typography } from '../Typography'\nimport styles from './MultilineTextField.module.css'\n\nexport type MultilineTextFieldSize = 'sm' | 'md' | 'lg'\n\nexport interface MultilineTextFieldProps extends Omit<\n  TextareaHTMLAttributes<HTMLTextAreaElement>,\n  'size' | 'rows'\n> {\n  /** Label rendered above the field. */\n  label?: ReactNode\n  /** Preset size — drives the font size (the height is dynamic). */\n  size?: MultilineTextFieldSize\n  /** Marks the field invalid: red border/focus ring and the `helperText` shown in the error color. */\n  error?: boolean\n  /** Helper / validation text under the field. Adopts the error color while `error`. */\n  helperText?: ReactNode\n  /** Adds a red asterisk after the label (visual hint only — combine with native `required` if needed). */\n  required?: boolean\n  /** Stretches the field to fill its container width. Defaults to `true`. */\n  fullWidth?: boolean\n  /** Minimum visible rows — the field's starting (and smallest) height. Defaults to `3`. */\n  minRows?: number\n  /** Maximum rows before the field stops growing and scrolls instead. Defaults to `6` (pass `Infinity` for unbounded growth). */\n  maxRows?: number\n}\n\n/**\n * A labeled multiline text input — the textarea sibling of `TextField`. It shares TextField's chrome\n * (label, helper/validation text, error state, sizes, `<Form>` binding by `name`), but renders a\n * `<textarea>` whose **height is dynamic**: it auto-grows with the content from `minRows` up to\n * `maxRows` (then scrolls). Works controlled (`value` + `onChange`) or uncontrolled\n * (`defaultValue`). Styling comes entirely from `--tz-*` tokens.\n */\nexport const MultilineTextField = forwardRef<HTMLTextAreaElement, MultilineTextFieldProps>(\n  function MultilineTextField(\n    {\n      label,\n      size = 'md',\n      error,\n      helperText,\n      required = false,\n      fullWidth = true,\n      minRows = 3,\n      maxRows = 6,\n      name,\n      value,\n      defaultValue,\n      onChange,\n      onBlur,\n      disabled = false,\n      id: idProp,\n      className,\n      style,\n      ...props\n    },\n    ref,\n  ) {\n    const reactId = useId()\n    const id = idProp ?? reactId\n    const helperId = `${id}-helper`\n\n    // Auto-bind to a surrounding <Form> by `name` — pulls value/onChange/onBlur/error/helperText.\n    // Explicit props still win.\n    const form = useFormContext()\n    const bound = form && name ? form.field(name) : undefined\n\n    const resolvedError = error ?? bound?.error ?? false\n    const resolvedHelperText = helperText ?? bound?.helperText\n\n    const isControlled = value !== undefined || bound !== undefined\n    const [internal, setInternal] = useState<string>(\n      defaultValue != null ? String(defaultValue) : '',\n    )\n    const currentValue = value !== undefined ? value : bound ? bound.value : internal\n\n    // Merge the forwarded ref with an internal one so we can measure/resize the textarea.\n    const innerRef = useRef<HTMLTextAreaElement | null>(null)\n    const setRef = useCallback(\n      (node: HTMLTextAreaElement | null) => {\n        innerRef.current = node\n        if (typeof ref === 'function') ref(node)\n        else if (ref) (ref as { current: HTMLTextAreaElement | null }).current = node\n      },\n      [ref],\n    )\n\n    // Dynamic height: collapse to `auto`, then grow to fit the content, capped at `maxRows`.\n    const autosize = useCallback(() => {\n      const el = innerRef.current\n      if (!el) return\n      el.style.height = 'auto'\n      const cs = getComputedStyle(el)\n      const fontSize = parseFloat(cs.fontSize) || 16\n      const lineHeight = parseFloat(cs.lineHeight) || fontSize * 1.4\n      const padV = parseFloat(cs.paddingTop) + parseFloat(cs.paddingBottom)\n      let next = el.scrollHeight\n      if (maxRows != null) {\n        const maxH = lineHeight * maxRows + padV\n        if (next > maxH) {\n          next = maxH\n          el.style.overflowY = 'auto'\n        } else {\n          el.style.overflowY = 'hidden'\n        }\n      }\n      el.style.height = `${next}px`\n    }, [maxRows])\n\n    // Resize after every value change (no flash — runs before paint), and when the width changes.\n    useLayoutEffect(() => {\n      autosize()\n    }, [autosize, currentValue, minRows])\n\n    useEffect(() => {\n      const onResize = () => autosize()\n      window.addEventListener('resize', onResize)\n      return () => window.removeEventListener('resize', onResize)\n    }, [autosize])\n\n    const handleChange = (event: ChangeEvent<HTMLTextAreaElement>) => {\n      if (!isControlled) setInternal(event.target.value)\n      // The form's field reads only `event.target.value`; a textarea event is shape-compatible.\n      bound?.onChange(event as unknown as ChangeEvent<HTMLInputElement>)\n      onChange?.(event)\n    }\n\n    const handleBlur = (event: FocusEvent<HTMLTextAreaElement>) => {\n      bound?.onBlur(event as unknown as FocusEvent<HTMLInputElement>)\n      onBlur?.(event)\n    }\n\n    return (\n      <div\n        className={clsx(\n          styles.field,\n          styles[size],\n          fullWidth && styles.fullWidth,\n          resolvedError && styles.error,\n          disabled && styles.disabled,\n          className,\n        )}\n        style={style as CSSProperties}\n      >\n        {label != null && (\n          <label htmlFor={id} className={styles.label}>\n            <Typography as=\"span\" variant=\"bodySmall\" color=\"muted\">\n              {label}\n            </Typography>\n            {required && (\n              <span className={styles.required} aria-hidden=\"true\">\n                *\n              </span>\n            )}\n          </label>\n        )}\n\n        <div className={styles.control}>\n          <textarea\n            ref={setRef}\n            id={id}\n            name={name}\n            rows={minRows}\n            className={styles.textarea}\n            value={currentValue}\n            onChange={handleChange}\n            onBlur={handleBlur}\n            disabled={disabled}\n            aria-invalid={resolvedError || undefined}\n            aria-describedby={resolvedHelperText != null ? helperId : undefined}\n            {...props}\n          />\n        </div>\n\n        {resolvedHelperText != null && (\n          <Typography\n            as=\"span\"\n            id={helperId}\n            variant=\"bodySmall\"\n            color={resolvedError ? 'error' : 'muted'}\n            className={styles.helper}\n          >\n            {resolvedHelperText}\n          </Typography>\n        )}\n      </div>\n    )\n  },\n)\n"],"names":["MultilineTextField","forwardRef","label","size","error","helperText","required","fullWidth","minRows","maxRows","name","value","defaultValue","onChange","onBlur","disabled","idProp","className","style","props","ref","reactId","useId","id","helperId","form","useFormContext","bound","resolvedError","resolvedHelperText","isControlled","internal","setInternal","useState","currentValue","innerRef","useRef","setRef","useCallback","node","autosize","el","cs","fontSize","lineHeight","padV","next","maxH","useLayoutEffect","useEffect","onResize","handleChange","event","handleBlur","jsxs","clsx","styles","jsx","Typography"],"mappings":"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"}

package/dist/MultilineTextField-Dz6Fg8RJ.cjs

@@ -0,0 +1,2 @@
+"use strict";const s=require("react/jsx-runtime"),r=require("react"),J=require("clsx"),K=require("./formContext-bTWrqdEV.cjs"),S=require("./Typography-BFatE1_A.cjs"),O="_field_62wt8_1",P="_fullWidth_62wt8_7",Q="_label_62wt8_13",U="_required_62wt8_20",X="_control_62wt8_26",Z="_textarea_62wt8_44",ee="_sm_62wt8_72",te="_md_62wt8_76",le="_lg_62wt8_80",re="_error_62wt8_85",se="_disabled_62wt8_95",oe="_helper_62wt8_105",l={field:O,fullWidth:P,label:Q,required:U,control:X,textarea:Z,sm:ee,md:te,lg:le,error:re,disabled:se,helper:oe},ie=r.forwardRef(function({label:m,size:b="md",error:z,helperText:N,required:C=!1,fullWidth:E=!0,minRows:w=3,maxRows:a=6,name:c,value:d,defaultValue:y,onChange:u,onBlur:_,disabled:v=!1,id:H,className:I,style:W,...L},o){const M=r.useId(),f=H??M,g=`${f}-helper`,q=K.useFormContext(),t=q&&c?q.field(c):void 0,h=z??(t==null?void 0:t.error)??!1,p=N??(t==null?void 0:t.helperText),R=d!==void 0||t!==void 0,[k,Y]=r.useState(y!=null?String(y):""),F=d!==void 0?d:t?t.value:k,T=r.useRef(null),$=r.useCallback(e=>{T.current=e,typeof o=="function"?o(e):o&&(o.current=e)},[o]),i=r.useCallback(()=>{const e=T.current;if(!e)return;e.style.height="auto";const n=getComputedStyle(e),B=parseFloat(n.fontSize)||16,D=parseFloat(n.lineHeight)||B*1.4,G=parseFloat(n.paddingTop)+parseFloat(n.paddingBottom);let x=e.scrollHeight;if(a!=null){const j=D*a+G;x>j?(x=j,e.style.overflowY="auto"):e.style.overflowY="hidden"}e.style.height=`${x}px`},[a]);r.useLayoutEffect(()=>{i()},[i,F,w]),r.useEffect(()=>{const e=()=>i();return window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)},[i]);const V=e=>{R||Y(e.target.value),t==null||t.onChange(e),u==null||u(e)},A=e=>{t==null||t.onBlur(e),_==null||_(e)};return s.jsxs("div",{className:J.clsx(l.field,l[b],E&&l.fullWidth,h&&l.error,v&&l.disabled,I),style:W,children:[m!=null&&s.jsxs("label",{htmlFor:f,className:l.label,children:[s.jsx(S.Typography,{as:"span",variant:"bodySmall",color:"muted",children:m}),C&&s.jsx("span",{className:l.required,"aria-hidden":"true",children:"*"})]}),s.jsx("div",{className:l.control,children:s.jsx("textarea",{ref:$,id:f,name:c,rows:w,className:l.textarea,value:F,onChange:V,onBlur:A,disabled:v,"aria-invalid":h||void 0,"aria-describedby":p!=null?g:void 0,...L})}),p!=null&&s.jsx(S.Typography,{as:"span",id:g,variant:"bodySmall",color:h?"error":"muted",className:l.helper,children:p})]})});exports.MultilineTextField=ie;
+//# sourceMappingURL=MultilineTextField-Dz6Fg8RJ.cjs.map

package/dist/MultilineTextField-Dz6Fg8RJ.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultilineTextField-Dz6Fg8RJ.cjs","sources":["../src/components/MultilineTextField/MultilineTextField.tsx"],"sourcesContent":["import {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useId,\n  useLayoutEffect,\n  useRef,\n  useState,\n  type ChangeEvent,\n  type CSSProperties,\n  type FocusEvent,\n  type ReactNode,\n  type TextareaHTMLAttributes,\n} from 'react'\nimport { clsx } from 'clsx'\nimport { useFormContext } from '../../form/formContext'\nimport { Typography } from '../Typography'\nimport styles from './MultilineTextField.module.css'\n\nexport type MultilineTextFieldSize = 'sm' | 'md' | 'lg'\n\nexport interface MultilineTextFieldProps extends Omit<\n  TextareaHTMLAttributes<HTMLTextAreaElement>,\n  'size' | 'rows'\n> {\n  /** Label rendered above the field. */\n  label?: ReactNode\n  /** Preset size — drives the font size (the height is dynamic). */\n  size?: MultilineTextFieldSize\n  /** Marks the field invalid: red border/focus ring and the `helperText` shown in the error color. */\n  error?: boolean\n  /** Helper / validation text under the field. Adopts the error color while `error`. */\n  helperText?: ReactNode\n  /** Adds a red asterisk after the label (visual hint only — combine with native `required` if needed). */\n  required?: boolean\n  /** Stretches the field to fill its container width. Defaults to `true`. */\n  fullWidth?: boolean\n  /** Minimum visible rows — the field's starting (and smallest) height. Defaults to `3`. */\n  minRows?: number\n  /** Maximum rows before the field stops growing and scrolls instead. Defaults to `6` (pass `Infinity` for unbounded growth). */\n  maxRows?: number\n}\n\n/**\n * A labeled multiline text input — the textarea sibling of `TextField`. It shares TextField's chrome\n * (label, helper/validation text, error state, sizes, `<Form>` binding by `name`), but renders a\n * `<textarea>` whose **height is dynamic**: it auto-grows with the content from `minRows` up to\n * `maxRows` (then scrolls). Works controlled (`value` + `onChange`) or uncontrolled\n * (`defaultValue`). Styling comes entirely from `--tz-*` tokens.\n */\nexport const MultilineTextField = forwardRef<HTMLTextAreaElement, MultilineTextFieldProps>(\n  function MultilineTextField(\n    {\n      label,\n      size = 'md',\n      error,\n      helperText,\n      required = false,\n      fullWidth = true,\n      minRows = 3,\n      maxRows = 6,\n      name,\n      value,\n      defaultValue,\n      onChange,\n      onBlur,\n      disabled = false,\n      id: idProp,\n      className,\n      style,\n      ...props\n    },\n    ref,\n  ) {\n    const reactId = useId()\n    const id = idProp ?? reactId\n    const helperId = `${id}-helper`\n\n    // Auto-bind to a surrounding <Form> by `name` — pulls value/onChange/onBlur/error/helperText.\n    // Explicit props still win.\n    const form = useFormContext()\n    const bound = form && name ? form.field(name) : undefined\n\n    const resolvedError = error ?? bound?.error ?? false\n    const resolvedHelperText = helperText ?? bound?.helperText\n\n    const isControlled = value !== undefined || bound !== undefined\n    const [internal, setInternal] = useState<string>(\n      defaultValue != null ? String(defaultValue) : '',\n    )\n    const currentValue = value !== undefined ? value : bound ? bound.value : internal\n\n    // Merge the forwarded ref with an internal one so we can measure/resize the textarea.\n    const innerRef = useRef<HTMLTextAreaElement | null>(null)\n    const setRef = useCallback(\n      (node: HTMLTextAreaElement | null) => {\n        innerRef.current = node\n        if (typeof ref === 'function') ref(node)\n        else if (ref) (ref as { current: HTMLTextAreaElement | null }).current = node\n      },\n      [ref],\n    )\n\n    // Dynamic height: collapse to `auto`, then grow to fit the content, capped at `maxRows`.\n    const autosize = useCallback(() => {\n      const el = innerRef.current\n      if (!el) return\n      el.style.height = 'auto'\n      const cs = getComputedStyle(el)\n      const fontSize = parseFloat(cs.fontSize) || 16\n      const lineHeight = parseFloat(cs.lineHeight) || fontSize * 1.4\n      const padV = parseFloat(cs.paddingTop) + parseFloat(cs.paddingBottom)\n      let next = el.scrollHeight\n      if (maxRows != null) {\n        const maxH = lineHeight * maxRows + padV\n        if (next > maxH) {\n          next = maxH\n          el.style.overflowY = 'auto'\n        } else {\n          el.style.overflowY = 'hidden'\n        }\n      }\n      el.style.height = `${next}px`\n    }, [maxRows])\n\n    // Resize after every value change (no flash — runs before paint), and when the width changes.\n    useLayoutEffect(() => {\n      autosize()\n    }, [autosize, currentValue, minRows])\n\n    useEffect(() => {\n      const onResize = () => autosize()\n      window.addEventListener('resize', onResize)\n      return () => window.removeEventListener('resize', onResize)\n    }, [autosize])\n\n    const handleChange = (event: ChangeEvent<HTMLTextAreaElement>) => {\n      if (!isControlled) setInternal(event.target.value)\n      // The form's field reads only `event.target.value`; a textarea event is shape-compatible.\n      bound?.onChange(event as unknown as ChangeEvent<HTMLInputElement>)\n      onChange?.(event)\n    }\n\n    const handleBlur = (event: FocusEvent<HTMLTextAreaElement>) => {\n      bound?.onBlur(event as unknown as FocusEvent<HTMLInputElement>)\n      onBlur?.(event)\n    }\n\n    return (\n      <div\n        className={clsx(\n          styles.field,\n          styles[size],\n          fullWidth && styles.fullWidth,\n          resolvedError && styles.error,\n          disabled && styles.disabled,\n          className,\n        )}\n        style={style as CSSProperties}\n      >\n        {label != null && (\n          <label htmlFor={id} className={styles.label}>\n            <Typography as=\"span\" variant=\"bodySmall\" color=\"muted\">\n              {label}\n            </Typography>\n            {required && (\n              <span className={styles.required} aria-hidden=\"true\">\n                *\n              </span>\n            )}\n          </label>\n        )}\n\n        <div className={styles.control}>\n          <textarea\n            ref={setRef}\n            id={id}\n            name={name}\n            rows={minRows}\n            className={styles.textarea}\n            value={currentValue}\n            onChange={handleChange}\n            onBlur={handleBlur}\n            disabled={disabled}\n            aria-invalid={resolvedError || undefined}\n            aria-describedby={resolvedHelperText != null ? helperId : undefined}\n            {...props}\n          />\n        </div>\n\n        {resolvedHelperText != null && (\n          <Typography\n            as=\"span\"\n            id={helperId}\n            variant=\"bodySmall\"\n            color={resolvedError ? 'error' : 'muted'}\n            className={styles.helper}\n          >\n            {resolvedHelperText}\n          </Typography>\n        )}\n      </div>\n    )\n  },\n)\n"],"names":["MultilineTextField","forwardRef","label","size","error","helperText","required","fullWidth","minRows","maxRows","name","value","defaultValue","onChange","onBlur","disabled","idProp","className","style","props","ref","reactId","useId","id","helperId","form","useFormContext","bound","resolvedError","resolvedHelperText","isControlled","internal","setInternal","useState","currentValue","innerRef","useRef","setRef","useCallback","node","autosize","el","cs","fontSize","lineHeight","padV","next","maxH","useLayoutEffect","useEffect","onResize","handleChange","event","handleBlur","jsxs","clsx","styles","jsx","Typography"],"mappings":"mhBAkDaA,GAAqBC,EAAAA,WAChC,SACE,CACE,MAAAC,EACA,KAAAC,EAAO,KACP,MAAAC,EACA,WAAAC,EACA,SAAAC,EAAW,GACX,UAAAC,EAAY,GACZ,QAAAC,EAAU,EACV,QAAAC,EAAU,EACV,KAAAC,EACA,MAAAC,EACA,aAAAC,EACA,SAAAC,EACA,OAAAC,EACA,SAAAC,EAAW,GACX,GAAIC,EACJ,UAAAC,EACA,MAAAC,EACA,GAAGC,CAAA,EAELC,EACA,CACA,MAAMC,EAAUC,EAAAA,MAAA,EACVC,EAAKP,GAAUK,EACfG,EAAW,GAAGD,CAAE,UAIhBE,EAAOC,EAAAA,eAAA,EACPC,EAAQF,GAAQf,EAAOe,EAAK,MAAMf,CAAI,EAAI,OAE1CkB,EAAgBxB,IAASuB,GAAA,YAAAA,EAAO,QAAS,GACzCE,EAAqBxB,IAAcsB,GAAA,YAAAA,EAAO,YAE1CG,EAAenB,IAAU,QAAagB,IAAU,OAChD,CAACI,EAAUC,CAAW,EAAIC,EAAAA,SAC9BrB,GAAgB,KAAO,OAAOA,CAAY,EAAI,EAAA,EAE1CsB,EAAevB,IAAU,OAAYA,EAAQgB,EAAQA,EAAM,MAAQI,EAGnEI,EAAWC,EAAAA,OAAmC,IAAI,EAClDC,EAASC,EAAAA,YACZC,GAAqC,CACpCJ,EAAS,QAAUI,EACf,OAAOnB,GAAQ,WAAYA,EAAImB,CAAI,EAC9BnB,IAAMA,EAAgD,QAAUmB,EAC3E,EACA,CAACnB,CAAG,CAAA,EAIAoB,EAAWF,EAAAA,YAAY,IAAM,CACjC,MAAMG,EAAKN,EAAS,QACpB,GAAI,CAACM,EAAI,OACTA,EAAG,MAAM,OAAS,OAClB,MAAMC,EAAK,iBAAiBD,CAAE,EACxBE,EAAW,WAAWD,EAAG,QAAQ,GAAK,GACtCE,EAAa,WAAWF,EAAG,UAAU,GAAKC,EAAW,IACrDE,EAAO,WAAWH,EAAG,UAAU,EAAI,WAAWA,EAAG,aAAa,EACpE,IAAII,EAAOL,EAAG,aACd,GAAIhC,GAAW,KAAM,CACnB,MAAMsC,EAAOH,EAAanC,EAAUoC,EAChCC,EAAOC,GACTD,EAAOC,EACPN,EAAG,MAAM,UAAY,QAErBA,EAAG,MAAM,UAAY,QAEzB,CACAA,EAAG,MAAM,OAAS,GAAGK,CAAI,IAC3B,EAAG,CAACrC,CAAO,CAAC,EAGZuC,EAAAA,gBAAgB,IAAM,CACpBR,EAAA,CACF,EAAG,CAACA,EAAUN,EAAc1B,CAAO,CAAC,EAEpCyC,EAAAA,UAAU,IAAM,CACd,MAAMC,EAAW,IAAMV,EAAA,EACvB,cAAO,iBAAiB,SAAUU,CAAQ,EACnC,IAAM,OAAO,oBAAoB,SAAUA,CAAQ,CAC5D,EAAG,CAACV,CAAQ,CAAC,EAEb,MAAMW,EAAgBC,GAA4C,CAC3DtB,GAAcE,EAAYoB,EAAM,OAAO,KAAK,EAEjDzB,GAAA,MAAAA,EAAO,SAASyB,GAChBvC,GAAA,MAAAA,EAAWuC,EACb,EAEMC,EAAcD,GAA2C,CAC7DzB,GAAA,MAAAA,EAAO,OAAOyB,GACdtC,GAAA,MAAAA,EAASsC,EACX,EAEA,OACEE,EAAAA,KAAC,MAAA,CACC,UAAWC,EAAAA,KACTC,EAAO,MACPA,EAAOrD,CAAI,EACXI,GAAaiD,EAAO,UACpB5B,GAAiB4B,EAAO,MACxBzC,GAAYyC,EAAO,SACnBvC,CAAA,EAEF,MAAAC,EAEC,SAAA,CAAAhB,GAAS,MACRoD,OAAC,QAAA,CAAM,QAAS/B,EAAI,UAAWiC,EAAO,MACpC,SAAA,CAAAC,EAAAA,IAACC,EAAAA,YAAW,GAAG,OAAO,QAAQ,YAAY,MAAM,QAC7C,SAAAxD,CAAA,CACH,EACCI,SACE,OAAA,CAAK,UAAWkD,EAAO,SAAU,cAAY,OAAO,SAAA,GAAA,CAErD,CAAA,EAEJ,EAGFC,EAAAA,IAAC,MAAA,CAAI,UAAWD,EAAO,QACrB,SAAAC,EAAAA,IAAC,WAAA,CACC,IAAKpB,EACL,GAAAd,EACA,KAAAb,EACA,KAAMF,EACN,UAAWgD,EAAO,SAClB,MAAOtB,EACP,SAAUiB,EACV,OAAQE,EACR,SAAAtC,EACA,eAAca,GAAiB,OAC/B,mBAAkBC,GAAsB,KAAOL,EAAW,OACzD,GAAGL,CAAA,CAAA,EAER,EAECU,GAAsB,MACrB4B,EAAAA,IAACC,EAAAA,WAAA,CACC,GAAG,OACH,GAAIlC,EACJ,QAAQ,YACR,MAAOI,EAAgB,QAAU,QACjC,UAAW4B,EAAO,OAEjB,SAAA3B,CAAA,CAAA,CACH,CAAA,CAAA,CAIR,CACF"}

package/dist/NumberField-DBpO-Z_7.cjs

@@ -0,0 +1,2 @@
+"use strict";const s=require("react/jsx-runtime"),d=require("react"),J=require("clsx"),he=require("./formContext-bTWrqdEV.cjs"),K=require("./Icon-CXTl_QAP.cjs"),O=require("./IconButton-D6TenQZ_.cjs"),Q=require("./Typography-BFatE1_A.cjs"),r=require("./TextField.module-m-UllwzG.cjs"),xe=require("./ConfigProvider-ByOFXVyP.cjs"),X=/^-?\d*\.?\d*$/;function E(t){if(t===""||t==="-"||t==="."||t==="-.")return null;const l=Number(t);return Number.isNaN(l)?null:l}function Y(t,l,n){return l!=null&&t<l?l:n!=null&&t>n?n:t}function ge(t){return Math.round(t*1e6)/1e6}function Z(t,l){const[n,o]=String(t).split("."),c=n.startsWith("-")?"-":"",g=(c?n.slice(1):n).replace(/\B(?=(\d{3})+(?!\d))/g,l);return o!=null?`${c}${g}.${o}`:`${c}${g}`}function ve(t,l){let n=0;for(const o of t)o!==l&&n++;return n}function Ne(t,l,n){if(n<=0)return 0;let o=0;for(let c=0;c<t.length;c++)if(t[c]!==l&&(o+=1,o===n))return c+1;return t.length}const Se=d.forwardRef(function({label:l,size:n="md",error:o,helperText:c,required:$=!1,fullWidth:g=!0,value:D,defaultValue:w=null,onChange:I,min:m=0,max:v,step:ee=1,hideStepper:V=!1,thousandSeparator:p,name:y,onBlur:R,disabled:N=!1,id:te,className:le,style:ne,...se},h){const k=xe.useT(),re=d.useId(),q=te??re,A=`${q}-helper`,x=he.useFormContext(),P=!!(x&&y),u=x&&y?x.field(y):void 0,W=D!==void 0?D:P?x.values[y]??null:void 0,_=W!==void 0,[ie,ce]=d.useState(w),i=_?W:ie,H=e=>e==null?"":p!=null?Z(e,p):String(e),oe=e=>E(p!=null?e.split(p).join(""):e),[L,F]=d.useState(()=>H(i));d.useEffect(()=>{oe(L)!==i&&F(H(i))},[i]);const U=d.useRef(null),B=d.useRef(null),ue=d.useCallback(e=>{U.current=e,typeof h=="function"?h(e):h&&(h.current=e)},[h]);d.useLayoutEffect(()=>{var a;const e=B.current;e!=null&&(B.current=null,(a=U.current)==null||a.setSelectionRange(e,e))});const T=o??(u==null?void 0:u.error)??!1,M=c??(u==null?void 0:u.helperText),S=e=>{_||ce(e),P&&x.setValue(y,e),I==null||I(e)},ae=e=>{const a=e.target,f=a.value;if(p==null){if(f!==""&&!X.test(f))return;F(f),S(E(f));return}const j=p,b=f.split(j).join("");if(b!==""&&!X.test(b))return;const ye=a.selectionStart??f.length,me=ve(f.slice(0,ye),j),C=E(b),G=C==null?b:Z(C,j);F(G),S(C),B.current=Ne(G,j,me)},de=e=>{if(i!=null){const a=Y(i,m,v);a!==i&&S(a)}u==null||u.onBlur(e),R==null||R(e)},z=e=>{S(Y(ge((i??m??0)+e*ee),m,v))},fe=v!=null&&i!=null&&i>=v,pe=m!=null&&i!=null&&i<=m;return s.jsxs("div",{className:J.clsx(r.fieldStyles.field,r.fieldStyles[n],g&&r.fieldStyles.fullWidth,T&&r.fieldStyles.error,N&&r.fieldStyles.disabled,le),style:ne,children:[l!=null&&s.jsxs("label",{htmlFor:q,className:r.fieldStyles.label,children:[s.jsx(Q.Typography,{as:"span",variant:"bodySmall",color:"muted",children:l}),$&&s.jsx("span",{className:r.fieldStyles.required,"aria-hidden":"true",children:"*"})]}),s.jsxs("div",{className:J.clsx(r.fieldStyles.control,!V&&r.fieldStyles.hasRightAdornment),children:[s.jsx("input",{ref:ue,id:q,name:y,type:"text",inputMode:"decimal",className:r.fieldStyles.input,value:L,onChange:ae,onBlur:de,disabled:N,"aria-invalid":T||void 0,"aria-describedby":M!=null?A:void 0,...se}),!V&&s.jsxs(s.Fragment,{children:[s.jsx(O.IconButton,{variant:"filled",color:"primary",className:r.fieldStyles.iconButton,style:{marginRight:-2},disabled:N||pe,"aria-label":k("numberField.decrease"),onMouseDown:e=>e.preventDefault(),onClick:()=>z(-1),children:s.jsx(K.Icon,{name:"Minus"})}),s.jsx(O.IconButton,{variant:"filled",color:"primary",className:r.fieldStyles.iconButton,disabled:N||fe,"aria-label":k("numberField.increase"),onMouseDown:e=>e.preventDefault(),onClick:()=>z(1),children:s.jsx(K.Icon,{name:"Add"})})]})]}),M!=null&&s.jsx(Q.Typography,{as:"span",id:A,variant:"bodySmall",color:T?"error":"muted",className:r.fieldStyles.helper,children:M})]})});exports.NumberField=Se;
+//# sourceMappingURL=NumberField-DBpO-Z_7.cjs.map

package/dist/NumberField-DBpO-Z_7.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"NumberField-DBpO-Z_7.cjs","sources":["../src/components/NumberField/NumberField.tsx"],"sourcesContent":["import {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useId,\n  useLayoutEffect,\n  useRef,\n  useState,\n  type ChangeEvent,\n  type CSSProperties,\n  type FocusEvent,\n  type InputHTMLAttributes,\n  type ReactNode,\n} from 'react'\nimport { clsx } from 'clsx'\nimport { useFormContext } from '../../form/formContext'\nimport { useT } from '../../theme'\nimport { Icon } from '../Icon'\nimport { IconButton } from '../IconButton'\nimport { Typography } from '../Typography'\n// shared field chrome (label/control/helper) AND the `.control .iconButton` styling for the steppers\nimport fieldStyles from '../TextField/TextField.module.css'\n\nexport type NumberFieldSize = 'sm' | 'md' | 'lg'\n\n/** Allowed while typing — digits, an optional leading `-`, and one decimal point. */\nconst NUMERIC_RE = /^-?\\d*\\.?\\d*$/\n\n/** Parses the display string to a number, treating empty / in-progress input (`\"\"`, `\"-\"`, `\".\"`) as null. */\nfunction parseValue(raw: string): number | null {\n  if (raw === '' || raw === '-' || raw === '.' || raw === '-.') return null\n  const n = Number(raw)\n  return Number.isNaN(n) ? null : n\n}\n\nfunction clampValue(n: number, min?: number, max?: number): number {\n  if (min != null && n < min) return min\n  if (max != null && n > max) return max\n  return n\n}\n\n/** Kills binary float drift from repeated stepping (e.g. 0.1 + 0.2). */\nfunction roundStep(n: number): number {\n  return Math.round(n * 1e6) / 1e6\n}\n\n/** Groups the integer part with `separator` for display (e.g. 32345345 → \"32.345.345\"). */\nfunction groupThousands(value: number, separator: string): string {\n  const [intPart, decPart] = String(value).split('.')\n  const sign = intPart.startsWith('-') ? '-' : ''\n  const digits = sign ? intPart.slice(1) : intPart\n  const grouped = digits.replace(/\\B(?=(\\d{3})+(?!\\d))/g, separator)\n  return decPart != null ? `${sign}${grouped}.${decPart}` : `${sign}${grouped}`\n}\n\n/** Counts the \"significant\" (non-separator) chars — used to keep the caret stable across regrouping. */\nfunction countExcept(s: string, sep: string): number {\n  let n = 0\n  for (const c of s) if (c !== sep) n++\n  return n\n}\n\n/** Index just after the `n`-th non-separator char in `str` (where the caret should land after regrouping). */\nfunction positionAfterExcept(str: string, sep: string, n: number): number {\n  if (n <= 0) return 0\n  let count = 0\n  for (let i = 0; i < str.length; i++) {\n    if (str[i] !== sep) {\n      count += 1\n      if (count === n) return i + 1\n    }\n  }\n  return str.length\n}\n\nexport interface NumberFieldProps extends Omit<\n  InputHTMLAttributes<HTMLInputElement>,\n  'size' | 'value' | 'defaultValue' | 'onChange' | 'type' | 'min' | 'max' | 'step' | 'prefix'\n> {\n  /** Label rendered above the field. */\n  label?: ReactNode\n  /** Preset size — drives the control height, font size and padding. */\n  size?: NumberFieldSize\n  /** Marks the field invalid: red border/focus ring + the `helperText` in the error color. */\n  error?: boolean\n  /** Helper / validation text under the field. Adopts the error color while `error`. */\n  helperText?: ReactNode\n  /** Adds a red asterisk after the label. */\n  required?: boolean\n  /** Stretches the field to fill its container width. Defaults to `true`. */\n  fullWidth?: boolean\n  /** Controlled numeric value (`null` = empty). */\n  value?: number | null\n  /** Initial value for uncontrolled use (`null` = empty). Defaults to `null`. */\n  defaultValue?: number | null\n  /** Fires with the parsed numeric value (or `null` when the field is empty). */\n  onChange?: (value: number | null) => void\n  /** Minimum value — clamps on blur and on the stepper, and disables `−` at the floor. Defaults to `0`; pass a negative `min` to allow negatives. */\n  min?: number\n  /** Maximum value — clamps on blur and on the stepper, and disables `+` at the ceiling. */\n  max?: number\n  /** Amount the `+`/`−` buttons add or subtract. Defaults to `1`. */\n  step?: number\n  /** Hides the `+`/`−` stepper buttons (keyboard entry only). */\n  hideStepper?: boolean\n  /**\n   * Thousands-group separator shown **live** as you type, e.g. `\".\"` displays `32345345` as\n   * `32.345.345` (or `\",\"`). The caret is preserved across regrouping; the `value`/`onChange`/form\n   * value stay a plain `number`. Best for integers — with `\".\"` decimals aren't supported (the dot is\n   * the group separator).\n   */\n  thousandSeparator?: string\n}\n\n/**\n * A numeric input with `+`/`−` stepper buttons. Supports `min`/`max` clamping, a `step` amount,\n * controlled (`value` + `onChange`) or uncontrolled (`defaultValue`) use, optional live thousands\n * grouping, and — like `TextField` — binds to a surrounding `<Form>` by `name` (its form value is a\n * real `number`, validated by the Zod schema). `onChange` emits a `number` or `null` (empty). Shares\n * `TextField`'s field chrome, so label, sizing, error and focus styling are identical.\n */\nexport const NumberField = forwardRef<HTMLInputElement, NumberFieldProps>(function NumberField(\n  {\n    label,\n    size = 'md',\n    error,\n    helperText,\n    required = false,\n    fullWidth = true,\n    value,\n    defaultValue = null,\n    onChange,\n    min = 0,\n    max,\n    step = 1,\n    hideStepper = false,\n    thousandSeparator,\n    name,\n    onBlur,\n    disabled = false,\n    id: idProp,\n    className,\n    style,\n    ...props\n  },\n  ref,\n) {\n  const t = useT()\n  const reactId = useId()\n  const id = idProp ?? reactId\n  const helperId = `${id}-helper`\n\n  // Auto-bind to a surrounding <Form> by `name`. The form stores a real number; we use field() for\n  // touched/error/helper and read/write the numeric value through values/setValue.\n  const form = useFormContext()\n  const isFormBound = Boolean(form && name)\n  const bound = form && name ? form.field(name) : undefined\n\n  const externalValue: number | null | undefined =\n    value !== undefined\n      ? value\n      : isFormBound\n        ? ((form!.values[name!] as number | null | undefined) ?? null)\n        : undefined\n  const isControlled = externalValue !== undefined\n  const [internal, setInternal] = useState<number | null>(defaultValue)\n  const numValue: number | null = isControlled ? externalValue! : internal\n\n  // number <-> display string, applying live thousands grouping when `thousandSeparator` is set.\n  const toDisplay = (v: number | null): string =>\n    v == null ? '' : thousandSeparator != null ? groupThousands(v, thousandSeparator) : String(v)\n  const fromDisplay = (raw: string): number | null =>\n    parseValue(thousandSeparator != null ? raw.split(thousandSeparator).join('') : raw)\n\n  // The display string mirrors `numValue` but tolerates in-progress input (\"-\", \"1.\" …).\n  const [text, setText] = useState<string>(() => toDisplay(numValue))\n  useEffect(() => {\n    if (fromDisplay(text) !== numValue) setText(toDisplay(numValue))\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [numValue]) // re-sync only when the value changes from the outside (stepper, form, reset)\n\n  // Caret restoration after regrouping (the formatted string length changes as separators move).\n  const innerRef = useRef<HTMLInputElement>(null)\n  const pendingCaret = useRef<number | null>(null)\n  const setInputRef = useCallback(\n    (node: HTMLInputElement | null) => {\n      innerRef.current = node\n      if (typeof ref === 'function') ref(node)\n      else if (ref) ref.current = node\n    },\n    [ref],\n  )\n  useLayoutEffect(() => {\n    const pos = pendingCaret.current\n    if (pos == null) return\n    pendingCaret.current = null\n    innerRef.current?.setSelectionRange(pos, pos)\n  })\n\n  const resolvedError = error ?? bound?.error ?? false\n  const resolvedHelperText = helperText ?? bound?.helperText\n\n  const commit = (next: number | null) => {\n    if (!isControlled) setInternal(next)\n    if (isFormBound) form!.setValue(name!, next)\n    onChange?.(next)\n  }\n\n  const handleChange = (event: ChangeEvent<HTMLInputElement>) => {\n    const el = event.target\n    const raw = el.value\n\n    if (thousandSeparator == null) {\n      if (raw !== '' && !NUMERIC_RE.test(raw)) return // reject non-numeric keystrokes\n      setText(raw)\n      commit(parseValue(raw))\n      return\n    }\n\n    // Live grouping: strip separators, validate, regroup, and remember where the caret should land.\n    const sep = thousandSeparator\n    const cleaned = raw.split(sep).join('')\n    if (cleaned !== '' && !NUMERIC_RE.test(cleaned)) return\n    const caret = el.selectionStart ?? raw.length\n    const significantBefore = countExcept(raw.slice(0, caret), sep)\n    const next = parseValue(cleaned)\n    const formatted = next == null ? cleaned : groupThousands(next, sep)\n    setText(formatted)\n    commit(next)\n    pendingCaret.current = positionAfterExcept(formatted, sep, significantBefore)\n  }\n\n  const handleBlur = (event: FocusEvent<HTMLInputElement>) => {\n    if (numValue != null) {\n      const clamped = clampValue(numValue, min, max)\n      if (clamped !== numValue) commit(clamped)\n    }\n    bound?.onBlur(event)\n    onBlur?.(event)\n  }\n\n  const stepBy = (direction: 1 | -1) => {\n    const base = numValue ?? min ?? 0\n    commit(clampValue(roundStep(base + direction * step), min, max))\n  }\n\n  const atMax = max != null && numValue != null && numValue >= max\n  const atMin = min != null && numValue != null && numValue <= min\n\n  return (\n    <div\n      className={clsx(\n        fieldStyles.field,\n        fieldStyles[size],\n        fullWidth && fieldStyles.fullWidth,\n        resolvedError && fieldStyles.error,\n        disabled && fieldStyles.disabled,\n        className,\n      )}\n      style={style as CSSProperties}\n    >\n      {label != null && (\n        <label htmlFor={id} className={fieldStyles.label}>\n          <Typography as=\"span\" variant=\"bodySmall\" color=\"muted\">\n            {label}\n          </Typography>\n          {required && (\n            <span className={fieldStyles.required} aria-hidden=\"true\">\n              *\n            </span>\n          )}\n        </label>\n      )}\n\n      <div className={clsx(fieldStyles.control, !hideStepper && fieldStyles.hasRightAdornment)}>\n        <input\n          ref={setInputRef}\n          id={id}\n          name={name}\n          type=\"text\"\n          inputMode=\"decimal\"\n          className={fieldStyles.input}\n          value={text}\n          onChange={handleChange}\n          onBlur={handleBlur}\n          disabled={disabled}\n          aria-invalid={resolvedError || undefined}\n          aria-describedby={resolvedHelperText != null ? helperId : undefined}\n          {...props}\n        />\n        {!hideStepper && (\n          <>\n            {/* Filled icon buttons, sized via the shared `.control .iconButton` rule (flush square,\n                stretched to the control height, scaled). The minus glyph is nudged for optical centering. */}\n            <IconButton\n              variant=\"filled\"\n              color=\"primary\"\n              className={fieldStyles.iconButton}\n              style={{ marginRight: -2 }}\n              disabled={disabled || atMin}\n              aria-label={t('numberField.decrease')}\n              onMouseDown={(event) => event.preventDefault()}\n              onClick={() => stepBy(-1)}\n            >\n              <Icon name=\"Minus\" />\n            </IconButton>\n            <IconButton\n              variant=\"filled\"\n              color=\"primary\"\n              className={fieldStyles.iconButton}\n              disabled={disabled || atMax}\n              aria-label={t('numberField.increase')}\n              onMouseDown={(event) => event.preventDefault()}\n              onClick={() => stepBy(1)}\n            >\n              <Icon name=\"Add\" />\n            </IconButton>\n          </>\n        )}\n      </div>\n\n      {resolvedHelperText != null && (\n        <Typography\n          as=\"span\"\n          id={helperId}\n          variant=\"bodySmall\"\n          color={resolvedError ? 'error' : 'muted'}\n          className={fieldStyles.helper}\n        >\n          {resolvedHelperText}\n        </Typography>\n      )}\n    </div>\n  )\n})\n"],"names":["NUMERIC_RE","parseValue","raw","n","clampValue","min","max","roundStep","groupThousands","value","separator","intPart","decPart","sign","grouped","countExcept","s","sep","c","positionAfterExcept","str","count","i","NumberField","forwardRef","label","size","error","helperText","required","fullWidth","defaultValue","onChange","step","hideStepper","thousandSeparator","name","onBlur","disabled","idProp","className","style","props","ref","t","useT","reactId","useId","id","helperId","form","useFormContext","isFormBound","bound","externalValue","isControlled","internal","setInternal","useState","numValue","toDisplay","v","fromDisplay","text","setText","useEffect","innerRef","useRef","pendingCaret","setInputRef","useCallback","node","useLayoutEffect","pos","_a","resolvedError","resolvedHelperText","commit","next","handleChange","event","el","cleaned","caret","significantBefore","formatted","handleBlur","clamped","stepBy","direction","atMax","atMin","jsxs","clsx","fieldStyles","jsx","Typography","Fragment","IconButton","Icon"],"mappings":"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"}

package/dist/NumberField-DBvhSQCw.js

@@ -0,0 +1,183 @@
+import { jsxs as x, jsx as a, Fragment as Ne } from "react/jsx-runtime";
+import { forwardRef as ye, useId as be, useState as J, useEffect as Ie, useRef as K, useCallback as Re, useLayoutEffect as xe } from "react";
+import { clsx as O } from "clsx";
+import { u as Fe } from "./formContext-B7ln1Miy.js";
+import { I as Q } from "./Icon-CophpkHo.js";
+import { I as X } from "./IconButton-CBusrDa9.js";
+import { T as Y } from "./Typography-Cta6Rg4L.js";
+import { f as r } from "./TextField.module-QePvGeJ3.js";
+import { a as Me } from "./ConfigProvider-2c94kUOk.js";
+const Z = /^-?\d*\.?\d*$/;
+function V(t) {
+  if (t === "" || t === "-" || t === "." || t === "-.") return null;
+  const n = Number(t);
+  return Number.isNaN(n) ? null : n;
+}
+function w(t, n, l) {
+  return n != null && t < n ? n : l != null && t > l ? l : t;
+}
+function Be(t) {
+  return Math.round(t * 1e6) / 1e6;
+}
+function ee(t, n) {
+  const [l, i] = String(t).split("."), o = l.startsWith("-") ? "-" : "", v = (o ? l.slice(1) : l).replace(/\B(?=(\d{3})+(?!\d))/g, n);
+  return i != null ? `${o}${v}.${i}` : `${o}${v}`;
+}
+function Ee(t, n) {
+  let l = 0;
+  for (const i of t) i !== n && l++;
+  return l;
+}
+function Te(t, n, l) {
+  if (l <= 0) return 0;
+  let i = 0;
+  for (let o = 0; o < t.length; o++)
+    if (t[o] !== n && (i += 1, i === l))
+      return o + 1;
+  return t.length;
+}
+const We = ye(function({
+  label: n,
+  size: l = "md",
+  error: i,
+  helperText: o,
+  required: j = !1,
+  fullWidth: v = !0,
+  value: k,
+  defaultValue: te = null,
+  onChange: F,
+  min: m = 0,
+  max: N,
+  step: ne = 1,
+  hideStepper: A = !1,
+  thousandSeparator: d,
+  name: p,
+  onBlur: M,
+  disabled: y = !1,
+  id: le,
+  className: re,
+  style: se,
+  ...oe
+}, h) {
+  const S = Me(), ie = be(), B = le ?? ie, P = `${B}-helper`, g = Fe(), W = !!(g && p), c = g && p ? g.field(p) : void 0, q = k !== void 0 ? k : W ? g.values[p] ?? null : void 0, H = q !== void 0, [ce, ue] = J(te), s = H ? q : ce, L = (e) => e == null ? "" : d != null ? ee(e, d) : String(e), ae = (e) => V(d != null ? e.split(d).join("") : e), [U, E] = J(() => L(s));
+  Ie(() => {
+    ae(U) !== s && E(L(s));
+  }, [s]);
+  const _ = K(null), T = K(null), fe = Re(
+    (e) => {
+      _.current = e, typeof h == "function" ? h(e) : h && (h.current = e);
+    },
+    [h]
+  );
+  xe(() => {
+    var u;
+    const e = T.current;
+    e != null && (T.current = null, (u = _.current) == null || u.setSelectionRange(e, e));
+  });
+  const $ = i ?? (c == null ? void 0 : c.error) ?? !1, D = o ?? (c == null ? void 0 : c.helperText), b = (e) => {
+    H || ue(e), W && g.setValue(p, e), F == null || F(e);
+  }, de = (e) => {
+    const u = e.target, f = u.value;
+    if (d == null) {
+      if (f !== "" && !Z.test(f)) return;
+      E(f), b(V(f));
+      return;
+    }
+    const I = d, R = f.split(I).join("");
+    if (R !== "" && !Z.test(R)) return;
+    const ge = u.selectionStart ?? f.length, ve = Ee(f.slice(0, ge), I), C = V(R), G = C == null ? R : ee(C, I);
+    E(G), b(C), T.current = Te(G, I, ve);
+  }, pe = (e) => {
+    if (s != null) {
+      const u = w(s, m, N);
+      u !== s && b(u);
+    }
+    c == null || c.onBlur(e), M == null || M(e);
+  }, z = (e) => {
+    b(w(Be((s ?? m ?? 0) + e * ne), m, N));
+  }, me = N != null && s != null && s >= N, he = m != null && s != null && s <= m;
+  return /* @__PURE__ */ x(
+    "div",
+    {
+      className: O(
+        r.field,
+        r[l],
+        v && r.fullWidth,
+        $ && r.error,
+        y && r.disabled,
+        re
+      ),
+      style: se,
+      children: [
+        n != null && /* @__PURE__ */ x("label", { htmlFor: B, className: r.label, children: [
+          /* @__PURE__ */ a(Y, { as: "span", variant: "bodySmall", color: "muted", children: n }),
+          j && /* @__PURE__ */ a("span", { className: r.required, "aria-hidden": "true", children: "*" })
+        ] }),
+        /* @__PURE__ */ x("div", { className: O(r.control, !A && r.hasRightAdornment), children: [
+          /* @__PURE__ */ a(
+            "input",
+            {
+              ref: fe,
+              id: B,
+              name: p,
+              type: "text",
+              inputMode: "decimal",
+              className: r.input,
+              value: U,
+              onChange: de,
+              onBlur: pe,
+              disabled: y,
+              "aria-invalid": $ || void 0,
+              "aria-describedby": D != null ? P : void 0,
+              ...oe
+            }
+          ),
+          !A && /* @__PURE__ */ x(Ne, { children: [
+            /* @__PURE__ */ a(
+              X,
+              {
+                variant: "filled",
+                color: "primary",
+                className: r.iconButton,
+                style: { marginRight: -2 },
+                disabled: y || he,
+                "aria-label": S("numberField.decrease"),
+                onMouseDown: (e) => e.preventDefault(),
+                onClick: () => z(-1),
+                children: /* @__PURE__ */ a(Q, { name: "Minus" })
+              }
+            ),
+            /* @__PURE__ */ a(
+              X,
+              {
+                variant: "filled",
+                color: "primary",
+                className: r.iconButton,
+                disabled: y || me,
+                "aria-label": S("numberField.increase"),
+                onMouseDown: (e) => e.preventDefault(),
+                onClick: () => z(1),
+                children: /* @__PURE__ */ a(Q, { name: "Add" })
+              }
+            )
+          ] })
+        ] }),
+        D != null && /* @__PURE__ */ a(
+          Y,
+          {
+            as: "span",
+            id: P,
+            variant: "bodySmall",
+            color: $ ? "error" : "muted",
+            className: r.helper,
+            children: D
+          }
+        )
+      ]
+    }
+  );
+});
+export {
+  We as N
+};
+//# sourceMappingURL=NumberField-DBvhSQCw.js.map

package/dist/NumberField-DBvhSQCw.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NumberField-DBvhSQCw.js","sources":["../src/components/NumberField/NumberField.tsx"],"sourcesContent":["import {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useId,\n  useLayoutEffect,\n  useRef,\n  useState,\n  type ChangeEvent,\n  type CSSProperties,\n  type FocusEvent,\n  type InputHTMLAttributes,\n  type ReactNode,\n} from 'react'\nimport { clsx } from 'clsx'\nimport { useFormContext } from '../../form/formContext'\nimport { useT } from '../../theme'\nimport { Icon } from '../Icon'\nimport { IconButton } from '../IconButton'\nimport { Typography } from '../Typography'\n// shared field chrome (label/control/helper) AND the `.control .iconButton` styling for the steppers\nimport fieldStyles from '../TextField/TextField.module.css'\n\nexport type NumberFieldSize = 'sm' | 'md' | 'lg'\n\n/** Allowed while typing — digits, an optional leading `-`, and one decimal point. */\nconst NUMERIC_RE = /^-?\\d*\\.?\\d*$/\n\n/** Parses the display string to a number, treating empty / in-progress input (`\"\"`, `\"-\"`, `\".\"`) as null. */\nfunction parseValue(raw: string): number | null {\n  if (raw === '' || raw === '-' || raw === '.' || raw === '-.') return null\n  const n = Number(raw)\n  return Number.isNaN(n) ? null : n\n}\n\nfunction clampValue(n: number, min?: number, max?: number): number {\n  if (min != null && n < min) return min\n  if (max != null && n > max) return max\n  return n\n}\n\n/** Kills binary float drift from repeated stepping (e.g. 0.1 + 0.2). */\nfunction roundStep(n: number): number {\n  return Math.round(n * 1e6) / 1e6\n}\n\n/** Groups the integer part with `separator` for display (e.g. 32345345 → \"32.345.345\"). */\nfunction groupThousands(value: number, separator: string): string {\n  const [intPart, decPart] = String(value).split('.')\n  const sign = intPart.startsWith('-') ? '-' : ''\n  const digits = sign ? intPart.slice(1) : intPart\n  const grouped = digits.replace(/\\B(?=(\\d{3})+(?!\\d))/g, separator)\n  return decPart != null ? `${sign}${grouped}.${decPart}` : `${sign}${grouped}`\n}\n\n/** Counts the \"significant\" (non-separator) chars — used to keep the caret stable across regrouping. */\nfunction countExcept(s: string, sep: string): number {\n  let n = 0\n  for (const c of s) if (c !== sep) n++\n  return n\n}\n\n/** Index just after the `n`-th non-separator char in `str` (where the caret should land after regrouping). */\nfunction positionAfterExcept(str: string, sep: string, n: number): number {\n  if (n <= 0) return 0\n  let count = 0\n  for (let i = 0; i < str.length; i++) {\n    if (str[i] !== sep) {\n      count += 1\n      if (count === n) return i + 1\n    }\n  }\n  return str.length\n}\n\nexport interface NumberFieldProps extends Omit<\n  InputHTMLAttributes<HTMLInputElement>,\n  'size' | 'value' | 'defaultValue' | 'onChange' | 'type' | 'min' | 'max' | 'step' | 'prefix'\n> {\n  /** Label rendered above the field. */\n  label?: ReactNode\n  /** Preset size — drives the control height, font size and padding. */\n  size?: NumberFieldSize\n  /** Marks the field invalid: red border/focus ring + the `helperText` in the error color. */\n  error?: boolean\n  /** Helper / validation text under the field. Adopts the error color while `error`. */\n  helperText?: ReactNode\n  /** Adds a red asterisk after the label. */\n  required?: boolean\n  /** Stretches the field to fill its container width. Defaults to `true`. */\n  fullWidth?: boolean\n  /** Controlled numeric value (`null` = empty). */\n  value?: number | null\n  /** Initial value for uncontrolled use (`null` = empty). Defaults to `null`. */\n  defaultValue?: number | null\n  /** Fires with the parsed numeric value (or `null` when the field is empty). */\n  onChange?: (value: number | null) => void\n  /** Minimum value — clamps on blur and on the stepper, and disables `−` at the floor. Defaults to `0`; pass a negative `min` to allow negatives. */\n  min?: number\n  /** Maximum value — clamps on blur and on the stepper, and disables `+` at the ceiling. */\n  max?: number\n  /** Amount the `+`/`−` buttons add or subtract. Defaults to `1`. */\n  step?: number\n  /** Hides the `+`/`−` stepper buttons (keyboard entry only). */\n  hideStepper?: boolean\n  /**\n   * Thousands-group separator shown **live** as you type, e.g. `\".\"` displays `32345345` as\n   * `32.345.345` (or `\",\"`). The caret is preserved across regrouping; the `value`/`onChange`/form\n   * value stay a plain `number`. Best for integers — with `\".\"` decimals aren't supported (the dot is\n   * the group separator).\n   */\n  thousandSeparator?: string\n}\n\n/**\n * A numeric input with `+`/`−` stepper buttons. Supports `min`/`max` clamping, a `step` amount,\n * controlled (`value` + `onChange`) or uncontrolled (`defaultValue`) use, optional live thousands\n * grouping, and — like `TextField` — binds to a surrounding `<Form>` by `name` (its form value is a\n * real `number`, validated by the Zod schema). `onChange` emits a `number` or `null` (empty). Shares\n * `TextField`'s field chrome, so label, sizing, error and focus styling are identical.\n */\nexport const NumberField = forwardRef<HTMLInputElement, NumberFieldProps>(function NumberField(\n  {\n    label,\n    size = 'md',\n    error,\n    helperText,\n    required = false,\n    fullWidth = true,\n    value,\n    defaultValue = null,\n    onChange,\n    min = 0,\n    max,\n    step = 1,\n    hideStepper = false,\n    thousandSeparator,\n    name,\n    onBlur,\n    disabled = false,\n    id: idProp,\n    className,\n    style,\n    ...props\n  },\n  ref,\n) {\n  const t = useT()\n  const reactId = useId()\n  const id = idProp ?? reactId\n  const helperId = `${id}-helper`\n\n  // Auto-bind to a surrounding <Form> by `name`. The form stores a real number; we use field() for\n  // touched/error/helper and read/write the numeric value through values/setValue.\n  const form = useFormContext()\n  const isFormBound = Boolean(form && name)\n  const bound = form && name ? form.field(name) : undefined\n\n  const externalValue: number | null | undefined =\n    value !== undefined\n      ? value\n      : isFormBound\n        ? ((form!.values[name!] as number | null | undefined) ?? null)\n        : undefined\n  const isControlled = externalValue !== undefined\n  const [internal, setInternal] = useState<number | null>(defaultValue)\n  const numValue: number | null = isControlled ? externalValue! : internal\n\n  // number <-> display string, applying live thousands grouping when `thousandSeparator` is set.\n  const toDisplay = (v: number | null): string =>\n    v == null ? '' : thousandSeparator != null ? groupThousands(v, thousandSeparator) : String(v)\n  const fromDisplay = (raw: string): number | null =>\n    parseValue(thousandSeparator != null ? raw.split(thousandSeparator).join('') : raw)\n\n  // The display string mirrors `numValue` but tolerates in-progress input (\"-\", \"1.\" …).\n  const [text, setText] = useState<string>(() => toDisplay(numValue))\n  useEffect(() => {\n    if (fromDisplay(text) !== numValue) setText(toDisplay(numValue))\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [numValue]) // re-sync only when the value changes from the outside (stepper, form, reset)\n\n  // Caret restoration after regrouping (the formatted string length changes as separators move).\n  const innerRef = useRef<HTMLInputElement>(null)\n  const pendingCaret = useRef<number | null>(null)\n  const setInputRef = useCallback(\n    (node: HTMLInputElement | null) => {\n      innerRef.current = node\n      if (typeof ref === 'function') ref(node)\n      else if (ref) ref.current = node\n    },\n    [ref],\n  )\n  useLayoutEffect(() => {\n    const pos = pendingCaret.current\n    if (pos == null) return\n    pendingCaret.current = null\n    innerRef.current?.setSelectionRange(pos, pos)\n  })\n\n  const resolvedError = error ?? bound?.error ?? false\n  const resolvedHelperText = helperText ?? bound?.helperText\n\n  const commit = (next: number | null) => {\n    if (!isControlled) setInternal(next)\n    if (isFormBound) form!.setValue(name!, next)\n    onChange?.(next)\n  }\n\n  const handleChange = (event: ChangeEvent<HTMLInputElement>) => {\n    const el = event.target\n    const raw = el.value\n\n    if (thousandSeparator == null) {\n      if (raw !== '' && !NUMERIC_RE.test(raw)) return // reject non-numeric keystrokes\n      setText(raw)\n      commit(parseValue(raw))\n      return\n    }\n\n    // Live grouping: strip separators, validate, regroup, and remember where the caret should land.\n    const sep = thousandSeparator\n    const cleaned = raw.split(sep).join('')\n    if (cleaned !== '' && !NUMERIC_RE.test(cleaned)) return\n    const caret = el.selectionStart ?? raw.length\n    const significantBefore = countExcept(raw.slice(0, caret), sep)\n    const next = parseValue(cleaned)\n    const formatted = next == null ? cleaned : groupThousands(next, sep)\n    setText(formatted)\n    commit(next)\n    pendingCaret.current = positionAfterExcept(formatted, sep, significantBefore)\n  }\n\n  const handleBlur = (event: FocusEvent<HTMLInputElement>) => {\n    if (numValue != null) {\n      const clamped = clampValue(numValue, min, max)\n      if (clamped !== numValue) commit(clamped)\n    }\n    bound?.onBlur(event)\n    onBlur?.(event)\n  }\n\n  const stepBy = (direction: 1 | -1) => {\n    const base = numValue ?? min ?? 0\n    commit(clampValue(roundStep(base + direction * step), min, max))\n  }\n\n  const atMax = max != null && numValue != null && numValue >= max\n  const atMin = min != null && numValue != null && numValue <= min\n\n  return (\n    <div\n      className={clsx(\n        fieldStyles.field,\n        fieldStyles[size],\n        fullWidth && fieldStyles.fullWidth,\n        resolvedError && fieldStyles.error,\n        disabled && fieldStyles.disabled,\n        className,\n      )}\n      style={style as CSSProperties}\n    >\n      {label != null && (\n        <label htmlFor={id} className={fieldStyles.label}>\n          <Typography as=\"span\" variant=\"bodySmall\" color=\"muted\">\n            {label}\n          </Typography>\n          {required && (\n            <span className={fieldStyles.required} aria-hidden=\"true\">\n              *\n            </span>\n          )}\n        </label>\n      )}\n\n      <div className={clsx(fieldStyles.control, !hideStepper && fieldStyles.hasRightAdornment)}>\n        <input\n          ref={setInputRef}\n          id={id}\n          name={name}\n          type=\"text\"\n          inputMode=\"decimal\"\n          className={fieldStyles.input}\n          value={text}\n          onChange={handleChange}\n          onBlur={handleBlur}\n          disabled={disabled}\n          aria-invalid={resolvedError || undefined}\n          aria-describedby={resolvedHelperText != null ? helperId : undefined}\n          {...props}\n        />\n        {!hideStepper && (\n          <>\n            {/* Filled icon buttons, sized via the shared `.control .iconButton` rule (flush square,\n                stretched to the control height, scaled). The minus glyph is nudged for optical centering. */}\n            <IconButton\n              variant=\"filled\"\n              color=\"primary\"\n              className={fieldStyles.iconButton}\n              style={{ marginRight: -2 }}\n              disabled={disabled || atMin}\n              aria-label={t('numberField.decrease')}\n              onMouseDown={(event) => event.preventDefault()}\n              onClick={() => stepBy(-1)}\n            >\n              <Icon name=\"Minus\" />\n            </IconButton>\n            <IconButton\n              variant=\"filled\"\n              color=\"primary\"\n              className={fieldStyles.iconButton}\n              disabled={disabled || atMax}\n              aria-label={t('numberField.increase')}\n              onMouseDown={(event) => event.preventDefault()}\n              onClick={() => stepBy(1)}\n            >\n              <Icon name=\"Add\" />\n            </IconButton>\n          </>\n        )}\n      </div>\n\n      {resolvedHelperText != null && (\n        <Typography\n          as=\"span\"\n          id={helperId}\n          variant=\"bodySmall\"\n          color={resolvedError ? 'error' : 'muted'}\n          className={fieldStyles.helper}\n        >\n          {resolvedHelperText}\n        </Typography>\n      )}\n    </div>\n  )\n})\n"],"names":["NUMERIC_RE","parseValue","raw","clampValue","n","min","max","roundStep","groupThousands","value","separator","intPart","decPart","sign","grouped","countExcept","s","sep","c","positionAfterExcept","str","count","i","NumberField","forwardRef","label","size","error","helperText","required","fullWidth","defaultValue","onChange","step","hideStepper","thousandSeparator","name","onBlur","disabled","idProp","className","style","props","ref","t","useT","reactId","useId","id","helperId","form","useFormContext","isFormBound","bound","externalValue","isControlled","internal","setInternal","useState","numValue","toDisplay","v","fromDisplay","text","setText","useEffect","innerRef","useRef","pendingCaret","setInputRef","useCallback","node","useLayoutEffect","pos","_a","resolvedError","resolvedHelperText","commit","next","handleChange","event","el","cleaned","caret","significantBefore","formatted","handleBlur","clamped","stepBy","direction","atMax","atMin","jsxs","clsx","fieldStyles","jsx","Typography","Fragment","IconButton","Icon"],"mappings":"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"}

package/dist/OtpField-BUBYyorC.cjs

@@ -0,0 +1,2 @@
+"use strict";const n=require("react/jsx-runtime"),y=require("react"),j=require("clsx"),Y=require("./formContext-bTWrqdEV.cjs"),R=require("./Typography-BFatE1_A.cjs"),u=require("./TextField.module-m-UllwzG.cjs"),ee=require("./ConfigProvider-ByOFXVyP.cjs"),te="_row_1tqpn_2",re="_sm_1tqpn_8",se="_md_1tqpn_12",oe="_lg_1tqpn_16",le="_box_1tqpn_22",ce="_filled_1tqpn_46",ne="_invalid_1tqpn_63",x={row:te,sm:re,md:se,lg:oe,box:le,filled:ce,invalid:ne},ie={numeric:/[0-9]/,alphabetic:/[A-Za-z]/,alphanumeric:/[A-Za-z0-9]/};function ae(k,l){const i=[...k].slice(0,l);for(;i.length<l;)i.push("");return i}const fe=y.forwardRef(function({length:l=4,type:i="numeric",value:g,defaultValue:A,onChange:q,onComplete:T,name:a,label:_,helperText:I,error:z,required:O=!1,disabled:S=!1,autoFocus:P=!1,placeholder:C,size:E="md",color:M="primary",className:V,style:K},Z){const $=ee.useT(),F=`${y.useId()}-helper`,B=ie[i],p=Y.useFormContext(),b=!!(p&&a),o=p&&a?p.field(a):void 0,H=g!==void 0?g:b?p.values[a]:void 0,N=g!==void 0||b,[L,G]=y.useState(A??""),J=N?H??"":L,v=z??(o==null?void 0:o.error)??!1,w=I??(o==null?void 0:o.helperText),f=ae(J,l),D=y.useRef([]);y.useEffect(()=>{var t;P&&((t=D.current[0])==null||t.focus())},[]);const d=t=>{const e=D.current[Math.max(0,Math.min(t,l-1))];e==null||e.focus(),e==null||e.select()},m=t=>{const e=t.join("");N||G(e),b&&p.setValue(a,e),q==null||q(e),t.every(r=>r!=="")&&(T==null||T(e))},Q=(t,e)=>{const r=[...e].filter(s=>B.test(s));if(e!==""&&r.length===0)return;const c=[...f];if(r.length<=1)c[t]=r[0]??"",m(c),r[0]&&d(t+1);else{let s=t;for(const h of r){if(s>=l)break;c[s]=h,s++}m(c),d(s)}},U=(t,e)=>{if(e.key==="Backspace"){if(f[t]===""&&t>0){e.preventDefault();const r=[...f];r[t-1]="",m(r),d(t-1)}}else if(e.key==="ArrowLeft")e.preventDefault(),d(t-1);else if(e.key==="ArrowRight")e.preventDefault(),d(t+1);else if(e.key==="Delete"){e.preventDefault();const r=[...f];r[t]="",m(r)}},W=(t,e)=>{e.preventDefault();const r=[...e.clipboardData.getData("text")].filter(h=>B.test(h));if(r.length===0)return;const c=[...f];let s=t;for(const h of r){if(s>=l)break;c[s]=h,s++}m(c),d(s)},X=t=>{t.currentTarget.contains(t.relatedTarget)||o==null||o.onBlur(t)};return n.jsxs("div",{ref:Z,className:j.clsx(u.fieldStyles.field,v&&u.fieldStyles.error,S&&u.fieldStyles.disabled,V),style:{"--tz-btn-rgb":`var(--tz-color-${M}-rgb)`,...K},children:[_!=null&&n.jsxs("span",{className:u.fieldStyles.label,children:[n.jsx(R.Typography,{as:"span",variant:"bodySmall",color:"muted",children:_}),O&&n.jsx("span",{className:u.fieldStyles.required,"aria-hidden":"true",children:"*"})]}),n.jsx("div",{role:"group","aria-label":typeof _=="string"?_:"One-time code","aria-invalid":v||void 0,"aria-describedby":w!=null?F:void 0,className:j.clsx(x.row,x[E],v&&x.invalid),onBlur:X,children:f.map((t,e)=>n.jsx("input",{ref:r=>{D.current[e]=r},name:e===0?a:void 0,type:"text",inputMode:i==="numeric"?"numeric":"text",autoComplete:e===0?"one-time-code":"off","aria-label":$("otpField.digit",{index:e+1,total:l}),className:j.clsx(x.box,t!==""&&x.filled),value:t,placeholder:C,disabled:S,onChange:r=>Q(e,r.target.value),onKeyDown:r=>U(e,r),onPaste:r=>W(e,r),onFocus:r=>r.target.select()},e))}),w!=null&&n.jsx(R.Typography,{as:"span",id:F,variant:"bodySmall",color:v?"error":"muted",className:u.fieldStyles.helper,children:w})]})});exports.OtpField=fe;
+//# sourceMappingURL=OtpField-BUBYyorC.cjs.map

package/dist/OtpField-BUBYyorC.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"OtpField-BUBYyorC.cjs","sources":["../src/components/OtpField/OtpField.tsx"],"sourcesContent":["import {\n  forwardRef,\n  useEffect,\n  useId,\n  useRef,\n  useState,\n  type ClipboardEvent,\n  type CSSProperties,\n  type FocusEvent,\n  type KeyboardEvent,\n  type ReactNode,\n} from 'react'\nimport { clsx } from 'clsx'\nimport { useFormContext } from '../../form/formContext'\nimport { useT, type ThemeColor } from '../../theme'\nimport { Typography } from '../Typography'\nimport fieldStyles from '../TextField/TextField.module.css'\nimport styles from './OtpField.module.css'\n\nexport type OtpFieldSize = 'sm' | 'md' | 'lg'\n/** Which characters the code accepts. */\nexport type OtpFieldType = 'numeric' | 'alphabetic' | 'alphanumeric'\n\n/** Allowed-character matcher per `type`. */\nconst PATTERN: Record<OtpFieldType, RegExp> = {\n  numeric: /[0-9]/,\n  alphabetic: /[A-Za-z]/,\n  alphanumeric: /[A-Za-z0-9]/,\n}\n\n/** Split a code string into exactly `length` single-char slots, padded with empties. */\nfunction toChars(value: string, length: number): string[] {\n  const out = [...value].slice(0, length)\n  while (out.length < length) out.push('')\n  return out\n}\n\nexport interface OtpFieldProps {\n  /** Number of input boxes (the code length). Defaults to `4`. */\n  length?: number\n  /** Which characters are accepted (also drives the mobile keyboard). Defaults to `'numeric'`. */\n  type?: OtpFieldType\n  /** Controlled value — the concatenated code string. */\n  value?: string\n  /** Initial value for uncontrolled use. */\n  defaultValue?: string\n  /** Fires with the full code string on every change. */\n  onChange?: (value: string) => void\n  /** Fires with the code once every box is filled. */\n  onComplete?: (value: string) => void\n  /** Field name — the `<Form>` binding key (form value is the code `string`). */\n  name?: string\n  /** Label rendered above the boxes. */\n  label?: ReactNode\n  /** Helper / error text under the boxes (shown in the error color while `error`). */\n  helperText?: ReactNode\n  /** Marks the field invalid — reddens the boxes + helper. */\n  error?: boolean\n  /** Adds a red asterisk after the label. */\n  required?: boolean\n  /** Disables every box. */\n  disabled?: boolean\n  /** Focus the first box on mount. */\n  autoFocus?: boolean\n  /** Placeholder character shown in empty boxes (e.g. `'•'`). */\n  placeholder?: string\n  /** Preset size. Defaults to `'md'`. */\n  size?: OtpFieldSize\n  /** Theme palette token for the focus ring / active box. Defaults to `'primary'`. */\n  color?: ThemeColor\n  className?: string\n  style?: CSSProperties\n}\n\n/**\n * A one-time-passcode input — a row of single-character boxes for verification codes. **`length`**\n * (default `4`) sets the box count; **`type`** (`'numeric'` default · `'alphabetic'` · `'alphanumeric'`)\n * restricts the accepted characters and the mobile keyboard. Typing advances to the next box, Backspace\n * clears + steps back, Arrows navigate, and **paste / SMS autofill** (`autocomplete=\"one-time-code\"`)\n * distributes the whole code across the boxes. The value is the concatenated string — controlled\n * (`value` + `onChange`) or uncontrolled (`defaultValue`); **`onComplete`** fires when all boxes are\n * filled. Shares the field-family chrome (`label` · `error` + `helperText` · `required` · `disabled` ·\n * `size`) and binds to a surrounding `<Form>` by **`name`** (form value = the code string; validate with\n * e.g. `z.string().length(4)` or a `type`-matching regex). Tinted by `color` via the shared\n * `--tz-btn-rgb` pattern; `role=\"group\"` with per-box `aria-label`s. Own CSS module (+ TextField's for\n * the label/helper chrome).\n */\nexport const OtpField = forwardRef<HTMLDivElement, OtpFieldProps>(function OtpField(\n  {\n    length = 4,\n    type = 'numeric',\n    value,\n    defaultValue,\n    onChange,\n    onComplete,\n    name,\n    label,\n    helperText,\n    error,\n    required = false,\n    disabled = false,\n    autoFocus = false,\n    placeholder,\n    size = 'md',\n    color = 'primary',\n    className,\n    style,\n  },\n  ref,\n) {\n  const t = useT()\n  const reactId = useId()\n  const helperId = `${reactId}-helper`\n  const allowed = PATTERN[type]\n\n  // bind to a surrounding <Form> by `name` — form value is the code string; error/touched via field()\n  const form = useFormContext()\n  const isFormBound = Boolean(form && name)\n  const bound = form && name ? form.field(name) : undefined\n\n  const externalValue =\n    value !== undefined ? value : isFormBound ? (form!.values[name!] as string) : undefined\n  const isControlled = value !== undefined || isFormBound\n  const [internal, setInternal] = useState<string>(defaultValue ?? '')\n  const currentValue = isControlled ? (externalValue ?? '') : internal\n\n  const resolvedError = error ?? bound?.error ?? false\n  const resolvedHelperText = helperText ?? bound?.helperText\n\n  // the code split into exactly `length` single-char slots (padded with empties)\n  const chars = toChars(currentValue, length)\n\n  const inputsRef = useRef<(HTMLInputElement | null)[]>([])\n\n  useEffect(() => {\n    if (autoFocus) inputsRef.current[0]?.focus()\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [])\n\n  const focusBox = (i: number) => {\n    const el = inputsRef.current[Math.max(0, Math.min(i, length - 1))]\n    el?.focus()\n    el?.select()\n  }\n\n  const commit = (nextChars: string[]) => {\n    const next = nextChars.join('')\n    if (!isControlled) setInternal(next)\n    if (isFormBound) form!.setValue(name!, next)\n    onChange?.(next)\n    if (nextChars.every((c) => c !== '')) onComplete?.(next)\n  }\n\n  const handleChange = (index: number, raw: string) => {\n    const filtered = [...raw].filter((c) => allowed.test(c))\n    // a disallowed keystroke (raw non-empty but nothing survives the filter) is ignored\n    if (raw !== '' && filtered.length === 0) return\n    const nextChars = [...chars]\n    if (filtered.length <= 1) {\n      // a single typed char (boxes select-on-focus, so this replaces) — or a clear ('')\n      nextChars[index] = filtered[0] ?? ''\n      commit(nextChars)\n      if (filtered[0]) focusBox(index + 1)\n    } else {\n      // multiple chars (SMS autofill dumps the whole code into one box) → distribute from here\n      let k = index\n      for (const ch of filtered) {\n        if (k >= length) break\n        nextChars[k] = ch\n        k++\n      }\n      commit(nextChars)\n      focusBox(k)\n    }\n  }\n\n  const handleKeyDown = (index: number, event: KeyboardEvent<HTMLInputElement>) => {\n    if (event.key === 'Backspace') {\n      if (chars[index] === '' && index > 0) {\n        // empty box → step back and clear the previous one\n        event.preventDefault()\n        const nextChars = [...chars]\n        nextChars[index - 1] = ''\n        commit(nextChars)\n        focusBox(index - 1)\n      }\n      // a non-empty box lets the native delete run → onChange fires with '' (stays put)\n    } else if (event.key === 'ArrowLeft') {\n      event.preventDefault()\n      focusBox(index - 1)\n    } else if (event.key === 'ArrowRight') {\n      event.preventDefault()\n      focusBox(index + 1)\n    } else if (event.key === 'Delete') {\n      event.preventDefault()\n      const nextChars = [...chars]\n      nextChars[index] = ''\n      commit(nextChars)\n    }\n  }\n\n  const handlePaste = (index: number, event: ClipboardEvent<HTMLInputElement>) => {\n    event.preventDefault()\n    const filtered = [...event.clipboardData.getData('text')].filter((c) => allowed.test(c))\n    if (filtered.length === 0) return\n    const nextChars = [...chars]\n    let k = index\n    for (const ch of filtered) {\n      if (k >= length) break\n      nextChars[k] = ch\n      k++\n    }\n    commit(nextChars)\n    focusBox(k)\n  }\n\n  // mark the field touched when focus leaves the whole widget (not when it hops between boxes)\n  const handleBlur = (event: FocusEvent<HTMLDivElement>) => {\n    if (!event.currentTarget.contains(event.relatedTarget as Node | null)) {\n      bound?.onBlur(event as unknown as FocusEvent<HTMLInputElement>)\n    }\n  }\n\n  return (\n    <div\n      ref={ref}\n      className={clsx(\n        fieldStyles.field,\n        resolvedError && fieldStyles.error,\n        disabled && fieldStyles.disabled,\n        className,\n      )}\n      style={\n        {\n          '--tz-btn-rgb': `var(--tz-color-${color}-rgb)`,\n          ...style,\n        } as CSSProperties\n      }\n    >\n      {label != null && (\n        <span className={fieldStyles.label}>\n          <Typography as=\"span\" variant=\"bodySmall\" color=\"muted\">\n            {label}\n          </Typography>\n          {required && (\n            <span className={fieldStyles.required} aria-hidden=\"true\">\n              *\n            </span>\n          )}\n        </span>\n      )}\n\n      <div\n        role=\"group\"\n        aria-label={typeof label === 'string' ? label : 'One-time code'}\n        aria-invalid={resolvedError || undefined}\n        aria-describedby={resolvedHelperText != null ? helperId : undefined}\n        className={clsx(styles.row, styles[size], resolvedError && styles.invalid)}\n        onBlur={handleBlur}\n      >\n        {chars.map((char, i) => (\n          <input\n            key={i}\n            ref={(el) => {\n              inputsRef.current[i] = el\n            }}\n            // the name goes on the first box only, so the form's scroll-to-error can target it\n            name={i === 0 ? name : undefined}\n            type=\"text\"\n            inputMode={type === 'numeric' ? 'numeric' : 'text'}\n            autoComplete={i === 0 ? 'one-time-code' : 'off'}\n            aria-label={t('otpField.digit', { index: i + 1, total: length })}\n            className={clsx(styles.box, char !== '' && styles.filled)}\n            value={char}\n            placeholder={placeholder}\n            disabled={disabled}\n            onChange={(e) => handleChange(i, e.target.value)}\n            onKeyDown={(e) => handleKeyDown(i, e)}\n            onPaste={(e) => handlePaste(i, e)}\n            onFocus={(e) => e.target.select()}\n          />\n        ))}\n      </div>\n\n      {resolvedHelperText != null && (\n        <Typography\n          as=\"span\"\n          id={helperId}\n          variant=\"bodySmall\"\n          color={resolvedError ? 'error' : 'muted'}\n          className={fieldStyles.helper}\n        >\n          {resolvedHelperText}\n        </Typography>\n      )}\n    </div>\n  )\n})\n"],"names":["PATTERN","toChars","value","length","out","OtpField","forwardRef","type","defaultValue","onChange","onComplete","name","label","helperText","error","required","disabled","autoFocus","placeholder","size","color","className","style","ref","t","useT","helperId","useId","allowed","form","useFormContext","isFormBound","bound","externalValue","isControlled","internal","setInternal","useState","currentValue","resolvedError","resolvedHelperText","chars","inputsRef","useRef","useEffect","_a","focusBox","i","el","commit","nextChars","next","c","handleChange","index","raw","filtered","k","ch","handleKeyDown","event","handlePaste","handleBlur","jsxs","clsx","fieldStyles","jsx","Typography","styles","char","e"],"mappings":"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"}