@pibit.ai/cure-design-system 0.3.43 → 0.3.48

package/dist/patterns/table-component/useRowReorderDrag.d.ts

@@ -0,0 +1,17 @@
+import { PointerEvent as ReactPointerEvent } from 'react';
+import { RowDragSession } from '../table/rowReorderDrag';
+export type UseRowReorderDragOptions = {
+    enabled: boolean;
+    onReorderRows?: (fromSourceIndex: number, toSourceIndex: number, item: Record<string, unknown>) => void;
+    containerRef: {
+        current: HTMLElement | null;
+    };
+    /** Called when a drag starts, so row-action popovers can close. */
+    onDragStart?: () => void;
+};
+export type UseRowReorderDragResult = {
+    session: RowDragSession | null;
+    startDrag: (event: ReactPointerEvent<HTMLElement>, rowId: string, sourceRowIndex: number, item: Record<string, unknown>) => void;
+};
+export declare function useRowReorderDrag({ enabled, onReorderRows, containerRef, onDragStart, }: UseRowReorderDragOptions): UseRowReorderDragResult;
+//# sourceMappingURL=useRowReorderDrag.d.ts.map

package/dist/patterns/table-component/useRowReorderDrag.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useRowReorderDrag.d.ts","sourceRoot":"","sources":["../../../src/patterns/table-component/useRowReorderDrag.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AACH,OAAO,EAKL,KAAK,YAAY,IAAI,iBAAiB,EACvC,MAAM,OAAO,CAAC;AACf,OAAO,EAQL,KAAK,cAAc,EACpB,MAAM,yBAAyB,CAAC;AAEjC,MAAM,MAAM,wBAAwB,GAAG;IACrC,OAAO,EAAE,OAAO,CAAC;IACjB,aAAa,CAAC,EAAE,CACd,eAAe,EAAE,MAAM,EACvB,aAAa,EAAE,MAAM,EACrB,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAC1B,IAAI,CAAC;IACV,YAAY,EAAE;QAAE,OAAO,EAAE,WAAW,GAAG,IAAI,CAAA;KAAE,CAAC;IAC9C,mEAAmE;IACnE,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;CAC1B,CAAC;AAEF,MAAM,MAAM,uBAAuB,GAAG;IACpC,OAAO,EAAE,cAAc,GAAG,IAAI,CAAC;IAC/B,SAAS,EAAE,CACT,KAAK,EAAE,iBAAiB,CAAC,WAAW,CAAC,EACrC,KAAK,EAAE,MAAM,EACb,cAAc,EAAE,MAAM,EACtB,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAC1B,IAAI,CAAC;CACX,CAAC;AAEF,wBAAgB,iBAAiB,CAAC,EAChC,OAAO,EACP,aAAa,EACb,YAAY,EACZ,WAAW,GACZ,EAAE,wBAAwB,GAAG,uBAAuB,CAmJpD"}

package/dist/patterns/table-component/useRowReorderDrag.js

@@ -0,0 +1,109 @@
+import { useState as C, useRef as P, useCallback as S, useEffect as Y } from "react";
+import { ROW_REORDER_ATTR as T, cloneRowForPreview as X, measureRowPreview as g, getRowDragScrollDelta as D, ROW_DRAG_THRESHOLD_PX as A, computeDropTarget as W, clipDropLineToScrollport as _ } from "../table/rowReorderDrag.js";
+function b({
+  enabled: E,
+  onReorderRows: w,
+  containerRef: p,
+  onDragStart: v
+}) {
+  const [i, h] = C(null), d = P(null), a = S((t) => {
+    d.current = t, h(t);
+  }, []), x = S(
+    (t, c, u, s) => {
+      var o, e;
+      if (!E || t.button !== 0) return;
+      const n = (o = p.current) == null ? void 0 : o.querySelector(
+        `tr[${T}="${CSS.escape(c)}"]`
+      );
+      if (!n) return;
+      t.preventDefault();
+      try {
+        t.currentTarget.setPointerCapture(t.pointerId);
+      } catch {
+      }
+      const r = ((e = n.closest("table")) == null ? void 0 : e.getBoundingClientRect()) ?? n.getBoundingClientRect();
+      a({
+        rowId: c,
+        fromSourceIndex: u,
+        item: s,
+        pointerId: t.pointerId,
+        startX: t.clientX,
+        startY: t.clientY,
+        currentX: t.clientX,
+        currentY: t.clientY,
+        active: !1,
+        preview: g(n),
+        toSourceIndex: u,
+        dropLineY: null,
+        dropLineLeft: r.left,
+        dropLineWidth: r.width,
+        rowClone: X(n)
+      });
+    },
+    [E, p, a]
+  );
+  return Y(() => {
+    if (!i) return;
+    const t = (r, o) => {
+      const e = d.current;
+      if (!e) return;
+      const I = Math.hypot(
+        r - e.startX,
+        o - e.startY
+      ), l = e.active || I >= A;
+      l && !e.active && (v == null || v());
+      let f = {
+        ...e,
+        currentX: r,
+        currentY: o,
+        active: l
+      };
+      const m = p.current;
+      if (l && m) {
+        const L = W(
+          m,
+          o,
+          e.fromSourceIndex,
+          e.rowId
+        );
+        L && (f = {
+          ...f,
+          toSourceIndex: L.toSourceIndex,
+          // Clipped so the line never draws over sticky chrome or outside the card.
+          dropLineY: _(L.dropLineY, m),
+          dropLineLeft: L.dropLineLeft,
+          dropLineWidth: L.dropLineWidth
+        });
+      }
+      a(f);
+    }, c = (r) => {
+      var o;
+      r.pointerId === ((o = d.current) == null ? void 0 : o.pointerId) && (r.preventDefault(), t(r.clientX, r.clientY));
+    }, u = (r) => (o) => {
+      const e = d.current;
+      if (!e || o.pointerId !== e.pointerId) return;
+      const { fromSourceIndex: I, toSourceIndex: l, item: f, active: m } = e;
+      a(null), r && m && I !== l && (w == null || w(I, l, f));
+    }, s = u(!0), n = u(!1);
+    return window.addEventListener("pointermove", c), window.addEventListener("pointerup", s), window.addEventListener("pointercancel", n), () => {
+      window.removeEventListener("pointermove", c), window.removeEventListener("pointerup", s), window.removeEventListener("pointercancel", n);
+    };
+  }, [i, p, a, w, v]), Y(() => {
+    if (!(i != null && i.active)) return;
+    const t = p.current;
+    if (!t) return;
+    let c = 0;
+    const u = () => {
+      const s = d.current;
+      if (s) {
+        const n = D(t, s.currentY);
+        n !== 0 && (t.scrollTop += n);
+      }
+      c = requestAnimationFrame(u);
+    };
+    return c = requestAnimationFrame(u), () => cancelAnimationFrame(c);
+  }, [i == null ? void 0 : i.active, p]), { session: i, startDrag: x };
+}
+export {
+  b as useRowReorderDrag
+};

package/dist/primitives/input/hint-text.d.ts

@@ -1,6 +1,6 @@
 import { ReactNode, Ref } from 'react';
 import { TextProps as AriaTextProps } from 'react-aria-components';
-interface HintTextProps extends AriaTextProps {
+export interface HintTextProps extends AriaTextProps {
     /** Indicates that the hint text is an error message. */
     isInvalid?: boolean;
     ref?: Ref<HTMLElement>;
@@ -11,5 +11,4 @@ export declare const HintText: {
     ({ size, isInvalid, className, ...props }: HintTextProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
-export {};
 //# sourceMappingURL=hint-text.d.ts.map

package/dist/primitives/input/hint-text.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"hint-text.d.ts","sourceRoot":"","sources":["../../../src/primitives/input/hint-text.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,KAAK,EAAE,SAAS,IAAI,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAGxE,UAAU,aAAc,SAAQ,aAAa;IAC3C,wDAAwD;IACxD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,GAAG,CAAC,EAAE,GAAG,CAAC,WAAW,CAAC,CAAC;IACvB,QAAQ,EAAE,SAAS,CAAC;IACpB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CAC3B;AAQD,eAAO,MAAM,QAAQ;+CAKlB,aAAa;;CAiBf,CAAC"}
+{"version":3,"file":"hint-text.d.ts","sourceRoot":"","sources":["../../../src/primitives/input/hint-text.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,KAAK,EAAE,SAAS,IAAI,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAGxE,MAAM,WAAW,aAAc,SAAQ,aAAa;IAClD,wDAAwD;IACxD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,GAAG,CAAC,EAAE,GAAG,CAAC,WAAW,CAAC,CAAC;IACvB,QAAQ,EAAE,SAAS,CAAC;IACpB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CAC3B;AAQD,eAAO,MAAM,QAAQ;+CAKlB,aAAa;;CAiBf,CAAC"}

package/dist/primitives/input/index.d.ts

@@ -1,2 +1,4 @@
-export { Input, type InputProps } from './input';
+export { Input, InputBase, type InputProps, type InputBaseProps } from './input';
+export { Label, type LabelProps } from './label';
+export { HintText, type HintTextProps } from './hint-text';
 //# sourceMappingURL=index.d.ts.map

package/dist/primitives/input/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/primitives/input/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,KAAK,UAAU,EAAE,MAAM,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/primitives/input/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,UAAU,EAAE,KAAK,cAAc,EAAE,MAAM,SAAS,CAAC;AACjF,OAAO,EAAE,KAAK,EAAE,KAAK,UAAU,EAAE,MAAM,SAAS,CAAC;AACjD,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,aAAa,CAAC"}

package/dist/primitives/input/input.d.ts

@@ -84,7 +84,7 @@ export interface InputProps extends InputBaseProps, BaseProps {
  * <Input errorMessage="This field is required" />
  */
 export declare const Input: {
-    ({ size, placeholder, icon: Icon, iconTrailing: IconTrailing, label, supportingText, hint, shortcut, hideRequiredIndicator, className, ref, groupRef, tooltip, iconClassName, inputClassName, wrapperClassName, tooltipClassName, inputType, customStyles, containerStyles, trailingAction, trailingIconCount, mode, ...props }: InputProps): import("react/jsx-runtime").JSX.Element;
+    ({ size, placeholder, icon: Icon, iconTrailing: IconTrailing, label, supportingText, hint, shortcut, hideRequiredIndicator, className, ref, groupRef, tooltip, iconClassName, inputClassName, wrapperClassName, tooltipClassName, inputType, customStyles, containerStyles, trailingAction, trailingIconCount, mode, isDisabled, isInvalid, ...props }: InputProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export {};

package/dist/primitives/input/input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../../src/primitives/input/input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAEV,cAAc,IAAI,kBAAkB,EACrC,MAAM,uBAAuB,CAAC;AAO/B,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAsB3E,MAAM,WAAW,cAAe,SAAQ,cAAc;IACpD,+CAA+C;IAC/C,IAAI,CAAC,EAAE,KAAK,CAAC;IACb,gCAAgC;IAChC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;;OAGG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,wBAAwB;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,+BAA+B;IAC/B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,gCAAgC;IAChC,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,wCAAwC;IACxC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,kCAAkC;IAClC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,8IAA8I;IAC9I,QAAQ,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAC5B,GAAG,CAAC,EAAE,GAAG,CAAC,gBAAgB,CAAC,CAAC;IAC5B,QAAQ,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;IAC/B,+DAA+D;IAC/D,IAAI,CAAC,EAAE,aAAa,CAAC,cAAc,CAAC,gBAAgB,CAAC,CAAC,CAAC;IACvD,gEAAgE;IAChE,YAAY,CAAC,EAAE,aAAa,CAAC,cAAc,CAAC,gBAAgB,CAAC,CAAC,CAAC;IAC/D,2DAA2D;IAC3D,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,0CAA0C;IAC1C,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,kCAAkC;IAClC,YAAY,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CACpC;AAED,eAAO,MAAM,SAAS;2SAuBnB,IAAI,CAAC,cAAc,EAAE,OAAO,GAAG,MAAM,CAAC;;CAqTxC,CAAC;AAIF,UAAU,SAAS;IACjB,+BAA+B;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,4CAA4C;IAC5C,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB;AAED,MAAM,WAAW,cACf,SACE,SAAS,EACT,kBAAkB,EAClB,IAAI,CACF,cAAc,EACZ,MAAM,GACN,kBAAkB,GAClB,gBAAgB,GAChB,eAAe,GACf,kBAAkB,CACrB;IACH,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;CAC3B;AAID,eAAO,MAAM,SAAS;8BAA6B,cAAc;;CAehE,CAAC;AAIF,MAAM,WAAW,UAAW,SAAQ,cAAc,EAAE,SAAS;IAC3D,+CAA+C;IAC/C,IAAI,CAAC,EAAE,KAAK,CAAC;IACb,oDAAoD;IACpD,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,sDAAsD;IACtD,SAAS,CAAC,EAAE,MAAM,GAAG,UAAU,GAAG,QAAQ,GAAG,MAAM,CAAC;IACpD,kCAAkC;IAClC,YAAY,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACnC,sCAAsC;IACtC,eAAe,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACtC,6BAA6B;IAC7B,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,gDAAgD;IAChD,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAED;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,KAAK;qUAyBf,UAAU;;CA+EZ,CAAC"}
+{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../../src/primitives/input/input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAEV,cAAc,IAAI,kBAAkB,EACrC,MAAM,uBAAuB,CAAC;AAO/B,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAqB3E,MAAM,WAAW,cAAe,SAAQ,cAAc;IACpD,+CAA+C;IAC/C,IAAI,CAAC,EAAE,KAAK,CAAC;IACb,gCAAgC;IAChC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;;OAGG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,wBAAwB;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,+BAA+B;IAC/B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,gCAAgC;IAChC,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,wCAAwC;IACxC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,kCAAkC;IAClC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,8IAA8I;IAC9I,QAAQ,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAC5B,GAAG,CAAC,EAAE,GAAG,CAAC,gBAAgB,CAAC,CAAC;IAC5B,QAAQ,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;IAC/B,+DAA+D;IAC/D,IAAI,CAAC,EAAE,aAAa,CAAC,cAAc,CAAC,gBAAgB,CAAC,CAAC,CAAC;IACvD,gEAAgE;IAChE,YAAY,CAAC,EAAE,aAAa,CAAC,cAAc,CAAC,gBAAgB,CAAC,CAAC,CAAC;IAC/D,2DAA2D;IAC3D,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,0CAA0C;IAC1C,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,kCAAkC;IAClC,YAAY,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CACpC;AAED,eAAO,MAAM,SAAS;2SAuBnB,IAAI,CAAC,cAAc,EAAE,OAAO,GAAG,MAAM,CAAC;;CAqTxC,CAAC;AAIF,UAAU,SAAS;IACjB,+BAA+B;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,4CAA4C;IAC5C,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB;AAED,MAAM,WAAW,cACf,SACE,SAAS,EACT,kBAAkB,EAClB,IAAI,CACF,cAAc,EACZ,MAAM,GACN,kBAAkB,GAClB,gBAAgB,GAChB,eAAe,GACf,kBAAkB,CACrB;IACH,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;CAC3B;AAID,eAAO,MAAM,SAAS;8BAA6B,cAAc;;CAehE,CAAC;AAIF,MAAM,WAAW,UAAW,SAAQ,cAAc,EAAE,SAAS;IAC3D,+CAA+C;IAC/C,IAAI,CAAC,EAAE,KAAK,CAAC;IACb,oDAAoD;IACpD,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,sDAAsD;IACtD,SAAS,CAAC,EAAE,MAAM,GAAG,UAAU,GAAG,QAAQ,GAAG,MAAM,CAAC;IACpD,kCAAkC;IAClC,YAAY,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACnC,sCAAsC;IACtC,eAAe,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACtC,6BAA6B;IAC7B,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,gDAAgD;IAChD,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAED;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,KAAK;4VA2Bf,UAAU;;CAmFZ,CAAC"}

package/dist/primitives/input/input.js

@@ -1,14 +1,14 @@
-import { jsx as r, jsxs as S, Fragment as Y } from "react/jsx-runtime";
-import { TextField as Z, Group as A, Input as W } from "react-aria-components";
+import { jsx as r, jsxs as R, Fragment as Y } from "react/jsx-runtime";
+import { Group as Z, Input as A, TextField as W } from "react-aria-components";
 import { cx as i, sortCx as D } from "../../utils/cn.js";
-import { useState as O, createContext as ee, useContext as re, useEffect as ae } from "react";
-import { HintText as V } from "./hint-text.js";
-import { EyeOff as te, Eye as ie, XClose as le, HelpCircle as se, InfoCircle as ne } from "@untitledui/icons";
+import { useState as H, useContext as ee, createContext as re, useEffect as ae } from "react";
+import { HintText as G } from "./hint-text.js";
+import { EyeOff as te, Eye as ie, XClose as se, HelpCircle as le, InfoCircle as ne } from "@untitledui/icons";
 import { Label as oe } from "./label.js";
 import { Tooltip as de, TooltipTrigger as pe } from "../tooltip/tooltip.js";
 import { getPlatformShortcutLabel as ue } from "../../utils/keyboard-shortcut.js";
 import { Badge as ge } from "../badge/badge.js";
-const G = {
+const X = {
   sm: "text-xs",
   md: "text-sm",
   lg: "text-md"
@@ -16,19 +16,19 @@ const G = {
   sm: "text-xs",
   md: "text-xs",
   lg: "text-sm"
-}, I = ({
-  ref: d,
-  isReadOnly: c,
-  tooltip: h,
+}, J = ({
+  ref: o,
+  isReadOnly: f,
+  tooltip: c,
   shortcut: N,
   groupRef: C,
   size: _ = "sm",
-  isInvalid: y,
-  isDisabled: o,
-  icon: b,
-  iconTrailing: v,
+  isInvalid: h,
+  isDisabled: u,
+  icon: v,
+  iconTrailing: x,
   placeholder: B,
-  wrapperClassName: R,
+  wrapperClassName: E,
   tooltipClassName: j,
   inputClassName: k,
   iconClassName: L,
@@ -36,11 +36,11 @@ const G = {
   trailingIconCount: g,
   mode: m,
   // Omit this prop to avoid invalid HTML attribute warning
-  isRequired: H,
-  customStyles: E,
-  ...F
+  isRequired: V,
+  customStyles: F,
+  ...P
 }) => {
-  const z = h || y || v || T, q = b, [f, p] = O([]), [x, w] = O(""), e = re(X), l = (e == null ? void 0 : e.size) || _, s = D({
+  const z = c || h || x || T, q = v, [w, y] = H([]), [d, b] = H(""), e = ee(M), s = (e == null ? void 0 : e.size) || _, l = D({
     sm: {
       root: i(
         "p-2 h-8",
@@ -86,55 +86,55 @@ const G = {
       tag: "rounded-md bg-primary border border-secondary p-2.5",
       wrapper: "rounded-lg"
     }
-  }), P = () => {
+  }), $ = () => {
     var t;
-    const a = x.trim();
+    const a = d.trim();
     a && ((t = e == null ? void 0 : e.onChange) == null || t.call(
       e,
       e != null && e.value ? (e == null ? void 0 : e.value) + "," + a : a
-    ), p((n) => [...n, a]), w(""));
-  }, M = (a) => {
-    var t, n, $;
+    ), y((n) => [...n, a]), b(""));
+  }, I = (a) => {
+    var t, n, K;
     if (m === "tag") {
       if (a.key === "Enter" || a.key === ",") {
         a.preventDefault();
-        const u = x.trim();
-        u && ((t = e == null ? void 0 : e.onChange) == null || t.call(
+        const p = d.trim();
+        p && ((t = e == null ? void 0 : e.onChange) == null || t.call(
           e,
-          e != null && e.value ? (e == null ? void 0 : e.value) + "," + u : u
-        ), p((K) => [...K, u]), w(""));
+          e != null && e.value ? (e == null ? void 0 : e.value) + "," + p : p
+        ), y((O) => [...O, p]), b(""));
       }
-      if (a.key === "Backspace" && !x)
+      if (a.key === "Backspace" && !d)
         if (e != null && e.value) {
-          const u = e.value.split(",").map((K) => K.trim()).filter(Boolean);
-          u.pop(), (n = e.onChange) == null || n.call(e, u.join(", "));
+          const p = e.value.split(",").map((O) => O.trim()).filter(Boolean);
+          p.pop(), (n = e.onChange) == null || n.call(e, p.join(", "));
         } else
-          ($ = e == null ? void 0 : e.onChange) == null || $.call(e, "");
+          (K = e == null ? void 0 : e.onChange) == null || K.call(e, "");
     }
-  }, Q = (a) => {
+  }, S = (a) => {
     const t = a.target.value;
-    m === "tag" && w(t);
+    m === "tag" && b(t);
   }, U = (a) => {
     var n;
-    const t = f.filter(($, u) => u !== a);
-    p(t), (n = e == null ? void 0 : e.onChange) == null || n.call(e, t.join(", "));
+    const t = w.filter((K, p) => p !== a);
+    y(t), (n = e == null ? void 0 : e.onChange) == null || n.call(e, t.join(", "));
   };
   return ae(() => {
     if (m === "tag")
       if (e != null && e.value) {
         const a = e.value.split(",").map((t) => t.trim()).filter(Boolean);
-        p(a);
+        y(a);
       } else
-        p([]);
-  }, [e == null ? void 0 : e.value]), /* @__PURE__ */ S(
-    A,
+        y([]);
+  }, [e == null ? void 0 : e.value]), /* @__PURE__ */ R(
+    Z,
     {
-      isDisabled: o,
-      isInvalid: y,
+      isDisabled: u,
+      isInvalid: h,
       ref: C,
       className: ({ isFocusWithin: a, isDisabled: t, isInvalid: n }) => i(
         "relative flex w-full flex-row place-content-center place-items-center bg-primary border border-secondary duration-100 ease-linear",
-        a && !t && !c && "ring-1 ring-brand",
+        a && !t && !f && "ring-1 ring-brand",
         // Disabled state styles
         t && "cursor-not-allowed bg-disabled_subtle ring-disabled",
         "group-disabled:cursor-not-allowed group-disabled:bg-disabled_subtle group-disabled:ring-disabled",
@@ -145,36 +145,36 @@ const G = {
         n && a && "ring-2 ring-error",
         a && "group-invalid:ring-2 group-invalid:ring-error",
         e == null ? void 0 : e.wrapperClassName,
-        R,
-        s[l].wrapper
+        E,
+        l[s].wrapper
       ),
       children: [
-        b && /* @__PURE__ */ r(
-          b,
+        v && /* @__PURE__ */ r(
+          v,
           {
             className: i(
               "pointer-events-none absolute size-5 text-fg-quaternary",
-              o && "text-fg-disabled",
-              s[l].iconLeading,
+              u && "text-fg-disabled",
+              l[s].iconLeading,
               e == null ? void 0 : e.iconClassName,
               L
             )
           }
         ),
-        m === "tag" && /* @__PURE__ */ S(
+        m === "tag" && /* @__PURE__ */ R(
           "div",
           {
             className: i(
               "flex flex-wrap w-full items-center justify-start gap-1 pl-1.5",
-              o && "text-fg-disabled"
+              u && "text-fg-disabled"
             ),
             children: [
-              f.map((a, t) => (
+              w.map((a, t) => (
                 // eslint-disable-next-line jsx-a11y/click-events-have-key-events
-                /* @__PURE__ */ r("div", { onClick: (n) => n.stopPropagation(), children: /* @__PURE__ */ S(ge, { className: "rounded-md bg-primary border border-secondary px-2 py-1 pointer-events-auto!", children: [
+                /* @__PURE__ */ r("div", { onClick: (n) => n.stopPropagation(), children: /* @__PURE__ */ R(ge, { className: "rounded-md bg-primary border border-secondary px-2 py-1 pointer-events-auto!", children: [
                   a,
                   /* @__PURE__ */ r(
-                    le,
+                    se,
                     {
                       className: "size-4 cursor-pointer text-fg-quaternary hover:text-fg-quaternary_hover focus:text-fg-quaternary_hover",
                       onClick: () => U(t)
@@ -186,17 +186,17 @@ const G = {
                 "input",
                 {
                   type: "text",
-                  value: x,
-                  onChange: Q,
-                  onKeyDown: M,
-                  placeholder: f.length === 0 ? B : "",
-                  disabled: o,
-                  onBlur: P,
+                  value: d,
+                  onChange: S,
+                  onKeyDown: I,
+                  placeholder: w.length === 0 ? B : "",
+                  disabled: u,
+                  onBlur: $,
                   className: i(
                     "bg-transparent outline-none flex-1 min-w-[50px] w-full text-primary placeholder:text-placeholder_subtle",
-                    o && "cursor-not-allowed text-disabled",
-                    s[l].root,
-                    G[l],
+                    "disabled:cursor-not-allowed disabled:text-disabled group-disabled:pointer-events-none",
+                    l[s].root,
+                    X[s],
                     k
                   )
                 }
@@ -205,51 +205,51 @@ const G = {
           }
         ),
         m !== "tag" && /* @__PURE__ */ r(
-          W,
+          A,
           {
-            ...F,
-            ref: d,
+            ...P,
+            ref: o,
             placeholder: B,
             className: i(
               "m-0 w-full bg-transparent text-primary ring-0 outline-hidden placeholder:text-placeholder_subtle autofill:rounded-lg autofill:text-primary",
-              o && "cursor-not-allowed text-disabled",
-              s[l].root,
-              G[l],
+              "disabled:cursor-not-allowed disabled:text-disabled group-disabled:pointer-events-none",
+              l[s].root,
+              X[s],
               e == null ? void 0 : e.inputClassName,
               k
             ),
-            style: { ...E }
+            style: { ...F }
           }
         ),
-        T && !v && /* @__PURE__ */ r(
+        T && !x && /* @__PURE__ */ r(
           "div",
           {
             className: i(
               "absolute flex items-center justify-center",
-              s[l].iconTrailing,
-              s[l].trailingIconCount
+              l[s].iconTrailing,
+              l[s].trailingIconCount
             ),
             children: T
           }
         ),
-        h && !y && /* @__PURE__ */ r(de, { title: h, placement: "top", children: /* @__PURE__ */ r(
+        c && !h && /* @__PURE__ */ r(de, { title: c, placement: "top", children: /* @__PURE__ */ r(
           pe,
           {
             className: i(
               "absolute cursor-pointer text-fg-quaternary transition duration-200 hover:text-fg-quaternary_hover focus:text-fg-quaternary_hover",
-              s[l].iconTrailing,
+              l[s].iconTrailing,
               e == null ? void 0 : e.tooltipClassName,
               j
             ),
-            children: /* @__PURE__ */ r(se, { className: "size-4" })
+            children: /* @__PURE__ */ r(le, { className: "size-4" })
           }
         ) }),
-        y && /* @__PURE__ */ r(
+        h && /* @__PURE__ */ r(
           ne,
           {
             className: i(
               "pointer-events-none absolute size-4 text-fg-error-secondary",
-              s[l].iconTrailing,
+              l[s].iconTrailing,
               e == null ? void 0 : e.tooltipClassName,
               j
             )
@@ -260,14 +260,14 @@ const G = {
           {
             className: i(
               "pointer-events-none absolute inset-y-0.5 right-0.5 z-10 flex items-center rounded-r-[inherit] bg-linear-to-r from-transparent pl-8",
-              s[l].shortcut
+              l[s].shortcut
             ),
             children: /* @__PURE__ */ r(
               "span",
               {
                 className: i(
                   "pointer-events-none rounded px-1 py-px text-xs font-medium text-quaternary ring-1 ring-secondary select-none ring-inset",
-                  o && "bg-transparent text-disabled"
+                  u && "bg-transparent text-disabled"
                 ),
                 "aria-hidden": "true",
                 children: typeof N == "string" ? N : ue(["meta"], "K")
@@ -275,13 +275,13 @@ const G = {
             )
           }
         ),
-        v && /* @__PURE__ */ r(
-          v,
+        x && /* @__PURE__ */ r(
+          x,
           {
             className: i(
               "pointer-events-none absolute size-5 text-fg-quaternary",
-              o && "text-fg-disabled",
-              s[l].iconTrailing,
+              u && "text-fg-disabled",
+              l[s].iconTrailing,
               e == null ? void 0 : e.iconClassName,
               L
             )
@@ -291,95 +291,101 @@ const G = {
     }
   );
 };
-I.displayName = "InputBase";
-const X = ee({}), J = ({ className: d, ...c }) => /* @__PURE__ */ r(X.Provider, { value: c, children: /* @__PURE__ */ r(
-  Z,
+J.displayName = "InputBase";
+const M = re({}), Q = ({ className: o, ...f }) => /* @__PURE__ */ r(M.Provider, { value: f, children: /* @__PURE__ */ r(
+  W,
   {
-    ...c,
+    ...f,
     "data-input-wrapper": !0,
-    className: (h) => i(
+    className: (c) => i(
       "group flex h-max w-full flex-col items-start justify-start gap-1.5",
-      typeof d == "function" ? d(h) : d
+      typeof o == "function" ? o(c) : o
     )
   }
 ) });
-J.displayName = "TextField";
+Q.displayName = "TextField";
 const fe = ({
-  size: d = "sm",
-  placeholder: c,
-  icon: h,
+  size: o = "sm",
+  placeholder: f,
+  icon: c,
   iconTrailing: N,
   label: C,
   supportingText: _,
-  hint: y,
-  shortcut: o,
-  hideRequiredIndicator: b,
-  className: v,
+  hint: h,
+  shortcut: u,
+  hideRequiredIndicator: v,
+  className: x,
   ref: B,
-  groupRef: R,
+  groupRef: E,
   tooltip: j,
   iconClassName: k,
   inputClassName: L,
   wrapperClassName: T,
   tooltipClassName: g,
   inputType: m = "text",
-  customStyles: H = {},
-  containerStyles: E = {},
-  trailingAction: F,
+  customStyles: V = {},
+  containerStyles: F = {},
+  trailingAction: P,
   trailingIconCount: z,
   mode: q,
-  ...f
+  isDisabled: w,
+  isInvalid: y,
+  ...d
 }) => {
-  const [p, x] = O(!1), w = m === "password", e = w ? p ? "text" : "password" : m, l = f == null ? void 0 : f.isReadOnly;
+  const [b, e] = H(!1), s = m === "password", l = s ? b ? "text" : "password" : m, $ = d == null ? void 0 : d.isReadOnly;
   return /* @__PURE__ */ r(
-    J,
+    Q,
     {
-      style: E,
-      "aria-label": C ? void 0 : c,
-      ...f,
-      className: v,
-      children: ({ isRequired: s, isInvalid: P }) => /* @__PURE__ */ S(Y, { children: [
+      style: F,
+      "aria-label": C ? void 0 : f,
+      ...d,
+      isDisabled: w,
+      isInvalid: y,
+      className: x,
+      children: ({ isRequired: I, isInvalid: S }) => /* @__PURE__ */ R(Y, { children: [
         C && /* @__PURE__ */ r(
           oe,
           {
-            className: i("color-text-label", me[d]),
-            isRequired: b ? !b : s,
+            className: i("color-text-label", me[o]),
+            isRequired: v ? !v : I,
             children: C
           }
         ),
-        _ && /* @__PURE__ */ r(V, { className: "mt-[-5px] text-tertiary!", isInvalid: !1, children: _ }),
+        _ && /* @__PURE__ */ r(G, { className: "mt-[-5px] text-tertiary!", isInvalid: !1, children: _ }),
         /* @__PURE__ */ r(
-          I,
+          J,
           {
             ref: B,
-            groupRef: R,
-            size: d,
-            placeholder: c,
-            isReadOnly: l,
-            icon: h,
+            groupRef: E,
+            size: o,
+            placeholder: f,
+            isReadOnly: $,
+            isDisabled: w,
+            isInvalid: S,
+            icon: c,
             iconTrailing: N,
-            shortcut: o,
+            shortcut: u,
             iconClassName: k,
             inputClassName: L,
             wrapperClassName: T,
             tooltipClassName: g,
             tooltip: j,
-            type: e,
-            customStyles: H,
+            type: l,
+            customStyles: V,
             mode: q,
-            trailingAction: w ? /* @__PURE__ */ r(
+            trailingAction: s ? /* @__PURE__ */ r(
               "button",
               {
                 type: "button",
-                onClick: () => x(!p),
+                onClick: () => e(!b),
                 className: "text-fg-quaternary hover:text-fg-quaternary_hover focus:outline-none",
-                children: p ? /* @__PURE__ */ r(te, { className: "size-5" }) : /* @__PURE__ */ r(ie, { className: "size-5" })
+                children: b ? /* @__PURE__ */ r(te, { className: "size-5" }) : /* @__PURE__ */ r(ie, { className: "size-5" })
               }
-            ) : F,
+            ) : P,
             trailingIconCount: z
           }
         ),
-        y && /* @__PURE__ */ r(V, { size: d, isInvalid: P, children: y })
+        h && /* @__PURE__ */ r(G, { size: o, isInvalid: S, children: h })
       ] })
     }
   );
@@ -387,6 +393,6 @@ const fe = ({
 fe.displayName = "Input";
 export {
   fe as Input,
-  I as InputBase,
-  J as TextField
+  J as InputBase,
+  Q as TextField
 };