@oneplatformdev/ui 0.0.1-beta.8 → 0.0.1-beta.81

package/Combobox-DpcCpN3b.js

@@ -0,0 +1,301 @@
+import { jsxs as m, jsx as e, Fragment as A } from "react/jsx-runtime";
+import g, { forwardRef as w, useState as V, useRef as W, useEffect as X, useCallback as v, useLayoutEffect as H } from "react";
+import { LoadingMask as J } from "./LoadingMask/LoadingMask.mjs";
+import "./LoadingMask/RenderLoadingMask.mjs";
+import { Popover as K, PopoverTrigger as Q, PopoverContent as Y } from "./Popover/Popover.mjs";
+import { Button as _ } from "./Button/Button.mjs";
+import "./Button/buttonVariants.mjs";
+import { CommandItem as Z, Command as $, CommandInput as ee, CommandList as te, CommandGroup as oe, CommandEmpty as F } from "./Command/Command.mjs";
+import { cn as c } from "@oneplatformdev/utils";
+import { useDebounceCallback as re } from "@oneplatformdev/hooks";
+import { Check as ae, ChevronDownIcon as ie, X as ne, ChevronsUpDown as le } from "lucide-react";
+import { Collapsible as se, CollapsibleTrigger as pe, CollapsibleContent as me } from "./Collapsible/Collapsible.mjs";
+import "./Accordion/Accordion.mjs";
+import "./Alert/Alert.mjs";
+import "./AlertDialog/AlertDialogRoot.mjs";
+import "recharts";
+import "./Chart/Chart.mjs";
+import "./Sidebar/Sidebar.mjs";
+import "@radix-ui/react-aspect-ratio";
+import "./Avatar/Avatar.mjs";
+import "./Badge/badgeVariants.mjs";
+import "./Breadcrumb/Breadcrumb.mjs";
+import "./ButtonIcon/ButtonIcon.mjs";
+import "./ButtonIcon/buttonIconVariants.mjs";
+import "./Calendar/Calendar.mjs";
+import "./Card/Card.mjs";
+import "./Carousel/Carousel.mjs";
+import "./Checkbox/Checkbox.mjs";
+import "@radix-ui/react-collapsible";
+import "./DropdownMenu/DropdownMenu.mjs";
+import "./Table/Table.mjs";
+import "@tanstack/react-table";
+import "./DatePicker/DatePicker.mjs";
+import "./Dialog/Dialog.mjs";
+import "./Drawer/Drawer.mjs";
+import "./Form/Form.mjs";
+import "./FormInput/FormInput.mjs";
+import "./Select/SelectRoot.mjs";
+import "./Textarea/Textarea.mjs";
+import "./Separator/Separator.mjs";
+import "./HoverCard/HoverCard.mjs";
+import "./Input/Input.mjs";
+import "./InputOTP/InputOTP.mjs";
+import "./Label/Label.mjs";
+import "./Label/labelVariants.mjs";
+import "./LoadingProgress/loadingProgressVariants.mjs";
+import "./Menubar/Menubar.mjs";
+import "./NavigationMenu/NavigationMenu.mjs";
+import "./NavigationMenu/navigationMenuVariants.mjs";
+import "./Pagination/Pagination.mjs";
+import "./Progress/Progress.mjs";
+import "./RadioGroup/RadioGroup.mjs";
+import "react-resizable-panels";
+import "./ScrollArea/ScrollArea.mjs";
+import "./Sheet/Sheet.mjs";
+import "./Slider/Slider.mjs";
+import "next-themes";
+import "sonner";
+import "./Switch/Switch.mjs";
+import "./Tabs/TabsRoot.mjs";
+import "./Toast/Toast.mjs";
+import "./Toggle/Toggle.mjs";
+import "./ToggleGroup/ToggleGroup.mjs";
+import "./Tooltip/TooltipRoot.mjs";
+import "./Dropzone/Dropzone.mjs";
+const ce = 8, I = w((i, l) => {
+  const { children: t, setOpen: d, option: r, onChangeOption: n, value: s = "", deep: u = 0 } = i;
+  return /* @__PURE__ */ m(
+    Z,
+    {
+      ref: l,
+      value: r.value,
+      onSelect: () => {
+        s === r.value ? n == null || n({ value: "", label: "" }) : n == null || n(r), d(!1);
+      },
+      style: {
+        paddingLeft: (u + 1) * ce
+      },
+      children: [
+        t,
+        /* @__PURE__ */ e(
+          "span",
+          {
+            className: c(
+              "overflow-hidden whitespace-wrap text-ellipsis line-clamp-2"
+            ),
+            children: r.label
+          }
+        ),
+        /* @__PURE__ */ e(
+          ae,
+          {
+            className: c(
+              "ml-auto",
+              s === r.value ? "opacity-100" : "opacity-0"
+            )
+          }
+        )
+      ]
+    },
+    r.value
+  );
+}), M = w((i, l) => {
+  var p;
+  const { option: t, onChangeOption: d, value: r = "", deep: n = 0 } = i, [s, u] = V(!0);
+  return (p = t == null ? void 0 : t.items) != null && p.length ? /* @__PURE__ */ m(
+    se,
+    {
+      ref: l,
+      open: s,
+      onOpenChange: u,
+      "data-opened": s,
+      className: c("group/collapsible"),
+      children: [
+        /* @__PURE__ */ e(I, { ...i, children: /* @__PURE__ */ e(pe, { asChild: !0, children: /* @__PURE__ */ m(
+          _,
+          {
+            onClick: (a) => {
+              a == null || a.preventDefault(), a == null || a.stopPropagation(), u((h) => !h);
+            },
+            type: "button",
+            variant: "ghost",
+            size: "sm",
+            className: c("aspect-square size-6", "transition-transform"),
+            children: [
+              /* @__PURE__ */ e(
+                ie,
+                {
+                  className: c(
+                    "!size-5",
+                    "transition-transform",
+                    s && "rotate-180"
+                  )
+                }
+              ),
+              /* @__PURE__ */ e("span", { className: "sr-only", children: "Toggle" })
+            ]
+          }
+        ) }) }),
+        /* @__PURE__ */ e(me, { children: /* @__PURE__ */ e("div", { className: "flex flex-col gap-0", children: t == null ? void 0 : t.items.map((a) => /* @__PURE__ */ e(
+          M,
+          {
+            ...i,
+            deep: n + 1,
+            option: a
+          },
+          a.value
+        )) }) })
+      ]
+    }
+  ) : /* @__PURE__ */ e(I, { ...i, ref: l });
+}), de = w((i, l) => {
+  const { options: t = [], ...d } = i;
+  return /* @__PURE__ */ e("div", { ref: l, className: "flex flex-col gap-0", children: t.map((r) => /* @__PURE__ */ e(M, { ...d, option: r }, r.value)) });
+}), St = w(
+  (i, l) => {
+    var j;
+    const {
+      value: t,
+      onChange: d,
+      placeholder: r,
+      disabled: n,
+      searchLabel: s = "Type to search...",
+      fetchOptions: u,
+      options: p,
+      emptyLabel: a = "No options",
+      emptyAction: h,
+      onMount: P
+    } = i, N = W(!1), [f, C] = g.useState(!1), [x, T] = g.useState(""), [S, y] = g.useState([]), [O, k] = g.useState(), [D, b] = g.useState(!1);
+    X(() => {
+      p != null && p.length && y(p);
+    }, [p]);
+    const R = async () => {
+      f || (E(), T(""));
+    }, E = v(async (o) => {
+      b(!0);
+      try {
+        const L = await u(o);
+        y(L);
+      } catch (L) {
+        console.error("Unexpected error while get option:", L);
+      } finally {
+        b(!1);
+      }
+    }, []), q = re(E, 1e3, {
+      leading: !1,
+      trailing: !0
+    }), B = v((o) => {
+      b(!0), T(o), q(o);
+    }, []), z = v((o) => {
+      d(o.value), k(o), b(!1);
+    }, []), G = v(() => {
+      z({ value: "", label: "" }), k(void 0), b(!1);
+    }, []), U = v(() => {
+      if (!P) {
+        N.current = !0;
+        return;
+      }
+      P({ setOptions: y, search: x || "", open: f, setOpen: C }).finally(
+        () => {
+          N.current = !0;
+        }
+      );
+    }, []);
+    return H(() => (U(), () => {
+      N.current = !1;
+    }), []), /* @__PURE__ */ e("div", { className: "w-full", ref: l, children: /* @__PURE__ */ m(
+      K,
+      {
+        open: f,
+        onOpenChange: (o) => {
+          C(o), o && R();
+        },
+        children: [
+          /* @__PURE__ */ e(Q, { asChild: !0, className: "border-input", children: /* @__PURE__ */ m(
+            _,
+            {
+              variant: "outline",
+              role: "combobox",
+              size: "lg",
+              "aria-expanded": f,
+              className: c(
+                "w-full justify-between font-normal text-sm border bg-transparent relative p-3",
+                f ? "border-2 border-sidebar-accent" : "border-border"
+              ),
+              disabled: n,
+              children: [
+                /* @__PURE__ */ e("span", { className: "truncate max-w-[calc(100%-1.5rem)] overflow-hidden whitespace-nowrap", children: t ? ((j = S.find((o) => o.value === t)) == null ? void 0 : j.label) || (O == null ? void 0 : O.label) : /* @__PURE__ */ e("span", { className: "text-gray-400", children: r }) }),
+                t ? /* @__PURE__ */ e(
+                  "div",
+                  {
+                    className: c(
+                      "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: (o) => {
+                      o.stopPropagation(), G();
+                    },
+                    children: /* @__PURE__ */ e(ne, {})
+                  }
+                ) : /* @__PURE__ */ e(le, { className: "opacity-50 w-4 h-4" })
+              ]
+            }
+          ) }),
+          /* @__PURE__ */ e(
+            Y,
+            {
+              className: "w-[var(--radix-popper-anchor-width)] max-w-none p-0",
+              align: "start",
+              children: /* @__PURE__ */ m($, { shouldFilter: !1, children: [
+                /* @__PURE__ */ e(
+                  ee,
+                  {
+                    placeholder: s,
+                    value: x,
+                    onValueChange: B
+                  }
+                ),
+                /* @__PURE__ */ e(te, { children: /* @__PURE__ */ m(
+                  oe,
+                  {
+                    className: c(!S.length && "p-0 shadow-none"),
+                    children: [
+                      D && /* @__PURE__ */ e(J, { fullWidth: !0 }),
+                      !D && !!x && /* @__PURE__ */ e(A, { children: h ? /* @__PURE__ */ m(F, { className: "flex flex-col gap-3 py-5 px-3 items-center", children: [
+                        /* @__PURE__ */ e("span", { children: a }),
+                        typeof h == "function" ? h({
+                          setOptions: y,
+                          search: x || "",
+                          open: f,
+                          setOpen: C
+                        }) : h
+                      ] }) : /* @__PURE__ */ e(F, { children: a }) }),
+                      !D && /* @__PURE__ */ e(
+                        de,
+                        {
+                          value: t,
+                          options: S,
+                          onChangeOption: z,
+                          setOpen: C
+                        }
+                      )
+                    ]
+                  }
+                ) })
+              ] })
+            }
+          )
+        ]
+      }
+    ) });
+  }
+);
+export {
+  St as C,
+  I as a,
+  M as b,
+  de as c
+};

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/Command/Command.mjs

@@ -1,11 +1,11 @@
-import { jsx as t, jsxs as s } from "react/jsx-runtime";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
 import * as m from "react";
-import { Command as o } from "cmdk";
+import { Command as t } from "cmdk";
 import { Search as p } from "lucide-react";
 import { cn as r } from "@oneplatformdev/utils";
-import { Dialog as i, DialogContent as c } from "../Dialog/Dialog.mjs";
-const n = m.forwardRef(({ className: e, ...a }, d) => /* @__PURE__ */ t(
-  o,
+import { Dialog as i, DialogContent as l } from "../Dialog/Dialog.mjs";
+const n = m.forwardRef(({ className: e, ...a }, d) => /* @__PURE__ */ o(
+  t,
   {
     ref: d,
     className: r(
@@ -15,11 +15,11 @@ const n = m.forwardRef(({ className: e, ...a }, d) => /* @__PURE__ */ t(
     ...a
   }
 ));
-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: [
-  /* @__PURE__ */ t(p, { className: "mr-2 h-4 w-4 shrink-0 opacity-50" }),
-  /* @__PURE__ */ t(
-    o.Input,
+n.displayName = t.displayName;
+const C = ({ children: e, ...a }) => /* @__PURE__ */ o(i, { ...a, children: /* @__PURE__ */ o(l, { className: "overflow-hidden p-0", children: /* @__PURE__ */ o(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 }) }) }), c = m.forwardRef(({ className: e, ...a }, d) => /* @__PURE__ */ s("div", { className: "flex items-center border-b px-3", "cmdk-input-wrapper": "", children: [
+  /* @__PURE__ */ o(p, { className: "mr-2 h-4 w-4 shrink-0 opacity-50" }),
+  /* @__PURE__ */ o(
+    t.Input,
     {
       ref: d,
       className: r(
@@ -30,27 +30,27 @@ const C = ({ children: e, ...a }) => /* @__PURE__ */ t(i, { ...a, children: /* @
     }
   )
 ] }));
-l.displayName = o.Input.displayName;
-const u = m.forwardRef(({ className: e, ...a }, d) => /* @__PURE__ */ t(
-  o.List,
+c.displayName = t.Input.displayName;
+const u = m.forwardRef(({ className: e, ...a }, d) => /* @__PURE__ */ o(
+  t.List,
   {
     ref: d,
     className: r("max-h-[300px] overflow-y-auto overflow-x-hidden", e),
     ...a
   }
 ));
-u.displayName = o.List.displayName;
-const f = m.forwardRef((e, a) => /* @__PURE__ */ t(
-  o.Empty,
+u.displayName = t.List.displayName;
+const f = m.forwardRef((e, a) => /* @__PURE__ */ o(
+  t.Empty,
   {
     ref: a,
     className: "py-6 text-center text-sm",
     ...e
   }
 ));
-f.displayName = o.Empty.displayName;
-const g = m.forwardRef(({ className: e, ...a }, d) => /* @__PURE__ */ t(
-  o.Group,
+f.displayName = t.Empty.displayName;
+const g = m.forwardRef(({ className: e, ...a }, d) => /* @__PURE__ */ o(
+  t.Group,
   {
     ref: d,
     className: r(
@@ -60,32 +60,39 @@ const g = m.forwardRef(({ className: e, ...a }, d) => /* @__PURE__ */ t(
     ...a
   }
 ));
-g.displayName = o.Group.displayName;
-const x = m.forwardRef(({ className: e, ...a }, d) => /* @__PURE__ */ t(
-  o.Separator,
+g.displayName = t.Group.displayName;
+const x = m.forwardRef(({ className: e, ...a }, d) => /* @__PURE__ */ o(
+  t.Separator,
   {
     ref: d,
     className: r("-mx-1 h-px bg-border", e),
     ...a
   }
 ));
-x.displayName = o.Separator.displayName;
-const h = m.forwardRef(({ className: e, ...a }, d) => /* @__PURE__ */ t(
-  o.Item,
+x.displayName = t.Separator.displayName;
+const h = m.forwardRef(({ className: e, ...a }, d) => /* @__PURE__ */ o(
+  t.Item,
   {
     ref: d,
     className: r(
-      "relative flex cursor-default gap-2 select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none data-[disabled=true]:pointer-events-none data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
+      "relative flex gap-2 select-none items-center rounded-sm",
+      "min-h-8 px-2 py-1",
+      "[&>span]:py-1",
+      "text-sm text-[#666A78] font-medium leading-[1.12]",
+      "data-[selected=true]:bg-accent",
+      "data-[selected=true]:text-[#191F35] hover:text-[#191F35]",
+      "outline-none data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
+      "cursor-pointer",
       e
     ),
     ...a
   }
 ));
-h.displayName = o.Item.displayName;
+h.displayName = t.Item.displayName;
 const y = ({
   className: e,
   ...a
-}) => /* @__PURE__ */ t(
+}) => /* @__PURE__ */ o(
   "span",
   {
     className: r(
@@ -101,7 +108,7 @@ export {
   C as CommandDialog,
   f as CommandEmpty,
   g as CommandGroup,
-  l as CommandInput,
+  c as CommandInput,
   h as CommandItem,
   u as CommandList,
   x as CommandSeparator,

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/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>;