laif-ds 0.2.74 → 0.2.76

package/dist/components/ui/date-picker.js

@@ -1,13 +1,13 @@
 "use client";
 import { jsxs as l, jsx as o } from "react/jsx-runtime";
-import { designTokens as r } from "../design-tokens.js";
-import { Calendar as L } from "./calendar.js";
-import { Icon as X } from "./icon.js";
-import { Label as ue } from "./label.js";
-import { Popover as fe, PopoverTrigger as he, PopoverContent as ge } from "./popover.js";
-import { cn as B } from "../../lib/utils.js";
 import * as f from "react";
-import { useCallback as G, useMemo as p, useEffect as ve } from "react";
+import { useCallback as L, useMemo as p, useEffect as ue } from "react";
+import { designTokens as r } from "../design-tokens.js";
+import { Calendar as X } from "./calendar.js";
+import { Icon as B } from "./icon.js";
+import { Label as fe } from "./label.js";
+import { Popover as he, PopoverTrigger as ge, PopoverContent as ve } from "./popover.js";
+import { cn as G } from "../../lib/utils.js";
 import { TimePickerColumn as k } from "./app-time-picker.js";
 import { it as be } from "../../node_modules/date-fns/locale/it.js";
 import { formatDate as H } from "../../node_modules/date-fns/format.js";
@@ -53,7 +53,7 @@ function Oe(t) {
       s.getMinutes(),
       s.getSeconds()
     ), b(a), a && C(a), !n && t.onChange && t.onChange(a), !v && a && V(!1);
-  }, ae = G(() => {
+  }, ae = L(() => {
     n ? (N(void 0), t.onChange && t.onChange(void 0)) : (b(void 0), t.onChange && t.onChange(void 0)), A?.();
   }, [n, t.onChange, A]), ne = s?.getHours(), oe = s?.getMinutes(), se = s?.getSeconds(), ie = p(
     () => Array.from({ length: 24 }, (e, a) => a),
@@ -70,7 +70,7 @@ function Oe(t) {
       (e, a) => a * y
     ),
     [y]
-  ), S = G(
+  ), S = L(
     (e, a) => {
       const m = s ? new Date(s) : /* @__PURE__ */ new Date();
       s || m.setHours(0, 0, 0, 0), e === "hour" ? m.setHours(a) : e === "minute" ? m.setMinutes(a) : e === "second" && m.setSeconds(a), b(m), !n && t.onChange && t.onChange(m);
@@ -84,7 +84,7 @@ function Oe(t) {
     (e) => !O.some(
       (a) => Ce(a, e)
     )
-  ), d && (c = [!0]), ve(() => {
+  ), d && (c = [!0]), ue(() => {
     if (n) {
       N(t.value);
       const e = t.value?.from;
@@ -99,15 +99,15 @@ function Oe(t) {
     i.from && i.to && " - ",
     i.to && H(i.to, D, { locale: u })
   ] }) : !n && s ? /* @__PURE__ */ o("span", { children: H(s, D, { locale: u }) }) : /* @__PURE__ */ o("span", { className: "text-d-muted-foreground", children: x });
-  return /* @__PURE__ */ l("div", { className: B("flex flex-col gap-1.5", W), children: [
-    I && /* @__PURE__ */ o(ue, { htmlFor: q, className: U, children: I }),
-    /* @__PURE__ */ l(fe, { open: d ? !1 : _, onOpenChange: V, modal: !0, children: [
-      /* @__PURE__ */ o(he, { asChild: !0, children: /* @__PURE__ */ l(
+  return /* @__PURE__ */ l("div", { className: G("flex flex-col gap-1.5", W), children: [
+    I && /* @__PURE__ */ o(fe, { htmlFor: q, className: U, children: I }),
+    /* @__PURE__ */ l(he, { open: d ? !1 : _, onOpenChange: V, modal: !0, children: [
+      /* @__PURE__ */ o(ge, { asChild: !0, children: /* @__PURE__ */ l(
         "div",
         {
           id: q,
           "data-testid": Z,
-          className: B(
+          className: G(
             r.input.base,
             r.radius.default,
             r.text.base,
@@ -129,7 +129,7 @@ function Oe(t) {
           onClick: d ? void 0 : () => {
           },
           children: [
-            /* @__PURE__ */ o(X, { name: "Calendar", size: h === "lg" ? "sm" : "xs" }),
+            /* @__PURE__ */ o(B, { name: "Calendar", size: h === "lg" ? "sm" : "xs" }),
             /* @__PURE__ */ o("div", { className: "min-w-0 flex-1", children: me() }),
             ee && E && /* @__PURE__ */ o(
               "div",
@@ -142,7 +142,7 @@ function Oe(t) {
                 onMouseDown: (e) => e.preventDefault(),
                 "aria-label": "Clear selection",
                 children: /* @__PURE__ */ o(
-                  X,
+                  B,
                   {
                     name: "X",
                     size: "xs",
@@ -156,13 +156,13 @@ function Oe(t) {
       ) }),
       " ",
       /* @__PURE__ */ l(
-        ge,
+        ve,
         {
           className: "flex max-h-[500px] min-h-0 w-auto flex-row p-0 shadow",
           align: "start",
           children: [
             n ? /* @__PURE__ */ o(
-              L,
+              X,
               {
                 ...F || {},
                 mode: "range",
@@ -177,7 +177,7 @@ function Oe(t) {
                 maxDate: j
               }
             ) : /* @__PURE__ */ o(
-              L,
+              X,
               {
                 ...F || {},
                 mode: "single",

package/dist/components/ui/file-preview/index.js

@@ -1,9 +1,9 @@
 "use client";
 import { jsx as r, jsxs as m, Fragment as T } from "react/jsx-runtime";
-import { getNameOrUrl as z, getExt as F, getMimeFromFile as $, imageExts as K, isFile as D, getFileMetadata as B, getFormatIcon as W, formatMetadata as q } from "../../../lib/file-preview.js";
 import { cva as v } from "../../../node_modules/class-variance-authority/dist/index.js";
-import { motion as G } from "framer-motion";
-import f, { useEffect as U, Fragment as X } from "react";
+import { motion as K } from "framer-motion";
+import f, { useEffect as $, Fragment as B } from "react";
+import { getNameOrUrl as z, getExt as F, getMimeFromFile as U, imageExts as W, isFile as D, getFileMetadata as q, getFormatIcon as G, formatMetadata as X } from "../../../lib/file-preview.js";
 import { Button as H } from "../button.js";
 import { DropdownMenu as J, DropdownMenuTrigger as Q, DropdownMenuContent as Y, DropdownMenuSeparator as Z, DropdownMenuItem as ee } from "../dropdown-menu.js";
 import { Icon as P } from "../icon.js";
@@ -115,7 +115,7 @@ const re = {
   sizeLabel: e,
   formatLabel: a
 }) => {
-  const { size: o } = N(), t = q(e, a);
+  const { size: o } = N(), t = X(e, a);
   return t ? /* @__PURE__ */ r(
     "div",
     {
@@ -153,7 +153,7 @@ const re = {
   ext: a,
   mimeType: o
 }) => {
-  const { size: t } = N(), { iconName: n, colorClass: s } = W(a ?? "", o);
+  const { size: t } = N(), { iconName: n, colorClass: s } = G(a ?? "", o);
   return /* @__PURE__ */ r(
     "div",
     {
@@ -241,7 +241,7 @@ const re = {
         align: "end",
         onClick: (i) => i.stopPropagation(),
         onPointerDown: (i) => i.stopPropagation(),
-        children: u.filter((i) => i.cond).map((i, d, y) => /* @__PURE__ */ m(X, { children: [
+        children: u.filter((i) => i.cond).map((i, d, y) => /* @__PURE__ */ m(B, { children: [
           i.danger && y.length > 1 && /* @__PURE__ */ r(Z, {}),
           /* @__PURE__ */ m(
             ee,
@@ -279,8 +279,8 @@ const re = {
   );
 }, Pe = f.forwardRef(
   (e, a) => {
-    const o = z(e.file), t = F(o), n = $(e.file), s = t === "csv" || n === "text/csv";
-    return n && n.startsWith("image/") || t && K.has(t) ? /* @__PURE__ */ r(fe, { ...e, ref: a }) : !s && (t === "txt" || t === "md" || n && n.startsWith("text/")) ? /* @__PURE__ */ r(ue, { ...e, ref: a }) : /* @__PURE__ */ r(me, { ...e, ref: a });
+    const o = z(e.file), t = F(o), n = U(e.file), s = t === "csv" || n === "text/csv";
+    return n && n.startsWith("image/") || t && W.has(t) ? /* @__PURE__ */ r(fe, { ...e, ref: a }) : !s && (t === "txt" || t === "md" || n && n.startsWith("text/")) ? /* @__PURE__ */ r(ue, { ...e, ref: a }) : /* @__PURE__ */ r(me, { ...e, ref: a });
   }
 ), L = f.forwardRef(
   ({
@@ -300,7 +300,7 @@ const re = {
     const [d, y] = f.useState(
       () => D(e) ? "" : e.url
     );
-    U(() => {
+    $(() => {
       if (D(e)) {
         const l = URL.createObjectURL(e);
         return y(l), () => {
@@ -309,7 +309,7 @@ const re = {
       } else
         y(e.url);
     }, [e]);
-    const S = B(e), R = z(e), M = !s && !!g, p = a && (!!t || M), E = async (l) => {
+    const S = q(e), R = z(e), M = !s && !!g, p = a && (!!t || M), E = async (l) => {
       if (M) {
         try {
           await g(l);
@@ -332,7 +332,7 @@ const re = {
       p && (l.stopPropagation(), (l.key === "Enter" || l.key === " ") && (l.preventDefault(), E(l)));
     };
     return /* @__PURE__ */ r(
-      G.div,
+      K.div,
       {
         ref: i,
         role: p ? "button" : "group",
@@ -396,7 +396,7 @@ const re = {
   ] }) });
 }), ue = f.forwardRef(({ file: e, showThumbnail: a = !0, ...o }, t) => {
   const [n, s] = f.useState(null), c = z(e), h = o.size ?? "default";
-  U(() => {
+  $(() => {
     if (D(e)) {
       const g = new FileReader();
       return g.onload = (u) => {
@@ -437,7 +437,7 @@ const re = {
     ] })
   ] }) });
 }), me = f.forwardRef((e, a) => {
-  const o = z(e.file), t = F(o), n = $(e.file);
+  const o = z(e.file), t = F(o), n = U(e.file);
   return /* @__PURE__ */ r(L, { ...e, ref: a, children: (s, c) => /* @__PURE__ */ m(T, { children: [
     /* @__PURE__ */ r(k, { ext: t, mimeType: n }),
     /* @__PURE__ */ m("div", { className: "mr-1 flex min-w-0 flex-1 flex-col gap-0.5", children: [

package/dist/components/ui/file-previewer.js

@@ -1,12 +1,12 @@
 "use client";
 import { jsxs as f, jsx as r } from "react/jsx-runtime";
+import { useMemo as c } from "react";
 import { createAsk as w } from "../../node_modules/use-ask/dist/index.js";
 import { Dialog as x, DialogContent as g, DialogHeader as N, DialogTitle as y } from "./dialog.js";
 import { Icon as P } from "./icon.js";
 import { SecurePdfViewer as b } from "./secure-pdf-viewer.js";
 import { guessKind as A, isHttpUrl as D, getOfficeEmbedUrl as O } from "../../lib/file-preview.js";
 import { cn as F } from "../../lib/utils.js";
-import { useMemo as c } from "react";
 const [p, T] = w({});
 function h(e) {
   return typeof e == "string" ? { url: e } : e || {};
@@ -18,20 +18,20 @@ function B(e) {
   return p.safeAsk(h(e));
 }
 const E = () => {
-  const [{ payload: e }, { asking: i, ok: n }] = T(), l = e?.url, a = e?.readOnly, o = e?.page, t = c(() => e?.filename ? e?.filename : (e?.url || "").split(/[?#]/)[0].split("/").pop() || "" || "document", [e?.filename, e?.url]), m = c(() => {
+  const [{ payload: e }, { asking: i, ok: n }] = T(), l = e?.url, a = e?.readOnly, t = e?.page, o = c(() => e?.filename ? e?.filename : (e?.url || "").split(/[?#]/)[0].split("/").pop() || "" || "document", [e?.filename, e?.url]), m = c(() => {
     if (!e?.url) return null;
     const s = new URL(e?.url), u = s.searchParams.get("response-content-type") || s.searchParams.get("content-type"), d = e?.mimeType || u || "";
     return A({
       mimeType: d,
-      filename: t,
+      filename: o,
       url: e?.url
     });
-  }, [e?.mimeType, t, e?.url]), v = c(
+  }, [e?.mimeType, o, e?.url]), v = c(
     () => /* @__PURE__ */ f("span", { className: "flex items-center gap-2", children: [
       /* @__PURE__ */ r(P, { name: "File", className: "h-4 w-4" }),
-      e?.title || t
+      e?.title || o
     ] }),
-    [e?.title, t]
+    [e?.title, o]
   );
   return /* @__PURE__ */ r(x, { open: i, onOpenChange: (s) => !s && n(), children: /* @__PURE__ */ f(g, { size: "xl", className: "sm:max-w-4xl", children: [
     /* @__PURE__ */ r(N, { children: /* @__PURE__ */ r(y, { children: v }) }),
@@ -42,7 +42,7 @@ const E = () => {
         src: l,
         officeUrl: l,
         readOnly: a,
-        page: o
+        page: t
       }
     ) : null })
   ] }) });
@@ -65,7 +65,7 @@ const E = () => {
           className: "max-h-[78vh] w-auto max-w-full object-contain"
         }
       ) });
-    case "pdf":
+    case "pdf": {
       if (l && i)
         return /* @__PURE__ */ r(
           b,
@@ -75,15 +75,16 @@ const E = () => {
             className: "w-full"
           }
         );
-      let o = i;
-      return a > 0 && (o += "#page=" + a), /* @__PURE__ */ r(
+      let t = i;
+      return a > 0 && (t += "#page=" + a), /* @__PURE__ */ r(
         "iframe",
         {
-          src: o,
+          src: t,
           title: "PDF Preview",
           className: "h-[78vh] w-full rounded"
         }
       );
+    }
     case "audio":
       return /* @__PURE__ */ r("div", { className: "grid place-items-center", children: /* @__PURE__ */ r("audio", { controls: !0, className: "w-full max-w-2xl", children: /* @__PURE__ */ r("source", { src: i }) }) });
     case "video":

package/dist/components/ui/file-uploader.js

@@ -22,132 +22,140 @@ const U = {
   gif: ".gif",
   image: "image/*",
   video: "video/*",
-  audio: "audio/*"
+  audio: "audio/*",
+  // Keep both extensions and MIME aliases because archive file types are
+  // reported inconsistently across browsers and operating systems.
+  zip: ".zip,application/zip,application/x-zip-compressed,multipart/x-zip",
+  rar: ".rar,application/vnd.rar,application/x-rar-compressed",
+  "7z": ".7z,application/x-7z-compressed",
+  tar: ".tar,application/x-tar",
+  gz: ".gz,application/gzip,application/x-gzip",
+  tgz: ".tgz,.tar.gz,application/gzip,application/x-compressed-tar"
 }, R = (g) => Math.ceil(g / (1024 * 1024)), ee = ({
   extensions: g = ["pdf", "image", "video", "audio"],
-  multiple: f = !1,
-  onUpload: b,
-  description: y = "Trascina un file o clicca per selezionare",
-  formatDescription: w = "Formato accettato: PDF, Immagini, Video, Audio",
-  selectedLabel: N = "File selezionati",
-  maxTotalSize: d,
-  removeAllLabel: j = "rimuovi tutto",
+  multiple: p = !1,
+  onUpload: z,
+  description: I = "Trascina un file o clicca per selezionare",
+  formatDescription: b = "Formato accettato: PDF, Immagini, Video, Audio",
+  selectedLabel: y = "File selezionati",
+  maxTotalSize: c,
+  removeAllLabel: N = "rimuovi tutto",
   maxFiles: x,
-  id: i,
-  "data-testid": z
+  id: s,
+  "data-testid": j
 }) => {
-  const u = g.map((e) => U[e]).join(","), [s, p] = l.useState([]), [D, I] = l.useState(""), a = (e) => {
-    const o = Array.from(e).filter(
-      (n) => u.split(",").some((t) => (t = t.trim(), n.type.startsWith(t.replace("/*", "")) || n.name.toLowerCase().endsWith(t.replace("*", ""))))
+  const f = g.map((e) => U[e]).join(","), [a, u] = l.useState([]), [w, D] = l.useState(""), o = (e) => {
+    const n = Array.from(e).filter(
+      (i) => f.split(",").some((t) => (t = t.trim(), i.type.startsWith(t.replace("/*", "")) || i.name.toLowerCase().endsWith(t.replace("*", ""))))
     );
-    let c = [];
+    let d = [];
     const m = [];
-    if (f) {
-      let n = o;
+    if (p) {
+      let i = n;
       if (typeof x == "number") {
-        const t = Math.max(x - s.length, 0);
-        t < o.length && (n = o.slice(0, t), m.push(`Max ${x} file`));
+        const t = Math.max(x - a.length, 0);
+        t < n.length && (i = n.slice(0, t), m.push(`Max ${x} file`));
       }
-      if (typeof d == "number") {
-        const t = d;
-        let F = s.reduce((h, A) => h + (A.size || 0), 0);
+      if (typeof c == "number") {
+        const t = c;
+        let F = a.reduce((h, A) => h + (A.size || 0), 0);
         const M = [];
         let $ = !1;
-        for (const h of n)
+        for (const h of i)
           F + (h.size || 0) <= t ? (M.push(h), F += h.size || 0) : $ || (m.push(`Max ${R(t)} MB`), $ = !0);
-        n = M;
+        i = M;
       }
-      c = [...s, ...n];
+      d = [...a, ...i];
     } else {
-      const n = o[0] ? [o[0]] : [];
-      if (typeof d == "number" && n[0]) {
-        const t = d;
-        (n[0].size || 0) > t ? (m.push(`Max ${R(t)} MB`), c = s) : c = n;
+      const i = n[0] ? [n[0]] : [];
+      if (typeof c == "number" && i[0]) {
+        const t = c;
+        (i[0].size || 0) > t ? (m.push(`Max ${R(t)} MB`), d = a) : d = i;
       } else
-        c = n;
+        d = i;
     }
-    p(c), I(m.join(" • ")), b?.(c);
+    u(d), D(m.join(" • ")), z?.(d);
   }, E = (e) => {
-    e.target.files && a(e.target.files), e.target.value = "";
+    e.target.files && o(e.target.files), e.target.value = "";
   }, L = (e) => {
-    e.preventDefault(), a(e.dataTransfer.files);
+    e.preventDefault(), o(e.dataTransfer.files);
   }, C = (e) => {
-    const o = s.filter((c, m) => m !== e);
-    p(o), I(""), b?.(o);
+    const n = a.filter((d, m) => m !== e);
+    u(n), D(""), z?.(n);
   };
   return /* @__PURE__ */ v("div", { className: "mx-auto w-full space-y-4", children: [
-    (f || s.length === 0) && /* @__PURE__ */ r(
+    (p || a.length === 0) && /* @__PURE__ */ r(
       V,
       {
-        accept: u,
-        multiple: f,
+        accept: f,
+        multiple: p,
         onDrop: L,
         onChange: E,
-        description: y,
-        formatDescription: w,
-        errorCaption: D,
-        id: i,
-        "data-testid": z
+        description: I,
+        formatDescription: b,
+        errorCaption: w,
+        id: s,
+        "data-testid": j
       }
     ),
-    s.length > 0 && /* @__PURE__ */ r(B, { children: /* @__PURE__ */ v(P, { size: "sm", className: "shadow-none", children: [
+    a.length > 0 && /* @__PURE__ */ r(B, { children: /* @__PURE__ */ v(P, { size: "sm", className: "shadow-none", children: [
       /* @__PURE__ */ v(_, { className: "flex justify-between", children: [
-        /* @__PURE__ */ r(W, { children: N }),
+        /* @__PURE__ */ r(W, { children: y }),
         /* @__PURE__ */ r(
           S,
           {
             size: "sm",
             variant: "ghost",
             className: "text-xs",
-            onClick: () => p([]),
-            children: j
+            onClick: () => u([]),
+            children: N
           }
         )
       ] }),
-      /* @__PURE__ */ r(H, { children: f ? /* @__PURE__ */ r("div", { className: "flex flex-nowrap gap-2 overflow-x-auto py-2", children: s.map((e, o) => /* @__PURE__ */ r(
+      /* @__PURE__ */ r(H, { children: p ? /* @__PURE__ */ r("div", { className: "flex flex-nowrap gap-2 overflow-x-auto py-2", children: a.map((e, n) => /* @__PURE__ */ r(
         k,
         {
           file: e,
-          onRemove: () => C(o)
+          onRemove: () => C(n)
         },
-        e.name + o
-      )) }) : /* @__PURE__ */ r(k, { file: s[0], onRemove: () => C(0) }) })
+        e.name + n
+      )) }) : /* @__PURE__ */ r(k, { file: a[0], onRemove: () => C(0) }) })
     ] }) })
   ] });
 }, V = ({
   accept: g,
-  multiple: f,
-  onDrop: b,
-  onChange: y,
-  description: w,
-  formatDescription: N,
-  errorCaption: d,
-  id: j,
+  multiple: p,
+  onDrop: z,
+  onChange: I,
+  description: b,
+  formatDescription: y,
+  errorCaption: c,
+  id: N,
   "data-testid": x
 }) => {
-  const i = l.useRef(null), [z, u] = l.useState(!1), s = l.useId(), p = l.useId(), D = l.useId(), I = l.useId();
+  const s = l.useRef(null), [j, f] = l.useState(!1), a = l.useId(), u = l.useId(), w = l.useId(), D = l.useId();
   return /* @__PURE__ */ v(
     "div",
     {
-      id: j,
+      id: N,
       "data-testid": x,
       role: "button",
       tabIndex: 0,
-      "aria-label": w || "Seleziona file",
-      "aria-describedby": `${s} ${p}${d ? ` ${D}` : ""}`,
-      onKeyDown: (a) => {
-        (a.key === "Enter" || a.key === " ") && (a.preventDefault(), i.current && (i.current.value = "", i.current.click()));
+      "aria-label": b || "Seleziona file",
+      "aria-describedby": `${a} ${u}${c ? ` ${w}` : ""}`,
+      onKeyDown: (o) => {
+        (o.key === "Enter" || o.key === " ") && (o.preventDefault(), s.current && (s.current.value = "", s.current.click()));
       },
       onClick: () => {
-        i.current && (i.current.value = "", i.current.click());
+        s.current && (s.current.value = "", s.current.click());
       },
-      onDragEnter: () => u(!0),
-      onDragOver: (a) => a.preventDefault(),
-      onDragLeave: () => u(!1),
-      onDrop: (a) => {
-        u(!1), b(a);
+      onDragEnter: () => f(!0),
+      onDragOver: (o) => o.preventDefault(),
+      onDragLeave: () => f(!1),
+      onDrop: (o) => {
+        f(!1), z(o);
       },
-      className: `border-d-border flex w-full cursor-pointer flex-col items-center gap-3 rounded-lg border-2 border-dashed px-4 py-8 ${z ? "bg-muted/40" : ""}`,
+      className: `border-d-border flex w-full cursor-pointer flex-col items-center gap-3 rounded-lg border-2 border-dashed px-4 py-8 ${j ? "bg-muted/40" : ""}`,
       children: [
         /* @__PURE__ */ r(
           K,
@@ -157,27 +165,27 @@ const U = {
           }
         ),
         /* @__PURE__ */ v("div", { className: "max-w-xs text-center", children: [
-          /* @__PURE__ */ r("p", { id: s, className: "text-d-muted-foreground text-sm font-medium", children: w }),
+          /* @__PURE__ */ r("p", { id: a, className: "text-d-muted-foreground text-sm font-medium", children: b }),
           /* @__PURE__ */ r(
             "p",
             {
-              id: p,
+              id: u,
               className: "text-d-muted-foreground text-muted-foreground mt-1 text-xs",
-              children: N
+              children: y
             }
           ),
-          d ? /* @__PURE__ */ r("p", { id: D, className: "mt-2 text-xs font-medium text-red-600", children: d }) : null
+          c ? /* @__PURE__ */ r("p", { id: w, className: "mt-2 text-xs font-medium text-red-600", children: c }) : null
         ] }),
         /* @__PURE__ */ r(
           O,
           {
-            ref: i,
-            id: I,
+            ref: s,
+            id: D,
             type: "file",
             className: "hidden",
             accept: g,
-            multiple: f,
-            onChange: y
+            multiple: p,
+            onChange: I
           }
         )
       ]

package/dist/components/ui/form.js

@@ -1,10 +1,10 @@
 "use client";
 import { jsx as n } from "react/jsx-runtime";
-import * as s from "react";
 import { Root as f } from "../../node_modules/@radix-ui/react-slot/dist/index.js";
+import * as s from "react";
 import { FormProvider as u, Controller as F, useFormContext as x, useFormState as I } from "../../node_modules/react-hook-form/dist/index.esm.js";
-import { cn as a } from "../../lib/utils.js";
 import { Label as g } from "./label.js";
+import { cn as a } from "../../lib/utils.js";
 const S = u, c = s.createContext(
   {}
 ), $ = ({