@t-headless-ui/react 1.1.0 → 1.1.2

package/dist/es/icon/line/nine-grid-line.mjs

@@ -0,0 +1,15 @@
+import { jsxs as t, Fragment as o, jsx as r } from "react/jsx-runtime";
+import { createIcon as e } from "../createIcon.mjs";
+const d = e({
+  iconProps: { useStrokeCurrentColor: !0 },
+  paths: /* @__PURE__ */ t(o, { children: [
+    /* @__PURE__ */ r("rect", { x: "5", y: "5", width: "38", height: "38", rx: "2", strokeWidth: "4", strokeLinecap: "round", strokeLinejoin: "round" }),
+    /* @__PURE__ */ r("path", { d: "M5 18H43", strokeWidth: "4", strokeLinecap: "round" }),
+    /* @__PURE__ */ r("path", { d: "M5 30H43", strokeWidth: "4", strokeLinecap: "round" }),
+    /* @__PURE__ */ r("path", { d: "M17 5V43", strokeWidth: "4", strokeLinecap: "round" }),
+    /* @__PURE__ */ r("path", { d: "M30 5V43", strokeWidth: "4", strokeLinecap: "round" })
+  ] })
+});
+export {
+  d as IconNineGridLine
+};

package/dist/es/icon/line/preview-off-line.mjs

@@ -0,0 +1,29 @@
+import { jsxs as r, Fragment as e, jsx as o } from "react/jsx-runtime";
+import { createIcon as t } from "../createIcon.mjs";
+const s = t({
+  iconProps: { useStrokeCurrentColor: !0 },
+  paths: /* @__PURE__ */ r(e, { children: [
+    /* @__PURE__ */ o(
+      "path",
+      {
+        d: "M9.85786 18C6.23858 21 4 24 4 24C4 24 12.9543 36 24 36C25.3699 36 26.7076 35.8154 28 35.4921M20.0318 12.5C21.3144 12.1816 22.6414 12 24 12C35.0457 12 44 24 44 24C44 24 41.7614 27 38.1421 30",
+        strokeWidth: "4",
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
+      }
+    ),
+    /* @__PURE__ */ o(
+      "path",
+      {
+        d: "M20.3142 20.6211C19.4981 21.5109 19 22.6972 19 23.9998C19 26.7612 21.2386 28.9998 24 28.9998C25.3627 28.9998 26.5981 28.4546 27.5 27.5705",
+        strokeWidth: "4",
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
+      }
+    ),
+    /* @__PURE__ */ o("path", { d: "M42 42L6 6", strokeWidth: "4", strokeLinecap: "round", strokeLinejoin: "round" })
+  ] })
+});
+export {
+  s as IconPreviewOffLine
+};

package/dist/es/icon/line/preview-on-line.mjs

@@ -0,0 +1,28 @@
+import { jsxs as r, Fragment as e, jsx as o } from "react/jsx-runtime";
+import { createIcon as n } from "../createIcon.mjs";
+const s = n({
+  iconProps: { useStrokeCurrentColor: !0 },
+  paths: /* @__PURE__ */ r(e, { children: [
+    /* @__PURE__ */ o(
+      "path",
+      {
+        d: "M24 36C35.0457 36 44 24 44 24C44 24 35.0457 12 24 12C12.9543 12 4 24 4 24C4 24 12.9543 36 24 36Z",
+        fill: "none",
+        strokeWidth: "4",
+        strokeLinejoin: "round"
+      }
+    ),
+    /* @__PURE__ */ o(
+      "path",
+      {
+        d: "M24 29C26.7614 29 29 26.7614 29 24C29 21.2386 26.7614 19 24 19C21.2386 19 19 21.2386 19 24C19 26.7614 21.2386 29 24 29Z",
+        fill: "none",
+        strokeWidth: "4",
+        strokeLinejoin: "round"
+      }
+    )
+  ] })
+});
+export {
+  s as IconPreviewOnLine
+};

package/dist/es/icon/line/right-line.mjs

@@ -0,0 +1,9 @@
+import { jsx as o, Fragment as r } from "react/jsx-runtime";
+import { createIcon as t } from "../createIcon.mjs";
+const i = t({
+  iconProps: { useStrokeCurrentColor: !0 },
+  paths: /* @__PURE__ */ o(r, { children: /* @__PURE__ */ o("path", { d: "M19 12L31 24L19 36", strokeWidth: "4", strokeLinecap: "round", strokeLinejoin: "round" }) })
+});
+export {
+  i as IconRightLine
+};

package/dist/es/icon/line/search-line.mjs

@@ -0,0 +1,20 @@
+import { jsxs as r, Fragment as e, jsx as o } from "react/jsx-runtime";
+import { createIcon as t } from "../createIcon.mjs";
+const s = t({
+  iconProps: { useStrokeCurrentColor: !0 },
+  paths: /* @__PURE__ */ r(e, { children: [
+    /* @__PURE__ */ o(
+      "path",
+      {
+        d: "M21 38C30.3888 38 38 30.3888 38 21C38 11.6112 30.3888 4 21 4C11.6112 4 4 11.6112 4 21C4 30.3888 11.6112 38 21 38Z",
+        fill: "none",
+        strokeWidth: "4",
+        strokeLinejoin: "round"
+      }
+    ),
+    /* @__PURE__ */ o("path", { d: "M33.2216 33.2217L41.7069 41.707", strokeWidth: "4", strokeLinecap: "round", strokeLinejoin: "round" })
+  ] })
+});
+export {
+  s as IconSearchLine
+};

package/dist/es/icon/line/success-line.mjs

@@ -0,0 +1,13 @@
+import { jsxs as r, Fragment as e, jsx as o } from "react/jsx-runtime";
+import { createIcon as t } from "../createIcon.mjs";
+const i = t({
+  iconProps: { useStrokeCurrentColor: !0 },
+  viewBox: "0 0 24 24",
+  paths: /* @__PURE__ */ r(e, { children: [
+    /* @__PURE__ */ o("path", { d: "M21.801 10A10 10 0 1 1 17 3.335", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
+    /* @__PURE__ */ o("path", { d: "m9 11 3 3L22 4", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })
+  ] })
+});
+export {
+  i as IconSuccessLine
+};

package/dist/es/icon/line/twitter-line.mjs

@@ -1,8 +1,8 @@
-import { jsx as r, Fragment as e } from "react/jsx-runtime";
-import { createIcon as o } from "../createIcon.mjs";
-const t = o({
+import { jsx as r, Fragment as o } from "react/jsx-runtime";
+import { createIcon as e } from "../createIcon.mjs";
+const C = e({
   iconProps: { useFillCurrentColor: !0, useStrokeCurrentColor: !0 },
-  paths: /* @__PURE__ */ r(e, { children: /* @__PURE__ */ r(
+  paths: /* @__PURE__ */ r(o, { children: /* @__PURE__ */ r(
     "path",
     {
       d: "M5 35.7622C6.92886 36.8286 20.8914 44.8773 30.8199 38.674C40.7483 32.4707 40.2006 21.7833 40.2006 16.886C41.1 15.0018 43 14.0439 43 8.9438C41.1337 10.6678 39.2787 11.2544 37.435 10.7036C35.6287 7.94957 33.1435 6.73147 29.9794 7.04934C25.2333 7.52614 23.4969 12.1825 24.0079 18.2067C16.6899 21.9074 10.9515 15.524 7.99418 10.7036C7.00607 14.4999 6.0533 19.0576 7.99418 24.0995C9.2881 27.4607 12.3985 30.3024 17.3254 32.6246C12.3323 35.3308 8.22382 36.3766 5 35.7622Z",
@@ -12,7 +12,6 @@ const t = o({
     }
   ) })
 });
-t.displayName = "IconTwitterLine";
 export {
-  t as IconTwitterLine
+  C as IconTwitterLine
 };

package/dist/es/icon/line/up-line.mjs

@@ -1,10 +1,9 @@
 import { jsx as o, Fragment as r } from "react/jsx-runtime";
 import { createIcon as e } from "../createIcon.mjs";
-const n = e({
+const i = e({
   iconProps: { useStrokeCurrentColor: !0 },
   paths: /* @__PURE__ */ o(r, { children: /* @__PURE__ */ o("path", { d: "M13 30L25 18L37 30", strokeWidth: "4", strokeLinecap: "round", strokeLinejoin: "round" }) })
 });
-n.displayName = "IconUpLine";
 export {
-  n as IconUpLine
+  i as IconUpLine
 };

package/dist/es/icon/line/warn-line.mjs

@@ -0,0 +1,22 @@
+import { jsxs as r, Fragment as e, jsx as o } from "react/jsx-runtime";
+import { createIcon as n } from "../createIcon.mjs";
+const s = n({
+  iconProps: { useStrokeCurrentColor: !0 },
+  viewBox: "0 0 24 24",
+  paths: /* @__PURE__ */ r(e, { children: [
+    /* @__PURE__ */ o(
+      "path",
+      {
+        d: "m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3",
+        strokeWidth: "2",
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
+      }
+    ),
+    /* @__PURE__ */ o("path", { d: "M12 9v4", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
+    /* @__PURE__ */ o("path", { d: "M12 17h.01", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })
+  ] })
+});
+export {
+  s as IconWarningLine
+};

package/dist/es/icon/line/youtube-line.mjs

@@ -1,8 +1,8 @@
-import { jsxs as e, Fragment as t, jsx as o } from "react/jsx-runtime";
-import { createIcon as r } from "../createIcon.mjs";
-const n = r({
+import { jsxs as r, Fragment as t, jsx as o } from "react/jsx-runtime";
+import { createIcon as e } from "../createIcon.mjs";
+const i = e({
   iconProps: { useStrokeCurrentColor: !0 },
-  paths: /* @__PURE__ */ e(t, { children: [
+  paths: /* @__PURE__ */ r(t, { children: [
     /* @__PURE__ */ o(
       "path",
       {
@@ -22,7 +22,6 @@ const n = r({
     )
   ] })
 });
-n.displayName = "IconYoutubeLine";
 export {
-  n as IconYoutubeLine
+  i as IconYoutubeLine
 };

package/dist/es/index.mjs

@@ -1,58 +1,122 @@
-import { VerticalMenu as e } from "./vertical-menu/index.mjs";
-import { Anchor as t } from "./anchor/index.mjs";
-import { Button as p } from "./button/button.mjs";
-import { Link as f } from "./link/link.mjs";
-import { Icon as i } from "./icon/icon.mjs";
-import { createFromIconfont as L } from "./icon/IconFont.mjs";
-import { createIcon as a } from "./icon/createIcon.mjs";
-import { IconMLogo as u } from "./icon/fill/m-logo.mjs";
-import { IconTLogo as h } from "./icon/fill/t-logo.mjs";
-import { IconGithubFill as A } from "./icon/fill/github-fill.mjs";
-import { IconSunFill as C } from "./icon/fill/sun-fill.mjs";
-import { IconStarFill as S } from "./icon/fill/star-fill.mjs";
-import { IconPlatteFill as d } from "./icon/fill/platte-fill.mjs";
-import { IconClickFill as T } from "./icon/fill/click-fill.mjs";
-import { IconHomeLine as G } from "./icon/line/home-line.mjs";
-import { IconDownLine as J } from "./icon/line/down-line.mjs";
-import { IconUpLine as R } from "./icon/line/up-line.mjs";
-import { IconCodeLine as V } from "./icon/line/code-line.mjs";
-import { IconJSLine as j } from "./icon/line/js-line.mjs";
-import { IconMoonLine as s } from "./icon/line/moon-line.mjs";
-import { IconAppleLine as y } from "./icon/line/apple-line.mjs";
-import { IconChromeLine as E } from "./icon/line/chrome-line.mjs";
-import { IconFaceBookLine as N } from "./icon/line/face-book-line.mjs";
+import { VerticalMenu as t } from "./vertical-menu/index.mjs";
+import { Anchor as f } from "./anchor/index.mjs";
+import { Popover as i } from "./popover/index.mjs";
+import { Button as c } from "./button/button.mjs";
+import { Link as L } from "./link/link.mjs";
+import { Icon as l } from "./icon/icon.mjs";
+import { createFromIconfont as d } from "./icon/IconFont.mjs";
+import { createIcon as F } from "./icon/createIcon.mjs";
+import * as o from "./icon/fill/index.mjs";
+import * as r from "./icon/line/index.mjs";
+import { IconMLogo as P } from "./icon/fill/m-logo.mjs";
+import { IconTLogo as C } from "./icon/fill/t-logo.mjs";
+import { IconGithubFill as h } from "./icon/fill/github-fill.mjs";
+import { IconSunFill as v } from "./icon/fill/sun-fill.mjs";
+import { IconStarFill as G } from "./icon/fill/star-fill.mjs";
+import { IconPlatteFill as T } from "./icon/fill/platte-fill.mjs";
+import { IconClickFill as H } from "./icon/fill/click-fill.mjs";
+import { IconHomeLine as B } from "./icon/line/home-line.mjs";
+import { IconDownLine as O } from "./icon/line/down-line.mjs";
+import { IconUpLine as z } from "./icon/line/up-line.mjs";
+import { IconCodeLine as U } from "./icon/line/code-line.mjs";
+import { IconMoonLine as W } from "./icon/line/moon-line.mjs";
+import { IconAppleLine as $ } from "./icon/line/apple-line.mjs";
+import { IconChromeLine as q } from "./icon/line/chrome-line.mjs";
+import { IconFaceBookLine as J } from "./icon/line/face-book-line.mjs";
 import { IconTwitterLine as Q } from "./icon/line/twitter-line.mjs";
-import { IconYoutubeLine as X } from "./icon/line/youtube-line.mjs";
-import { IconLoadingLine as _ } from "./icon/line/loading-line.mjs";
-import { IconArrowRightLine as oo } from "./icon/line/arrow-right-line.mjs";
-import { IconArrowLeftLine as eo } from "./icon/line/arrow-left-line.mjs";
+import { IconYoutubeLine as Z } from "./icon/line/youtube-line.mjs";
+import { IconLoadingLine as oo } from "./icon/line/loading-line.mjs";
+import { IconArrowRightLine as eo } from "./icon/line/arrow-right-line.mjs";
+import { IconArrowLeftLine as to } from "./icon/line/arrow-left-line.mjs";
+import { IconRightLine as fo } from "./icon/line/right-line.mjs";
+import { IconSuccessLine as io } from "./icon/line/success-line.mjs";
+import { IconErrorLine as co } from "./icon/line/error-line.mjs";
+import { IconWarningLine as Lo } from "./icon/line/warn-line.mjs";
+import { IconInfoLine as lo } from "./icon/line/info-line.mjs";
+import { IconEmailLine as uo } from "./icon/line/email-line.mjs";
+import { IconSearchLine as go } from "./icon/line/search-line.mjs";
+import { IconCloseLine as wo } from "./icon/line/close-line.mjs";
+import { IconPreviewOffLine as So } from "./icon/line/preview-off-line.mjs";
+import { IconPreviewOnLine as Mo } from "./icon/line/preview-on-line.mjs";
+import { IconClickLine as Ao } from "./icon/line/click-line.mjs";
+import { IconAllLine as ko } from "./icon/line/all-line.mjs";
+import { IconMessageLine as Eo } from "./icon/line/message-line.mjs";
+import { IconEditLine as bo } from "./icon/line/edit-line.mjs";
+import { IconNineGridLine as Do } from "./icon/line/nine-grid-line.mjs";
+import { IconHorizontalGapLine as Ro } from "./icon/line/horizontal-gap-line.mjs";
+import { IconFloatLine as No } from "./icon/line/float-line.mjs";
+import { IconInterfaceLine as Vo } from "./icon/line/interface-line.mjs";
+import { IconHandDragLine as Yo } from "./icon/line/hand-drag-line.mjs";
+import { IconLeftLine as jo } from "./icon/line/left-line.mjs";
+import { Portal as yo } from "./portal/portal.mjs";
+import { createToastStore as Ko } from "./toast/store.mjs";
+import { ToastProvider as Xo } from "./toast/toast-provider.mjs";
+import { Grid as _o } from "./grid/grid.mjs";
+import { Cell as rr } from "./grid/cell.mjs";
+import { useInputGroup as nr } from "./input/use-input-group.mjs";
+import { usePasswordStore as pr } from "./input/use-password-store.mjs";
+import { InputComponent as mr } from "./input/input.mjs";
+import { createModalStore as xr } from "./modal/store.mjs";
+import { ModalProvider as Ir } from "./modal/components/modalProvider.mjs";
 export {
-  t as Anchor,
-  p as Button,
-  i as Icon,
-  y as IconAppleLine,
-  eo as IconArrowLeftLine,
-  oo as IconArrowRightLine,
-  E as IconChromeLine,
-  T as IconClickFill,
-  V as IconCodeLine,
-  J as IconDownLine,
-  N as IconFaceBookLine,
-  A as IconGithubFill,
-  G as IconHomeLine,
-  j as IconJSLine,
-  _ as IconLoadingLine,
-  u as IconMLogo,
-  s as IconMoonLine,
-  d as IconPlatteFill,
-  S as IconStarFill,
-  C as IconSunFill,
-  h as IconTLogo,
+  f as Anchor,
+  c as Button,
+  rr as Cell,
+  o as FillIcon,
+  _o as Grid,
+  l as Icon,
+  ko as IconAllLine,
+  $ as IconAppleLine,
+  to as IconArrowLeftLine,
+  eo as IconArrowRightLine,
+  q as IconChromeLine,
+  H as IconClickFill,
+  Ao as IconClickLine,
+  wo as IconCloseLine,
+  U as IconCodeLine,
+  O as IconDownLine,
+  bo as IconEditLine,
+  uo as IconEmailLine,
+  co as IconErrorLine,
+  J as IconFaceBookLine,
+  No as IconFloatLine,
+  h as IconGithubFill,
+  Yo as IconHandDragLine,
+  B as IconHomeLine,
+  Ro as IconHorizontalGapLine,
+  lo as IconInfoLine,
+  Vo as IconInterfaceLine,
+  jo as IconLeftLine,
+  oo as IconLoadingLine,
+  P as IconMLogo,
+  Eo as IconMessageLine,
+  W as IconMoonLine,
+  Do as IconNineGridLine,
+  T as IconPlatteFill,
+  So as IconPreviewOffLine,
+  Mo as IconPreviewOnLine,
+  fo as IconRightLine,
+  go as IconSearchLine,
+  G as IconStarFill,
+  io as IconSuccessLine,
+  v as IconSunFill,
+  C as IconTLogo,
   Q as IconTwitterLine,
-  R as IconUpLine,
-  X as IconYoutubeLine,
-  f as Link,
-  e as VerticalMenu,
-  L as createFromIconfont,
-  a as createIcon
+  z as IconUpLine,
+  Lo as IconWarningLine,
+  Z as IconYoutubeLine,
+  mr as InputComponent,
+  r as LineIcon,
+  L as Link,
+  Ir as ModalProvider,
+  i as Popover,
+  yo as Portal,
+  Xo as ToastProvider,
+  t as VerticalMenu,
+  d as createFromIconfont,
+  F as createIcon,
+  xr as createModalStore,
+  Ko as createToastStore,
+  nr as useInputGroup,
+  pr as usePasswordStore
 };

package/dist/es/input/constants.mjs

@@ -0,0 +1,4 @@
+const t = 2;
+export {
+  t as inputContentWidth
+};

package/dist/es/input/input.mjs

@@ -0,0 +1,78 @@
+"use client";
+import { jsxs as F, Fragment as R, jsx as o } from "react/jsx-runtime";
+import { forwardRef as k, useImperativeHandle as H } from "react";
+import { formatValue as h } from "./utils/formatValue.mjs";
+import { useInputElementStore as K } from "./store/useInputElementStore.mjs";
+import { fillNBSP as L } from "../utils/fillNBSP.mjs";
+import { useMergeValue as N } from "../hooks/use-merge-value.mjs";
+import { useResizeObserver as T } from "../hooks/use-resize-observer.mjs";
+const Z = k((n, g) => {
+  const {
+    allowClear: v,
+    disabled: a,
+    placeholder: C,
+    autoFitWidth: i,
+    onClear: V,
+    readOnly: m,
+    onKeyDown: I,
+    onPressEnter: b,
+    maxLength: r,
+    clearIcon: d,
+    normalize: x,
+    normalizeTrigger: y = ["onBlur"],
+    defaultValue: q,
+    onChange: P,
+    ...W
+  } = n, O = r == null ? void 0 : r.length, c = r != null && r.errorOnly ? void 0 : O, [f, p] = N("", {
+    defaultValue: "defaultValue" in n ? h(n.defaultValue, c) : void 0,
+    value: "value" in n ? h(n.value, c) : void 0
+  }), w = (e, t) => {
+    var s;
+    "value" in n || p(e), (s = n.onChange) == null || s.call(n, e, t);
+  }, { inputProps: z, refInput: l, refInputMirror: u, refPrevInputWidth: S, handleClear: j, mirrorValue: B, inputComputeStyle: D, updateInputWidth: E } = K({
+    rest: W,
+    placeholder: C,
+    disabled: a,
+    value: f,
+    autoFitWidth: i,
+    readOnly: m,
+    onChange: P || w,
+    onKeyDown: I,
+    onPressEnter: b,
+    onClear: V,
+    maxLength: r,
+    normalizeTrigger: y,
+    normalize: x
+  });
+  return H(g, () => ({
+    dom: l.current,
+    inputDom: l.current,
+    focus: () => {
+      var e, t;
+      (t = (e = l.current) == null ? void 0 : e.focus) == null || t.call(e);
+    },
+    blur: () => {
+      var e, t;
+      (t = (e = l.current) == null ? void 0 : e.blur) == null || t.call(e);
+    }
+  }), []), T(u == null ? void 0 : u.current, (e) => {
+    const t = e.offsetWidth;
+    E(), S.current = t;
+  }), /* @__PURE__ */ F(R, { children: [
+    /* @__PURE__ */ o("input", { ref: l, ...z }),
+    !m && !a && v && f && d !== void 0 ? /* @__PURE__ */ o(
+      "span",
+      {
+        tabIndex: 0,
+        onClick: (e) => {
+          e.stopPropagation(), j(e);
+        },
+        children: d
+      }
+    ) : null,
+    i && /* @__PURE__ */ o("span", { style: D, ref: u, children: L(B) })
+  ] });
+});
+export {
+  Z as InputComponent
+};

package/dist/es/input/store/useInputElementStore.mjs

@@ -0,0 +1,72 @@
+import { useRef as s, useState as A, useEffect as B } from "react";
+import { inputContentWidth as H } from "../constants.mjs";
+import { useComposition as R } from "../../hooks/use-composition.mjs";
+import { getStyleFromInput as T } from "../utils/getStyleFromInput.mjs";
+import { isFunction as $ } from "../../utils/is.mjs";
+function N(i) {
+  const {
+    placeholder: a,
+    disabled: v,
+    readOnly: S,
+    onKeyDown: b,
+    onPressEnter: w,
+    maxLength: o,
+    normalizeTrigger: c,
+    onClear: r,
+    autoFitWidth: m,
+    value: d,
+    onChange: E,
+    rest: f
+  } = i, { onBlur: u } = f, n = s(null), l = s(null), I = s(null), p = o != null && o.errorOnly || o == null ? void 0 : o.length, h = function(t) {
+    return Array.isArray(c) && c.indexOf(t) > -1 && $(i.normalize) ? i.normalize : (e) => e;
+  }, W = function(t) {
+    var e;
+    (e = n.current) != null && e.focus && n.current.focus(), y("", t), r == null || r(t);
+  }, { compositionValue: z, triggerValueChange: y, handleCompositionStart: V, handleCompositionEnd: D, handleValueChange: F, handleKeyDown: K } = R({
+    value: d,
+    maxLength: p,
+    onChange: E,
+    onKeyDown: b,
+    onPressEnter: w,
+    normalizeHandler: h
+  }), C = () => {
+    if (l.current && n.current) {
+      const t = l.current.offsetWidth;
+      n.current.style.width = `${t + H}px`;
+    }
+  }, g = {
+    ...f,
+    readOnly: S,
+    maxLength: p,
+    disabled: v,
+    placeholder: a,
+    value: z || d || "",
+    onKeyDown: K,
+    onChange: F,
+    onCompositionStart: V,
+    onCompositionEnd: D,
+    onBlur: (t) => {
+      u == null || u(t), y(h("onBlur")(t.target.value), t);
+    }
+  }, O = g.value || a, [P, x] = A({
+    position: "absolute",
+    top: 0,
+    left: 0,
+    visibility: "hidden"
+  });
+  return B(() => {
+    m && (x({ ...T(n == null ? void 0 : n.current), position: "absolute", top: 0, left: 0, visibility: "hidden" }), C());
+  }, [m]), {
+    inputProps: g,
+    refInput: n,
+    refInputMirror: l,
+    refPrevInputWidth: I,
+    handleClear: W,
+    mirrorValue: O,
+    inputComputeStyle: P,
+    updateInputWidth: C
+  };
+}
+export {
+  N as useInputElementStore
+};

package/dist/es/input/use-input-group.mjs

@@ -0,0 +1,36 @@
+"use client";
+import { useState as C, useRef as g } from "react";
+import { isLengthExceeds as D } from "./utils/isLengthExceeds.mjs";
+import { contains as m } from "../mini-floating-ui/utils/contains.mjs";
+import { useMergeValue as k } from "../hooks/use-merge-value.mjs";
+import { formatValue as d } from "./utils/formatValue.mjs";
+function G(n) {
+  const { maxLength: o } = n, a = o == null ? void 0 : o.length, c = o != null && o.errorOnly ? void 0 : a, [v, h] = C(!1), s = g({}), e = g(null), [u, i] = k("", {
+    defaultValue: "defaultValue" in n ? d(n.defaultValue, c) : void 0,
+    value: "value" in n ? d(n.value, c) : void 0
+  }), V = (t, r) => {
+    var f;
+    "value" in n || i(t), (f = n.onChange) == null || f.call(n, t, r);
+  }, M = u == null ? void 0 : u.length, l = D({ mergedMaxLength: c, valueLength: M, trueMaxLength: a });
+  return {
+    status: n.status || (l ? "error" : void 0),
+    setFocus: h,
+    focus: v,
+    inputRef: s,
+    inputWrapperRef: e,
+    hasLengthError: l,
+    value: u,
+    setValue: i,
+    onMouseDown: (t) => {
+      t.target.tagName !== "INPUT" && e.current && m(e == null ? void 0 : e.current, t == null ? void 0 : t.target) && t.preventDefault();
+    },
+    onClick: (t) => {
+      var r;
+      e.current && m(e.current, t == null ? void 0 : t.target) && ((r = s.current) == null || r.focus());
+    },
+    onChange: V
+  };
+}
+export {
+  G as useInputGroup
+};

package/dist/es/input/use-password-store.mjs

@@ -0,0 +1,23 @@
+"use client";
+import { useMergeValue as c } from "../hooks/use-merge-value.mjs";
+function b(i) {
+  const { onVisibilityChange: e, disabled: s } = i, [l, n] = c(!1, {
+    defaultValue: i.defaultVisibility,
+    value: i.visibility
+  }), o = (t) => {
+    "visibility" in i || n(t), e == null || e(t);
+  };
+  return {
+    visibility: l,
+    IconProps: {
+      onClick: () => {
+        s || o(!l);
+      },
+      // Prevent loss of focus
+      onMouseUp: (t) => t.preventDefault()
+    }
+  };
+}
+export {
+  b as usePasswordStore
+};

package/dist/es/input/utils/formatValue.mjs

@@ -0,0 +1,8 @@
+import { isUndefined as n, isString as f } from "../../utils/is.mjs";
+function o(r, t) {
+  let i;
+  return r !== null && !n(r) && !f(r) ? i = String(r) : i = r || "", t ? i.slice(0, t) : i;
+}
+export {
+  o as formatValue
+};

package/dist/es/input/utils/getStyleFromInput.mjs

@@ -0,0 +1,24 @@
+const d = (e) => {
+  if (!e)
+    return {};
+  const o = window.getComputedStyle(e);
+  return [
+    "font",
+    "letterSpacing",
+    "overflow",
+    "tabSize",
+    "textIndent",
+    "textTransform",
+    "whiteSpace",
+    "wordBreak",
+    "wordSpacing",
+    "paddingLeft",
+    "paddingRight",
+    "borderLeft",
+    "borderRight",
+    "boxSizing"
+  ].reduce((t, r) => (t[r] = o[r], t), {});
+};
+export {
+  d as getStyleFromInput
+};

package/dist/es/input/utils/isLengthExceeds.mjs

@@ -0,0 +1,6 @@
+function f({ mergedMaxLength: n, valueLength: r, trueMaxLength: e }) {
+  return !n && e ? r > e : !1;
+}
+export {
+  f as isLengthExceeds
+};