fina-react-ds 1.0.37 → 1.0.39

package/dist/components/calendar.js

@@ -1,11 +1,11 @@
 var w = Object.defineProperty;
 var d = (l, s) => w(l, "name", { value: s, configurable: !0 });
 import { jsx as n } from "react/jsx-runtime";
-import * as f from "react";
+import * as g from "react";
 import { ChevronLeftIcon as h, ChevronRightIcon as y, ChevronDownIcon as _ } from "lucide-react";
-import { getDefaultClassNames as x, DayPicker as v } from "react-day-picker";
+import { getDefaultClassNames as p, DayPicker as v } from "react-day-picker";
 import { cn as e } from "../lib/utils.js";
-import { buttonVariants as p, Button as z } from "./button.js";
+import { buttonVariants as f, Button as z } from "./button.js";
 import { fr as k } from "../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/locale/fr.js";
 function q({
   className: l,
@@ -14,10 +14,10 @@ function q({
   captionLayout: c = "label",
   buttonVariant: i = "ghost",
   formatters: m,
-  components: g,
+  components: x,
   ...b
 }) {
-  const t = x();
+  const t = p();
   return /* @__PURE__ */ n(
     v,
     {
@@ -49,7 +49,7 @@ function q({
           t.nav
         ),
         button_previous: e(
-          p({
+          f({
             variant: i,
             color: "dark",
             size: "icon"
@@ -58,7 +58,7 @@ function q({
           t.button_previous
         ),
         button_next: e(
-          p({
+          f({
             variant: i,
             color: "dark",
             size: "icon"
@@ -161,7 +161,7 @@ function q({
         ), "Chevron"),
         DayButton: N,
         WeekNumber: /* @__PURE__ */ d(({ children: a, ...o }) => /* @__PURE__ */ n("td", { ...o, children: /* @__PURE__ */ n("div", { className: "flex size-(--cell-size) items-center justify-center text-center", children: a }) }), "WeekNumber"),
-        ...g
+        ...x
       },
       ...b
     }
@@ -174,10 +174,9 @@ function N({
   modifiers: r,
   ...c
 }) {
-  const i = x(), m = f.useRef(null);
-  return f.useEffect(() => {
-    var g;
-    r.focused && ((g = m.current) == null || g.focus());
+  const i = p(), m = g.useRef(null);
+  return g.useEffect(() => {
+    r.focused && m.current?.focus();
   }, [r.focused]), /* @__PURE__ */ n(
     z,
     {

package/dist/components/data-loader.js

@@ -10,7 +10,7 @@ function j({
   children: n
 }) {
   const a = /* @__PURE__ */ s((e) => {
-    c || (c = e.isPending || e.isRefetching), o || (o = e.isError || e.isRefetchError);
+    c ||= e.isPending || e.isRefetching, o ||= e.isError || e.isRefetchError;
   }, "checkQuery");
   let c = !1, o = !1;
   return t && Array.isArray(t) && t.forEach((e) => a(e)), c ? /* @__PURE__ */ r("div", { className: "min-h-[90px]", children: /* @__PURE__ */ r("div", { className: "flex items-center justify-center text-gray-500", children: /* @__PURE__ */ d("div", { className: "flex items-center justify-center flex-col", children: [

package/dist/components/date-picker.js

@@ -1,39 +1,39 @@
 var p = Object.defineProperty;
-var i = (o, r) => p(o, "name", { value: r, configurable: !0 });
-import { jsxs as s, jsx as t } from "react/jsx-runtime";
+var o = (i, t) => p(i, "name", { value: t, configurable: !0 });
+import { jsxs as a, jsx as r } from "react/jsx-runtime";
 import * as f from "react";
 import { Calendar as u } from "lucide-react";
-import { Calendar as x } from "./calendar.js";
-import { Popover as b, PopoverTrigger as v, PopoverContent as h } from "./popover.js";
-import { Button as P } from "./button.js";
-import { format as g } from "date-fns";
-import { fr as w } from "../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/locale/fr.js";
-function B({
-  placeholder: o = "Choisir une date",
-  onChange: r,
+import { Calendar as h } from "./calendar.js";
+import { Popover as g, PopoverTrigger as x, PopoverContent as b } from "./popover.js";
+import { Button as v } from "./button.js";
+import { format as C } from "date-fns";
+import { fr as P } from "../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/locale/fr.js";
+function z({
+  placeholder: i = "Choisir une date",
+  onChange: t,
   value: e,
-  isClearable: d = !1,
-  ...l
+  isClearable: s = !1,
+  ...d
 }) {
-  const [n, a] = f.useState(!1), c = /* @__PURE__ */ i((m) => {
-    r == null || r(m || null), a(!1);
+  const [l, n] = f.useState(!1), c = /* @__PURE__ */ o((m) => {
+    t?.(m || null), n(!1);
   }, "onSelect");
-  return /* @__PURE__ */ s(b, { onOpenChange: a, open: n, children: [
-    /* @__PURE__ */ t(v, { asChild: !0, children: /* @__PURE__ */ s(
+  return /* @__PURE__ */ a(g, { onOpenChange: n, open: l, children: [
+    /* @__PURE__ */ r(x, { asChild: !0, children: /* @__PURE__ */ a(
       "button",
       {
         "data-empty": !e,
-        ...l,
+        ...d,
         className: "border-input-border flex items-center h-9 w-full min-w-0 rounded-md border bg-input px-3 py-1 text-base shadow-xs focus-visible:border-ring ring-ring/50 focus-visible:ring-[3px] data-[state=open]:ring-[3px] data-[state=open]:border-ring aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive! outline-none  md:text-sm",
         children: [
-          /* @__PURE__ */ t(u, { className: "mr-2 size-4" }),
-          e ? /* @__PURE__ */ t("span", { children: g(e, "PPP", { locale: w }) }) : /* @__PURE__ */ t("span", { className: "text-placeholder", children: o })
+          /* @__PURE__ */ r(u, { className: "mr-2 size-4" }),
+          e ? /* @__PURE__ */ r("span", { children: C(e, "PPP", { locale: P }) }) : /* @__PURE__ */ r("span", { className: "text-placeholder", children: i })
         ]
       }
     ) }),
-    /* @__PURE__ */ s(h, { align: "start", className: "w-auto p-0", children: [
-      /* @__PURE__ */ t(
-        x,
+    /* @__PURE__ */ a(b, { align: "start", className: "w-auto p-0", children: [
+      /* @__PURE__ */ r(
+        h,
         {
           mode: "single",
           required: !0,
@@ -43,14 +43,14 @@ function B({
           captionLayout: "dropdown"
         }
       ),
-      e && d && /* @__PURE__ */ t("div", { className: "flex justify-center border-t", children: /* @__PURE__ */ t(
-        P,
+      e && s && /* @__PURE__ */ r("div", { className: "flex justify-center border-t", children: /* @__PURE__ */ r(
+        v,
         {
           variant: "ghost",
           color: "dark",
           className: "flex w-full",
-          onClick: /* @__PURE__ */ i(() => {
-            r == null || r(null), a(!1);
+          onClick: /* @__PURE__ */ o(() => {
+            t?.(null), n(!1);
           }, "onClick"),
           children: "Effacer"
         }
@@ -58,7 +58,7 @@ function B({
     ] })
   ] });
 }
-i(B, "DatePicker");
+o(z, "DatePicker");
 export {
-  B as DatePicker
+  z as DatePicker
 };

package/dist/components/file-uploader.js

@@ -1,109 +1,108 @@
 var F = Object.defineProperty;
-var l = (r, c) => F(r, "name", { value: c, configurable: !0 });
-import { jsxs as s, jsx as i, Fragment as p } from "react/jsx-runtime";
-import { useState as j, useImperativeHandle as k, useCallback as f } from "react";
-import { FileIcon as D, UploadIcon as I } from "lucide-react";
-import { useDropzone as S } from "react-dropzone";
-import { cn as o } from "../lib/utils.js";
-import { Button as w } from "./button.js";
-function T({
-  onChange: r,
-  "aria-invalid": c,
+var o = (i, l) => F(i, "name", { value: l, configurable: !0 });
+import { jsxs as r, jsx as e, Fragment as f } from "react/jsx-runtime";
+import { useState as j, useImperativeHandle as k, useCallback as p } from "react";
+import { FileIcon as C, UploadIcon as D } from "lucide-react";
+import { useDropzone as I } from "react-dropzone";
+import { cn as c } from "../lib/utils.js";
+import { Button as S } from "./button.js";
+function M({
+  onChange: i,
+  "aria-invalid": l,
   fileTypes: b,
   ref: x
 }) {
   const [a, d] = j([]);
   k(x, () => ({
-    focus: /* @__PURE__ */ l(() => {
-      e != null && e.current && e.current.focus();
+    focus: /* @__PURE__ */ o(() => {
+      t?.current && t.current.focus();
     }, "focus")
   }));
-  const v = f(
-    (t) => {
-      d(t), r == null || r(t.length > 0 ? t[0] : null);
+  const v = p(
+    (n) => {
+      d(n), i?.(n.length > 0 ? n[0] : null);
     },
-    [r]
-  ), g = /* @__PURE__ */ l(() => {
-    e != null && e.current && e.current.focus();
-  }, "handleFileDialogCancel"), { getRootProps: h, getInputProps: y, acceptedFiles: u, open: N, rootRef: e } = S({
+    [i]
+  ), g = /* @__PURE__ */ o(() => {
+    t?.current && t.current.focus();
+  }, "handleFileDialogCancel"), { getRootProps: h, getInputProps: y, acceptedFiles: u, open: N, rootRef: t } = I({
     maxFiles: 1,
     noClick: !0,
     onDrop: v,
     onFileDialogCancel: g
-  }), z = f((t) => {
-    let n = 0, m = "ko";
-    return n = t.size / 1e3, n > 1e3 && (n /= 1e3, m = "mo"), n.toFixed(2) + " " + m;
+  }), z = p((n) => {
+    let s = 0, m = "ko";
+    return s = n.size / 1e3, s > 1e3 && (s /= 1e3, m = "mo"), s.toFixed(2) + " " + m;
   }, []);
-  return /* @__PURE__ */ s(
+  return /* @__PURE__ */ r(
     "div",
     {
       ...h(),
-      className: o(
+      className: c(
         "bg-input border border-input-border flex flex-col h-50 w-full rounded-md px-3 py-1 text-base shadow-xs items-center justify-center md:text-sm outline-none",
         "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]",
         "aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive"
       ),
-      "aria-invalid": c,
+      "aria-invalid": l,
       children: [
-        a.length > 0 && /* @__PURE__ */ s(p, { children: [
-          /* @__PURE__ */ i(
+        a.length > 0 && /* @__PURE__ */ r(f, { children: [
+          /* @__PURE__ */ e(
             "div",
             {
-              className: o(
+              className: c(
                 "bg-primary text-primary-foreground flex items-center justify-center rounded-full size-10 mb-4"
               ),
-              children: /* @__PURE__ */ i(D, { className: "size-4" })
+              children: /* @__PURE__ */ e(C, { className: "size-4" })
             }
           ),
-          /* @__PURE__ */ s("div", { className: "mb-4 text-center", children: [
+          /* @__PURE__ */ r("div", { className: "mb-4 text-center", children: [
             u[0].name,
-            /* @__PURE__ */ i("br", {}),
+            /* @__PURE__ */ e("br", {}),
             z(u[0])
           ] }),
-          /* @__PURE__ */ i(
-            w,
+          /* @__PURE__ */ e(
+            S,
             {
               type: "button",
               color: "destructive",
               variant: "ghost",
-              onClick: /* @__PURE__ */ l(() => {
-                var t;
-                d([]), r == null || r(null), (t = e == null ? void 0 : e.current) == null || t.focus();
+              onClick: /* @__PURE__ */ o(() => {
+                d([]), i?.(null), t?.current?.focus();
               }, "onClick"),
               children: "Supprimer"
             }
           )
         ] }),
-        a.length === 0 && /* @__PURE__ */ s(p, { children: [
-          /* @__PURE__ */ i(
+        a.length === 0 && /* @__PURE__ */ r(f, { children: [
+          /* @__PURE__ */ e(
             "div",
             {
-              className: o(
+              className: c(
                 "bg-primary text-primary-foreground flex items-center justify-center rounded-full size-10 mb-4"
               ),
-              children: /* @__PURE__ */ i(I, { className: "size-4" })
+              children: /* @__PURE__ */ e(D, { className: "size-4" })
             }
           ),
-          /* @__PURE__ */ s("div", { className: "mb-4", children: [
+          /* @__PURE__ */ r("div", { className: "mb-4", children: [
             "Glisser-déposer ou",
             " ",
-            /* @__PURE__ */ i("span", { className: "font-bold underline cursor-pointer", onClick: N, children: "Choisir un fichier" }),
+            /* @__PURE__ */ e("span", { className: "font-bold underline cursor-pointer", onClick: N, children: "Choisir un fichier" }),
             " ",
             "à uploader"
           ] }),
-          /* @__PURE__ */ s("div", { className: "text-center text-sm md:text-xs", children: [
+          /* @__PURE__ */ r("div", { className: "text-center text-sm md:text-xs", children: [
             "Formats acceptés : ",
             Object.keys(b).join(", "),
-            /* @__PURE__ */ i("br", {}),
+            /* @__PURE__ */ e("br", {}),
             "Taille max : 5Mo"
           ] })
         ] }),
-        /* @__PURE__ */ i("input", { ...y() })
+        /* @__PURE__ */ e("input", { ...y() })
       ]
     }
   );
 }
-l(T, "FileUploader");
+o(M, "FileUploader");
 export {
-  T as FileUploader
+  M as FileUploader
 };

package/dist/components/form-file-uploader.d.ts

@@ -1,6 +1,7 @@
 import { FileUploader } from "./file-uploader";
-export declare function FormFileUploader({ name, label, required, ...props }: {
+export declare function FormFileUploader({ name, label, description, required, ...props }: {
     name: string;
     label: string;
+    description?: string;
     required?: boolean;
 } & React.ComponentProps<typeof FileUploader>): import("react/jsx-runtime").JSX.Element;

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

@@ -1,30 +1,32 @@
-var F = Object.defineProperty;
-var m = (o, e) => F(o, "name", { value: e, configurable: !0 });
-import { jsx as r, jsxs as d } from "react/jsx-runtime";
-import { useFormContext as s } from "react-hook-form";
-import { FormField as f, FormItem as p, FormLabel as a, FormControl as c, FormMessage as u } from "./form.js";
-import { FileUploader as x } from "./file-uploader.js";
-function v({
+var d = Object.defineProperty;
+var m = (o, e) => d(o, "name", { value: e, configurable: !0 });
+import { jsx as r, jsxs as s } from "react/jsx-runtime";
+import { useFormContext as c } from "react-hook-form";
+import { FormField as f, FormItem as p, FormLabel as a, FormControl as h, FormDescription as u, FormMessage as x } from "./form.js";
+import { FileUploader as j } from "./file-uploader.js";
+function I({
   name: o,
   label: e,
-  required: l = !1,
+  description: l,
+  required: i = !1,
   ...t
 }) {
-  const { control: i } = s();
+  const { control: n } = c();
   return /* @__PURE__ */ r(
     f,
     {
-      control: i,
+      control: n,
       name: o,
-      render: /* @__PURE__ */ m(({ field: { value: h, ...n } }) => /* @__PURE__ */ d(p, { children: [
-        /* @__PURE__ */ r(a, { required: l, children: e }),
-        /* @__PURE__ */ r(c, { children: /* @__PURE__ */ r(x, { ...n, ...t }) }),
-        /* @__PURE__ */ r(u, {})
+      render: /* @__PURE__ */ m(({ field: { value: C, ...F } }) => /* @__PURE__ */ s(p, { children: [
+        /* @__PURE__ */ r(a, { required: i, children: e }),
+        /* @__PURE__ */ r(h, { children: /* @__PURE__ */ r(j, { ...F, ...t }) }),
+        l && /* @__PURE__ */ r(u, { children: l }),
+        /* @__PURE__ */ r(x, {})
       ] }), "render")
     }
   );
 }
-m(v, "FormFileUploader");
+m(I, "FormFileUploader");
 export {
-  v as FormFileUploader
+  I as FormFileUploader
 };

package/dist/components/form-image-uploader.d.ts

@@ -1,7 +1,8 @@
 import { ImageUploader } from "./image-uploader";
-export declare function FormImageUploader({ name, label, required, actualImageUrl, ...props }: {
+export declare function FormImageUploader({ name, label, description, required, actualImageUrl, ...props }: {
     name: string;
     label: string;
+    description?: string;
     required?: boolean;
     actualImageUrl?: string;
 } & React.ComponentProps<typeof ImageUploader>): import("react/jsx-runtime").JSX.Element;

package/dist/components/form-image-uploader.js

@@ -1,31 +1,40 @@
 var d = Object.defineProperty;
 var m = (o, e) => d(o, "name", { value: e, configurable: !0 });
 import { jsx as r, jsxs as s } from "react/jsx-runtime";
-import { useFormContext as F } from "react-hook-form";
-import { FormField as f, FormItem as p, FormLabel as c, FormControl as u, FormMessage as x } from "./form.js";
-import { ImageUploader as g } from "./image-uploader.js";
-function v({
+import { useFormContext as c } from "react-hook-form";
+import { FormField as f, FormItem as p, FormLabel as h, FormControl as u, FormDescription as x, FormMessage as g } from "./form.js";
+import { ImageUploader as I } from "./image-uploader.js";
+function L({
   name: o,
   label: e,
+  description: l,
   required: t = !1,
-  actualImageUrl: l = "",
-  ...n
+  actualImageUrl: n = "",
+  ...i
 }) {
-  const { control: i } = F();
+  const { control: F } = c();
   return /* @__PURE__ */ r(
     f,
     {
-      control: i,
+      control: F,
       name: o,
-      render: /* @__PURE__ */ m(({ field: { value: h, ...a } }) => /* @__PURE__ */ s(p, { children: [
-        /* @__PURE__ */ r(c, { required: t, children: e }),
-        /* @__PURE__ */ r(u, { children: /* @__PURE__ */ r(g, { actualImageUrl: l, ...a, ...n }) }),
-        /* @__PURE__ */ r(x, {})
+      render: /* @__PURE__ */ m(({ field: { value: j, ...a } }) => /* @__PURE__ */ s(p, { children: [
+        /* @__PURE__ */ r(h, { required: t, children: e }),
+        /* @__PURE__ */ r(u, { children: /* @__PURE__ */ r(
+          I,
+          {
+            actualImageUrl: n,
+            ...a,
+            ...i
+          }
+        ) }),
+        l && /* @__PURE__ */ r(x, { children: l }),
+        /* @__PURE__ */ r(g, {})
       ] }), "render")
     }
   );
 }
-m(v, "FormImageUploader");
+m(L, "FormImageUploader");
 export {
-  v as FormImageUploader
+  L as FormImageUploader
 };

package/dist/components/form-input.d.ts

@@ -1,6 +1,7 @@
 import { Input } from "./input";
-export declare function FormInput({ name, label, required, ...props }: {
+export declare function FormInput({ name, label, description, required, ...props }: {
     name: string;
     label: string;
+    description?: string;
     required: boolean;
 } & React.ComponentProps<typeof Input>): import("react/jsx-runtime").JSX.Element;

package/dist/components/form-input.js

@@ -1,33 +1,35 @@
-var u = Object.defineProperty;
-var t = (o, e) => u(o, "name", { value: e, configurable: !0 });
-import { jsx as r, jsxs as F } from "react/jsx-runtime";
-import { useFormContext as c } from "react-hook-form";
-import { FormField as f, FormItem as d, FormLabel as a, FormControl as x, FormMessage as h } from "./form.js";
-import { Input as I } from "./input.js";
-function L({
+var p = Object.defineProperty;
+var m = (o, e) => p(o, "name", { value: e, configurable: !0 });
+import { jsx as r, jsxs as u } from "react/jsx-runtime";
+import { useFormContext as f } from "react-hook-form";
+import { FormField as d, FormItem as a, FormLabel as h, FormControl as x, FormDescription as I, FormMessage as j } from "./form.js";
+import { Input as v } from "./input.js";
+function M({
   name: o,
   label: e,
-  required: m = !1,
-  ...n
+  description: t,
+  required: n = !1,
+  ...l
 }) {
-  const { control: l } = c();
+  const { control: i } = f();
   return /* @__PURE__ */ r(
-    f,
+    d,
     {
-      control: l,
+      control: i,
       name: o,
-      render: /* @__PURE__ */ t(({ field: i }) => {
-        const { value: s, ...p } = i;
-        return /* @__PURE__ */ F(d, { children: [
-          /* @__PURE__ */ r(a, { required: m, children: e }),
-          /* @__PURE__ */ r(x, { children: /* @__PURE__ */ r(I, { value: s ?? "", ...p, ...n }) }),
-          /* @__PURE__ */ r(h, {})
+      render: /* @__PURE__ */ m(({ field: s }) => {
+        const { value: F, ...c } = s;
+        return /* @__PURE__ */ u(a, { children: [
+          /* @__PURE__ */ r(h, { required: n, children: e }),
+          /* @__PURE__ */ r(x, { children: /* @__PURE__ */ r(v, { value: F ?? "", ...c, ...l }) }),
+          t && /* @__PURE__ */ r(I, { children: t }),
+          /* @__PURE__ */ r(j, {})
         ] });
       }, "render")
     }
   );
 }
-t(L, "FormInput");
+m(M, "FormInput");
 export {
-  L as FormInput
+  M as FormInput
 };

package/dist/components/form-select.d.ts

@@ -1,7 +1,8 @@
 import { Select } from "./select";
-export declare function FormSelect({ name, label, required, options, isMulti, isClearable, onChange, ...props }: {
+export declare function FormSelect({ name, label, description, required, options, isMulti, isClearable, onChange, ...props }: {
     name: string;
     label: string;
+    description?: string;
     required?: boolean;
     options: {
         value: string;

package/dist/components/form-select.js

@@ -1,49 +1,51 @@
-var h = Object.defineProperty;
-var o = (e, n) => h(e, "name", { value: n, configurable: !0 });
-import { jsx as r, jsxs as x } from "react/jsx-runtime";
-import { useFormContext as C } from "react-hook-form";
-import { FormField as g, FormItem as u, FormLabel as j, FormControl as S, FormMessage as b } from "./form.js";
-import { Select as I } from "./select.js";
-function q({
+var x = Object.defineProperty;
+var o = (e, n) => x(e, "name", { value: n, configurable: !0 });
+import { jsx as r, jsxs as C } from "react/jsx-runtime";
+import { useFormContext as g } from "react-hook-form";
+import { FormField as u, FormItem as j, FormLabel as S, FormControl as b, FormDescription as D, FormMessage as I } from "./form.js";
+import { Select as L } from "./select.js";
+function v({
   name: e,
   label: n,
-  required: i = !1,
-  options: l,
-  isMulti: s = !1,
-  isClearable: f = !1,
+  description: m,
+  required: l = !1,
+  options: s,
+  isMulti: f = !1,
+  isClearable: c = !1,
   onChange: t = void 0,
-  ...c
+  ...F
 }) {
-  const { control: d } = C();
+  const { control: d } = g();
   return /* @__PURE__ */ r(
-    g,
+    u,
     {
       control: d,
       name: e,
-      render: /* @__PURE__ */ o(({ field: F }) => {
-        const { onChange: a, ...p } = F;
-        return /* @__PURE__ */ x(u, { children: [
-          /* @__PURE__ */ r(j, { required: i, children: n }),
-          /* @__PURE__ */ r(S, { children: /* @__PURE__ */ r(
-            I,
+      render: /* @__PURE__ */ o(({ field: a }) => {
+        const { onChange: h, ...p } = a;
+        return /* @__PURE__ */ C(j, { children: [
+          /* @__PURE__ */ r(S, { required: l, children: n }),
+          /* @__PURE__ */ r(b, { children: /* @__PURE__ */ r(
+            L,
             {
-              onChange: /* @__PURE__ */ o((m) => {
-                a(m), t && t(m);
+              onChange: /* @__PURE__ */ o((i) => {
+                h(i), t && t(i);
               }, "onChange"),
               ...p,
-              options: l,
-              isMulti: s,
-              isClearable: f,
-              ...c
+              options: s,
+              isMulti: f,
+              isClearable: c,
+              ...F
             }
           ) }),
-          /* @__PURE__ */ r(b, {})
+          m && /* @__PURE__ */ r(D, { children: m }),
+          /* @__PURE__ */ r(I, {})
         ] });
       }, "render")
     }
   );
 }
-o(q, "FormSelect");
+o(v, "FormSelect");
 export {
-  q as FormSelect
+  v as FormSelect
 };

package/dist/components/form-textarea.d.ts

@@ -1,6 +1,7 @@
 import { Textarea } from "./textarea";
-export declare function FormTextarea({ name, label, required, ...props }: {
+export declare function FormTextarea({ name, label, description, required, ...props }: {
     name: string;
     label: string;
+    description?: string;
     required?: boolean;
 } & React.ComponentProps<typeof Textarea>): import("react/jsx-runtime").JSX.Element;