@oneplatformdev/ui 0.0.1-beta.7 → 0.0.1-beta.71

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/AlertDialog/AlertDialogRoot.d.ts

@@ -1,6 +1,6 @@
 import { ButtonProps } from '../Button';
-import * as React from "react";
-import * as AlertDialogPrimitive from "@radix-ui/react-alert-dialog";
+import * as React from 'react';
+import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
 declare const AlertDialogRoot: React.FC<AlertDialogPrimitive.AlertDialogProps>;
 declare const AlertDialogTrigger: React.ForwardRefExoticComponent<AlertDialogPrimitive.AlertDialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
 declare const AlertDialogPortal: React.FC<AlertDialogPrimitive.AlertDialogPortalProps>;

package/AlertDialog/AlertDialogRoot.mjs

@@ -38,7 +38,7 @@ const g = ({
   "div",
   {
     className: s(
-      "flex flex-col space-y-2 text-center sm:text-left",
+      "w-full min-w-0 flex flex-col space-y-2 text-center sm:text-left",
       a
     ),
     ...t
@@ -77,7 +77,7 @@ const x = i.forwardRef(({ className: a, ...t }, o) => /* @__PURE__ */ l(
   }
 ));
 x.displayName = e.Description.displayName;
-const A = i.forwardRef(({ className: a, variant: t, size: o, ...r }, d) => /* @__PURE__ */ l(
+const u = i.forwardRef(({ className: a, variant: t, size: o, ...r }, d) => /* @__PURE__ */ l(
   e.Action,
   {
     ref: d,
@@ -85,8 +85,8 @@ const A = i.forwardRef(({ className: a, variant: t, size: o, ...r }, d) => /* @_
     ...r
   }
 ));
-A.displayName = e.Action.displayName;
-const D = i.forwardRef(({ className: a, variant: t = "outline", size: o, ...r }, d) => /* @__PURE__ */ l(
+u.displayName = e.Action.displayName;
+const A = i.forwardRef(({ className: a, variant: t = "outline", size: o, ...r }, d) => /* @__PURE__ */ l(
   e.Cancel,
   {
     ref: d,
@@ -98,10 +98,10 @@ const D = i.forwardRef(({ className: a, variant: t = "outline", size: o, ...r },
     ...r
   }
 ));
-D.displayName = e.Cancel.displayName;
+A.displayName = e.Cancel.displayName;
 export {
-  A as AlertDialogAction,
-  D as AlertDialogCancel,
+  u as AlertDialogAction,
+  A as AlertDialogCancel,
   p as AlertDialogContent,
   x as AlertDialogDescription,
   N as AlertDialogFooter,

package/Button/buttonVariants.mjs

@@ -4,7 +4,7 @@ const t = e(
   {
     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,14 +13,14 @@ 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"
       }
     },
     defaultVariants: {
       variant: "default",
-      size: "default"
+      size: "lg"
     }
   }
 );

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/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';
+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,126 +1,166 @@
-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 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 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 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 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: o,
-    onChange: y,
-    placeholder: x,
-    disabled: N,
-    searchLabel: S,
-    fetchOptions: L,
-    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);
-  }, [r]);
-  const j = async () => {
-    l || (v(), m(""));
-  }, v = async (e) => {
-    b(!0);
+    onChange: P,
+    placeholder: D,
+    disabled: T,
+    searchLabel: B = "Type to search...",
+    fetchOptions: E,
+    options: n,
+    emptyLabel: C = "No options",
+    emptyAction: i,
+    onMount: x
+  } = 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 i = await L(e);
-      h(i);
-    } catch (i) {
-      console.error("Unexpected error while get option:", i);
+      const y = await E(e);
+      u(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,
+  }, []), R = ee(S, 1e3, {
+    leading: !1,
+    trailing: !0
+  }), _ = c((e) => {
+    l(!0), w(e), R(e);
+  }, []), v = c((e) => {
+    P(e.value), N(e), l(!1);
+  }, []), z = c(() => {
+    v({ value: "", label: "" }), N(void 0), l(!1);
+  }, []), F = c(() => {
+    if (!x) {
+      f.current = !0;
+      return;
+    }
+    x({ setOptions: u, search: m || "", open: t, setOpen: d }).finally(
+      () => {
+        f.current = !0;
+      }
+    );
+  }, []);
+  return A(() => (F(), () => {
+    f.current = !1;
+  }), []), /* @__PURE__ */ a("div", { className: "w-full", ref: O, children: /* @__PURE__ */ r(
+    X,
     {
-      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(H, { asChild: !0, className: "border-input", children: /* @__PURE__ */ r(
+          K,
           {
             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"
+            size: "lg",
+            "aria-expanded": t,
+            className: h(
+              "w-full justify-between font-normal text-sm border bg-transparent relative p-3",
+              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 }) }),
+              /* @__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(
-                z,
+                "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(), z();
+                  },
+                  children: /* @__PURE__ */ a(ae, {})
                 }
-              ) : /* @__PURE__ */ a(A, { className: "opacity-50 w-4 h-4" })
+              ) : /* @__PURE__ */ a(te, { className: "opacity-50 w-4 h-4" })
             ]
           }
         ) }),
         /* @__PURE__ */ a(
-          B,
+          J,
           {
             className: "w-[var(--radix-popper-anchor-width)] max-w-none p-0",
             align: "start",
-            children: /* @__PURE__ */ t(G, { shouldFilter: !1, children: [
+            children: /* @__PURE__ */ r(Q, { shouldFilter: !1, children: [
               /* @__PURE__ */ a(
-                M,
+                W,
                 {
-                  placeholder: S,
-                  value: P,
-                  onValueChange: D
+                  placeholder: B,
+                  value: m,
+                  onValueChange: _
                 }
               ),
-              /* @__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(Y, { children: /* @__PURE__ */ r(
+                Z,
+                {
+                  className: h(!p.length && "p-0 shadow-none"),
+                  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: u,
+                        search: m || "",
+                        open: t,
+                        setOpen: d
+                      }) : i
+                    ] }) : /* @__PURE__ */ a(j, { children: C }) }),
+                    !g && !!p.length && p.map((e) => /* @__PURE__ */ r(
+                      $,
+                      {
+                        value: e.value,
+                        onSelect: () => {
+                          o === e.value ? v({ value: "", label: "" }) : v(e), d(!1);
+                        },
+                        children: [
+                          e.label,
+                          /* @__PURE__ */ a(
+                            re,
+                            {
+                              className: h(
+                                "ml-auto",
+                                o === e.value ? "opacity-100" : "opacity-0"
+                              )
+                            }
                           )
-                        }
-                      )
-                    ]
-                  },
-                  e.value
-                )) })
-              ] })
+                        ]
+                      },
+                      e.value
+                    ))
+                  ]
+                }
+              ) })
             ] })
           }
         )
       ]
     }
   ) });
-};
+});
 export {
-  te as Combobox
+  fe 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 {};