laif-ds 1.1.1 → 1.1.3

package/dist/components/ui/app-editor.js

@@ -1,207 +1,231 @@
 "use client";
-import { jsx as r, jsxs as t, Fragment as p } from "react/jsx-runtime";
-import { ListNode as H, ListItemNode as D } from "../../node_modules/@lexical/list/dist/LexicalList.prod.js";
-import { TRANSFORMERS as U, $convertToMarkdownString as _, $convertFromMarkdownString as z } from "../../node_modules/@lexical/markdown/dist/LexicalMarkdown.prod.js";
-import { CheckListPlugin as Q } from "../../node_modules/@lexical/react/dist/LexicalCheckListPlugin.prod.js";
-import { ClearEditorPlugin as K } from "../../node_modules/@lexical/react/dist/LexicalClearEditorPlugin.prod.js";
-import { LexicalComposer as W } from "../../node_modules/@lexical/react/dist/LexicalComposer.prod.js";
-import { useLexicalComposerContext as q } from "../../node_modules/@lexical/react/dist/LexicalComposerContext.prod.js";
-import { LexicalErrorBoundary as G } from "../../node_modules/@lexical/react/dist/LexicalErrorBoundary.prod.js";
-import { HistoryPlugin as J } from "../../node_modules/@lexical/react/dist/LexicalHistoryPlugin.prod.js";
-import { ListPlugin as X } from "../../node_modules/@lexical/react/dist/LexicalListPlugin.prod.js";
-import { OnChangePlugin as Y } from "../../node_modules/@lexical/react/dist/LexicalOnChangePlugin.prod.js";
-import { RichTextPlugin as Z } from "../../node_modules/@lexical/react/dist/LexicalRichTextPlugin.prod.js";
-import { HeadingNode as V, QuoteNode as rr } from "../../node_modules/@lexical/rich-text/dist/LexicalRichText.prod.js";
-import { ParagraphNode as g, TextNode as h, $nodesOfType as or, $getRoot as b } from "../../node_modules/lexical/dist/Lexical.prod.js";
-import { useState as er, useMemo as tr, useEffect as ir } from "react";
-import { ContentEditable as nr } from "../editor/editor-ui/content-editable.js";
-import { MentionNode as w } from "../editor/nodes/mention-node.js";
-import { ActionsPlugin as lr } from "../editor/plugins/actions/actions-plugin.js";
-import { ClearEditorActionPlugin as ar } from "../editor/plugins/actions/clear-editor-plugin.js";
-import { CounterCharacterPlugin as sr } from "../editor/plugins/actions/counter-character-plugin.js";
-import { MENTION_TRANSFORMER as mr, MentionPlugin as cr, collectMentions as dr } from "../editor/plugins/mention-plugin.js";
-import { FormatBulletedList as fr } from "../editor/plugins/toolbar/block-format/format-bulleted-list.js";
-import { FormatCheckList as pr } from "../editor/plugins/toolbar/block-format/format-check-list.js";
-import { FormatHeading as ur } from "../editor/plugins/toolbar/block-format/format-heading.js";
-import { FormatNumberedList as gr } from "../editor/plugins/toolbar/block-format/format-numbered-list.js";
-import { FormatParagraph as hr } from "../editor/plugins/toolbar/block-format/format-paragraph.js";
-import { FormatQuote as br } from "../editor/plugins/toolbar/block-format/format-quote.js";
-import { BlockFormatDropDown as xr } from "../editor/plugins/toolbar/block-format-toolbar-plugin.js";
-import { FontFormatToolbarPlugin as d } from "../editor/plugins/toolbar/font-format-toolbar-plugin.js";
-import { MentionInsertToolbarPlugin as Nr } from "../editor/plugins/toolbar/mention-insert-toolbar-plugin.js";
-import { ToolbarPlugin as u } from "../editor/plugins/toolbar/toolbar-plugin.js";
-import { editorTheme as vr } from "../editor/themes/editor-theme.js";
-import { TooltipProvider as Er } from "./tooltip.js";
-import { HistoryToolbarPlugin as Fr } from "../editor/plugins/toolbar/history-toolbar-plugin.js";
-import { cn as Cr } from "../../lib/utils.js";
-const Pr = "Start typing...", yr = {
+import { jsx as r, jsxs as n, Fragment as u } from "react/jsx-runtime";
+import { LinkNode as U } from "../../node_modules/@lexical/link/dist/LexicalLink.prod.js";
+import { ListNode as _, ListItemNode as Q } from "../../node_modules/@lexical/list/dist/LexicalList.prod.js";
+import { TRANSFORMERS as K, $convertToMarkdownString as W, $convertFromMarkdownString as Z } from "../../node_modules/@lexical/markdown/dist/LexicalMarkdown.prod.js";
+import { CheckListPlugin as q } from "../../node_modules/@lexical/react/dist/LexicalCheckListPlugin.prod.js";
+import { ClearEditorPlugin as G } from "../../node_modules/@lexical/react/dist/LexicalClearEditorPlugin.prod.js";
+import { LexicalComposer as J } from "../../node_modules/@lexical/react/dist/LexicalComposer.prod.js";
+import { useLexicalComposerContext as L } from "../../node_modules/@lexical/react/dist/LexicalComposerContext.prod.js";
+import { LexicalErrorBoundary as X } from "../../node_modules/@lexical/react/dist/LexicalErrorBoundary.prod.js";
+import { HistoryPlugin as Y } from "../../node_modules/@lexical/react/dist/LexicalHistoryPlugin.prod.js";
+import { ListPlugin as V } from "../../node_modules/@lexical/react/dist/LexicalListPlugin.prod.js";
+import { OnChangePlugin as rr } from "../../node_modules/@lexical/react/dist/LexicalOnChangePlugin.prod.js";
+import { RichTextPlugin as or } from "../../node_modules/@lexical/react/dist/LexicalRichTextPlugin.prod.js";
+import { HeadingNode as er, QuoteNode as tr } from "../../node_modules/@lexical/rich-text/dist/LexicalRichText.prod.js";
+import { ParagraphNode as g, TextNode as h, $nodesOfType as ir, $getRoot as N } from "../../node_modules/lexical/dist/Lexical.prod.js";
+import { forwardRef as nr, useState as lr, useMemo as ar, useImperativeHandle as sr, useEffect as mr } from "react";
+import { ContentEditable as cr } from "../editor/editor-ui/content-editable.js";
+import { MentionNode as k } from "../editor/nodes/mention-node.js";
+import { ActionsPlugin as dr } from "../editor/plugins/actions/actions-plugin.js";
+import { ClearEditorActionPlugin as pr } from "../editor/plugins/actions/clear-editor-plugin.js";
+import { CounterCharacterPlugin as fr } from "../editor/plugins/actions/counter-character-plugin.js";
+import { MENTION_TRANSFORMER as ur, MentionPlugin as gr, collectMentions as hr } from "../editor/plugins/mention-plugin.js";
+import { FormatBulletedList as Nr } from "../editor/plugins/toolbar/block-format/format-bulleted-list.js";
+import { FormatCheckList as br } from "../editor/plugins/toolbar/block-format/format-check-list.js";
+import { FormatHeading as vr } from "../editor/plugins/toolbar/block-format/format-heading.js";
+import { FormatNumberedList as xr } from "../editor/plugins/toolbar/block-format/format-numbered-list.js";
+import { FormatParagraph as Er } from "../editor/plugins/toolbar/block-format/format-paragraph.js";
+import { FormatQuote as Fr } from "../editor/plugins/toolbar/block-format/format-quote.js";
+import { BlockFormatDropDown as Pr } from "../editor/plugins/toolbar/block-format-toolbar-plugin.js";
+import { FontFormatToolbarPlugin as m } from "../editor/plugins/toolbar/font-format-toolbar-plugin.js";
+import { LinkToolbarPlugin as yr, $insertLink as Rr } from "../editor/plugins/toolbar/link-toolbar-plugin.js";
+import { MentionInsertToolbarPlugin as Cr } from "../editor/plugins/toolbar/mention-insert-toolbar-plugin.js";
+import { ToolbarPlugin as f } from "../editor/plugins/toolbar/toolbar-plugin.js";
+import { editorTheme as Tr } from "../editor/themes/editor-theme.js";
+import { TooltipProvider as kr } from "./tooltip.js";
+import { HistoryToolbarPlugin as wr } from "../editor/plugins/toolbar/history-toolbar-plugin.js";
+import { cn as Lr } from "../../lib/utils.js";
+const Sr = "Start typing...", Ar = {
   format: ["underline"],
   tag: "++",
   type: "text-format"
-}, S = [
-  ...U,
-  yr
-], Tr = (o) => o.replace(/<u>(.*?)<\/u>/g, "++$1++"), Rr = (o) => o.replace(/\+\+(.+?)\+\+/g, "<u>$1</u>");
-function wr({
+}, w = [
+  ...K,
+  Ar
+], Mr = (o) => o.replace(/<u>(.*?)<\/u>/g, "++$1++"), $r = (o) => o.replace(/\+\+(.+?)\+\+/g, "<u>$1</u>");
+function Ir({
+  handleRef: o
+}) {
+  const [e] = L();
+  return sr(
+    o,
+    () => ({
+      insertLink: (t, a) => {
+        e.focus(), e.update(() => Rr(t, a));
+      }
+    }),
+    [e]
+  ), null;
+}
+function Or({
   defaultValue: o,
-  onlyMarkdown: a,
-  transformers: n
+  onlyMarkdown: e,
+  transformers: t
 }) {
-  const [s] = q();
-  return ir(() => {
-    o && s.update(() => {
-      a ? z(
-        Tr(o),
-        n
-      ) : b().append(
+  const [a] = L();
+  return mr(() => {
+    o && a.update(() => {
+      e ? Z(
+        Mr(o),
+        t
+      ) : N().append(
         new g().append(new h(o))
       );
-      const m = b();
-      (m.getFirstChild() ?? m).selectStart();
+      const c = N();
+      (c.getFirstChild() ?? c).selectStart();
     });
-  }, [s, o, a, n]), null;
+  }, [a, o, e, t]), null;
 }
-function co({
+function Hr({
   defaultValue: o,
-  onMarkdownEdit: a,
-  onValueChange: n,
-  plugins: s = [],
-  toolbars: m = [],
-  placeholder: L = Pr,
-  onlyMarkdown: x = !0,
-  className: M = "rounded-lg border border-d-border",
-  wrpClassName: A = "",
-  mentions: c,
-  mentionTrigger: N = "@"
-}) {
-  const [, k] = er(null), l = c !== void 0, v = tr(
-    () => l ? [mr, ...S] : S,
-    [l]
+  onMarkdownEdit: e,
+  onValueChange: t,
+  plugins: a = [],
+  toolbars: c = [],
+  placeholder: S = Sr,
+  onlyMarkdown: b = !0,
+  className: A = "rounded-lg border border-d-border",
+  wrpClassName: M = "",
+  mentions: d,
+  mentionTrigger: v = "@"
+}, $) {
+  const [, I] = lr(null), s = d !== void 0, x = ar(
+    () => s ? [ur, ...w] : w,
+    [s]
   ), O = {
     namespace: "AppEditor",
-    theme: vr,
+    theme: Tr,
     nodes: [
-      V,
+      er,
       g,
       h,
-      rr,
-      H,
-      D,
-      ...l ? [w] : []
+      tr,
+      _,
+      Q,
+      // TRANSFORMERS includes the Markdown LINK transformer, which needs this
+      // node to import `[text](url)` from `defaultValue`.
+      U,
+      ...s ? [k] : []
     ],
-    onError: (e) => {
-      console.error(e);
+    onError: (i) => {
+      console.error(i);
     },
-    ...o && !x ? {
+    ...o && !b ? {
       editorState: () => {
-        b().append(
+        N().append(
           new g().append(new h(o))
         );
       }
     } : {}
-  }, E = (e) => s.includes(e), f = (e) => m.includes(e), F = E("clear"), C = E("counter"), P = f("block-format"), $ = f("font-format"), y = f("history");
-  return /* @__PURE__ */ r("div", { className: Cr("bg-d-background flex h-96 flex-col", A), children: /* @__PURE__ */ r(W, { initialConfig: O, children: /* @__PURE__ */ t(Er, { children: [
+  }, E = (i) => a.includes(i), p = (i) => c.includes(i), F = E("clear"), P = E("counter"), y = p("block-format"), H = p("font-format"), R = p("history"), j = p("link");
+  return /* @__PURE__ */ r("div", { className: Lr("bg-d-background flex h-96 flex-col", M), children: /* @__PURE__ */ r(J, { initialConfig: O, children: /* @__PURE__ */ n(kr, { children: [
+    /* @__PURE__ */ r(Ir, { handleRef: $ }),
     o && /* @__PURE__ */ r(
-      wr,
+      Or,
       {
         defaultValue: o,
-        onlyMarkdown: x,
-        transformers: v
+        onlyMarkdown: b,
+        transformers: x
       }
     ),
-    l && /* @__PURE__ */ r(cr, { source: c, trigger: N }),
-    /* @__PURE__ */ t("div", { className: "border-d-border flex items-center border-b", children: [
-      y && /* @__PURE__ */ r(u, { children: () => /* @__PURE__ */ r("div", { className: "vertical-align-middle sticky top-0 z-10 flex gap-2 overflow-auto p-1", children: /* @__PURE__ */ r(Fr, {}) }) }),
-      P && /* @__PURE__ */ r(u, { children: () => /* @__PURE__ */ r(p, { children: /* @__PURE__ */ r("div", { className: "vertical-align-middle sticky top-0 z-10 flex gap-2 overflow-auto p-1", children: /* @__PURE__ */ t(xr, { children: [
-        /* @__PURE__ */ r(hr, {}),
-        /* @__PURE__ */ r(ur, { levels: ["h1", "h2", "h3"] }),
-        /* @__PURE__ */ r(gr, {}),
-        /* @__PURE__ */ r(fr, {}),
-        /* @__PURE__ */ r(pr, {}),
-        /* @__PURE__ */ r(br, {})
+    s && /* @__PURE__ */ r(gr, { source: d, trigger: v }),
+    /* @__PURE__ */ n("div", { className: "border-d-border flex items-center border-b", children: [
+      R && /* @__PURE__ */ r(f, { children: () => /* @__PURE__ */ r("div", { className: "vertical-align-middle sticky top-0 z-10 flex gap-2 overflow-auto p-1", children: /* @__PURE__ */ r(wr, {}) }) }),
+      y && /* @__PURE__ */ r(f, { children: () => /* @__PURE__ */ r(u, { children: /* @__PURE__ */ r("div", { className: "vertical-align-middle sticky top-0 z-10 flex gap-2 overflow-auto p-1", children: /* @__PURE__ */ n(Pr, { children: [
+        /* @__PURE__ */ r(Er, {}),
+        /* @__PURE__ */ r(vr, { levels: ["h1", "h2", "h3"] }),
+        /* @__PURE__ */ r(xr, {}),
+        /* @__PURE__ */ r(Nr, {}),
+        /* @__PURE__ */ r(br, {}),
+        /* @__PURE__ */ r(Fr, {})
       ] }) }) }) }),
-      $ && /* @__PURE__ */ r(u, { children: () => /* @__PURE__ */ t("div", { className: "vertical-align-middle sticky top-0 z-10 flex gap-2 overflow-auto p-1", children: [
-        /* @__PURE__ */ r(d, { format: "bold" }),
-        /* @__PURE__ */ r(d, { format: "italic" }),
-        /* @__PURE__ */ r(d, { format: "underline" }),
-        /* @__PURE__ */ r(d, { format: "strikethrough" }),
-        l && /* @__PURE__ */ r(
-          Nr,
+      H && /* @__PURE__ */ r(f, { children: () => /* @__PURE__ */ n("div", { className: "vertical-align-middle sticky top-0 z-10 flex gap-2 overflow-auto p-1", children: [
+        /* @__PURE__ */ r(m, { format: "bold" }),
+        /* @__PURE__ */ r(m, { format: "italic" }),
+        /* @__PURE__ */ r(m, { format: "underline" }),
+        /* @__PURE__ */ r(m, { format: "strikethrough" }),
+        /* @__PURE__ */ r(m, { format: "code" }),
+        s && /* @__PURE__ */ r(
+          Cr,
           {
-            trigger: N ?? "@"
+            trigger: v ?? "@"
           }
         )
-      ] }) })
+      ] }) }),
+      j && /* @__PURE__ */ r(f, { children: () => /* @__PURE__ */ r("div", { className: "vertical-align-middle sticky top-0 z-10 flex gap-2 overflow-auto p-1", children: /* @__PURE__ */ r(yr, {}) }) })
     ] }),
-    /* @__PURE__ */ t("div", { className: "relative flex min-h-0 w-full flex-1 flex-col", children: [
-      y && /* @__PURE__ */ r(J, {}),
+    /* @__PURE__ */ n("div", { className: "relative flex min-h-0 w-full flex-1 flex-col", children: [
+      R && /* @__PURE__ */ r(Y, {}),
       /* @__PURE__ */ r(
-        Z,
+        or,
         {
-          ErrorBoundary: G,
+          ErrorBoundary: X,
           contentEditable: /* @__PURE__ */ r(
             "div",
             {
-              ref: k,
+              ref: I,
               className: "flex min-h-0 w-full flex-1 overflow-auto",
               children: /* @__PURE__ */ r(
-                nr,
+                cr,
                 {
-                  placeholder: L,
-                  className: `border-d-border w-full rounded-none border-b ${M}`
+                  placeholder: S,
+                  className: `border-d-border w-full rounded-none border-b ${A}`
                 }
               )
             }
           )
         }
       ),
-      P && /* @__PURE__ */ t(p, { children: [
-        /* @__PURE__ */ r(X, {}),
-        /* @__PURE__ */ r(Q, {})
+      y && /* @__PURE__ */ n(u, { children: [
+        /* @__PURE__ */ r(V, {}),
+        /* @__PURE__ */ r(q, {})
       ] }),
-      (F || C) && /* @__PURE__ */ r(lr, { children: /* @__PURE__ */ t("div", { className: "clear-both flex items-center justify-between gap-2 p-1", children: [
+      (F || P) && /* @__PURE__ */ r(dr, { children: /* @__PURE__ */ n("div", { className: "clear-both flex items-center justify-between gap-2 p-1", children: [
         /* @__PURE__ */ r("div", { className: "flex flex-1 justify-start" }),
-        /* @__PURE__ */ r("div", { children: C && /* @__PURE__ */ r(sr, { charset: "UTF-16" }) }),
-        /* @__PURE__ */ r("div", { className: "flex flex-1 justify-end gap-2", children: F && /* @__PURE__ */ t(p, { children: [
-          /* @__PURE__ */ r(ar, {}),
-          /* @__PURE__ */ r(K, {})
+        /* @__PURE__ */ r("div", { children: P && /* @__PURE__ */ r(fr, { charset: "UTF-16" }) }),
+        /* @__PURE__ */ r("div", { className: "flex flex-1 justify-end gap-2", children: F && /* @__PURE__ */ n(u, { children: [
+          /* @__PURE__ */ r(pr, {}),
+          /* @__PURE__ */ r(G, {})
         ] }) })
       ] }) })
     ] }),
     /* @__PURE__ */ r(
-      Y,
+      rr,
       {
         ignoreSelectionChange: !0,
-        onChange: (e) => {
-          if (!n && !a) return;
-          const T = Rr(
-            e.read(() => _(v))
+        onChange: (i) => {
+          if (!t && !e) return;
+          const C = $r(
+            i.read(() => W(x))
           );
-          if (!n) {
-            a?.(T);
+          if (!t) {
+            e?.(C);
             return;
           }
-          let R = [];
-          if (l) {
-            const I = e.read(
-              () => dr(or(w))
-            ), j = Array.isArray(c) ? c : [], B = new Map(
-              j.map((i) => [String(i.id), i])
+          let T = [];
+          if (s) {
+            const B = i.read(
+              () => hr(ir(k))
+            ), z = Array.isArray(d) ? d : [], D = new Map(
+              z.map((l) => [String(l.id), l])
             );
-            R = I.map(
-              (i) => B.get(String(i.id)) ?? {
-                id: i.id,
-                label: i.label,
-                value: i.value
+            T = B.map(
+              (l) => D.get(String(l.id)) ?? {
+                id: l.id,
+                label: l.label,
+                value: l.value
               }
             );
           }
-          n(T, { mentions: R });
+          t(C, { mentions: T });
         }
       }
     )
   ] }) }) });
 }
+const jr = nr(Hr);
+jr.displayName = "AppEditor";
 export {
-  co as AppEditor
+  jr as AppEditor
 };

package/dist/components/ui/input.js

@@ -1,14 +1,14 @@
 "use client";
 import { jsxs as u, jsx as o } from "react/jsx-runtime";
-import { cva as G } from "../../node_modules/class-variance-authority/dist/index.js";
+import { cva as y } from "../../node_modules/class-variance-authority/dist/index.js";
 import * as a from "react";
 import { designTokens as i } from "../design-tokens.js";
-import { Label as oe } from "./label.js";
-import { cn as c } from "../../lib/utils.js";
+import { Label as le } from "./label.js";
+import { cn as l } from "../../lib/utils.js";
 import { Icon as k } from "./icon.js";
-import { Typo as ie } from "./typo.js";
-const le = G(
-  c(
+import { Typo as ce } from "./typo.js";
+const ue = y(
+  l(
     i.input.base,
     i.radius.default,
     "items-center gap-2 px-3",
@@ -27,8 +27,8 @@ const le = G(
       size: "default"
     }
   }
-), ce = G(
-  c(
+), de = y(
+  l(
     i.text.base,
     "shadow-none flex-1 min-w-0 bg-transparent outline-none border-0 p-0 overflow-hidden text-ellipsis",
     "file:text-d-foreground file:inline-flex file:border-0 file:bg-transparent file:text-sm file:font-medium",
@@ -50,26 +50,27 @@ const le = G(
       size: "default"
     }
   }
-), x = {
+), w = {
   show: "Mostra password",
   hide: "Nascondi password"
-}, T = "Cancella", xe = a.forwardRef(
+}, T = "Cancella", be = a.forwardRef(
   ({
-    className: F,
+    className: G,
     type: d,
     label: E,
-    labelClassName: X,
-    id: $,
+    labelClassName: F,
+    id: X,
     iconLeft: M,
     iconRight: V,
     startContent: C,
     endContent: L,
+    clearable: $ = !0,
     size: f,
-    disabled: l,
+    disabled: c,
     required: O,
     onBlur: _,
-    onChange: z,
-    onInvalid: B,
+    onChange: B,
+    onInvalid: z,
     "aria-invalid": J,
     "aria-describedby": K,
     showValidMessage: D = !1,
@@ -77,19 +78,19 @@ const le = G(
     validityI18n: t,
     ...m
   }, Q) => {
-    const [p, Y] = a.useState(!1), [w, N] = a.useState(!0), [Z, R] = a.useState(!1), [U, S] = a.useState(""), q = a.useId(), b = $ ?? q, j = `${b}-validity`, h = a.useRef(null), v = d === "password", W = d === "search", [H, P] = a.useState(
+    const [p, Y] = a.useState(!1), [x, N] = a.useState(!0), [Z, R] = a.useState(!1), [U, S] = a.useState(""), q = a.useId(), b = X ?? q, j = `${b}-validity`, h = a.useRef(null), v = d === "password", I = d === "search", [ee, W] = a.useState(
       () => String(m.value ?? m.defaultValue ?? "").length > 0
-    ), I = v ? p ? "text" : "password" : d, y = J ?? (!w && Z ? !0 : void 0), ee = [K, A && j].filter(Boolean).join(" ").trim() || void 0;
+    ), H = I && $ && ee && !c, te = v ? p ? "text" : "password" : d, P = J ?? (!x && Z ? !0 : void 0), se = [K, A && j].filter(Boolean).join(" ").trim() || void 0;
     a.useImperativeHandle(Q, () => h.current);
-    const te = a.useCallback(
+    const ae = a.useCallback(
       (e) => {
-        if (l) return;
+        if (c) return;
         const s = e.target;
         if (s.tagName === "INPUT" || s.tagName === "BUTTON") return;
         const r = h.current;
         r && (r.focus(), !v && d !== "file" && r.select());
       },
-      [l, v, d]
+      [c, v, d]
     ), g = a.useCallback(
       (e) => {
         const s = e.validity, r = e.validationMessage !== "" ? e.validationMessage : "✓";
@@ -111,51 +112,51 @@ const le = G(
         N(e), S(s);
       }
     }, [g]);
-    const se = a.useCallback(
+    const re = a.useCallback(
       (e) => {
         R(!0);
         const { isValid: s, message: r } = g(e.currentTarget);
-        N(s), S(r), P(e.currentTarget.value.length > 0), z?.(e);
+        N(s), S(r), W(e.currentTarget.value.length > 0), B?.(e);
       },
-      [z, g]
+      [B, g]
     );
     a.useEffect(() => {
-      m.value !== void 0 && P(String(m.value).length > 0);
+      m.value !== void 0 && W(String(m.value).length > 0);
     }, [m.value]);
-    const ae = a.useCallback(() => {
+    const ne = a.useCallback(() => {
       const e = h.current;
       if (!e) return;
       Object.getOwnPropertyDescriptor(
         window.HTMLInputElement.prototype,
         "value"
       )?.set?.call(e, ""), e.dispatchEvent(new Event("input", { bubbles: !0 })), e.focus();
-    }, []), re = a.useCallback(
+    }, []), oe = a.useCallback(
       (e) => {
         R(!0), _?.(e);
       },
       [_]
-    ), ne = a.useCallback(
+    ), ie = a.useCallback(
       (e) => {
         const { isValid: s, message: r } = g(e.currentTarget);
-        N(s), S(r), B?.(e);
+        N(s), S(r), z?.(e);
       },
-      [B, g]
+      [z, g]
     );
-    return /* @__PURE__ */ u("div", { className: c("flex flex-col gap-1.5", F), children: [
-      E && /* @__PURE__ */ u(oe, { htmlFor: b, className: c("gap-0.5", X), children: [
+    return /* @__PURE__ */ u("div", { className: l("flex flex-col gap-1.5", G), children: [
+      E && /* @__PURE__ */ u(le, { htmlFor: b, className: l("gap-0.5", F), children: [
         E,
-        O && w && /* @__PURE__ */ o("div", { children: "*" }),
-        !w && /* @__PURE__ */ o("div", { className: "text-d-destructive", children: "*" })
+        O && x && /* @__PURE__ */ o("div", { children: "*" }),
+        !x && /* @__PURE__ */ o("div", { className: "text-d-destructive", children: "*" })
       ] }),
       /* @__PURE__ */ u(
         "div",
         {
-          className: c(
-            le({ size: f }),
-            l ? "cursor-not-allowed opacity-50" : "cursor-text"
+          className: l(
+            ue({ size: f }),
+            c ? "cursor-not-allowed opacity-50" : "cursor-text"
           ),
-          "aria-invalid": y,
-          onClick: te,
+          "aria-invalid": P,
+          onClick: ae,
           children: [
             (M || C) && /* @__PURE__ */ u("div", { className: "text-d-muted-foreground flex shrink-0 items-center gap-2", children: [
               M && /* @__PURE__ */ o(k, { name: M, size: f === "lg" ? "sm" : "xs" }),
@@ -165,16 +166,16 @@ const le = G(
               "input",
               {
                 id: b,
-                type: I,
+                type: te,
                 "data-slot": "input",
-                className: c(ce({ size: f })),
+                className: l(de({ size: f })),
                 ref: h,
-                disabled: l,
-                onChange: se,
-                onBlur: re,
-                onInvalid: ne,
-                "aria-invalid": y,
-                "aria-describedby": ee,
+                disabled: c,
+                onChange: re,
+                onBlur: oe,
+                onInvalid: ie,
+                "aria-invalid": P,
+                "aria-describedby": se,
                 required: O,
                 step: d === "number" ? "any" : void 0,
                 ...m
@@ -187,15 +188,15 @@ const le = G(
                 onClick: (e) => {
                   e.stopPropagation(), e.preventDefault(), Y((s) => !s);
                 },
-                className: c(
+                className: l(
                   "text-d-muted-foreground flex shrink-0 cursor-pointer items-center",
-                  l && "cursor-not-allowed"
+                  c && "cursor-not-allowed"
                 ),
-                "aria-label": p ? x.hide : x.show,
+                "aria-label": p ? w.hide : w.show,
                 "aria-pressed": p,
                 "aria-controls": b,
-                title: p ? x.hide : x.show,
-                disabled: l,
+                title: p ? w.hide : w.show,
+                disabled: c,
                 children: [
                   /* @__PURE__ */ o(
                     k,
@@ -204,17 +205,17 @@ const le = G(
                       size: f === "lg" ? "sm" : "xs"
                     }
                   ),
-                  /* @__PURE__ */ o("span", { className: "sr-only", children: p ? x.hide : x.show })
+                  /* @__PURE__ */ o("span", { className: "sr-only", children: p ? w.hide : w.show })
                 ]
               }
-            ) : (W && H && !l ? !0 : V || L) && /* @__PURE__ */ u("div", { className: "text-d-muted-foreground flex shrink-0 items-center gap-2", children: [
+            ) : (H || V || L) && /* @__PURE__ */ u("div", { className: "text-d-muted-foreground flex shrink-0 items-center gap-2", children: [
               L,
-              W && H && !l && /* @__PURE__ */ u(
+              H && /* @__PURE__ */ u(
                 "button",
                 {
                   type: "button",
                   onClick: (e) => {
-                    e.stopPropagation(), e.preventDefault(), ae();
+                    e.stopPropagation(), e.preventDefault(), ne();
                   },
                   onMouseDown: (e) => e.preventDefault(),
                   className: "text-d-muted-foreground flex shrink-0 cursor-pointer items-center",
@@ -232,15 +233,15 @@ const le = G(
         }
       ),
       A && U.length > 0 && /* @__PURE__ */ o(
-        ie,
+        ce,
         {
           variant: "caption",
           id: j,
-          role: w ? "status" : "alert",
+          role: x ? "status" : "alert",
           "aria-live": "polite",
-          className: c(
+          className: l(
             "max-w-full min-w-0 text-wrap",
-            w ? "text-d-success" : "text-d-destructive"
+            x ? "text-d-success" : "text-d-destructive"
           ),
           children: U
         }
@@ -249,6 +250,6 @@ const le = G(
   }
 );
 export {
-  xe as Input,
-  ce as inputVariants
+  be as Input,
+  de as inputVariants
 };