@oneplatformdev/ui 0.1.2-1 → 0.1.9-10

package/Combobox/ComboboxOptionItem.js

@@ -0,0 +1,108 @@
+import { jsxs as s, jsx as r } from "react/jsx-runtime";
+import { forwardRef as c } from "react";
+/* empty css            */
+import "../Accordion/Accordion.js";
+import "../Alert/Alert.js";
+import "../AlertDialog/AlertDialogRoot.js";
+import { cn as m } from "@oneplatformdev/utils";
+import "recharts";
+import "../Chart/Chart.js";
+import "../Sidebar/Sidebar.js";
+import "@radix-ui/react-aspect-ratio";
+import "../Avatar/Avatar.js";
+import "../Badge/badgeVariants.js";
+import "../Breadcrumb/Breadcrumb.js";
+import "../Button/Button.js";
+import "../Button/buttonVariants.js";
+import "../ButtonIcon/ButtonIcon.js";
+import "../ButtonIcon/buttonIconVariants.js";
+import "../Calendar/Calendar.js";
+import "../Card/Card.js";
+import "../Carousel/Carousel.js";
+import "../Checkbox/Checkbox.js";
+import "@radix-ui/react-collapsible";
+import "./Combobox.js";
+import { CommandItem as f } from "../Command/Command.js";
+import "../DropdownMenu/DropdownMenu.js";
+import "../Table/Table.js";
+import "@tanstack/react-table";
+import { Check as d } from "lucide-react";
+import "../DatePicker/DatePicker.js";
+import "../Dialog/Dialog.js";
+import "../Dialog/DialogOverlayScope.js";
+import "../Drawer/Drawer.js";
+import "../Form/Form.js";
+import "../FormInput/FormInput.js";
+import "../Select/SelectRoot.js";
+import "../Textarea/Textarea.js";
+import "../Separator/Separator.js";
+import "../HoverCard/HoverCard.js";
+import "../Input/Input.js";
+import "../InputOTP/InputOTP.js";
+import "../Label/Label.js";
+import "../Label/labelVariants.js";
+import "../LoadingMask/RenderLoadingMask.js";
+import "../LoadedIcon/LoadedIcon.js";
+import "../LoadingProgress/loadingProgressVariants.js";
+import "../Menubar/Menubar.js";
+import "../NavigationMenu/NavigationMenu.js";
+import "../NavigationMenu/navigationMenuVariants.js";
+import "../Pagination/Pagination.js";
+import "../Popover/Popover.js";
+import "../Progress/Progress.js";
+import "../RadioGroup/RadioGroup.js";
+import "react-resizable-panels";
+import "../ScrollArea/ScrollArea.js";
+import "@oneplatformdev/hooks";
+import "../Sheet/Sheet.js";
+import "../Slider/Slider.js";
+import "next-themes";
+import "sonner";
+import "../Switch/Switch.js";
+import "../Tabs/TabsRoot.js";
+import "../Toast/Toast.js";
+import "../Toggle/Toggle.js";
+import "../ToggleGroup/ToggleGroup.js";
+import "../Tooltip/TooltipRoot.js";
+import "../Dropzone/Dropzone.js";
+const u = 8, So = c((p, e) => {
+  const { children: l, setOpen: a, option: o, onChangeOption: t, value: i = "", deep: n = 0 } = p;
+  return /* @__PURE__ */ s(
+    f,
+    {
+      ref: e,
+      value: o.value,
+      onSelect: () => {
+        i === o.value ? t?.({ value: "", label: "" }) : t?.(o), a(!1);
+      },
+      style: {
+        paddingLeft: (n + 1) * u
+      },
+      children: [
+        l,
+        /* @__PURE__ */ r(
+          "span",
+          {
+            className: m(
+              "overflow-hidden whitespace-wrap text-ellipsis line-clamp-2"
+            ),
+            children: o.label
+          }
+        ),
+        /* @__PURE__ */ r(
+          d,
+          {
+            className: m(
+              "ml-auto",
+              i === o.value ? "opacity-100" : "opacity-0"
+            )
+          }
+        )
+      ]
+    },
+    o.value
+  );
+});
+export {
+  So as ComboboxOptionItem
+};

package/Combobox/ComboboxOptions.d.ts

@@ -0,0 +1,4 @@
+import { IComboboxOptionsNodeProps, IComboboxOptionsProps } from './Combobox.types';
+export declare const ComboboxOptionsNode: import('react').ForwardRefExoticComponent<IComboboxOptionsNodeProps & import('react').RefAttributes<HTMLDivElement>>;
+export declare const ComboboxOptions: import('react').ForwardRefExoticComponent<IComboboxOptionsProps & import('react').RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=ComboboxOptions.d.ts.map

package/Combobox/ComboboxOptions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComboboxOptions.d.ts","sourceRoot":"","sources":["../../src/Combobox/ComboboxOptions.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,yBAAyB,EACzB,qBAAqB,EACtB,MAAM,kBAAkB,CAAC;AAY1B,eAAO,MAAM,mBAAmB,sHA4D9B,CAAC;AAEH,eAAO,MAAM,eAAe,kHAY1B,CAAC"}

package/Combobox/ComboboxOptions.js

@@ -0,0 +1,64 @@
+import { jsx as o, jsxs as m } from "react/jsx-runtime";
+import { Button as u } from "../Button/Button.js";
+import "../Button/buttonVariants.js";
+import { forwardRef as c, useState as h } from "react";
+import { Collapsible as b, CollapsibleTrigger as g, CollapsibleContent as C } from "../Collapsible/Collapsible.js";
+import { ComboboxOptionItem as p } from "./ComboboxOptionItem.js";
+import { ChevronDownIcon as x } from "lucide-react";
+import { cn as a } from "@oneplatformdev/utils";
+const d = c((e, n) => {
+  const { option: s, deep: i = 0 } = e, [t, l] = h(!0);
+  return s?.items?.length ? /* @__PURE__ */ m(
+    b,
+    {
+      ref: n,
+      open: t,
+      onOpenChange: l,
+      "data-opened": t,
+      className: a("group/collapsible"),
+      children: [
+        /* @__PURE__ */ o(p, { ...e, children: /* @__PURE__ */ o(g, { asChild: !0, children: /* @__PURE__ */ m(
+          u,
+          {
+            onClick: (r) => {
+              r?.preventDefault(), r?.stopPropagation(), l((f) => !f);
+            },
+            type: "button",
+            variant: "ghost",
+            size: "sm",
+            className: a("aspect-square size-6", "transition-transform"),
+            children: [
+              /* @__PURE__ */ o(
+                x,
+                {
+                  className: a(
+                    "size-5!",
+                    "transition-transform",
+                    t && "rotate-180"
+                  )
+                }
+              ),
+              /* @__PURE__ */ o("span", { className: "sr-only", children: "Toggle" })
+            ]
+          }
+        ) }) }),
+        /* @__PURE__ */ o(C, { children: /* @__PURE__ */ o("div", { className: "flex flex-col gap-0", children: s?.items.map((r) => /* @__PURE__ */ o(
+          d,
+          {
+            ...e,
+            deep: i + 1,
+            option: r
+          },
+          r.value
+        )) }) })
+      ]
+    }
+  ) : /* @__PURE__ */ o(p, { ...e, ref: n });
+}), I = c((e, n) => {
+  const { options: s = [], ...i } = e;
+  return /* @__PURE__ */ o("div", { ref: n, className: "flex flex-col gap-0", children: s.map((t) => /* @__PURE__ */ o(d, { ...i, option: t }, t.value)) });
+});
+export {
+  I as ComboboxOptions,
+  d as ComboboxOptionsNode
+};

package/Combobox/index.d.ts

@@ -0,0 +1,3 @@
+export * from './Combobox';
+export type * from './Combobox.types';
+//# sourceMappingURL=index.d.ts.map

package/Combobox/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Combobox/index.tsx"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAA;AAC1B,mBAAmB,kBAAkB,CAAA"}

package/Combobox/index.js

@@ -0,0 +1,4 @@
+import { Combobox as m } from "./Combobox.js";
+export {
+  m as Combobox
+};

package/Command/Command.d.ts

@@ -0,0 +1,81 @@
+import { DialogProps } from '@radix-ui/react-dialog';
+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>> & {
+    ref?: React.Ref<HTMLDivElement>;
+} & {
+    asChild?: boolean;
+}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & {
+    label?: string;
+    shouldFilter?: boolean;
+    filter?: (value: string, search: string, keywords?: string[]) => number;
+    defaultValue?: string;
+    value?: string;
+    onValueChange?: (value: string) => void;
+    loop?: boolean;
+    disablePointerSelection?: boolean;
+    vimBindings?: boolean;
+} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const CommandDialog: ({ children, ...props }: DialogProps) => import("react/jsx-runtime").JSX.Element;
+declare const CommandInput: React.ForwardRefExoticComponent<Omit<Omit<Pick<Pick<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "key" | keyof React.InputHTMLAttributes<HTMLInputElement>> & {
+    ref?: React.Ref<HTMLInputElement>;
+} & {
+    asChild?: boolean;
+}, "key" | "asChild" | keyof React.InputHTMLAttributes<HTMLInputElement>>, "onChange" | "value" | "type"> & {
+    value?: string;
+    onValueChange?: (search: string) => void;
+} & React.RefAttributes<HTMLInputElement>, "ref"> & React.RefAttributes<HTMLInputElement>>;
+declare const CommandList: React.ForwardRefExoticComponent<Omit<{
+    children?: React.ReactNode;
+} & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+    ref?: React.Ref<HTMLDivElement>;
+} & {
+    asChild?: boolean;
+}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & {
+    label?: string;
+} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const CommandEmpty: React.ForwardRefExoticComponent<Omit<{
+    children?: React.ReactNode;
+} & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+    ref?: React.Ref<HTMLDivElement>;
+} & {
+    asChild?: boolean;
+}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const CommandGroup: React.ForwardRefExoticComponent<Omit<{
+    children?: React.ReactNode;
+} & Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+    ref?: React.Ref<HTMLDivElement>;
+} & {
+    asChild?: boolean;
+}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild">, "heading" | "value"> & {
+    heading?: React.ReactNode;
+    value?: string;
+    forceMount?: boolean;
+} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const CommandSeparator: React.ForwardRefExoticComponent<Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+    ref?: React.Ref<HTMLDivElement>;
+} & {
+    asChild?: boolean;
+}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & {
+    alwaysRender?: boolean;
+} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const CommandItem: React.ForwardRefExoticComponent<Omit<{
+    children?: React.ReactNode;
+} & Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+    ref?: React.Ref<HTMLDivElement>;
+} & {
+    asChild?: boolean;
+}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild">, "onSelect" | "disabled" | "value"> & {
+    disabled?: boolean;
+    onSelect?: (value: string) => void;
+    value?: string;
+    keywords?: string[];
+    forceMount?: boolean;
+} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const CommandShortcut: {
+    ({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export { Command, CommandDialog, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem, CommandShortcut, CommandSeparator, };
+//# sourceMappingURL=Command.d.ts.map

package/Command/Command.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Command.d.ts","sourceRoot":"","sources":["../../src/Command/Command.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAO1D,QAAA,MAAM,OAAO;;;;;;;;;;;;;;;;sFAYX,CAAC;AAGH,QAAA,MAAM,aAAa,GAAI,wBAAwB,WAAW,4CAUzD,CAAA;AAED,QAAA,MAAM,YAAY;;;;;;;0FAehB,CAAA;AAIF,QAAA,MAAM,WAAW;;;;;;;;sFASf,CAAA;AAIF,QAAA,MAAM,YAAY;;;;;;uJAShB,CAAA;AAIF,QAAA,MAAM,YAAY;;;;;;;;;;sFAYhB,CAAA;AAIF,QAAA,MAAM,gBAAgB;;;;;;sFASpB,CAAA;AAGF,QAAA,MAAM,WAAW;;;;;;;;;;;;sFAmBf,CAAA;AAKF,QAAA,MAAM,eAAe;8BAGlB,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;;CAUvC,CAAA;AAGD,OAAO,EACL,OAAO,EACP,aAAa,EACb,YAAY,EACZ,WAAW,EACX,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,eAAe,EACf,gBAAgB,GACjB,CAAA"}

package/Command/Command.js

@@ -0,0 +1,117 @@
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+import * as m from "react";
+import { Command as t } from "cmdk";
+import { SearchIcon as p } from "lucide-react";
+import { cn as r } from "@oneplatformdev/utils";
+import { Dialog as i, DialogContent as l } from "../Dialog/Dialog.js";
+import "../Dialog/DialogOverlayScope.js";
+const n = m.forwardRef(({ className: e, ...a }, d) => /* @__PURE__ */ o(
+  t,
+  {
+    ref: d,
+    className: r(
+      "flex h-full w-full flex-col overflow-hidden rounded-md bg-popover text-popover-foreground",
+      e
+    ),
+    ...a
+  }
+));
+n.displayName = t.displayName;
+const b = ({ 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(
+        "flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-hidden placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50",
+        e
+      ),
+      ...a
+    }
+  )
+] }));
+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 = 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 = t.Empty.displayName;
+const g = m.forwardRef(({ className: e, ...a }, d) => /* @__PURE__ */ o(
+  t.Group,
+  {
+    ref: d,
+    className: r(
+      "overflow-hidden p-1 text-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground",
+      e
+    ),
+    ...a
+  }
+));
+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 = t.Separator.displayName;
+const h = m.forwardRef(({ className: e, ...a }, d) => /* @__PURE__ */ o(
+  t.Item,
+  {
+    ref: d,
+    className: r(
+      "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-hidden 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 = t.Item.displayName;
+const y = ({
+  className: e,
+  ...a
+}) => /* @__PURE__ */ o(
+  "span",
+  {
+    className: r(
+      "ml-auto text-xs tracking-widest text-muted-foreground",
+      e
+    ),
+    ...a
+  }
+);
+y.displayName = "CommandShortcut";
+export {
+  n as Command,
+  b as CommandDialog,
+  f as CommandEmpty,
+  g as CommandGroup,
+  c as CommandInput,
+  h as CommandItem,
+  u as CommandList,
+  x as CommandSeparator,
+  y as CommandShortcut
+};

package/Command/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Command';
+//# sourceMappingURL=index.d.ts.map

package/Command/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Command/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC"}

package/Command/index.js

@@ -0,0 +1,12 @@
+import { Command as a, CommandDialog as n, CommandEmpty as d, CommandGroup as C, CommandInput as t, CommandItem as r, CommandList as p, CommandSeparator as e, CommandShortcut as u } from "./Command.js";
+export {
+  a as Command,
+  n as CommandDialog,
+  d as CommandEmpty,
+  C as CommandGroup,
+  t as CommandInput,
+  r as CommandItem,
+  p as CommandList,
+  e as CommandSeparator,
+  u as CommandShortcut
+};

package/DataTable/DataTable.d.ts

@@ -0,0 +1,11 @@
+import { Table as ReactTable } from '@tanstack/react-table';
+import { default as React, FC } from 'react';
+interface IProps {
+    table: ReactTable<any>;
+    ToolBar?: React.ReactNode;
+    tColumns?: string;
+    tNoResults?: string;
+}
+export declare const DataTable: FC<IProps>;
+export {};
+//# sourceMappingURL=DataTable.d.ts.map

package/DataTable/DataTable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataTable.d.ts","sourceRoot":"","sources":["../../src/DataTable/DataTable.tsx"],"names":[],"mappings":"AAiBA,OAAO,EAAc,KAAK,KAAK,IAAI,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAE7E,OAAO,KAAK,EAAE,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAElC,UAAU,MAAM;IACd,KAAK,EAAE,UAAU,CAAC,GAAG,CAAC,CAAC;IACvB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,eAAO,MAAM,SAAS,EAAE,EAAE,CAAC,MAAM,CAyFhC,CAAC"}

package/DataTable/DataTable.js

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

package/DataTable/DataTable.types.d.ts

@@ -0,0 +1,11 @@
+import { Table as ReactTable } from '@tanstack/react-table';
+import { default as React } from 'react';
+export interface DataTableProps {
+    table: ReactTable<any>;
+    ToolBar?: React.ReactNode;
+    /** Columns label*/
+    columnsLabel?: string;
+    /** No Result label*/
+    noResultLabel?: string;
+}
+//# sourceMappingURL=DataTable.types.d.ts.map

package/DataTable/DataTable.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataTable.types.d.ts","sourceRoot":"","sources":["../../src/DataTable/DataTable.types.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,KAAK,IAAI,UAAU,EAAG,MAAM,uBAAuB,CAAC;AAClE,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,WAAW,cAAc;IAC3B,KAAK,EAAE,UAAU,CAAC,GAAG,CAAC,CAAC;IACvB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,mBAAmB;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,qBAAqB;IACrB,aAAa,CAAC,EAAE,MAAM,CAAC;CAC1B"}

package/DataTable/DataTable.types.js

@@ -0,0 +1 @@
+

package/DataTable/DataTableColumnFilter.d.ts

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

package/DataTable/DataTableColumnFilter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataTableColumnFilter.d.ts","sourceRoot":"","sources":["../../src/DataTable/DataTableColumnFilter.tsx"],"names":[],"mappings":"AAGA,OAAc,EAAE,EAAE,EAAW,MAAM,OAAO,CAAC;AAS3C,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAGnD,eAAO,MAAM,qBAAqB,EAAE,EAAE,CAAC,cAAc,CAyCpD,CAAC"}

package/DataTable/DataTableColumnFilter.js

@@ -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.js";
+import "../Button/buttonVariants.js";
+import { DropdownMenuCheckboxItem as c, DropdownMenu as u, DropdownMenuTrigger as h, DropdownMenuContent as p } from "../DropdownMenu/DropdownMenu.js";
+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/DataTable/index.d.ts

@@ -0,0 +1,3 @@
+export * from './DataTable';
+export type * from './DataTable.types';
+//# sourceMappingURL=index.d.ts.map

package/DataTable/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/DataTable/index.tsx"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,mBAAmB,mBAAmB,CAAC"}

package/DataTable/index.js

@@ -0,0 +1,4 @@
+import { DataTable as o } from "./DataTable.js";
+export {
+  o as DataTable
+};

package/DataTable/useDataTable.d.ts

@@ -0,0 +1,4 @@
+export declare const useDataTable: (data: any, columns: any) => {
+    table: import('@tanstack/react-table').Table<unknown>;
+};
+//# sourceMappingURL=useDataTable.d.ts.map

package/DataTable/useDataTable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDataTable.d.ts","sourceRoot":"","sources":["../../src/DataTable/useDataTable.ts"],"names":[],"mappings":"AAaA,eAAO,MAAM,YAAY,GAAI,MAAM,GAAG,EAAE,SAAS,GAAG;;CA8BnD,CAAC"}

package/DataTable/useDataTable.js

@@ -0,0 +1,30 @@
+import e from "react";
+import { useReactTable as u, getFilteredRowModel as g, getSortedRowModel as d, getPaginationRowModel as m, getCoreRowModel as R } from "@tanstack/react-table";
+const S = (t, o) => {
+  const [n, l] = e.useState([]), [i, a] = e.useState(
+    []
+  ), [r, s] = e.useState({});
+  return { table: u({
+    data: t,
+    columns: o,
+    onSortingChange: l,
+    onColumnFiltersChange: a,
+    getCoreRowModel: R(),
+    getPaginationRowModel: m(),
+    getSortedRowModel: d(),
+    getFilteredRowModel: g(),
+    onColumnVisibilityChange: s,
+    enableRowSelection: !0,
+    manualPagination: !0,
+    manualSorting: !0,
+    manualFiltering: !0,
+    state: {
+      sorting: n,
+      columnFilters: i,
+      columnVisibility: r
+    }
+  }) };
+};
+export {
+  S as useDataTable
+};

package/DatePicker/DatePicker.d.ts

@@ -0,0 +1,4 @@
+import { DatePickerProps } from './DatePicker.types';
+import * as React from 'react';
+export declare const DatePicker: React.ForwardRefExoticComponent<DatePickerProps & React.RefAttributes<HTMLButtonElement>>;
+//# sourceMappingURL=DatePicker.d.ts.map

package/DatePicker/DatePicker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../src/DatePicker/DatePicker.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAErD,eAAO,MAAM,UAAU,2FAyCtB,CAAC"}