@oneplatformdev/ui 0.0.1-beta.64 → 0.0.1-beta.68

package/Alert/Alert.mjs

@@ -1,13 +1,14 @@
 import { jsx as a } from "react/jsx-runtime";
 import * as i from "react";
-import { cn as l } from "@oneplatformdev/utils";
+import "class-variance-authority";
+import { cn as o } from "@oneplatformdev/utils";
 import { alertVariants as m } from "./alertVariants.mjs";
-const s = i.forwardRef(({ className: e, variant: r, ...t }, o) => /* @__PURE__ */ a(
+const s = i.forwardRef(({ className: e, variant: r, ...t }, l) => /* @__PURE__ */ a(
   "div",
   {
-    ref: o,
+    ref: l,
     role: "alert",
-    className: l(m({ variant: r }), e),
+    className: o(m({ variant: r }), e),
     ...t
   }
 ));
@@ -16,7 +17,7 @@ const n = i.forwardRef(({ className: e, ...r }, t) => /* @__PURE__ */ a(
   "h5",
   {
     ref: t,
-    className: l("mb-1 font-medium leading-none tracking-tight", e),
+    className: o("mb-1 font-medium leading-none tracking-tight", e),
     ...r
   }
 ));
@@ -25,7 +26,7 @@ const d = i.forwardRef(({ className: e, ...r }, t) => /* @__PURE__ */ a(
   "div",
   {
     ref: t,
-    className: l("text-sm [&_p]:leading-relaxed", e),
+    className: o("text-sm [&_p]:leading-relaxed", e),
     ...r
   }
 ));

package/AreaChart/AreaChart.mjs

@@ -1,7 +1,8 @@
 import { jsx as t, jsxs as a } from "react/jsx-runtime";
+import "react";
 import { AreaChart as s, CartesianGrid as n, XAxis as l, YAxis as h, Area as p } from "recharts";
-import { ChartContainer as d, ChartTooltip as f, ChartTooltipContent as c } from "../Chart/Chart.mjs";
-const k = ({ data: o, config: i }) => /* @__PURE__ */ t(d, { config: i, className: "h-[350px] w-full", children: /* @__PURE__ */ a(s, { data: o, width: 808, height: 350, margin: { top: 10, right: 10, left: 0, bottom: 0 }, children: [
+import { ChartContainer as d, ChartTooltip as f, ChartTooltipContent as m } from "../Chart/Chart.mjs";
+const y = ({ data: o, config: i }) => /* @__PURE__ */ t(d, { config: i, className: "h-[350px] w-full", children: /* @__PURE__ */ a(s, { data: o, width: 808, height: 350, margin: { top: 10, right: 10, left: 0, bottom: 0 }, children: [
   /* @__PURE__ */ t("defs", { children: Object.entries(i).map(([e, { color: r }]) => /* @__PURE__ */ a("linearGradient", { id: `${e}Gradient`, x1: "0", y1: "0", x2: "0", y2: "1", children: [
     /* @__PURE__ */ t("stop", { offset: "5%", stopColor: r, stopOpacity: 0.8 }),
     /* @__PURE__ */ t("stop", { offset: "95%", stopColor: r, stopOpacity: 0.1 })
@@ -9,7 +10,7 @@ const k = ({ data: o, config: i }) => /* @__PURE__ */ t(d, { config: i, classNam
   /* @__PURE__ */ t(n, { strokeDasharray: "none", stroke: "gray", strokeWidth: 0.5, vertical: !0, horizontal: !0 }),
   /* @__PURE__ */ t(l, { dataKey: "month", axisLine: !1, tickLine: !1, tick: { fontSize: 12 } }),
   /* @__PURE__ */ t(h, { axisLine: !1, tickLine: !1, tick: { fontSize: 12 } }),
-  /* @__PURE__ */ t(f, { content: /* @__PURE__ */ t(c, {}) }),
+  /* @__PURE__ */ t(f, { content: /* @__PURE__ */ t(m, {}) }),
   Object.entries(i).map(([e, { color: r }]) => /* @__PURE__ */ t(
     p,
     {
@@ -23,5 +24,5 @@ const k = ({ data: o, config: i }) => /* @__PURE__ */ t(d, { config: i, classNam
   ))
 ] }) });
 export {
-  k as AreaChart
+  y as AreaChart
 };

package/Badge/Badge.mjs

@@ -1,10 +1,11 @@
 import { jsx as t } from "react/jsx-runtime";
-import { cn as a } from "@oneplatformdev/utils";
-import { badgeVariants as i } from "./badgeVariants.mjs";
-function p({ className: r, variant: o, ...m }) {
-  return /* @__PURE__ */ t("div", { className: a(i({ variant: o }), r), ...m });
+import "react";
+import { cn as i } from "@oneplatformdev/utils";
+import { badgeVariants as a } from "./badgeVariants.mjs";
+function s({ className: r, variant: o, ...m }) {
+  return /* @__PURE__ */ t("div", { className: i(a({ variant: o }), r), ...m });
 }
 export {
-  p as Badge,
-  i as badgeVariants
+  s as Badge,
+  a as badgeVariants
 };

package/Button/buttonVariants.mjs

@@ -1,5 +1,5 @@
 import { cva as e } from "class-variance-authority";
-const r = e(
+const t = 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: {
@@ -20,10 +20,10 @@ const r = e(
     },
     defaultVariants: {
       variant: "default",
-      size: "default"
+      size: "lg"
     }
   }
 );
 export {
-  r as buttonVariants
+  t as buttonVariants
 };

package/Calendar/Calendar.mjs

@@ -1,4 +1,5 @@
 import { jsx as r } from "react/jsx-runtime";
+import "react";
 import { ChevronLeft as i, ChevronRight as l } from "lucide-react";
 import { DayPicker as m } from "react-day-picker";
 import { cn as e } from "@oneplatformdev/utils";

package/Checkbox/Checkbox.d.ts

@@ -1,4 +1,5 @@
-import * as React from "react";
-import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
-declare const Checkbox: React.ForwardRefExoticComponent<Omit<CheckboxPrimitive.CheckboxProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
-export { Checkbox };
+import { CheckboxLabelProps, CheckboxProps } from './Checkbox.types.ts';
+import * as React from 'react';
+declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLButtonElement>>;
+declare const CheckboxLabel: React.ForwardRefExoticComponent<CheckboxLabelProps & React.RefAttributes<HTMLLabelElement>>;
+export { Checkbox, CheckboxLabel };

package/Checkbox/Checkbox.mjs

@@ -1,27 +1,54 @@
-import { jsx as e } from "react/jsx-runtime";
-import * as s from "react";
-import * as r from "@radix-ui/react-checkbox";
-import { Check as c } from "lucide-react";
-import { cn as o } from "@oneplatformdev/utils";
-const d = s.forwardRef(({ className: i, ...t }, a) => /* @__PURE__ */ e(
-  r.Root,
+import { jsx as r, jsxs as n } from "react/jsx-runtime";
+import * as s from "@radix-ui/react-checkbox";
+import { MinusIcon as l, CheckIcon as h } from "lucide-react";
+import * as m from "react";
+import { cn as a } from "@oneplatformdev/utils";
+import { Label as u } from "../Label/Label.mjs";
+import "../Label/labelVariants.mjs";
+const d = m.forwardRef(({ className: t, checked: c, indeterminate: e, ...i }, o) => {
+  const f = e ? l : h;
+  return /* @__PURE__ */ r(
+    s.Root,
+    {
+      ref: o,
+      className: a(
+        "peer h-4 w-4 shrink-0 rounded-sm border border-primary shadow focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground",
+        t
+      ),
+      ...i,
+      checked: c || e,
+      children: /* @__PURE__ */ r(
+        s.Indicator,
+        {
+          className: a("flex items-center justify-center text-current"),
+          children: /* @__PURE__ */ r(f, { className: "h-4 w-4" })
+        }
+      )
+    }
+  );
+});
+d.displayName = s.Root.displayName;
+const x = m.forwardRef(({ label: t = "", children: c, labelProps: e, ...i }, o) => /* @__PURE__ */ n(
+  u,
   {
-    ref: a,
-    className: o(
-      "peer h-4 w-4 shrink-0 rounded-sm border border-primary shadow focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground",
-      i
+    ref: o,
+    ...e,
+    className: a(
+      "flex w-full items-start gap-3 font-normal py-3 cursor-pointer",
+      e == null ? void 0 : e.className
     ),
-    ...t,
-    children: /* @__PURE__ */ e(
-      r.Indicator,
-      {
-        className: o("flex items-center justify-center text-current"),
-        children: /* @__PURE__ */ e(c, { className: "h-4 w-4" })
-      }
-    )
+    style: e == null ? void 0 : e.style,
+    children: [
+      /* @__PURE__ */ r(d, { ...i }),
+      /* @__PURE__ */ n("div", { className: "flex flex-col w-full gap-3", children: [
+        /* @__PURE__ */ r("span", { className: "flex flex-col justify-start leading-[16px]", children: t }),
+        c
+      ] })
+    ]
   }
 ));
-d.displayName = r.Root.displayName;
+x.displayName = "CheckboxLabel";
 export {
-  d as Checkbox
+  d as Checkbox,
+  x as CheckboxLabel
 };

package/Checkbox/Checkbox.types.d.ts

@@ -0,0 +1,10 @@
+import { Label } from '../Label';
+import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
+import * as React from 'react';
+export interface CheckboxProps extends React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root> {
+    indeterminate?: boolean;
+}
+export interface CheckboxLabelProps extends CheckboxProps {
+    label?: string;
+    labelProps?: React.ComponentPropsWithoutRef<typeof Label>;
+}

package/Checkbox/index.d.ts

@@ -1 +1,2 @@
-export * from './Checkbox';
+export * from './Checkbox.tsx';
+export type * from './Checkbox.types.ts';

package/Checkbox/index.mjs

@@ -1,4 +1,5 @@
-import { Checkbox as r } from "./Checkbox.mjs";
+import { Checkbox as b, CheckboxLabel as x } from "./Checkbox.mjs";
 export {
-  r as Checkbox
+  b as Checkbox,
+  x as CheckboxLabel
 };

package/Combobox/Combobox.d.ts

@@ -1,4 +1,4 @@
 import { ComboboxProps } from './Combobox.types';
-import { FC } from 'react';
+import { default as React } from 'react';
 
-export declare const Combobox: FC<ComboboxProps>;
+export declare const Combobox: React.ForwardRefExoticComponent<ComboboxProps & React.RefAttributes<HTMLDivElement>>;

package/Combobox/Combobox.mjs

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

package/Command/Command.mjs

@@ -1,5 +1,6 @@
 import { jsx as t, jsxs as s } from "react/jsx-runtime";
 import * as m from "react";
+import "@radix-ui/react-dialog";
 import { Command as o } from "cmdk";
 import { Search as p } from "lucide-react";
 import { cn as r } from "@oneplatformdev/utils";
@@ -16,7 +17,7 @@ const n = m.forwardRef(({ className: e, ...a }, d) => /* @__PURE__ */ t(
   }
 ));
 n.displayName = o.displayName;
-const C = ({ children: e, ...a }) => /* @__PURE__ */ t(i, { ...a, children: /* @__PURE__ */ t(c, { className: "overflow-hidden p-0", children: /* @__PURE__ */ t(n, { className: "[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:px-2 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5", children: e }) }) }), l = m.forwardRef(({ className: e, ...a }, d) => /* @__PURE__ */ s("div", { className: "flex items-center border-b px-3", "cmdk-input-wrapper": "", children: [
+const b = ({ children: e, ...a }) => /* @__PURE__ */ t(i, { ...a, children: /* @__PURE__ */ t(c, { className: "overflow-hidden p-0", children: /* @__PURE__ */ t(n, { className: "[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:px-2 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5", children: e }) }) }), l = m.forwardRef(({ className: e, ...a }, d) => /* @__PURE__ */ s("div", { className: "flex items-center border-b px-3", "cmdk-input-wrapper": "", children: [
   /* @__PURE__ */ t(p, { className: "mr-2 h-4 w-4 shrink-0 opacity-50" }),
   /* @__PURE__ */ t(
     o.Input,
@@ -98,7 +99,7 @@ const y = ({
 y.displayName = "CommandShortcut";
 export {
   n as Command,
-  C as CommandDialog,
+  b as CommandDialog,
   f as CommandEmpty,
   g as CommandGroup,
   l as CommandInput,

package/DataTable/DataTable.mjs

@@ -5,8 +5,9 @@ import { DropdownMenu as p, DropdownMenuTrigger as g, DropdownMenuContent as u,
 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,
+import "react";
+const I = ({
+  table: n,
   ToolBar: s,
   tColumns: c = "Columns",
   tNoResults: m = "No results"
@@ -21,12 +22,12 @@ const y = ({
           " ",
           /* @__PURE__ */ l(D, { className: "ml-2 h-4 w-4" })
         ] }) }),
-        /* @__PURE__ */ l(u, { align: "end", children: r.getAllColumns().filter((e) => e.getCanHide()).map((e) => /* @__PURE__ */ l(
+        /* @__PURE__ */ l(u, { align: "end", children: n.getAllColumns().filter((e) => e.getCanHide()).map((e) => /* @__PURE__ */ l(
           C,
           {
             className: "capitalize",
             checked: e.getIsVisible(),
-            onCheckedChange: (n) => e.toggleVisibility(!!n),
+            onCheckedChange: (r) => e.toggleVisibility(!!r),
             children: e.id
           },
           e.id
@@ -34,24 +35,24 @@ const y = ({
       ] })
     ] }),
     /* @__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(b, { children: (o = r.getRowModel().rows) != null && o.length ? r.getRowModel().rows.map((e) => /* @__PURE__ */ l(
+      /* @__PURE__ */ l(w, { children: n.getHeaderGroups().map((e) => /* @__PURE__ */ l(t, { children: e.headers.map((r) => /* @__PURE__ */ l(x, { children: r.isPlaceholder ? null : a(
+        r.column.columnDef.header,
+        r.getContext()
+      ) }, r.id)) }, e.id)) }),
+      /* @__PURE__ */ l(b, { children: (o = n.getRowModel().rows) != null && o.length ? n.getRowModel().rows.map((e) => /* @__PURE__ */ l(
         t,
         {
           "data-state": e.getIsSelected() && "selected",
-          children: e.getVisibleCells().map((n) => /* @__PURE__ */ l(d, { children: a(
-            n.column.columnDef.cell,
-            n.getContext()
-          ) }, n.id))
+          children: e.getVisibleCells().map((r) => /* @__PURE__ */ l(d, { children: a(
+            r.column.columnDef.cell,
+            r.getContext()
+          ) }, r.id))
         },
         e.id
       )) : /* @__PURE__ */ l(t, { children: /* @__PURE__ */ l(
         d,
         {
-          colSpan: r.getAllColumns().length,
+          colSpan: n.getAllColumns().length,
           className: "h-24 text-center",
           children: m
         }
@@ -60,5 +61,5 @@ const y = ({
   ] });
 };
 export {
-  y as DataTable
+  I as DataTable
 };

package/Dialog/Dialog.d.ts

@@ -1,5 +1,5 @@
-import * as React from "react";
-import * as DialogPrimitive from "@radix-ui/react-dialog";
+import * as React from 'react';
+import * as DialogPrimitive from '@radix-ui/react-dialog';
 declare const Dialog: React.FC<DialogPrimitive.DialogProps>;
 declare const DialogTrigger: React.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
 declare const DialogPortal: React.FC<DialogPrimitive.DialogPortalProps>;

package/Dialog/Dialog.mjs

@@ -1,9 +1,9 @@
-import { jsx as o, jsxs as n } from "react/jsx-runtime";
+import { jsx as o, jsxs as d } from "react/jsx-runtime";
 import * as l from "react";
 import * as e from "@radix-ui/react-dialog";
 import { X as c } from "lucide-react";
 import { cn as i } from "@oneplatformdev/utils";
-const b = e.Root, h = e.Trigger, m = e.Portal, v = e.Close, d = l.forwardRef(({ className: a, ...t }, s) => /* @__PURE__ */ o(
+const b = e.Root, h = e.Trigger, m = e.Portal, w = e.Close, n = l.forwardRef(({ className: a, ...t }, s) => /* @__PURE__ */ o(
   e.Overlay,
   {
     ref: s,
@@ -14,21 +14,23 @@ const b = e.Root, h = e.Trigger, m = e.Portal, v = e.Close, d = l.forwardRef(({
     ...t
   }
 ));
-d.displayName = e.Overlay.displayName;
-const f = l.forwardRef(({ className: a, children: t, ...s }, r) => /* @__PURE__ */ n(m, { children: [
-  /* @__PURE__ */ o(d, {}),
-  /* @__PURE__ */ n(
+n.displayName = e.Overlay.displayName;
+const f = l.forwardRef(({ className: a, children: t, ...s }, r) => /* @__PURE__ */ d(m, { children: [
+  /* @__PURE__ */ o(n, {}),
+  /* @__PURE__ */ d(
     e.Content,
     {
       ref: r,
       className: i(
         "fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 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 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg",
+        "max-w-[90%] max-h-[90%] overflow-hidden",
+        "bg-[#FCFCFC] border border-[#E8E9EB] rounded-[16px]",
         a
       ),
       ...s,
       children: [
         t,
-        /* @__PURE__ */ n(e.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground", children: [
+        /* @__PURE__ */ d(e.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground", children: [
           /* @__PURE__ */ o(c, { className: "h-4 w-4" }),
           /* @__PURE__ */ o("span", { className: "sr-only", children: "Close" })
         ] })
@@ -77,7 +79,7 @@ const u = l.forwardRef(({ className: a, ...t }, s) => /* @__PURE__ */ o(
   }
 ));
 u.displayName = e.Title.displayName;
-const y = l.forwardRef(({ className: a, ...t }, s) => /* @__PURE__ */ o(
+const x = l.forwardRef(({ className: a, ...t }, s) => /* @__PURE__ */ o(
   e.Description,
   {
     ref: s,
@@ -85,15 +87,15 @@ const y = l.forwardRef(({ className: a, ...t }, s) => /* @__PURE__ */ o(
     ...t
   }
 ));
-y.displayName = e.Description.displayName;
+x.displayName = e.Description.displayName;
 export {
   b as Dialog,
-  v as DialogClose,
+  w as DialogClose,
   f as DialogContent,
-  y as DialogDescription,
+  x as DialogDescription,
   g as DialogFooter,
   p as DialogHeader,
-  d as DialogOverlay,
+  n as DialogOverlay,
   m as DialogPortal,
   u as DialogTitle,
   h as DialogTrigger

package/Dropzone/Dropzone.mjs

@@ -4,7 +4,7 @@ import { useDropzone as O } from "react-dropzone";
 import { Card as X } from "../Card/Card.mjs";
 import { X as Y } from "lucide-react";
 import { cn as f } from "@oneplatformdev/utils";
-import { F as q, D as G } from "../DropzoneFilePreview-Dhtv8F4u.js";
+import { F as q, D as G } from "../DropzoneFilePreview-C-SoCoO0.js";
 import { DefaultFileIcon as H, isFile as u, extractName as J } from "./DropzoneUtils.mjs";
 import { DropzoneSinglePickPreview as K } from "./DropzoneSinglePickPreview.mjs";
 const Q = j(

package/Dropzone/DropzoneFilePreview.mjs

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "react";
 import "lucide-react";
-import { F } from "../DropzoneFilePreview-Dhtv8F4u.js";
+import { F } from "../DropzoneFilePreview-C-SoCoO0.js";
 import "./DropzoneUtils.mjs";
 import "@oneplatformdev/utils";
 export {