@oneplatformdev/ui 0.0.1-beta.6 → 0.0.1-beta.60

package/Accordion/Accordion.d.ts

@@ -1,5 +1,5 @@
-import * as React from "react";
-import * as AccordionPrimitive from "@radix-ui/react-accordion";
+import * as React from 'react';
+import * as AccordionPrimitive from '@radix-ui/react-accordion';
 declare const Accordion: React.ForwardRefExoticComponent<(AccordionPrimitive.AccordionSingleProps | AccordionPrimitive.AccordionMultipleProps) & React.RefAttributes<HTMLDivElement>>;
 declare const AccordionItem: React.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const AccordionTrigger: React.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;

package/Accordion/Accordion.mjs

@@ -1,46 +1,49 @@
 import { jsx as a, jsxs as d } from "react/jsx-runtime";
-import * as i from "react";
+import * as s from "react";
 import * as e from "@radix-ui/react-accordion";
 import { ChevronDown as m } from "lucide-react";
-import { cn as s } from "@oneplatformdev/utils";
-const g = e.Root, c = i.forwardRef(({ className: o, ...t }, r) => /* @__PURE__ */ a(
+import { cn as c } from "@oneplatformdev/utils";
+const u = e.Root, l = s.forwardRef(({ className: t, ...o }, r) => /* @__PURE__ */ a(
   e.Item,
   {
     ref: r,
-    className: s("border-b", o),
-    ...t
+    className: c("border-b", t),
+    ...o
   }
 ));
-c.displayName = "AccordionItem";
-const l = i.forwardRef(({ className: o, children: t, ...r }, n) => /* @__PURE__ */ a(e.Header, { className: "flex", children: /* @__PURE__ */ d(
+l.displayName = "AccordionItem";
+const f = s.forwardRef(({ className: t, children: o, ...r }, i) => /* @__PURE__ */ a(e.Header, { className: "flex", children: /* @__PURE__ */ d(
   e.Trigger,
   {
-    ref: n,
-    className: s(
+    ref: i,
+    className: c(
       "flex flex-1 items-center justify-between py-4 text-sm font-medium transition-all hover:underline text-left [&[data-state=open]>svg]:rotate-180",
-      o
+      t
     ),
+    onKeyDown: (n) => {
+      n.key === " " && n.target === n.currentTarget && n.preventDefault();
+    },
     ...r,
     children: [
-      t,
+      o,
       /* @__PURE__ */ a(m, { className: "h-4 w-4 shrink-0 text-muted-foreground transition-transform duration-200" })
     ]
   }
 ) }));
-l.displayName = e.Trigger.displayName;
-const f = i.forwardRef(({ className: o, children: t, ...r }, n) => /* @__PURE__ */ a(
+f.displayName = e.Trigger.displayName;
+const p = s.forwardRef(({ className: t, children: o, ...r }, i) => /* @__PURE__ */ a(
   e.Content,
   {
-    ref: n,
+    ref: i,
     className: "overflow-hidden text-sm data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down",
     ...r,
-    children: /* @__PURE__ */ a("div", { className: s("pb-4 pt-0", o), children: t })
+    children: /* @__PURE__ */ a("div", { className: c("pb-4 pt-0", t), children: o })
   }
 ));
-f.displayName = e.Content.displayName;
+p.displayName = e.Content.displayName;
 export {
-  g as Accordion,
-  f as AccordionContent,
-  c as AccordionItem,
-  l as AccordionTrigger
+  u as Accordion,
+  p as AccordionContent,
+  l as AccordionItem,
+  f as AccordionTrigger
 };

package/Button/buttonVariants.mjs

@@ -1,10 +1,10 @@
 import { cva as e } from "class-variance-authority";
-const t = e(
+const r = e(
   "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
   {
     variants: {
       variant: {
-        default: "bg-primary text-primary-foreground shadow hover:bg-primary/90",
+        default: "bg-primary text-primary-foreground shadow hover:opacity-[.8]",
         destructive: "bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90",
         outline: "border border-input bg-background shadow-sm hover:bg-accent hover:text-accent-foreground",
         secondary: "bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/80",
@@ -13,8 +13,8 @@ const t = e(
       },
       size: {
         default: "h-9 px-4 py-2",
-        sm: "h-8 rounded-md px-3 text-xs",
-        lg: "h-10 rounded-md px-8",
+        sm: "h-8 rounded-md px-3 text-xs [&_svg]:size-4",
+        lg: "h-10 rounded-md px-8 [&_svg]:size-5 px-3 py-2",
         icon: "h-9 w-9"
       }
     },
@@ -25,5 +25,5 @@ const t = e(
   }
 );
 export {
-  t as buttonVariants
+  r as buttonVariants
 };

package/Calendar/Calendar.mjs

@@ -16,10 +16,11 @@ function u({
       showOutsideDays: c,
       className: e("p-3", n),
       classNames: {
+        caption_dropdowns: "flex flex-col gap-1",
         months: "flex flex-col sm:flex-row space-y-4 sm:space-x-4 sm:space-y-0",
         month: "space-y-4",
-        caption: "flex justify-center pt-1 relative items-center",
-        caption_label: "text-sm font-medium",
+        caption: "flex justify-center pt-1 relative items-center gap-4",
+        caption_label: "text-sm font-medium hidden",
         nav: "space-x-1 flex items-center",
         nav_button: e(
           o({ variant: "outline" }),

package/Combobox/Combobox.mjs

@@ -1,119 +1,157 @@
-import { jsx as a, jsxs as t } from "react/jsx-runtime";
-import n, { useEffect as E } from "react";
-import { LoadingMask as I } from "../LoadingMask/LoadingMask.mjs";
-import { Popover as U, PopoverTrigger as _, PopoverContent as B } from "../Popover/Popover.mjs";
-import { Button as F } from "../Button/Button.mjs";
+import { jsx as a, jsxs as o, Fragment as I } from "react/jsx-runtime";
+import s, { useRef as R, useEffect as U, useCallback as c, useLayoutEffect as q } from "react";
+import { LoadingMask as z } from "../LoadingMask/LoadingMask.mjs";
+import { Popover as A, PopoverTrigger as V, PopoverContent as X } from "../Popover/Popover.mjs";
+import { Button as H } from "../Button/Button.mjs";
 import "../Button/buttonVariants.mjs";
-import { Command as G, CommandInput as M, CommandList as R, CommandEmpty as V, CommandGroup as W, CommandItem as X } from "../Command/Command.mjs";
-import { cn as g } from "@oneplatformdev/utils";
-import { useDebounceCallback as q } from "@oneplatformdev/hooks";
-import { X as z, ChevronsUpDown as A, Check as H } from "lucide-react";
-const te = (w) => {
-  var C;
+import { Command as J, CommandInput as K, CommandList as Q, CommandGroup as W, CommandEmpty as k, CommandItem as Y } from "../Command/Command.mjs";
+import { cn as h } from "@oneplatformdev/utils";
+import { useDebounceCallback as Z } from "@oneplatformdev/hooks";
+import { X as $, ChevronsUpDown as ee, Check as ae } from "lucide-react";
+const ue = (O) => {
+  var j;
   const {
-    value: o,
-    onChange: y,
-    placeholder: x,
-    disabled: N,
-    searchLabel: S,
-    fetchOptions: L,
+    value: n,
+    onChange: P,
+    placeholder: D,
+    disabled: T,
+    searchLabel: B = "Type to search...",
+    fetchOptions: E,
     options: r,
-    emptyLabel: O = "No options"
-  } = w, [l, d] = n.useState(!1), [P, m] = n.useState(""), [p, h] = n.useState([]), [s, u] = n.useState(), [f, b] = n.useState(!1);
-  E(() => {
-    r != null && r.length && h(r);
+    emptyLabel: C = "No options",
+    emptyAction: i,
+    onMount: x
+  } = O, f = R(!1), [t, d] = s.useState(!1), [m, w] = s.useState(""), [u, p] = s.useState([]), [b, N] = s.useState(), [g, l] = s.useState(!1);
+  U(() => {
+    r != null && r.length && p(r);
   }, [r]);
-  const j = async () => {
-    l || (v(), m(""));
-  }, v = async (e) => {
-    b(!0);
+  const M = async () => {
+    t || (S(), w(""));
+  }, S = c(async (e) => {
+    l(!0);
     try {
-      const i = await L(e);
-      h(i);
-    } catch (i) {
-      console.error("Unexpected error while get option:", i);
+      const y = await E(e);
+      p(y);
+    } catch (y) {
+      console.error("Unexpected error while get option:", y);
     } finally {
-      b(!1);
+      l(!1);
     }
-  }, k = q(v, 1e3), D = (e) => {
-    m(e), k(e);
-  }, c = (e) => {
-    y(e.value), u(e);
-  }, T = () => {
-    c({ value: "", label: "" }), u(void 0);
-  };
-  return /* @__PURE__ */ a("div", { className: "w-full", children: /* @__PURE__ */ t(
-    U,
+  }, []), _ = Z(S, 1e3, {
+    leading: !1,
+    trailing: !0
+  }), F = c((e) => {
+    l(!0), w(e), _(e);
+  }, []), v = c((e) => {
+    P(e.value), N(e), l(!1);
+  }, []), L = c(() => {
+    console.log("handleClearSelection", L), v({ value: "", label: "" }), N(void 0), l(!1);
+  }, []), G = c(() => {
+    if (!x) {
+      f.current = !0;
+      return;
+    }
+    x({ setOptions: p, search: m || "", open: t, setOpen: d }).finally(
+      () => {
+        f.current = !0;
+      }
+    );
+  }, []);
+  return q(() => (G(), () => {
+    f.current = !1;
+  }), []), /* @__PURE__ */ a("div", { className: "w-full", children: /* @__PURE__ */ o(
+    A,
     {
-      open: l,
+      open: t,
       onOpenChange: (e) => {
-        d(e), e && j();
+        d(e), e && M();
       },
       children: [
-        /* @__PURE__ */ a(_, { asChild: !0, className: "border-border", children: /* @__PURE__ */ t(
-          F,
+        /* @__PURE__ */ a(V, { asChild: !0, className: "border-input", children: /* @__PURE__ */ o(
+          H,
           {
             variant: "outline",
             role: "combobox",
-            "aria-expanded": l,
-            className: g(
-              "w-full justify-between font-normal text-sm border bg-input",
-              l ? "border-2 border-sidebar-accent" : "border-border"
+            "aria-expanded": t,
+            className: h(
+              "w-full justify-between font-normal text-sm border bg-transparent relative",
+              t ? "border-2 border-sidebar-accent" : "border-border"
             ),
-            disabled: N,
+            disabled: T,
             children: [
-              /* @__PURE__ */ a("span", { className: "truncate max-w-[calc(100%-1.5rem)] overflow-hidden whitespace-nowrap", children: o ? ((C = p.find((e) => e.value === o)) == null ? void 0 : C.label) || (s == null ? void 0 : s.label) : /* @__PURE__ */ a("span", { className: "text-gray-400", children: x }) }),
-              o ? /* @__PURE__ */ a(
-                z,
+              /* @__PURE__ */ a("span", { className: "truncate max-w-[calc(100%-1.5rem)] overflow-hidden whitespace-nowrap", children: n ? ((j = u.find((e) => e.value === n)) == null ? void 0 : j.label) || (b == null ? void 0 : b.label) : /* @__PURE__ */ a("span", { className: "text-gray-400", children: D }) }),
+              n ? /* @__PURE__ */ a(
+                "div",
                 {
-                  className: "opacity-50 w-4 h-4 cursor-pointer hover:opacity-100",
+                  className: h(
+                    "absolute top-0 right-1",
+                    "flex items-center justify-center",
+                    "w-9 aspect-square [&_svg]:size-5",
+                    "opacity-50 cursor-pointer hover:opacity-100"
+                  ),
                   onClick: (e) => {
-                    e.stopPropagation(), T();
-                  }
+                    e.stopPropagation(), L();
+                  },
+                  children: /* @__PURE__ */ a($, {})
                 }
-              ) : /* @__PURE__ */ a(A, { className: "opacity-50 w-4 h-4" })
+              ) : /* @__PURE__ */ a(ee, { className: "opacity-50 w-4 h-4" })
             ]
           }
         ) }),
         /* @__PURE__ */ a(
-          B,
+          X,
           {
             className: "w-[var(--radix-popper-anchor-width)] max-w-none p-0",
             align: "start",
-            children: /* @__PURE__ */ t(G, { shouldFilter: !1, children: [
+            children: /* @__PURE__ */ o(J, { shouldFilter: !1, children: [
               /* @__PURE__ */ a(
-                M,
+                K,
                 {
-                  placeholder: S,
-                  value: P,
-                  onValueChange: D
+                  placeholder: B,
+                  value: m,
+                  onValueChange: F
                 }
               ),
-              /* @__PURE__ */ t(R, { children: [
-                !f && /* @__PURE__ */ a(V, { children: O }),
-                /* @__PURE__ */ a(W, { children: f ? /* @__PURE__ */ a("div", { className: "flex justify-center", children: /* @__PURE__ */ a(I, {}) }) : p.map((e) => /* @__PURE__ */ t(
-                  X,
-                  {
-                    value: e.value,
-                    onSelect: () => {
-                      o === e.value ? c({ value: "", label: "" }) : c(e), d(!1);
-                    },
-                    children: [
-                      e.label,
-                      /* @__PURE__ */ a(
-                        H,
-                        {
-                          className: g(
-                            "ml-auto",
-                            o === e.value ? "opacity-100" : "opacity-0"
+              /* @__PURE__ */ a(Q, { children: /* @__PURE__ */ o(
+                W,
+                {
+                  className: h(!u.length && "p-0 shadow-none"),
+                  children: [
+                    g && /* @__PURE__ */ a("div", { className: "flex justify-center", children: /* @__PURE__ */ a(z, {}) }),
+                    !g && !!m && /* @__PURE__ */ a(I, { children: i ? /* @__PURE__ */ o(k, { className: "flex flex-col gap-3 py-5 px-3 items-center", children: [
+                      /* @__PURE__ */ a("span", { children: C }),
+                      typeof i == "function" ? i({
+                        setOptions: p,
+                        search: m || "",
+                        open: t,
+                        setOpen: d
+                      }) : i
+                    ] }) : /* @__PURE__ */ a(k, { children: C }) }),
+                    !g && !!u.length && u.map((e) => /* @__PURE__ */ o(
+                      Y,
+                      {
+                        value: e.value,
+                        onSelect: () => {
+                          n === e.value ? v({ value: "", label: "" }) : v(e), d(!1);
+                        },
+                        children: [
+                          e.label,
+                          /* @__PURE__ */ a(
+                            ae,
+                            {
+                              className: h(
+                                "ml-auto",
+                                n === e.value ? "opacity-100" : "opacity-0"
+                              )
+                            }
                           )
-                        }
-                      )
-                    ]
-                  },
-                  e.value
-                )) })
-              ] })
+                        ]
+                      },
+                      e.value
+                    ))
+                  ]
+                }
+              ) })
             ] })
           }
         )
@@ -122,5 +160,5 @@ const te = (w) => {
   ) });
 };
 export {
-  te as Combobox
+  ue as Combobox
 };

package/Combobox/Combobox.types.d.ts

@@ -1,7 +1,15 @@
+import { Dispatch, ReactNode, SetStateAction } from 'react';
+
 export interface ComboboxOption {
     value: string;
     label: string;
 }
+export interface ComboboxPropsOnMountParams {
+    setOptions: Dispatch<SetStateAction<ComboboxOption[]>>;
+    search: string;
+    open: boolean;
+    setOpen: Dispatch<SetStateAction<boolean>>;
+}
 export interface ComboboxProps {
     value: string;
     onChange: (value: string) => void;
@@ -10,6 +18,10 @@ export interface ComboboxProps {
     disabled?: boolean;
     fetchOptions: (search?: string) => Promise<ComboboxOption[]>;
     options?: ComboboxOption[];
-    /** CommandEmpty label*/
+    /** Command Empty list label*/
     emptyLabel?: string;
+    /** Command Empty list action */
+    emptyAction?: ((params: ComboboxPropsOnMountParams) => ReactNode) | ReactNode;
+    /** Callback for load data on start component */
+    onMount?: (params: ComboboxPropsOnMountParams) => Promise<void>;
 }

package/Command/Command.d.ts

@@ -1,5 +1,5 @@
 import { DialogProps } from '@radix-ui/react-dialog';
-import * as React from "react";
+import * as React from 'react';
 declare const Command: React.ForwardRefExoticComponent<Omit<{
     children?: React.ReactNode;
 } & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {

package/DataTable/DataTable.d.ts

@@ -1,4 +1,11 @@
-import { DataTableProps } from './DataTable.types';
-import { FC } from 'react';
+import { default as React, FC } from 'react';
+import { Table as ReactTable } from '@tanstack/react-table';
 
-export declare const DataTable: FC<DataTableProps>;
+interface IProps {
+    table: ReactTable<any>;
+    ToolBar?: React.ReactNode;
+    tColumns?: string;
+    tNoResults?: string;
+}
+export declare const DataTable: FC<IProps>;
+export {};

package/DataTable/DataTable.mjs

@@ -1,28 +1,28 @@
-import { jsxs as r, jsx as l } from "react/jsx-runtime";
-import { flexRender as d } from "@tanstack/react-table";
-import { ChevronDown as u } from "lucide-react";
-import { Button as p } from "../Button/Button.mjs";
+import { jsxs as i, jsx as l } from "react/jsx-runtime";
+import { Button as h } from "../Button/Button.mjs";
 import "../Button/buttonVariants.mjs";
-import { DropdownMenu as g, DropdownMenuTrigger as b, DropdownMenuContent as C, DropdownMenuCheckboxItem as f } from "../DropdownMenu/DropdownMenu.mjs";
-import { Table as w, TableHeader as x, TableRow as o, TableHead as T, TableBody as D, TableCell as a } from "../Table/Table.mjs";
-const B = (s) => {
-  var i;
-  const {
-    table: t,
-    ToolBar: c,
-    columnsLabel: m = "Columns",
-    noResultLabel: h = "No results"
-  } = s;
-  return /* @__PURE__ */ r("div", { className: "w-full", children: [
-    /* @__PURE__ */ r("div", { className: "flex items-center py-4", children: [
-      c,
-      /* @__PURE__ */ r(g, { children: [
-        /* @__PURE__ */ l(b, { asChild: !0, children: /* @__PURE__ */ r(p, { variant: "outline", className: "ml-auto", children: [
-          m,
-          /* @__PURE__ */ l(u, { className: "ml-2 h-4 w-4" })
+import { DropdownMenu as p, DropdownMenuTrigger as g, DropdownMenuContent as u, DropdownMenuCheckboxItem as C } from "../DropdownMenu/DropdownMenu.mjs";
+import { Table as f, TableHeader as w, TableRow as t, TableHead as x, TableBody as b, TableCell as d } from "../Table/Table.mjs";
+import { flexRender as a } from "@tanstack/react-table";
+import { ChevronDown as D } from "lucide-react";
+const y = ({
+  table: r,
+  ToolBar: s,
+  tColumns: c = "Columns",
+  tNoResults: m = "No results"
+}) => {
+  var o;
+  return /* @__PURE__ */ i("div", { className: "w-full", children: [
+    /* @__PURE__ */ i("div", { className: "flex items-center py-4", children: [
+      s,
+      /* @__PURE__ */ i(p, { children: [
+        /* @__PURE__ */ l(g, { asChild: !0, children: /* @__PURE__ */ i(h, { variant: "outline", className: "ml-auto", children: [
+          c,
+          " ",
+          /* @__PURE__ */ l(D, { className: "ml-2 h-4 w-4" })
         ] }) }),
-        /* @__PURE__ */ l(C, { align: "end", children: t.getAllColumns().filter((e) => e.getCanHide()).map((e) => /* @__PURE__ */ l(
-          f,
+        /* @__PURE__ */ l(u, { align: "end", children: r.getAllColumns().filter((e) => e.getCanHide()).map((e) => /* @__PURE__ */ l(
+          C,
           {
             className: "capitalize",
             checked: e.getIsVisible(),
@@ -33,32 +33,32 @@ const B = (s) => {
         )) })
       ] })
     ] }),
-    /* @__PURE__ */ l("div", { className: "rounded-md border", children: /* @__PURE__ */ r(w, { children: [
-      /* @__PURE__ */ l(x, { children: t.getHeaderGroups().map((e) => /* @__PURE__ */ l(o, { children: e.headers.map((n) => /* @__PURE__ */ l(T, { children: n.isPlaceholder ? null : d(
+    /* @__PURE__ */ l("div", { className: "rounded-md border", children: /* @__PURE__ */ i(f, { children: [
+      /* @__PURE__ */ l(w, { children: r.getHeaderGroups().map((e) => /* @__PURE__ */ l(t, { children: e.headers.map((n) => /* @__PURE__ */ l(x, { children: n.isPlaceholder ? null : a(
         n.column.columnDef.header,
         n.getContext()
       ) }, n.id)) }, e.id)) }),
-      /* @__PURE__ */ l(D, { children: (i = t.getRowModel().rows) != null && i.length ? t.getRowModel().rows.map((e) => /* @__PURE__ */ l(
-        o,
+      /* @__PURE__ */ l(b, { children: (o = r.getRowModel().rows) != null && o.length ? r.getRowModel().rows.map((e) => /* @__PURE__ */ l(
+        t,
         {
           "data-state": e.getIsSelected() && "selected",
-          children: e.getVisibleCells().map((n) => /* @__PURE__ */ l(a, { children: d(
+          children: e.getVisibleCells().map((n) => /* @__PURE__ */ l(d, { children: a(
             n.column.columnDef.cell,
             n.getContext()
           ) }, n.id))
         },
         e.id
-      )) : /* @__PURE__ */ l(o, { children: /* @__PURE__ */ l(
-        a,
+      )) : /* @__PURE__ */ l(t, { children: /* @__PURE__ */ l(
+        d,
         {
-          colSpan: t.getAllColumns().length,
+          colSpan: r.getAllColumns().length,
           className: "h-24 text-center",
-          children: h
+          children: m
         }
       ) }) })
     ] }) })
   ] });
 };
 export {
-  B as DataTable
+  y as DataTable
 };

package/DataTable/DataTableColumnFilter.d.ts

@@ -0,0 +1,4 @@
+import { DataTableProps } from './DataTable.types';
+import { FC } from 'react';
+
+export declare const DataTableColumnFilter: FC<DataTableProps>;

package/DataTable/DataTableColumnFilter.mjs

@@ -0,0 +1,31 @@
+import { jsx as n, jsxs as t } from "react/jsx-runtime";
+import { ChevronDown as m } from "lucide-react";
+import { useMemo as s } from "react";
+import { Button as d } from "../Button/Button.mjs";
+import "../Button/buttonVariants.mjs";
+import { DropdownMenuCheckboxItem as c, DropdownMenu as u, DropdownMenuTrigger as h, DropdownMenuContent as p } from "../DropdownMenu/DropdownMenu.mjs";
+const x = (i) => {
+  const {
+    table: r,
+    columnsLabel: l = "Columns"
+  } = i, o = s(() => r.getAllColumns().filter((e) => e.getCanHide()).map((e) => /* @__PURE__ */ n(
+    c,
+    {
+      className: "capitalize",
+      checked: e.getIsVisible(),
+      onCheckedChange: (a) => e.toggleVisibility(!!a),
+      children: e.id
+    },
+    e.id
+  )), [r]);
+  return o.length ? /* @__PURE__ */ t(u, { children: [
+    /* @__PURE__ */ n(h, { asChild: !0, children: /* @__PURE__ */ t(d, { variant: "outline", className: "ml-auto", children: [
+      l,
+      /* @__PURE__ */ n(m, { className: "ml-2 h-4 w-4" })
+    ] }) }),
+    /* @__PURE__ */ n(p, { align: "end", children: o })
+  ] }) : null;
+};
+export {
+  x as DataTableColumnFilter
+};

package/DatePicker/DatePicker.mjs

@@ -669,7 +669,7 @@ const J = (t, e, n) => {
           disabled: i,
           variant: "outline",
           className: C(
-            "w-full justify-start text-left font-normal border-blue-300",
+            "w-full justify-start text-left font-normal border h-10",
             !n && "text-muted-foreground"
           ),
           children: [
@@ -678,7 +678,7 @@ const J = (t, e, n) => {
           ]
         }
       ) }),
-      /* @__PURE__ */ d(L, { align: "start", className: " w-auto p-0", children: /* @__PURE__ */ d(
+      /* @__PURE__ */ d(L, { align: "start", className: "w-auto p-0", children: /* @__PURE__ */ d(
         O,
         {
           mode: "single",

package/Dropzone/Dropzone.d.ts

@@ -0,0 +1,22 @@
+import { DropzoneProps } from './Dropzone.types';
+
+/**
+ * Dropzone component - A drag-and-drop file upload area with image previews, error handling, and localization.
+ *
+ * @component
+ * @param {DropzoneProps} props - The props for the Dropzone component.
+ * @param {string[]} [props.acceptTypes=DEFAULT_FILE_TYPES] - Allowed file MIME types.
+ * @param {number} props.maxSizeMB - Maximum allowed file size in megabytes.
+ * @param {number} [props.maxFiles=1] - Maximum number of files that can be uploaded.
+ * @param {DropzoneTranslations} props.translations - Translations for text labels.
+ * @param {(errors: FileRejection[]) => void} [props.onErrors] - Callback triggered when file errors occur.
+ * @param {boolean} [props.hideErrors=false] - Whether to hide error messages.
+ * @param {boolean} [props.disabled=false] - Whether the dropzone is disabled.
+ * @param {DropzoneStyles} [props.classNames] - Custom classNames for different dropzone states.
+ * @param {DropzoneValueItem[]} [props.value=[]] - Current selected files or URLs.
+ * @param {(items: DropzoneValueItem[]) => void} [props.onChangeValue] - Callback triggered when file selection changes.
+ * @param {string} [props.className] - Additional class names for styling.
+ * @param {React.Ref<HTMLDivElement>} ref - Ref for the root dropzone container.
+ * @returns {JSX.Element} The rendered Dropzone component.
+ */
+export declare const Dropzone: import('react').ForwardRefExoticComponent<DropzoneProps & import('react').RefAttributes<HTMLDivElement>>;