@pibit.ai/cure-design-system 0.5.2 → 0.5.6

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;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"}
+{"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;;;;;OAKG;IACH,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,0CAA0C;IAC1C,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,kCAAkC;IAClC,YAAY,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACnC;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,eAAO,MAAM,SAAS;uUAyBnB,IAAI,CAAC,cAAc,EAAE,OAAO,GAAG,MAAM,CAAC;;CAgVxC,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,GAAG,OAAO,GAAG,KAAK,CAAC;IACtE,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;wXA6Bf,UAAU;;CAqFZ,CAAC"}

package/dist/primitives/input/input.js

@@ -1,55 +1,57 @@
-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 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 X = {
+import { jsx as r, jsxs as B, Fragment as Q } from "react/jsx-runtime";
+import { Group as D, Input as ee, TextField as re } from "react-aria-components";
+import { cx as i, sortCx as ae } from "../../utils/cn.js";
+import { useState as I, useContext as te, createContext as ie, useEffect as se } from "react";
+import { HintText as J } from "./hint-text.js";
+import { EyeOff as ne, Eye as le, XClose as oe, HelpCircle as de, InfoCircle as pe } from "@untitledui/icons";
+import { Label as ue } from "./label.js";
+import { Tooltip as ge, TooltipTrigger as me } from "../tooltip/tooltip.js";
+import { getPlatformShortcutLabel as fe } from "../../utils/keyboard-shortcut.js";
+import { Badge as ce } from "../badge/badge.js";
+const M = {
   sm: "text-xs",
   md: "text-sm",
   lg: "text-md"
-}, me = {
+}, he = {
   sm: "text-xs",
   md: "text-xs",
   lg: "text-sm"
-}, J = ({
-  ref: o,
+}, U = ({
+  ref: d,
   isReadOnly: f,
   tooltip: c,
-  shortcut: N,
+  shortcut: T,
   groupRef: C,
-  size: _ = "sm",
+  size: j = "sm",
   isInvalid: h,
-  isDisabled: u,
+  isDisabled: g,
   icon: v,
   iconTrailing: x,
-  placeholder: B,
-  wrapperClassName: E,
-  tooltipClassName: j,
-  inputClassName: k,
-  iconClassName: L,
-  trailingAction: T,
-  trailingIconCount: g,
-  mode: m,
+  placeholder: L,
+  wrapperClassName: $,
+  tooltipClassName: R,
+  inputClassName: E,
+  iconClassName: F,
+  trailingAction: z,
+  trailingSlot: w,
+  trailingIconCount: p,
+  mode: y,
   // Omit this prop to avoid invalid HTML attribute warning
-  isRequired: V,
-  customStyles: F,
-  ...P
+  isRequired: X,
+  customStyles: K,
+  showInfoIcon: P = !0,
+  ...O
 }) => {
-  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({
+  const b = !!w, N = !b && (c || h || x || z || P), q = v, [_, o] = I([]), [m, k] = I(""), e = te(Y), s = (e == null ? void 0 : e.size) || j, n = ae({
     sm: {
       root: i(
-        "p-2 h-8",
-        z && "pr-9",
+        b ? "min-w-0 flex-1 px-3 py-2" : "p-2 h-8",
+        N && "pr-9",
         q && "pl-10",
-        g && "pr-16"
+        p && "pr-16"
       ),
       iconLeading: "left-3 size-4",
-      trailingIconCount: g === 2 ? "right-6 size-4" : "",
+      trailingIconCount: p === 2 ? "right-6 size-4" : "",
       iconTrailing: "right-3 size-4",
       shortcut: "pr-2.5",
       tags: "flex gap-1",
@@ -58,13 +60,13 @@ const X = {
     },
     md: {
       root: i(
-        "px-3 py-2 h-9",
-        z && "pr-9.5",
+        b ? "min-w-0 flex-1 px-3 py-2" : "px-3 py-2 h-9",
+        N && "pr-9.5",
         q && "pl-10.5",
-        g && "pr-16"
+        p && "pr-16"
       ),
       iconLeading: "left-3.5",
-      trailingIconCount: g === 2 ? "right-6.5" : "",
+      trailingIconCount: p === 2 ? "right-6.5" : "",
       iconTrailing: "right-3.5",
       shortcut: "pr-3",
       tags: "flex gap-1",
@@ -73,80 +75,90 @@ const X = {
     },
     lg: {
       root: i(
-        "px-3.5 py-2.5 h-11",
-        z && "pr-10",
+        b ? "min-w-0 flex-1 px-3.5 py-2.5" : "px-3.5 py-2.5 h-11",
+        N && "pr-10",
         q && "pl-11",
-        g && "pr-18"
+        p && "pr-18"
       ),
       iconLeading: "left-4 size-5",
-      trailingIconCount: g === 2 ? "right-7 size-5" : "",
+      trailingIconCount: p === 2 ? "right-7 size-5" : "",
       iconTrailing: "right-4 size-5",
       shortcut: "pr-3.5",
       tags: "flex gap-1",
       tag: "rounded-md bg-primary border border-secondary p-2.5",
       wrapper: "rounded-lg"
     }
-  }), $ = () => {
+  }), H = () => {
     var t;
-    const a = d.trim();
+    const a = m.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
-    ), y((n) => [...n, a]), b(""));
-  }, I = (a) => {
-    var t, n, K;
-    if (m === "tag") {
+    ), o((l) => [...l, a]), k(""));
+  }, S = (a) => {
+    var t, l, V;
+    if (y === "tag") {
       if (a.key === "Enter" || a.key === ",") {
         a.preventDefault();
-        const p = d.trim();
-        p && ((t = e == null ? void 0 : e.onChange) == null || t.call(
+        const u = m.trim();
+        u && ((t = e == null ? void 0 : e.onChange) == null || t.call(
           e,
-          e != null && e.value ? (e == null ? void 0 : e.value) + "," + p : p
-        ), y((O) => [...O, p]), b(""));
+          e != null && e.value ? (e == null ? void 0 : e.value) + "," + u : u
+        ), o((G) => [...G, u]), k(""));
       }
-      if (a.key === "Backspace" && !d)
+      if (a.key === "Backspace" && !m)
         if (e != null && e.value) {
-          const p = e.value.split(",").map((O) => O.trim()).filter(Boolean);
-          p.pop(), (n = e.onChange) == null || n.call(e, p.join(", "));
+          const u = e.value.split(",").map((G) => G.trim()).filter(Boolean);
+          u.pop(), (l = e.onChange) == null || l.call(e, u.join(", "));
         } else
-          (K = e == null ? void 0 : e.onChange) == null || K.call(e, "");
+          (V = e == null ? void 0 : e.onChange) == null || V.call(e, "");
     }
-  }, S = (a) => {
+  }, A = (a) => {
     const t = a.target.value;
-    m === "tag" && b(t);
-  }, U = (a) => {
-    var n;
-    const t = w.filter((K, p) => p !== a);
-    y(t), (n = e == null ? void 0 : e.onChange) == null || n.call(e, t.join(", "));
+    y === "tag" && k(t);
+  }, W = (a) => {
+    var l;
+    const t = _.filter((V, u) => u !== a);
+    o(t), (l = e == null ? void 0 : e.onChange) == null || l.call(e, t.join(", "));
   };
-  return ae(() => {
-    if (m === "tag")
+  return se(() => {
+    if (y === "tag")
       if (e != null && e.value) {
         const a = e.value.split(",").map((t) => t.trim()).filter(Boolean);
-        y(a);
+        o(a);
       } else
-        y([]);
-  }, [e == null ? void 0 : e.value]), /* @__PURE__ */ R(
-    Z,
+        o([]);
+  }, [e == null ? void 0 : e.value]), /* @__PURE__ */ B(
+    D,
     {
-      isDisabled: u,
+      isDisabled: g,
       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 && !f && "ring-1 ring-brand",
+      className: ({ isFocusWithin: a, isDisabled: t, isInvalid: l }) => i(
+        // Frozen to platform-ui's Input, which is the one users see today. The
+        // trailing slot has to be able to reach the group's edge, so the group
+        // clips its children and stretches them instead of centring them.
+        "relative flex w-full flex-row place-content-center bg-primary border border-secondary duration-100 ease-linear overflow-hidden",
+        b ? "items-stretch" : "place-items-center",
+        // The focus ring is drawn inside the border, so it does not add a pixel
+        // to the control's outer size when the field is focused.
+        a && !t && !f && "ring-1 ring-inset 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",
-        // Invalid state styles
-        n && "ring-error_subtle",
-        "group-invalid:ring-error_subtle",
+        // Invalid state styles. The border colour changes too, not just the ring:
+        // on a field with no focus the ring alone is nearly invisible.
+        l && "border-error ring-error_subtle",
+        "group-invalid:border-error group-invalid:ring-error_subtle",
         // Invalid state with focus-within styles
-        n && a && "ring-2 ring-error",
+        l && a && "ring-2 ring-error",
         a && "group-invalid:ring-2 group-invalid:ring-error",
         e == null ? void 0 : e.wrapperClassName,
-        E,
-        l[s].wrapper
+        // The caller's class comes last so it wins. Reversed, a caller passing
+        // `rounded-full` loses to the size's own `rounded-md` and silently does
+        // nothing — which is what platform-ui's 70 call sites rely on not happening.
+        n[s].wrapper,
+        $
       ),
       children: [
         v && /* @__PURE__ */ r(
@@ -154,30 +166,30 @@ const X = {
           {
             className: i(
               "pointer-events-none absolute size-5 text-fg-quaternary",
-              u && "text-fg-disabled",
-              l[s].iconLeading,
+              g && "text-fg-disabled",
+              n[s].iconLeading,
               e == null ? void 0 : e.iconClassName,
-              L
+              F
             )
           }
         ),
-        m === "tag" && /* @__PURE__ */ R(
+        y === "tag" && /* @__PURE__ */ B(
           "div",
           {
             className: i(
               "flex flex-wrap w-full items-center justify-start gap-1 pl-1.5",
-              u && "text-fg-disabled"
+              g && "text-fg-disabled"
             ),
             children: [
-              w.map((a, t) => (
+              _.map((a, t) => (
                 // eslint-disable-next-line jsx-a11y/click-events-have-key-events
-                /* @__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: [
+                /* @__PURE__ */ r("div", { onClick: (l) => l.stopPropagation(), children: /* @__PURE__ */ B(ce, { className: "rounded-md bg-primary border border-secondary px-2 py-1 pointer-events-auto!", children: [
                   a,
                   /* @__PURE__ */ r(
-                    se,
+                    oe,
                     {
                       className: "size-4 cursor-pointer text-fg-quaternary hover:text-fg-quaternary_hover focus:text-fg-quaternary_hover",
-                      onClick: () => U(t)
+                      onClick: () => W(t)
                     }
                   )
                 ] }) }, `${a}-${t}`)
@@ -186,91 +198,101 @@ const X = {
                 "input",
                 {
                   type: "text",
-                  value: d,
-                  onChange: S,
-                  onKeyDown: I,
-                  placeholder: w.length === 0 ? B : "",
-                  disabled: u,
-                  onBlur: $,
+                  value: m,
+                  onChange: A,
+                  onKeyDown: S,
+                  placeholder: _.length === 0 ? L : "",
+                  disabled: g,
+                  onBlur: H,
                   className: i(
                     "bg-transparent outline-none flex-1 min-w-[50px] w-full text-primary placeholder:text-placeholder_subtle",
                     "disabled:cursor-not-allowed disabled:text-disabled group-disabled:pointer-events-none",
-                    l[s].root,
-                    X[s],
-                    k
+                    n[s].root,
+                    M[s],
+                    E
                   )
                 }
               )
             ]
           }
         ),
-        m !== "tag" && /* @__PURE__ */ r(
-          A,
+        y !== "tag" && /* @__PURE__ */ r(
+          ee,
           {
-            ...P,
-            ref: o,
-            placeholder: B,
+            ...O,
+            ref: d,
+            placeholder: L,
             className: i(
               "m-0 w-full bg-transparent text-primary ring-0 outline-hidden placeholder:text-placeholder_subtle autofill:rounded-lg autofill:text-primary",
               "disabled:cursor-not-allowed disabled:text-disabled group-disabled:pointer-events-none",
-              l[s].root,
-              X[s],
+              n[s].root,
+              M[s],
               e == null ? void 0 : e.inputClassName,
-              k
+              E
             ),
-            style: { ...F }
+            style: { ...K }
           }
         ),
-        T && !x && /* @__PURE__ */ r(
+        w && /* @__PURE__ */ B(Q, { children: [
+          /* @__PURE__ */ r(
+            "div",
+            {
+              className: "w-px shrink-0 self-stretch bg-secondary",
+              "aria-hidden": "true"
+            }
+          ),
+          /* @__PURE__ */ r("div", { className: "flex shrink-0 items-stretch", children: w })
+        ] }),
+        z && !x && !w && /* @__PURE__ */ r(
           "div",
           {
             className: i(
               "absolute flex items-center justify-center",
-              l[s].iconTrailing,
-              l[s].trailingIconCount
+              n[s].iconTrailing,
+              n[s].trailingIconCount
             ),
-            children: T
+            children: z
           }
         ),
-        c && !h && /* @__PURE__ */ r(de, { title: c, placement: "top", children: /* @__PURE__ */ r(
-          pe,
+        c && !h && /* @__PURE__ */ r(ge, { title: c, placement: "top", children: /* @__PURE__ */ r(
+          me,
           {
             className: i(
               "absolute cursor-pointer text-fg-quaternary transition duration-200 hover:text-fg-quaternary_hover focus:text-fg-quaternary_hover",
-              l[s].iconTrailing,
+              n[s].iconTrailing,
               e == null ? void 0 : e.tooltipClassName,
-              j
+              R
             ),
-            children: /* @__PURE__ */ r(le, { className: "size-4" })
+            children: /* @__PURE__ */ r(de, { className: "size-4" })
           }
         ) }),
-        h && /* @__PURE__ */ r(
-          ne,
+        h && P && /* @__PURE__ */ r(
+          pe,
           {
             className: i(
               "pointer-events-none absolute size-4 text-fg-error-secondary",
-              l[s].iconTrailing,
+              n[s].iconTrailing,
               e == null ? void 0 : e.tooltipClassName,
-              j
+              R
             )
           }
         ),
-        N && /* @__PURE__ */ r(
+        T && /* @__PURE__ */ r(
           "div",
           {
             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",
-              l[s].shortcut
+              n[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",
-                  u && "bg-transparent text-disabled"
+                  g && "bg-transparent text-disabled"
                 ),
                 "aria-hidden": "true",
-                children: typeof N == "string" ? N : ue(["meta"], "K")
+                children: typeof T == "string" ? T : fe(["meta"], "K")
               }
             )
           }
@@ -280,10 +302,10 @@ const X = {
           {
             className: i(
               "pointer-events-none absolute size-5 text-fg-quaternary",
-              u && "text-fg-disabled",
-              l[s].iconTrailing,
+              g && "text-fg-disabled",
+              n[s].iconTrailing,
               e == null ? void 0 : e.iconClassName,
-              L
+              F
             )
           }
         )
@@ -291,108 +313,112 @@ const X = {
     }
   );
 };
-J.displayName = "InputBase";
-const M = re({}), Q = ({ className: o, ...f }) => /* @__PURE__ */ r(M.Provider, { value: f, children: /* @__PURE__ */ r(
-  W,
+U.displayName = "InputBase";
+const Y = ie({}), Z = ({ className: d, ...f }) => /* @__PURE__ */ r(Y.Provider, { value: f, children: /* @__PURE__ */ r(
+  re,
   {
     ...f,
     "data-input-wrapper": !0,
     className: (c) => i(
       "group flex h-max w-full flex-col items-start justify-start gap-1.5",
-      typeof o == "function" ? o(c) : o
+      typeof d == "function" ? d(c) : d
     )
   }
 ) });
-Q.displayName = "TextField";
-const fe = ({
-  size: o = "sm",
+Z.displayName = "TextField";
+const ye = ({
+  size: d = "sm",
   placeholder: f,
   icon: c,
-  iconTrailing: N,
+  iconTrailing: T,
   label: C,
-  supportingText: _,
+  supportingText: j,
   hint: h,
-  shortcut: u,
+  shortcut: g,
   hideRequiredIndicator: v,
   className: x,
-  ref: B,
-  groupRef: E,
-  tooltip: j,
-  iconClassName: k,
-  inputClassName: L,
-  wrapperClassName: T,
-  tooltipClassName: g,
-  inputType: m = "text",
-  customStyles: V = {},
-  containerStyles: F = {},
-  trailingAction: P,
-  trailingIconCount: z,
-  mode: q,
-  isDisabled: w,
-  isInvalid: y,
-  ...d
+  ref: L,
+  groupRef: $,
+  tooltip: R,
+  iconClassName: E,
+  inputClassName: F,
+  wrapperClassName: z,
+  tooltipClassName: w,
+  inputType: p = "text",
+  customStyles: y = {},
+  containerStyles: X = {},
+  trailingAction: K,
+  trailingSlot: P,
+  trailingIconCount: O,
+  mode: b,
+  isDisabled: N,
+  isInvalid: q,
+  showInfoIcon: _ = !0,
+  ...o
 }) => {
-  const [b, e] = H(!1), s = m === "password", l = s ? b ? "text" : "password" : m, $ = d == null ? void 0 : d.isReadOnly;
+  const [m, k] = I(!1), e = p === "password", s = e ? m ? "text" : "password" : p, n = o == null ? void 0 : o.isReadOnly;
   return /* @__PURE__ */ r(
-    Q,
+    Z,
     {
-      style: F,
+      style: X,
       "aria-label": C ? void 0 : f,
-      ...d,
-      isDisabled: w,
-      isInvalid: y,
+      ...o,
+      isDisabled: N,
+      isInvalid: q,
       className: x,
-      children: ({ isRequired: I, isInvalid: S }) => /* @__PURE__ */ R(Y, { children: [
+      children: ({ isRequired: H, isInvalid: S }) => /* @__PURE__ */ B(Q, { children: [
         C && /* @__PURE__ */ r(
-          oe,
+          ue,
           {
-            className: i("color-text-label", me[o]),
-            isRequired: v ? !v : I,
+            className: i("color-text-label", he[d]),
+            isRequired: v ? !v : H,
             children: C
           }
         ),
-        _ && /* @__PURE__ */ r(G, { className: "mt-[-5px] text-tertiary!", isInvalid: !1, children: _ }),
+        j && /* @__PURE__ */ r(J, { className: "mt-[-5px] text-tertiary!", isInvalid: !1, children: j }),
         /* @__PURE__ */ r(
-          J,
+          U,
           {
-            ref: B,
-            groupRef: E,
-            size: o,
+            ref: L,
+            groupRef: $,
+            size: d,
             placeholder: f,
-            isReadOnly: $,
-            isDisabled: w,
+            isReadOnly: n,
+            isDisabled: N,
             isInvalid: S,
             icon: c,
-            iconTrailing: N,
-            shortcut: u,
-            iconClassName: k,
-            inputClassName: L,
-            wrapperClassName: T,
-            tooltipClassName: g,
-            tooltip: j,
-            type: l,
-            customStyles: V,
-            mode: q,
-            trailingAction: s ? /* @__PURE__ */ r(
+            iconTrailing: T,
+            shortcut: g,
+            iconClassName: E,
+            inputClassName: F,
+            wrapperClassName: z,
+            tooltipClassName: w,
+            tooltip: R,
+            type: s,
+            customStyles: y,
+            mode: b,
+            trailingAction: e ? /* @__PURE__ */ r(
               "button",
               {
                 type: "button",
-                onClick: () => e(!b),
+                onClick: () => k(!m),
                 className: "text-fg-quaternary hover:text-fg-quaternary_hover focus:outline-none",
-                children: b ? /* @__PURE__ */ r(te, { className: "size-5" }) : /* @__PURE__ */ r(ie, { className: "size-5" })
+                children: m ? /* @__PURE__ */ r(ne, { className: "size-5" }) : /* @__PURE__ */ r(le, { className: "size-5" })
               }
-            ) : P,
-            trailingIconCount: z
+            ) : K,
+            trailingSlot: P,
+            trailingIconCount: O,
+            showInfoIcon: _
           }
         ),
-        h && /* @__PURE__ */ r(G, { size: o, isInvalid: S, children: h })
+        h && /* @__PURE__ */ r(J, { size: d, isInvalid: S, children: h })
       ] })
     }
   );
 };
-fe.displayName = "Input";
+ye.displayName = "Input";
 export {
-  fe as Input,
-  J as InputBase,
-  Q as TextField
+  ye as Input,
+  U as InputBase,
+  Z as TextField
 };