@t-headless-ui/react 1.1.2 → 1.1.3

package/dist/es/index.mjs

@@ -1,122 +1,193 @@
-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 { VerticalMenu as n } from "./vertical-menu/index.mjs";
+import { Anchor as p } from "./anchor/index.mjs";
+import { Popover as f } from "./popover/index.mjs";
+import { InputTag as c } from "./input-tag/index.mjs";
+import { Select as l } from "./select/index.mjs";
+import { Pagination as a } from "./pagination/index.mjs";
+import { useMergeValue as u } from "./hooks/use-merge-value.mjs";
+import { Button as F } from "./button/button.mjs";
+import { Cell as h } from "./grid/cell.mjs";
+import { Checkbox as P } from "./checkbox/components/index.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 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 { Grid as b } from "./grid/grid.mjs";
+import { Icon as y } from "./icon/icon.mjs";
+import { IconAllLine as A } from "./icon/line/all-line.mjs";
+import { IconAppleLine as O } from "./icon/line/apple-line.mjs";
+import { IconArrowLeftLine as k } from "./icon/line/arrow-left-line.mjs";
+import { IconArrowRightLine as G } from "./icon/line/arrow-right-line.mjs";
+import { IconCarrotFill as R } from "./icon/fill/carrot-fill.mjs";
+import { IconCheckLine as H } from "./icon/line/check-line.mjs";
+import { IconCheeryFill as j } from "./icon/fill/cheery-fill.mjs";
+import { IconChiliPepperFill as V } from "./icon/fill/chili-pepper-fill.mjs";
+import { IconChromeLine as z } from "./icon/line/chrome-line.mjs";
+import { IconClickFill as $ } from "./icon/fill/click-fill.mjs";
+import { IconClickLine as J } from "./icon/line/click-line.mjs";
+import { IconCloseLine as Q } from "./icon/line/close-line.mjs";
+import { IconCodeLine as Z } from "./icon/line/code-line.mjs";
+import { IconCopyLine as oo } from "./icon/line/copy-line.mjs";
+import { IconDownLine as eo } from "./icon/line/down-line.mjs";
+import { IconEditLine as no } from "./icon/line/edit-line.mjs";
+import { IconEmailLine as po } from "./icon/line/email-line.mjs";
+import { IconEmptyFill as fo } from "./icon/fill/empty-fill.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";
+import { IconFaceBookLine as lo } from "./icon/line/face-book-line.mjs";
+import { IconFloatLine as ao } from "./icon/line/float-line.mjs";
+import { IconGithubFill as uo } from "./icon/fill/github-fill.mjs";
+import { IconHandDragLine as go } from "./icon/line/hand-drag-line.mjs";
+import { IconHappyRabbitFill as Co } from "./icon/fill/happy-rabbit-fill.mjs";
+import { IconHomeLine as So } from "./icon/line/home-line.mjs";
+import { IconHorizontalGapLine as wo } from "./icon/line/horizontal-gap-line.mjs";
+import { IconInfoFileLine as Mo } from "./icon/line/info-file-line.mjs";
+import { IconInfoLine as Eo } from "./icon/line/info-line.mjs";
+import { IconInterfaceLine as To } from "./icon/line/interface-line.mjs";
+import { IconLeftLine as vo } from "./icon/line/left-line.mjs";
+import { IconLightningFill as No } from "./icon/fill/lightning-fill.mjs";
+import { IconLoadingLine as Bo } from "./icon/line/loading-line.mjs";
+import { IconMLogo as Uo } from "./icon/fill/m-logo.mjs";
+import { IconMessageLine as Do } from "./icon/line/message-line.mjs";
+import { IconMoonLine as Wo } from "./icon/line/moon-line.mjs";
+import { IconMoreFill as Yo } from "./icon/fill/more-fill.mjs";
+import { IconNineGridLine as qo } from "./icon/line/nine-grid-line.mjs";
+import { IconOpenFileLine as Ko } from "./icon/line/open-file-line.mjs";
+import { IconPlatteFill as Xo } from "./icon/fill/platte-fill.mjs";
+import { IconPlusLine as _o } from "./icon/line/plus-line.mjs";
+import { IconPreviewOffLine as rr } from "./icon/line/preview-off-line.mjs";
+import { IconPreviewOnLine as tr } from "./icon/line/preview-on-line.mjs";
+import { IconRightLine as ir } from "./icon/line/right-line.mjs";
+import { IconSearchFileLine as mr } from "./icon/line/search-file-line.mjs";
+import { IconSearchLine as xr } from "./icon/line/search-line.mjs";
+import { IconStarFill as Ir } from "./icon/fill/star-fill.mjs";
+import { IconSuccessLine as Lr } from "./icon/line/success-line.mjs";
+import { IconSunFill as sr } from "./icon/fill/sun-fill.mjs";
+import { IconTLogo as dr } from "./icon/fill/t-logo.mjs";
+import { IconTwitterLine as gr } from "./icon/line/twitter-line.mjs";
+import { IconUpLine as Cr } from "./icon/line/up-line.mjs";
+import { IconWarningLine as Sr } from "./icon/line/warn-line.mjs";
+import { IconYoutubeLine as wr } from "./icon/line/youtube-line.mjs";
+import { InputComponent as Mr } from "./input/input.mjs";
+import * as r from "./icon/line/index.mjs";
+import { Link as Er } from "./link/link.mjs";
+import { ModalProvider as Tr } from "./modal/components/modalProvider.mjs";
+import { Portal as vr } from "./portal/portal.mjs";
+import { Radio as Nr } from "./radio/components/index.mjs";
+import { ToastProvider as Br } from "./toast/toast-provider.mjs";
+import { canUseDom as Ur } from "./utils/can-use-window.mjs";
+import { createFromIconfont as Dr } from "./icon/IconFont.mjs";
+import { createIcon as Wr } from "./icon/createIcon.mjs";
+import { createModalStore as Yr } from "./modal/store.mjs";
+import { createToastStore as qr } from "./toast/store.mjs";
+import { cs as Kr } from "./utils/classnames.mjs";
+import { debounce as Xr } from "./utils/debounce.mjs";
+import { fillNBSP as _r } from "./utils/fillNBSP.mjs";
+import { hasIntersection as re } from "./utils/has-intersection.mjs";
+import { isArray as te, isBlob as ne, isEmptyArray as ie, isEmptyObject as pe, isFile as me, isFunction as fe, isNull as xe, isNullOrUndefined as ce, isNumber as Ie, isObject as le, isPlainObject as Le, isRegExp as ae, isString as se, isUndefined as ue, isWindow as de } from "./utils/is.mjs";
+import { leadingThrottle as ge, trailingThrottle as he } from "./utils/throttle.mjs";
+import { omit as Pe } from "./utils/omit.mjs";
+import { useInputGroup as be } from "./input/use-input-group.mjs";
+import { usePasswordStore as ye } from "./input/use-password-store.mjs";
+import { useSelectContext as Ae } from "./select/context.mjs";
 export {
-  f as Anchor,
-  c as Button,
-  rr as Cell,
+  p as Anchor,
+  F as Button,
+  h as Cell,
+  P as Checkbox,
   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,
+  b as Grid,
+  y as Icon,
+  A as IconAllLine,
+  O as IconAppleLine,
+  k as IconArrowLeftLine,
+  G as IconArrowRightLine,
+  R as IconCarrotFill,
+  H as IconCheckLine,
+  j as IconCheeryFill,
+  V as IconChiliPepperFill,
+  z as IconChromeLine,
+  $ as IconClickFill,
+  J as IconClickLine,
+  Q as IconCloseLine,
+  Z as IconCodeLine,
+  oo as IconCopyLine,
+  eo as IconDownLine,
+  no as IconEditLine,
+  po as IconEmailLine,
+  fo as IconEmptyFill,
   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,
-  z as IconUpLine,
-  Lo as IconWarningLine,
-  Z as IconYoutubeLine,
-  mr as InputComponent,
+  lo as IconFaceBookLine,
+  ao as IconFloatLine,
+  uo as IconGithubFill,
+  go as IconHandDragLine,
+  Co as IconHappyRabbitFill,
+  So as IconHomeLine,
+  wo as IconHorizontalGapLine,
+  Mo as IconInfoFileLine,
+  Eo as IconInfoLine,
+  To as IconInterfaceLine,
+  vo as IconLeftLine,
+  No as IconLightningFill,
+  Bo as IconLoadingLine,
+  Uo as IconMLogo,
+  Do as IconMessageLine,
+  Wo as IconMoonLine,
+  Yo as IconMoreFill,
+  qo as IconNineGridLine,
+  Ko as IconOpenFileLine,
+  Xo as IconPlatteFill,
+  _o as IconPlusLine,
+  rr as IconPreviewOffLine,
+  tr as IconPreviewOnLine,
+  ir as IconRightLine,
+  mr as IconSearchFileLine,
+  xr as IconSearchLine,
+  Ir as IconStarFill,
+  Lr as IconSuccessLine,
+  sr as IconSunFill,
+  dr as IconTLogo,
+  gr as IconTwitterLine,
+  Cr as IconUpLine,
+  Sr as IconWarningLine,
+  wr as IconYoutubeLine,
+  Mr as InputComponent,
+  c as InputTag,
   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
+  Er as Link,
+  Tr as ModalProvider,
+  a as Pagination,
+  f as Popover,
+  vr as Portal,
+  Nr as Radio,
+  l as Select,
+  Br as ToastProvider,
+  n as VerticalMenu,
+  Ur as canUseDom,
+  Dr as createFromIconfont,
+  Wr as createIcon,
+  Yr as createModalStore,
+  qr as createToastStore,
+  Kr as cs,
+  Xr as debounce,
+  _r as fillNBSP,
+  re as hasIntersection,
+  te as isArray,
+  ne as isBlob,
+  ie as isEmptyArray,
+  pe as isEmptyObject,
+  me as isFile,
+  fe as isFunction,
+  xe as isNull,
+  ce as isNullOrUndefined,
+  Ie as isNumber,
+  le as isObject,
+  Le as isPlainObject,
+  ae as isRegExp,
+  se as isString,
+  ue as isUndefined,
+  de as isWindow,
+  ge as leadingThrottle,
+  Pe as omit,
+  he as trailingThrottle,
+  be as useInputGroup,
+  u as useMergeValue,
+  ye as usePasswordStore,
+  Ae as useSelectContext
 };

package/dist/es/input/input.mjs

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

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

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

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

@@ -1,13 +1,13 @@
 "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 { contains as d } 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";
+import { formatValue as m } 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
+    defaultValue: "defaultValue" in n ? m(n.defaultValue, c) : void 0,
+    value: "value" in n ? m(n.value, c) : void 0
   }), V = (t, r) => {
     var f;
     "value" in n || i(t), (f = n.onChange) == null || f.call(n, t, r);
@@ -15,18 +15,18 @@ function G(n) {
   return {
     status: n.status || (l ? "error" : void 0),
     setFocus: h,
-    focus: v,
+    isFocused: 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();
+      t.target.tagName !== "INPUT" && e.current && d(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());
+      e.current && d(e.current, t == null ? void 0 : t.target) && ((r = s.current) == null || r.focus());
     },
     onChange: V
   };

package/dist/es/input-tag/components/input-tag-clear.mjs

@@ -0,0 +1,23 @@
+"use client";
+import { jsx as s } from "react/jsx-runtime";
+import { useInputInnerTagContext as u } from "../inner-context.mjs";
+function g({ children: d, onClick: t, ...o }) {
+  const { value: r, disabled: n, readOnly: e, focused: i, handleClearClick: l } = u();
+  return n || e || !(r != null && r.length) ? null : /* @__PURE__ */ s(
+    "div",
+    {
+      ...o,
+      onClick: (a) => {
+        if (a.stopPropagation(), n || e || !(r != null && r.length)) return null;
+        l(a), t == null || t(a);
+      },
+      "aria-disabled": !!n,
+      "aria-readonly": !!e,
+      "data-focused": !!i,
+      children: d
+    }
+  );
+}
+export {
+  g as InputTagClear
+};