laif-ds 0.1.9 → 0.1.11

package/dist/components/ui/dialog.js

@@ -1,78 +1,78 @@
 "use client";
-import { j as a } from "../../_virtual/jsx-runtime.js";
-import { Root as n, Trigger as i, Content as l, Close as r, Title as d, Description as c, Portal as g, Overlay as u } from "../../node_modules/@radix-ui/react-dialog/dist/index.js";
+import { jsx as e, jsxs as n } from "react/jsx-runtime";
+import { Root as s, Trigger as l, Content as r, Close as d, Title as c, Description as g, Portal as u, Overlay as f } from "../../node_modules/@radix-ui/react-dialog/dist/index.js";
 import { cn as o } from "../../lib/utils.js";
-import f from "../../node_modules/lucide-react/dist/esm/icons/x.js";
-function b({
+import m from "../../node_modules/lucide-react/dist/esm/icons/x.js";
+function y({
   ...t
 }) {
-  return /* @__PURE__ */ a.jsx(n, { "data-slot": "dialog", ...t });
+  return /* @__PURE__ */ e(s, { "data-slot": "dialog", ...t });
 }
-function h({
+function N({
   ...t
 }) {
-  return /* @__PURE__ */ a.jsx(i, { "data-slot": "dialog-trigger", ...t });
+  return /* @__PURE__ */ e(l, { "data-slot": "dialog-trigger", ...t });
 }
-function m({
+function p({
   ...t
 }) {
-  return /* @__PURE__ */ a.jsx(g, { "data-slot": "dialog-portal", ...t });
+  return /* @__PURE__ */ e(u, { "data-slot": "dialog-portal", ...t });
 }
 function x({
   className: t,
-  ...e
+  ...a
 }) {
-  return /* @__PURE__ */ a.jsx(
-    u,
+  return /* @__PURE__ */ e(
+    f,
     {
       "data-slot": "dialog-overlay",
       className: o(
         "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50",
         t
       ),
-      ...e
+      ...a
     }
   );
 }
-function y({
+function z({
   className: t,
-  children: e,
-  ...s
+  children: a,
+  ...i
 }) {
-  return /* @__PURE__ */ a.jsxs(m, { "data-slot": "dialog-portal", children: [
-    /* @__PURE__ */ a.jsx(x, {}),
-    /* @__PURE__ */ a.jsxs(
-      l,
+  return /* @__PURE__ */ n(p, { "data-slot": "dialog-portal", children: [
+    /* @__PURE__ */ e(x, {}),
+    /* @__PURE__ */ n(
+      r,
       {
         "data-slot": "dialog-content",
         className: o(
           "bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 sm:max-w-lg",
           t
         ),
-        ...s,
+        ...i,
         children: [
-          e,
-          /* @__PURE__ */ a.jsxs(r, { className: "ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", children: [
-            /* @__PURE__ */ a.jsx(f, {}),
-            /* @__PURE__ */ a.jsx("span", { className: "sr-only", children: "Close" })
+          a,
+          /* @__PURE__ */ n(d, { className: "ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", children: [
+            /* @__PURE__ */ e(m, {}),
+            /* @__PURE__ */ e("span", { className: "sr-only", children: "Close" })
           ] })
         ]
       }
     )
   ] });
 }
-function N({ className: t, ...e }) {
-  return /* @__PURE__ */ a.jsx(
+function w({ className: t, ...a }) {
+  return /* @__PURE__ */ e(
     "div",
     {
       "data-slot": "dialog-header",
       className: o("flex flex-col gap-2 text-center sm:text-left", t),
-      ...e
+      ...a
     }
   );
 }
-function z({ className: t, ...e }) {
-  return /* @__PURE__ */ a.jsx(
+function k({ className: t, ...a }) {
+  return /* @__PURE__ */ e(
     "div",
     {
       "data-slot": "dialog-footer",
@@ -80,44 +80,44 @@ function z({ className: t, ...e }) {
         "flex flex-col-reverse gap-2 sm:flex-row sm:justify-end",
         t
       ),
-      ...e
+      ...a
     }
   );
 }
-function w({
+function C({
   className: t,
-  ...e
+  ...a
 }) {
-  return /* @__PURE__ */ a.jsx(
-    d,
+  return /* @__PURE__ */ e(
+    c,
     {
       "data-slot": "dialog-title",
       className: o("text-lg leading-none font-semibold", t),
-      ...e
+      ...a
     }
   );
 }
-function k({
+function T({
   className: t,
-  ...e
+  ...a
 }) {
-  return /* @__PURE__ */ a.jsx(
-    c,
+  return /* @__PURE__ */ e(
+    g,
     {
       "data-slot": "dialog-description",
       className: o("text-muted-foreground text-sm", t),
-      ...e
+      ...a
     }
   );
 }
 export {
-  b as Dialog,
-  y as DialogContent,
-  k as DialogDescription,
-  z as DialogFooter,
-  N as DialogHeader,
+  y as Dialog,
+  z as DialogContent,
+  T as DialogDescription,
+  k as DialogFooter,
+  w as DialogHeader,
   x as DialogOverlay,
-  m as DialogPortal,
-  w as DialogTitle,
-  h as DialogTrigger
+  p as DialogPortal,
+  C as DialogTitle,
+  N as DialogTrigger
 };

package/dist/components/ui/drawer.js

@@ -1,27 +1,27 @@
 "use client";
-import { j as r } from "../../_virtual/jsx-runtime.js";
+import { jsx as t, jsxs as o } from "react/jsx-runtime";
 import { Drawer as e } from "../../node_modules/vaul/dist/index.js";
 import { cn as d } from "../../lib/utils.js";
-function c({
+function s({
   ...a
 }) {
-  return /* @__PURE__ */ r.jsx(e.Root, { "data-slot": "drawer", ...a });
+  return /* @__PURE__ */ t(e.Root, { "data-slot": "drawer", ...a });
 }
-function w({
+function m({
   ...a
 }) {
-  return /* @__PURE__ */ r.jsx(e.Trigger, { "data-slot": "drawer-trigger", ...a });
+  return /* @__PURE__ */ t(e.Trigger, { "data-slot": "drawer-trigger", ...a });
 }
-function i({
+function n({
   ...a
 }) {
-  return /* @__PURE__ */ r.jsx(e.Portal, { "data-slot": "drawer-portal", ...a });
+  return /* @__PURE__ */ t(e.Portal, { "data-slot": "drawer-portal", ...a });
 }
-function n({
+function l({
   className: a,
-  ...t
+  ...r
 }) {
-  return /* @__PURE__ */ r.jsx(
+  return /* @__PURE__ */ t(
     e.Overlay,
     {
       "data-slot": "drawer-overlay",
@@ -29,18 +29,18 @@ function n({
         "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50",
         a
       ),
-      ...t
+      ...r
     }
   );
 }
-function m({
+function f({
   className: a,
-  children: t,
-  ...o
+  children: r,
+  ...i
 }) {
-  return /* @__PURE__ */ r.jsxs(i, { "data-slot": "drawer-portal", children: [
-    /* @__PURE__ */ r.jsx(n, {}),
-    /* @__PURE__ */ r.jsxs(
+  return /* @__PURE__ */ o(n, { "data-slot": "drawer-portal", children: [
+    /* @__PURE__ */ t(l, {}),
+    /* @__PURE__ */ o(
       e.Content,
       {
         "data-slot": "drawer-content",
@@ -52,69 +52,69 @@ function m({
           "data-[vaul-drawer-direction=left]:inset-y-0 data-[vaul-drawer-direction=left]:left-0 data-[vaul-drawer-direction=left]:w-3/4 data-[vaul-drawer-direction=left]:border-r data-[vaul-drawer-direction=left]:sm:max-w-sm",
           a
         ),
-        ...o,
+        ...i,
         children: [
-          /* @__PURE__ */ r.jsx("div", { className: "bg-muted mx-auto mt-4 hidden h-2 w-[100px] shrink-0 rounded-full group-data-[vaul-drawer-direction=bottom]/drawer-content:block" }),
-          t
+          /* @__PURE__ */ t("div", { className: "bg-muted mx-auto mt-4 hidden h-2 w-[100px] shrink-0 rounded-full group-data-[vaul-drawer-direction=bottom]/drawer-content:block" }),
+          r
         ]
       }
     )
   ] });
 }
-function x({ className: a, ...t }) {
-  return /* @__PURE__ */ r.jsx(
+function v({ className: a, ...r }) {
+  return /* @__PURE__ */ t(
     "div",
     {
       "data-slot": "drawer-header",
       className: d("flex flex-col gap-1.5 p-4", a),
-      ...t
+      ...r
     }
   );
 }
-function f({ className: a, ...t }) {
-  return /* @__PURE__ */ r.jsx(
+function p({ className: a, ...r }) {
+  return /* @__PURE__ */ t(
     "div",
     {
       "data-slot": "drawer-footer",
       className: d("mt-auto flex flex-col gap-2 p-4", a),
-      ...t
+      ...r
     }
   );
 }
-function v({
+function g({
   className: a,
-  ...t
+  ...r
 }) {
-  return /* @__PURE__ */ r.jsx(
+  return /* @__PURE__ */ t(
     e.Title,
     {
       "data-slot": "drawer-title",
       className: d("text-foreground font-semibold", a),
-      ...t
+      ...r
     }
   );
 }
-function p({
+function b({
   className: a,
-  ...t
+  ...r
 }) {
-  return /* @__PURE__ */ r.jsx(
+  return /* @__PURE__ */ t(
     e.Description,
     {
       "data-slot": "drawer-description",
       className: d("text-muted-foreground text-sm", a),
-      ...t
+      ...r
     }
   );
 }
 export {
-  c as Drawer,
-  m as DrawerContent,
-  p as DrawerDescription,
-  f as DrawerFooter,
-  x as DrawerHeader,
-  n as DrawerOverlay,
-  i as DrawerPortal,
-  v as DrawerTitle,
-  w as DrawerTrigger
+  s as Drawer,
+  f as DrawerContent,
+  b as DrawerDescription,
+  p as DrawerFooter,
+  v as DrawerHeader,
+  l as DrawerOverlay,
+  n as DrawerPortal,
+  g as DrawerTitle,
+  m as DrawerTrigger
 };

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

@@ -1,83 +1,83 @@
 "use client";
-import { j as e } from "../../_virtual/jsx-runtime.js";
-import i, { useEffect as p } from "react";
-import { motion as s } from "../../node_modules/framer-motion/dist/es/render/components/motion/proxy.js";
-import l from "../../node_modules/lucide-react/dist/esm/icons/x.js";
-import w from "../../node_modules/lucide-react/dist/esm/icons/file.js";
-const y = i.forwardRef(
-  (t, r) => t.file.type.startsWith("image/") ? /* @__PURE__ */ e.jsx(o, { ...t, ref: r }) : t.file.type.startsWith("text/") || t.file.name.endsWith(".txt") || t.file.name.endsWith(".md") ? /* @__PURE__ */ e.jsx(m, { ...t, ref: r }) : /* @__PURE__ */ e.jsx(u, { ...t, ref: r })
+import { jsx as t, jsxs as a } from "react/jsx-runtime";
+import l, { useEffect as p } from "react";
+import { motion as n } from "framer-motion";
+import d from "../../node_modules/lucide-react/dist/esm/icons/x.js";
+import y from "../../node_modules/lucide-react/dist/esm/icons/file.js";
+const b = l.forwardRef(
+  (e, r) => e.file.type.startsWith("image/") ? /* @__PURE__ */ t(m, { ...e, ref: r }) : e.file.type.startsWith("text/") || e.file.name.endsWith(".txt") || e.file.name.endsWith(".md") ? /* @__PURE__ */ t(u, { ...e, ref: r }) : /* @__PURE__ */ t(f, { ...e, ref: r })
 );
-y.displayName = "FilePreview";
-const o = i.forwardRef(
-  ({ file: t, onRemove: r }, a) => /* @__PURE__ */ e.jsxs(
-    s.div,
+b.displayName = "FilePreview";
+const m = l.forwardRef(
+  ({ file: e, onRemove: r }, i) => /* @__PURE__ */ a(
+    n.div,
     {
-      ref: a,
+      ref: i,
       className: "relative flex max-w-[200px] rounded-md border p-1.5 pr-2 text-xs",
       layout: !0,
       initial: { opacity: 0, y: "100%" },
       animate: { opacity: 1, y: 0 },
       exit: { opacity: 0, y: "100%" },
       children: [
-        /* @__PURE__ */ e.jsxs("div", { className: "flex w-full items-center space-x-2", children: [
-          /* @__PURE__ */ e.jsx(
+        /* @__PURE__ */ a("div", { className: "flex w-full items-center space-x-2", children: [
+          /* @__PURE__ */ t(
             "img",
             {
-              alt: `Attachment ${t.name}`,
+              alt: `Attachment ${e.name}`,
               className: "grid h-10 w-10 shrink-0 place-items-center rounded-sm border bg-muted object-cover",
-              src: URL.createObjectURL(t)
+              src: URL.createObjectURL(e)
             }
           ),
-          /* @__PURE__ */ e.jsx("span", { className: "w-full truncate text-muted-foreground", children: t.name })
+          /* @__PURE__ */ t("span", { className: "w-full truncate text-muted-foreground", children: e.name })
         ] }),
-        r ? /* @__PURE__ */ e.jsx(
+        r ? /* @__PURE__ */ t(
           "button",
           {
             className: "absolute -right-2 -top-2 flex h-4 w-4 items-center justify-center rounded-full border bg-background",
             type: "button",
             onClick: r,
             "aria-label": "Remove attachment",
-            children: /* @__PURE__ */ e.jsx(l, { className: "h-2.5 w-2.5" })
+            children: /* @__PURE__ */ t(d, { className: "h-2.5 w-2.5" })
           }
         ) : null
       ]
     }
   )
 );
-o.displayName = "ImageFilePreview";
-const m = i.forwardRef(
-  ({ file: t, onRemove: r }, a) => {
-    const [x, f] = i.useState("");
+m.displayName = "ImageFilePreview";
+const u = l.forwardRef(
+  ({ file: e, onRemove: r }, i) => {
+    const [x, h] = l.useState("");
     return p(() => {
       if (typeof window > "u") return;
-      const n = new FileReader();
-      n.onload = (h) => {
-        var c;
-        const d = (c = h.target) == null ? void 0 : c.result;
-        f(d.slice(0, 50) + (d.length > 50 ? "..." : ""));
-      }, n.readAsText(t);
-    }, [t]), /* @__PURE__ */ e.jsxs(
-      s.div,
+      const c = new FileReader();
+      c.onload = (w) => {
+        var o;
+        const s = (o = w.target) == null ? void 0 : o.result;
+        h(s.slice(0, 50) + (s.length > 50 ? "..." : ""));
+      }, c.readAsText(e);
+    }, [e]), /* @__PURE__ */ a(
+      n.div,
       {
-        ref: a,
+        ref: i,
         className: "relative flex max-w-[200px] rounded-md border p-1.5 pr-2 text-xs",
         layout: !0,
         initial: { opacity: 0, y: "100%" },
         animate: { opacity: 1, y: 0 },
         exit: { opacity: 0, y: "100%" },
         children: [
-          /* @__PURE__ */ e.jsxs("div", { className: "flex w-full items-center space-x-2", children: [
-            /* @__PURE__ */ e.jsx("div", { className: "grid h-10 w-10 shrink-0 place-items-center rounded-sm border bg-muted p-0.5", children: /* @__PURE__ */ e.jsx("div", { className: "h-full w-full overflow-hidden text-[6px] leading-none text-muted-foreground", children: x || "Loading..." }) }),
-            /* @__PURE__ */ e.jsx("span", { className: "w-full truncate text-muted-foreground", children: t.name })
+          /* @__PURE__ */ a("div", { className: "flex w-full items-center space-x-2", children: [
+            /* @__PURE__ */ t("div", { className: "grid h-10 w-10 shrink-0 place-items-center rounded-sm border bg-muted p-0.5", children: /* @__PURE__ */ t("div", { className: "h-full w-full overflow-hidden text-[6px] leading-none text-muted-foreground", children: x || "Loading..." }) }),
+            /* @__PURE__ */ t("span", { className: "w-full truncate text-muted-foreground", children: e.name })
           ] }),
-          r ? /* @__PURE__ */ e.jsx(
+          r ? /* @__PURE__ */ t(
             "button",
             {
               className: "absolute -right-2 -top-2 flex h-4 w-4 items-center justify-center rounded-full border bg-background",
               type: "button",
               onClick: r,
               "aria-label": "Remove attachment",
-              children: /* @__PURE__ */ e.jsx(l, { className: "h-2.5 w-2.5" })
+              children: /* @__PURE__ */ t(d, { className: "h-2.5 w-2.5" })
             }
           ) : null
         ]
@@ -85,37 +85,37 @@ const m = i.forwardRef(
     );
   }
 );
-m.displayName = "TextFilePreview";
-const u = i.forwardRef(
-  ({ file: t, onRemove: r }, a) => /* @__PURE__ */ e.jsxs(
-    s.div,
+u.displayName = "TextFilePreview";
+const f = l.forwardRef(
+  ({ file: e, onRemove: r }, i) => /* @__PURE__ */ a(
+    n.div,
     {
-      ref: a,
+      ref: i,
       className: "relative flex max-w-[200px] rounded-md border p-1.5 pr-2 text-xs",
       layout: !0,
       initial: { opacity: 0, y: "100%" },
       animate: { opacity: 1, y: 0 },
       exit: { opacity: 0, y: "100%" },
       children: [
-        /* @__PURE__ */ e.jsxs("div", { className: "flex w-full items-center space-x-2", children: [
-          /* @__PURE__ */ e.jsx("div", { className: "grid h-10 w-10 shrink-0 place-items-center rounded-sm border bg-muted", children: /* @__PURE__ */ e.jsx(w, { className: "h-6 w-6 text-foreground" }) }),
-          /* @__PURE__ */ e.jsx("span", { className: "w-full truncate text-muted-foreground", children: t.name })
+        /* @__PURE__ */ a("div", { className: "flex w-full items-center space-x-2", children: [
+          /* @__PURE__ */ t("div", { className: "grid h-10 w-10 shrink-0 place-items-center rounded-sm border bg-muted", children: /* @__PURE__ */ t(y, { className: "h-6 w-6 text-foreground" }) }),
+          /* @__PURE__ */ t("span", { className: "w-full truncate text-muted-foreground", children: e.name })
         ] }),
-        r ? /* @__PURE__ */ e.jsx(
+        r ? /* @__PURE__ */ t(
           "button",
           {
             className: "absolute -right-2 -top-2 flex h-4 w-4 items-center justify-center rounded-full border bg-background",
             type: "button",
             onClick: r,
             "aria-label": "Remove attachment",
-            children: /* @__PURE__ */ e.jsx(l, { className: "h-2.5 w-2.5" })
+            children: /* @__PURE__ */ t(d, { className: "h-2.5 w-2.5" })
           }
         ) : null
       ]
     }
   )
 );
-u.displayName = "GenericFilePreview";
+f.displayName = "GenericFilePreview";
 export {
-  y as FilePreview
+  b as FilePreview
 };

package/dist/components/ui/form.js

@@ -1,16 +1,16 @@
 "use client";
-import { j as s } from "../../_virtual/jsx-runtime.js";
-import * as n from "react";
+import { jsx as m } from "react/jsx-runtime";
+import * as s from "react";
 import { Root as f } from "../../node_modules/@radix-ui/react-slot/dist/index.js";
-import { FormProvider as u, Controller as x, useFormContext as F, useFormState as I } from "../../node_modules/react-hook-form/dist/index.esm.js";
+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 p } from "./label.js";
-const b = u, c = n.createContext(
+import { Label as g } from "./label.js";
+const S = u, c = s.createContext(
   {}
-), S = ({
+), $ = ({
   ...t
-}) => /* @__PURE__ */ s.jsx(c.Provider, { value: { name: t.name }, children: /* @__PURE__ */ s.jsx(x, { ...t }) }), d = () => {
-  const t = n.useContext(c), o = n.useContext(l), { getFieldState: e } = F(), r = I({ name: t.name }), m = e(t.name, r);
+}) => /* @__PURE__ */ m(c.Provider, { value: { name: t.name }, children: /* @__PURE__ */ m(F, { ...t }) }), d = () => {
+  const t = s.useContext(c), o = s.useContext(l), { getFieldState: e } = x(), r = I({ name: t.name }), n = e(t.name, r);
   if (!t)
     throw new Error("useFormField should be used within <FormField>");
   const { id: i } = o;
@@ -20,14 +20,14 @@ const b = u, c = n.createContext(
     formItemId: `${i}-form-item`,
     formDescriptionId: `${i}-form-item-description`,
     formMessageId: `${i}-form-item-message`,
-    ...m
+    ...n
   };
-}, l = n.createContext(
+}, l = s.createContext(
   {}
 );
-function $({ className: t, ...o }) {
-  const e = n.useId();
-  return /* @__PURE__ */ s.jsx(l.Provider, { value: { id: e }, children: /* @__PURE__ */ s.jsx(
+function D({ className: t, ...o }) {
+  const e = s.useId();
+  return /* @__PURE__ */ m(l.Provider, { value: { id: e }, children: /* @__PURE__ */ m(
     "div",
     {
       "data-slot": "form-item",
@@ -36,13 +36,13 @@ function $({ className: t, ...o }) {
     }
   ) });
 }
-function D({
+function M({
   className: t,
   ...o
 }) {
   const { error: e, formItemId: r } = d();
-  return /* @__PURE__ */ s.jsx(
-    p,
+  return /* @__PURE__ */ m(
+    g,
     {
       "data-slot": "form-label",
       "data-error": !!e,
@@ -52,22 +52,22 @@ function D({
     }
   );
 }
-function M({ ...t }) {
-  const { error: o, formItemId: e, formDescriptionId: r, formMessageId: m } = d();
-  return /* @__PURE__ */ s.jsx(
+function N({ ...t }) {
+  const { error: o, formItemId: e, formDescriptionId: r, formMessageId: n } = d();
+  return /* @__PURE__ */ m(
     f,
     {
       "data-slot": "form-control",
       id: e,
-      "aria-describedby": o ? `${r} ${m}` : `${r}`,
+      "aria-describedby": o ? `${r} ${n}` : `${r}`,
       "aria-invalid": !!o,
       ...t
     }
   );
 }
-function N({ className: t, ...o }) {
+function w({ className: t, ...o }) {
   const { formDescriptionId: e } = d();
-  return /* @__PURE__ */ s.jsx(
+  return /* @__PURE__ */ m(
     "p",
     {
       "data-slot": "form-description",
@@ -77,26 +77,26 @@ function N({ className: t, ...o }) {
     }
   );
 }
-function w({ className: t, ...o }) {
-  const { error: e, formMessageId: r } = d(), m = e ? String((e == null ? void 0 : e.message) ?? "") : o.children;
-  return m ? /* @__PURE__ */ s.jsx(
+function P({ className: t, ...o }) {
+  const { error: e, formMessageId: r } = d(), n = e ? String((e == null ? void 0 : e.message) ?? "") : o.children;
+  return n ? /* @__PURE__ */ m(
     "p",
     {
       "data-slot": "form-message",
       id: r,
       className: a("text-destructive text-sm", t),
       ...o,
-      children: m
+      children: n
     }
   ) : null;
 }
 export {
-  b as Form,
-  M as FormControl,
-  N as FormDescription,
-  S as FormField,
-  $ as FormItem,
-  D as FormLabel,
-  w as FormMessage,
+  S as Form,
+  N as FormControl,
+  w as FormDescription,
+  $ as FormField,
+  D as FormItem,
+  M as FormLabel,
+  P as FormMessage,
   d as useFormField
 };