fina-react-ds 1.0.35 → 1.0.37

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

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

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

@@ -0,0 +1,31 @@
+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({
+  name: o,
+  label: e,
+  required: t = !1,
+  actualImageUrl: l = "",
+  ...n
+}) {
+  const { control: i } = F();
+  return /* @__PURE__ */ r(
+    f,
+    {
+      control: i,
+      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")
+    }
+  );
+}
+m(v, "FormImageUploader");
+export {
+  v as FormImageUploader
+};

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

@@ -0,0 +1,8 @@
+export declare function ImageUploader({ onChange, "aria-invalid": ariaInvalid, ref, actualImageUrl, }: {
+    onChange?: (file: File | null) => void;
+    "aria-invalid"?: boolean;
+    ref?: React.ForwardedRef<{
+        focus: () => void;
+    }>;
+    actualImageUrl?: string;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/components/image-uploader.js

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

package/dist/components/select.js

@@ -1,30 +1,30 @@
-var l = Object.defineProperty;
-var r = (i, o) => l(i, "name", { value: o, configurable: !0 });
+var n = Object.defineProperty;
+var r = (d, l) => n(d, "name", { value: l, configurable: !0 });
 import { jsx as m } from "react/jsx-runtime";
 import p from "clsx";
 import f from "react-select";
-function y({
-  options: i,
-  placeholder: o = "Sélectionner",
-  onChange: d,
-  value: a,
-  ...c
+function g({
+  options: d,
+  placeholder: l = "Sélectionner",
+  onChange: t,
+  value: u,
+  ...o
 }) {
-  const u = /* @__PURE__ */ r((e) => {
-    Array.isArray(e) ? d == null || d(
-      e.map((t) => t.value)
-    ) : d == null || d(e == null ? void 0 : e.value);
-  }, "handleChange"), n = /* @__PURE__ */ r(() => c.isMulti ? Array.isArray(a) ? (i == null ? void 0 : i.filter((e) => a.includes(e.value))) ?? [] : [] : i.find((e) => e.value === a) ?? null, "getSelectedOptions"), s = /* @__PURE__ */ r((e) => {
-    const t = e.relatedTarget;
-    t && (t.tagName === "A" || t.tagName === "BUTTON" || t.tagName === "TEXTAREA" || t.tagName === "INPUT") && t.focus();
+  const c = /* @__PURE__ */ r((e) => {
+    Array.isArray(e) ? t == null || t(
+      e.map((i) => i.value)
+    ) : e === null ? t == null || t(null) : t == null || t(e.value);
+  }, "handleChange"), a = /* @__PURE__ */ r(() => o.isMulti ? Array.isArray(u) ? (d == null ? void 0 : d.filter((e) => u.includes(e.value))) ?? [] : [] : d.find((e) => e.value === u) ?? null, "getSelectedOptions"), s = /* @__PURE__ */ r((e) => {
+    const i = e.relatedTarget;
+    i && (i.tagName === "A" || i.tagName === "BUTTON" || i.tagName === "TEXTAREA" || i.tagName === "INPUT") && i.focus();
   }, "onBlurWorkaround");
   return /* @__PURE__ */ m(
     f,
     {
-      ...c,
-      options: i,
-      onChange: u,
-      value: n(),
+      ...o,
+      options: d,
+      onChange: c,
+      value: a(),
       classNames: {
         control: /* @__PURE__ */ r(() => "px-3 py-1 border bg-input rounded-md text-base md:text-sm min-h-9! shadow-none border-input-border has-[:focus]:border-ring has-[:focus]:ring-[3px] ring-ring/50 has-aria-invalid:border-destructive! has-aria-invalid:ring-destructive/20! has-aria-invalid:dark:ring-destructive/40!", "control"),
         menu: /* @__PURE__ */ r(() => "bg-popover border rounded-md py-0 overflow-hidden shadow-md mt-2", "menu"),
@@ -42,12 +42,12 @@ function y({
         noOptionsMessage: /* @__PURE__ */ r(() => "py-2", "noOptionsMessage")
       },
       onBlur: s,
-      placeholder: o,
+      placeholder: l,
       unstyled: !0
     }
   );
 }
-r(y, "Select");
+r(g, "Select");
 export {
-  y as Select
+  g as Select
 };

package/dist/index.d.ts

@@ -11,6 +11,7 @@ export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, Di
 export { DataLoader } from "./components/data-loader";
 export { DropdownMenu, DropdownMenuPortal, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuGroup, DropdownMenuLabel, DropdownMenuItem, DropdownMenuCheckboxItem, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubTrigger, DropdownMenuSubContent, } from "./components/dropdown-menu";
 export { FileUploader } from "./components/file-uploader";
+export { ImageUploader } from "./components/image-uploader";
 export { HoverCard, HoverCardTrigger, HoverCardContent, } from "./components/hover-card";
 export { Input } from "./components/input";
 export { Label } from "./components/label";
@@ -38,6 +39,7 @@ export { FormInput } from "./components/form-input";
 export { FormSelect } from "./components/form-select";
 export { FormSwitch } from "./components/form-switch";
 export { FormTextarea } from "./components/form-textarea";
+export { FormImageUploader } from "./components/form-image-uploader";
 export { useFormField, Form, FormItem, FormLabel, FormControl, FormDescription, FormMessage, FormField, } from "./components/form";
 export { ThemeProvider, useTheme } from "./providers/theme-provider";
 export { LoaderProvider, useLoader } from "./providers/loader-provider";

package/dist/index.js

@@ -1,55 +1,57 @@
-import { AlertDialog as o, AlertDialogAction as t, AlertDialogCancel as a, AlertDialogContent as i, AlertDialogDescription as n, AlertDialogFooter as p, AlertDialogHeader as l, AlertDialogOverlay as d, AlertDialogPortal as m, AlertDialogTitle as g, AlertDialogTrigger as x } from "./components/alert-dialog.js";
-import { Alert as u, AlertDescription as S, AlertTitle as f } from "./components/alert.js";
+import { AlertDialog as o, AlertDialogAction as t, AlertDialogCancel as a, AlertDialogContent as i, AlertDialogDescription as n, AlertDialogFooter as p, AlertDialogHeader as l, AlertDialogOverlay as m, AlertDialogPortal as d, AlertDialogTitle as g, AlertDialogTrigger as x } from "./components/alert-dialog.js";
+import { Alert as f, AlertDescription as u, AlertTitle as S } from "./components/alert.js";
 import { Badge as T } from "./components/badge.js";
-import { Button as s, buttonVariants as c } from "./components/button.js";
+import { Button as s, buttonVariants as F } from "./components/button.js";
 import { Avatar as M, AvatarFallback as A, AvatarImage as P } from "./components/avatar.js";
 import { Calendar as w } from "./components/calendar.js";
 import { Card as I, CardAction as H, CardContent as k, CardDescription as y, CardFooter as B, CardHeader as L, CardTitle as G } from "./components/card.js";
 import { Checkbox as E } from "./components/checkbox.js";
-import { DatePicker as N } from "./components/date-picker.js";
+import { DatePicker as O } from "./components/date-picker.js";
 import { Dialog as j, DialogClose as q, DialogContent as z, DialogDescription as V, DialogFooter as J, DialogHeader as K, DialogOverlay as Q, DialogPortal as W, DialogTitle as X, DialogTrigger as Y } from "./components/dialog.js";
 import { DataLoader as _ } from "./components/data-loader.js";
-import { DropdownMenu as rr, DropdownMenuCheckboxItem as er, DropdownMenuContent as or, DropdownMenuGroup as tr, DropdownMenuItem as ar, DropdownMenuLabel as ir, DropdownMenuPortal as nr, DropdownMenuRadioGroup as pr, DropdownMenuRadioItem as lr, DropdownMenuSeparator as dr, DropdownMenuShortcut as mr, DropdownMenuSub as gr, DropdownMenuSubContent as xr, DropdownMenuSubTrigger as br, DropdownMenuTrigger as ur } from "./components/dropdown-menu.js";
-import { FileUploader as fr } from "./components/file-uploader.js";
-import { HoverCard as Tr, HoverCardContent as Cr, HoverCardTrigger as sr } from "./components/hover-card.js";
-import { Input as Fr } from "./components/input.js";
-import { Label as Ar } from "./components/label.js";
-import { ModeToggle as hr } from "./components/mode-toggle.js";
-import { Pagination as vr, PaginationContent as Ir, PaginationEllipsis as Hr, PaginationItem as kr, PaginationLink as yr, PaginationNext as Br, PaginationPrevious as Lr } from "./components/pagination.js";
-import { PasswordRulesChecker as Rr } from "./components/password-rules-checker.js";
-import { Popover as Or, PopoverAnchor as Nr, PopoverContent as Ur, PopoverTrigger as jr } from "./components/popover.js";
-import { Select as zr } from "./components/select.js";
-import { Separator as Jr } from "./components/separator.js";
-import { Sheet as Qr, SheetBody as Wr, SheetClose as Xr, SheetContent as Yr, SheetDescription as Zr, SheetFooter as _r, SheetHeader as $r, SheetTitle as re, SheetTrigger as ee } from "./components/sheet.js";
-import { Sidebar as te, SidebarContent as ae, SidebarFooter as ie, SidebarGroup as ne, SidebarGroupAction as pe, SidebarGroupContent as le, SidebarGroupLabel as de, SidebarHeader as me, SidebarInput as ge, SidebarInset as xe, SidebarMenu as be, SidebarMenuAction as ue, SidebarMenuBadge as Se, SidebarMenuButton as fe, SidebarMenuItem as De, SidebarMenuSkeleton as Te, SidebarMenuSub as Ce, SidebarMenuSubButton as se, SidebarMenuSubItem as ce, SidebarProvider as Fe, SidebarRail as Me, SidebarSeparator as Ae, SidebarTrigger as Pe, useSidebar as he } from "./components/sidebar.js";
-import { SimplePagination as ve } from "./components/simple-pagination.js";
-import { SimpleTooltip as He } from "./components/simple-tooltip.js";
-import { Skeleton as ye } from "./components/skeleton.js";
-import { Switch as Le } from "./components/switch.js";
-import { Toaster as Re } from "./components/sonner.js";
-import { Table as Oe, TableBody as Ne, TableCaption as Ue, TableCell as je, TableFooter as qe, TableHead as ze, TableHeader as Ve, TableRow as Je } from "./components/table.js";
-import { Tabs as Qe, TabsContent as We, TabsList as Xe, TabsTrigger as Ye } from "./components/tabs.js";
-import { Textarea as _e } from "./components/textarea.js";
-import { Tooltip as ro, TooltipContent as eo, TooltipProvider as oo, TooltipTrigger as to } from "./components/tooltip.js";
-import { FormDate as io } from "./components/form-date.js";
-import { FormColorPicker as po } from "./components/form-color-picker.js";
-import { FormFileUploader as mo } from "./components/form-file-uploader.js";
-import { FormInput as xo } from "./components/form-input.js";
-import { FormSelect as uo } from "./components/form-select.js";
-import { FormSwitch as fo } from "./components/form-switch.js";
-import { FormTextarea as To } from "./components/form-textarea.js";
-import { Form as so, FormControl as co, FormDescription as Fo, FormField as Mo, FormItem as Ao, FormLabel as Po, FormMessage as ho, useFormField as wo } from "./components/form.js";
-import { ThemeProvider as Io, useTheme as Ho } from "./providers/theme-provider.js";
-import { LoaderProvider as yo, useLoader as Bo } from "./providers/loader-provider.js";
-import { formatDate as Go } from "./lib/dates.js";
-import { requestApi as Eo } from "./lib/http.js";
-import { isNullOrEmptyString as No } from "./lib/strings.js";
-import { orderBy as jo, orderByText as qo } from "./lib/arrays.js";
-import { apiErrorDescription as Vo, cn as Jo, manageApiFormErrors as Ko } from "./lib/utils.js";
-import { addMethod as Wo, array as Xo, boolean as Yo, date as Zo, lazy as _o, mixed as $o, number as rt, object as et, reach as ot, ref as tt, string as at } from "./lib/yup.js";
+import { DropdownMenu as rr, DropdownMenuCheckboxItem as er, DropdownMenuContent as or, DropdownMenuGroup as tr, DropdownMenuItem as ar, DropdownMenuLabel as ir, DropdownMenuPortal as nr, DropdownMenuRadioGroup as pr, DropdownMenuRadioItem as lr, DropdownMenuSeparator as mr, DropdownMenuShortcut as dr, DropdownMenuSub as gr, DropdownMenuSubContent as xr, DropdownMenuSubTrigger as br, DropdownMenuTrigger as fr } from "./components/dropdown-menu.js";
+import { FileUploader as Sr } from "./components/file-uploader.js";
+import { ImageUploader as Tr } from "./components/image-uploader.js";
+import { HoverCard as sr, HoverCardContent as Fr, HoverCardTrigger as cr } from "./components/hover-card.js";
+import { Input as Ar } from "./components/input.js";
+import { Label as hr } from "./components/label.js";
+import { ModeToggle as vr } from "./components/mode-toggle.js";
+import { Pagination as Hr, PaginationContent as kr, PaginationEllipsis as yr, PaginationItem as Br, PaginationLink as Lr, PaginationNext as Gr, PaginationPrevious as Rr } from "./components/pagination.js";
+import { PasswordRulesChecker as Ur } from "./components/password-rules-checker.js";
+import { Popover as Nr, PopoverAnchor as jr, PopoverContent as qr, PopoverTrigger as zr } from "./components/popover.js";
+import { Select as Jr } from "./components/select.js";
+import { Separator as Qr } from "./components/separator.js";
+import { Sheet as Xr, SheetBody as Yr, SheetClose as Zr, SheetContent as _r, SheetDescription as $r, SheetFooter as re, SheetHeader as ee, SheetTitle as oe, SheetTrigger as te } from "./components/sheet.js";
+import { Sidebar as ie, SidebarContent as ne, SidebarFooter as pe, SidebarGroup as le, SidebarGroupAction as me, SidebarGroupContent as de, SidebarGroupLabel as ge, SidebarHeader as xe, SidebarInput as be, SidebarInset as fe, SidebarMenu as ue, SidebarMenuAction as Se, SidebarMenuBadge as De, SidebarMenuButton as Te, SidebarMenuItem as Ce, SidebarMenuSkeleton as se, SidebarMenuSub as Fe, SidebarMenuSubButton as ce, SidebarMenuSubItem as Me, SidebarProvider as Ae, SidebarRail as Pe, SidebarSeparator as he, SidebarTrigger as we, useSidebar as ve } from "./components/sidebar.js";
+import { SimplePagination as He } from "./components/simple-pagination.js";
+import { SimpleTooltip as ye } from "./components/simple-tooltip.js";
+import { Skeleton as Le } from "./components/skeleton.js";
+import { Switch as Re } from "./components/switch.js";
+import { Toaster as Ue } from "./components/sonner.js";
+import { Table as Ne, TableBody as je, TableCaption as qe, TableCell as ze, TableFooter as Ve, TableHead as Je, TableHeader as Ke, TableRow as Qe } from "./components/table.js";
+import { Tabs as Xe, TabsContent as Ye, TabsList as Ze, TabsTrigger as _e } from "./components/tabs.js";
+import { Textarea as ro } from "./components/textarea.js";
+import { Tooltip as oo, TooltipContent as to, TooltipProvider as ao, TooltipTrigger as io } from "./components/tooltip.js";
+import { FormDate as po } from "./components/form-date.js";
+import { FormColorPicker as mo } from "./components/form-color-picker.js";
+import { FormFileUploader as xo } from "./components/form-file-uploader.js";
+import { FormInput as fo } from "./components/form-input.js";
+import { FormSelect as So } from "./components/form-select.js";
+import { FormSwitch as To } from "./components/form-switch.js";
+import { FormTextarea as so } from "./components/form-textarea.js";
+import { FormImageUploader as co } from "./components/form-image-uploader.js";
+import { Form as Ao, FormControl as Po, FormDescription as ho, FormField as wo, FormItem as vo, FormLabel as Io, FormMessage as Ho, useFormField as ko } from "./components/form.js";
+import { ThemeProvider as Bo, useTheme as Lo } from "./providers/theme-provider.js";
+import { LoaderProvider as Ro, useLoader as Eo } from "./providers/loader-provider.js";
+import { formatDate as Oo } from "./lib/dates.js";
+import { requestApi as jo } from "./lib/http.js";
+import { isNullOrEmptyString as zo } from "./lib/strings.js";
+import { orderBy as Jo, orderByText as Ko } from "./lib/arrays.js";
+import { apiErrorDescription as Wo, cn as Xo, manageApiFormErrors as Yo } from "./lib/utils.js";
+import { addMethod as _o, array as $o, boolean as rt, date as et, lazy as ot, mixed as tt, number as at, object as it, reach as nt, ref as pt, string as lt } from "./lib/yup.js";
 export {
-  u as Alert,
-  S as AlertDescription,
+  f as Alert,
+  u as AlertDescription,
   o as AlertDialog,
   t as AlertDialogAction,
   a as AlertDialogCancel,
@@ -57,11 +59,11 @@ export {
   n as AlertDialogDescription,
   p as AlertDialogFooter,
   l as AlertDialogHeader,
-  d as AlertDialogOverlay,
-  m as AlertDialogPortal,
+  m as AlertDialogOverlay,
+  d as AlertDialogPortal,
   g as AlertDialogTitle,
   x as AlertDialogTrigger,
-  f as AlertTitle,
+  S as AlertTitle,
   M as Avatar,
   A as AvatarFallback,
   P as AvatarImage,
@@ -77,7 +79,7 @@ export {
   G as CardTitle,
   E as Checkbox,
   _ as DataLoader,
-  N as DatePicker,
+  O as DatePicker,
   j as Dialog,
   q as DialogClose,
   z as DialogContent,
@@ -97,125 +99,127 @@ export {
   nr as DropdownMenuPortal,
   pr as DropdownMenuRadioGroup,
   lr as DropdownMenuRadioItem,
-  dr as DropdownMenuSeparator,
-  mr as DropdownMenuShortcut,
+  mr as DropdownMenuSeparator,
+  dr as DropdownMenuShortcut,
   gr as DropdownMenuSub,
   xr as DropdownMenuSubContent,
   br as DropdownMenuSubTrigger,
-  ur as DropdownMenuTrigger,
-  fr as FileUploader,
-  so as Form,
-  po as FormColorPicker,
-  co as FormControl,
-  io as FormDate,
-  Fo as FormDescription,
-  Mo as FormField,
-  mo as FormFileUploader,
-  xo as FormInput,
-  Ao as FormItem,
-  Po as FormLabel,
-  ho as FormMessage,
-  uo as FormSelect,
-  fo as FormSwitch,
-  To as FormTextarea,
-  Tr as HoverCard,
-  Cr as HoverCardContent,
-  sr as HoverCardTrigger,
-  Fr as Input,
-  Ar as Label,
-  yo as LoaderProvider,
-  hr as ModeToggle,
-  vr as Pagination,
-  Ir as PaginationContent,
-  Hr as PaginationEllipsis,
-  kr as PaginationItem,
-  yr as PaginationLink,
-  Br as PaginationNext,
-  Lr as PaginationPrevious,
-  Rr as PasswordRulesChecker,
-  Or as Popover,
-  Nr as PopoverAnchor,
-  Ur as PopoverContent,
-  jr as PopoverTrigger,
-  zr as Select,
-  Jr as Separator,
-  Qr as Sheet,
-  Wr as SheetBody,
-  Xr as SheetClose,
-  Yr as SheetContent,
-  Zr as SheetDescription,
-  _r as SheetFooter,
-  $r as SheetHeader,
-  re as SheetTitle,
-  ee as SheetTrigger,
-  te as Sidebar,
-  ae as SidebarContent,
-  ie as SidebarFooter,
-  ne as SidebarGroup,
-  pe as SidebarGroupAction,
-  le as SidebarGroupContent,
-  de as SidebarGroupLabel,
-  me as SidebarHeader,
-  ge as SidebarInput,
-  xe as SidebarInset,
-  be as SidebarMenu,
-  ue as SidebarMenuAction,
-  Se as SidebarMenuBadge,
-  fe as SidebarMenuButton,
-  De as SidebarMenuItem,
-  Te as SidebarMenuSkeleton,
-  Ce as SidebarMenuSub,
-  se as SidebarMenuSubButton,
-  ce as SidebarMenuSubItem,
-  Fe as SidebarProvider,
-  Me as SidebarRail,
-  Ae as SidebarSeparator,
-  Pe as SidebarTrigger,
-  ve as SimplePagination,
-  He as SimpleTooltip,
-  ye as Skeleton,
-  Le as Switch,
-  Oe as Table,
-  Ne as TableBody,
-  Ue as TableCaption,
-  je as TableCell,
-  qe as TableFooter,
-  ze as TableHead,
-  Ve as TableHeader,
-  Je as TableRow,
-  Qe as Tabs,
-  We as TabsContent,
-  Xe as TabsList,
-  Ye as TabsTrigger,
-  _e as Textarea,
-  Io as ThemeProvider,
-  Re as Toaster,
-  ro as Tooltip,
-  eo as TooltipContent,
-  oo as TooltipProvider,
-  to as TooltipTrigger,
-  Wo as addMethod,
-  Vo as apiErrorDescription,
-  Xo as array,
-  Yo as boolean,
-  c as buttonVariants,
-  Jo as cn,
-  Zo as date,
-  Go as formatDate,
-  No as isNullOrEmptyString,
-  _o as lazy,
-  Ko as manageApiFormErrors,
-  $o as mixed,
-  rt as number,
-  et as object,
-  jo as orderBy,
-  qo as orderByText,
-  ot as reach,
-  tt as ref,
-  Eo as requestApi,
-  at as string,
-  wo as useFormField,
-  Bo as useLoader,
-  he as useSidebar,
-  Ho as useTheme
+  fr as DropdownMenuTrigger,
+  Sr as FileUploader,
+  Ao as Form,
+  mo as FormColorPicker,
+  Po as FormControl,
+  po as FormDate,
+  ho as FormDescription,
+  wo as FormField,
+  xo as FormFileUploader,
+  co as FormImageUploader,
+  fo as FormInput,
+  vo as FormItem,
+  Io as FormLabel,
+  Ho as FormMessage,
+  So as FormSelect,
+  To as FormSwitch,
+  so as FormTextarea,
+  sr as HoverCard,
+  Fr as HoverCardContent,
+  cr as HoverCardTrigger,
+  Tr as ImageUploader,
+  Ar as Input,
+  hr as Label,
+  Ro as LoaderProvider,
+  vr as ModeToggle,
+  Hr as Pagination,
+  kr as PaginationContent,
+  yr as PaginationEllipsis,
+  Br as PaginationItem,
+  Lr as PaginationLink,
+  Gr as PaginationNext,
+  Rr as PaginationPrevious,
+  Ur as PasswordRulesChecker,
+  Nr as Popover,
+  jr as PopoverAnchor,
+  qr as PopoverContent,
+  zr as PopoverTrigger,
+  Jr as Select,
+  Qr as Separator,
+  Xr as Sheet,
+  Yr as SheetBody,
+  Zr as SheetClose,
+  _r as SheetContent,
+  $r as SheetDescription,
+  re as SheetFooter,
+  ee as SheetHeader,
+  oe as SheetTitle,
+  te as SheetTrigger,
+  ie as Sidebar,
+  ne as SidebarContent,
+  pe as SidebarFooter,
+  le as SidebarGroup,
+  me as SidebarGroupAction,
+  de as SidebarGroupContent,
+  ge as SidebarGroupLabel,
+  xe as SidebarHeader,
+  be as SidebarInput,
+  fe as SidebarInset,
+  ue as SidebarMenu,
+  Se as SidebarMenuAction,
+  De as SidebarMenuBadge,
+  Te as SidebarMenuButton,
+  Ce as SidebarMenuItem,
+  se as SidebarMenuSkeleton,
+  Fe as SidebarMenuSub,
+  ce as SidebarMenuSubButton,
+  Me as SidebarMenuSubItem,
+  Ae as SidebarProvider,
+  Pe as SidebarRail,
+  he as SidebarSeparator,
+  we as SidebarTrigger,
+  He as SimplePagination,
+  ye as SimpleTooltip,
+  Le as Skeleton,
+  Re as Switch,
+  Ne as Table,
+  je as TableBody,
+  qe as TableCaption,
+  ze as TableCell,
+  Ve as TableFooter,
+  Je as TableHead,
+  Ke as TableHeader,
+  Qe as TableRow,
+  Xe as Tabs,
+  Ye as TabsContent,
+  Ze as TabsList,
+  _e as TabsTrigger,
+  ro as Textarea,
+  Bo as ThemeProvider,
+  Ue as Toaster,
+  oo as Tooltip,
+  to as TooltipContent,
+  ao as TooltipProvider,
+  io as TooltipTrigger,
+  _o as addMethod,
+  Wo as apiErrorDescription,
+  $o as array,
+  rt as boolean,
+  F as buttonVariants,
+  Xo as cn,
+  et as date,
+  Oo as formatDate,
+  zo as isNullOrEmptyString,
+  ot as lazy,
+  Yo as manageApiFormErrors,
+  tt as mixed,
+  at as number,
+  it as object,
+  Jo as orderBy,
+  Ko as orderByText,
+  nt as reach,
+  pt as ref,
+  jo as requestApi,
+  lt as string,
+  ko as useFormField,
+  Eo as useLoader,
+  ve as useSidebar,
+  Lo as useTheme
 };

package/dist/themes/base.css

@@ -1,4 +1,4 @@
-/*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */
+/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */
 @layer properties;
 @layer theme, base, components, utilities;
 @layer theme {
@@ -538,6 +538,9 @@
   .flex-1 {
     flex: 1;
   }
+  .flex-2 {
+    flex: 2;
+  }
   .flex-none {
     flex: none;
   }
@@ -913,6 +916,12 @@
   .fill-dark {
     fill: var(--dark);
   }
+  .object-cover {
+    object-fit: cover;
+  }
+  .object-center {
+    object-position: center;
+  }
   .p-0 {
     padding: calc(var(--spacing) * 0);
   }

package/package.json

@@ -5,7 +5,7 @@
     "url": "https://github.com/F1na/fina-react-ds"
   },
   "private": false,
-  "version": "1.0.35",
+  "version": "1.0.37",
   "type": "module",
   "files": [
     "dist"