@oneplatformdev/ui 0.1.10-3 → 0.1.10-31

package/{ui25.js → Combobox/Combobox.js}

@@ -1,17 +1,19 @@
 import { jsx as e, jsxs as l, Fragment as j } from "react/jsx-runtime";
-import { forwardRef as W, useRef as X, useState as c, useEffect as _, useCallback as d, useMemo as O, useLayoutEffect as J } from "react";
+import { forwardRef as W, useRef as X, useState as c, useEffect as _, useCallback as p, useMemo as O, useLayoutEffect as J } from "react";
+import { LoadingMask as K } from "../LoadingMask/LoadingMask.js";
+import "../LoadingMask/RenderLoadingMask.js";
+import { Popover as Q, PopoverTrigger as Y, PopoverContent as Z } from "../Popover/Popover.js";
+import { Button as $ } from "../Button/Button.js";
+import "../Button/buttonVariants.js";
+import { Command as ee, CommandInput as oe, CommandList as te, CommandGroup as ne, CommandEmpty as B, CommandItem as re } from "../Command/Command.js";
 import { cn as L } from "@oneplatformdev/utils";
-import { useDebounceCallback as K } from "@oneplatformdev/hooks";
-import { X as Q, ChevronsUpDown as Y } from "lucide-react";
-import { ComboboxOptions as Z } from "./ui91.js";
-import { Popover as $, PopoverTrigger as ee, PopoverContent as oe } from "./ui57.js";
-import { Button as te } from "./ui15.js";
-import { Command as ne, CommandInput as re, CommandList as ae, CommandGroup as se, CommandEmpty as B, CommandItem as le } from "./ui26.js";
-import { LoadingMask as ie } from "./ui49.js";
-const Ce = W(
+import { useDebounceCallback as ae } from "@oneplatformdev/hooks";
+import { X as se, ChevronsUpDown as le } from "lucide-react";
+import { ComboboxOptions as ie } from "./ComboboxOptions.js";
+const xe = W(
   (D, T) => {
     const {
-      value: p,
+      value: m,
       onChange: A,
       placeholder: I,
       disabled: z,
@@ -19,7 +21,7 @@ const Ce = W(
       fetchOptions: G,
       options: u,
       emptyLabel: S = "No options",
-      emptyAction: m,
+      emptyAction: d,
       commandInputAction: f,
       listHeadAction: h,
       onMount: g
@@ -29,7 +31,7 @@ const Ce = W(
     }, [u]);
     const R = async () => {
       a || (P(), C(""));
-    }, P = d(async (o) => {
+    }, P = p(async (o) => {
       s(!0);
       try {
         const N = await G(o);
@@ -39,14 +41,14 @@ const Ce = W(
       } finally {
         s(!1);
       }
-    }, []), U = K(P, 1e3, {
+    }, []), U = ae(P, 1e3, {
       leading: !1,
       trailing: !0
-    }), q = d((o) => {
+    }), q = p((o) => {
       s(!0), C(o), U(o);
-    }, []), k = d((o) => {
+    }, []), k = p((o) => {
       A(o.value), w(o), s(!1);
-    }, []), H = d(() => {
+    }, []), H = p(() => {
       k({ value: "", label: "" }), w(void 0), s(!1);
     }, []), E = O(() => !!r && !t.length && !n, [n, t.length, r]), M = O(() => !t.length && !n, [n, t.length, r]), i = O(() => ({
       options: t,
@@ -61,7 +63,7 @@ const Ce = W(
       setLoading: s,
       isEmptyList: M,
       isSearchedEmptyList: E
-    }), [n, a, t, r, x, M, E]), V = d(() => {
+    }), [n, a, t, r, x, M, E]), V = p(() => {
       if (!g) {
         b.current = !0;
         return;
@@ -73,15 +75,15 @@ const Ce = W(
     return J(() => (V(), () => {
       b.current = !1;
     }), []), /* @__PURE__ */ e("div", { className: "w-full", ref: T, children: /* @__PURE__ */ l(
-      $,
+      Q,
       {
         open: a,
         onOpenChange: (o) => {
           y(o), o && R();
         },
         children: [
-          /* @__PURE__ */ e(ee, { asChild: !0, className: "border-input", children: /* @__PURE__ */ l(
-            te,
+          /* @__PURE__ */ e(Y, { asChild: !0, className: "border-input", children: /* @__PURE__ */ l(
+            $,
             {
               variant: "outline",
               role: "combobox",
@@ -95,8 +97,8 @@ const Ce = W(
               ),
               disabled: z,
               children: [
-                /* @__PURE__ */ e("span", { className: "truncate max-w-[calc(100%-1.5rem)] overflow-hidden whitespace-nowrap", children: p ? t.find((o) => o.value === p)?.label || x?.label : /* @__PURE__ */ e("span", { className: "text-gray-400", children: I }) }),
-                p ? /* @__PURE__ */ e(
+                /* @__PURE__ */ e("span", { className: "truncate max-w-[calc(100%-1.5rem)] overflow-hidden whitespace-nowrap", children: m ? t.find((o) => o.value === m)?.label || x?.label : /* @__PURE__ */ e("span", { className: "text-gray-400", children: I }) }),
+                m ? /* @__PURE__ */ e(
                   "div",
                   {
                     className: L(
@@ -108,20 +110,20 @@ const Ce = W(
                     onClick: (o) => {
                       o.stopPropagation(), H();
                     },
-                    children: /* @__PURE__ */ e(Q, {})
+                    children: /* @__PURE__ */ e(se, {})
                   }
-                ) : /* @__PURE__ */ e(Y, { className: "opacity-50 w-4 h-4" })
+                ) : /* @__PURE__ */ e(le, { className: "opacity-50 w-4 h-4" })
               ]
             }
           ) }),
           /* @__PURE__ */ e(
-            oe,
+            Z,
             {
               className: "w-(--radix-popper-anchor-width) max-w-none p-0",
               align: "start",
-              children: /* @__PURE__ */ l(ne, { shouldFilter: !1, children: [
+              children: /* @__PURE__ */ l(ee, { shouldFilter: !1, children: [
                 /* @__PURE__ */ e(
-                  re,
+                  oe,
                   {
                     placeholder: F,
                     value: r,
@@ -129,19 +131,19 @@ const Ce = W(
                   }
                 ),
                 typeof f == "function" ? f(i) : f,
-                /* @__PURE__ */ e(ae, { children: /* @__PURE__ */ l(
-                  se,
+                /* @__PURE__ */ e(te, { children: /* @__PURE__ */ l(
+                  ne,
                   {
                     className: L(!t.length && "p-0 shadow-none"),
                     children: [
-                      n && /* @__PURE__ */ e(ie, { fullWidth: !0 }),
-                      !n && !!r && /* @__PURE__ */ e(j, { children: m ? /* @__PURE__ */ l(B, { className: "flex flex-col gap-3 py-5 px-3 items-center", children: [
+                      n && /* @__PURE__ */ e(K, { fullWidth: !0 }),
+                      !n && !!r && /* @__PURE__ */ e(j, { children: d ? /* @__PURE__ */ l(B, { className: "flex flex-col gap-3 py-5 px-3 items-center", children: [
                         /* @__PURE__ */ e("span", { children: S }),
-                        typeof m == "function" ? m(i) : m
+                        typeof d == "function" ? d(i) : d
                       ] }) : /* @__PURE__ */ e(B, { children: S }) }),
                       !n && /* @__PURE__ */ l(j, { children: [
                         !!t.length && h && /* @__PURE__ */ e(
-                          le,
+                          re,
                           {
                             asChild: !0,
                             className: "w-full",
@@ -150,9 +152,9 @@ const Ce = W(
                           "combobox-list-head-action"
                         ),
                         /* @__PURE__ */ e(
-                          Z,
+                          ie,
                           {
-                            value: p,
+                            value: m,
                             options: t,
                             onChangeOption: k,
                             setOpen: y
@@ -171,5 +173,6 @@ const Ce = W(
   }
 );
 export {
-  Ce as Combobox
+  xe as Combobox
 };
+//# sourceMappingURL=Combobox.js.map

package/Combobox/Combobox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Combobox.js","sources":["../../src/Combobox/Combobox.tsx"],"sourcesContent":["import React, {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useLayoutEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport { LoadingMask } from '../LoadingMask';\nimport { Popover, PopoverContent, PopoverTrigger } from '../Popover';\nimport { Button } from '../Button';\nimport {\n  Command,\n  CommandEmpty,\n  CommandGroup,\n  CommandInput,\n  CommandItem,\n  CommandList,\n} from '../Command';\nimport { cn } from '@oneplatformdev/utils';\nimport { useDebounceCallback } from '@oneplatformdev/hooks';\nimport { ChevronsUpDown, X } from 'lucide-react';\nimport {\n  ComboboxCallbackStateParams,\n  ComboboxOption,\n  ComboboxProps,\n} from './Combobox.types';\nimport { ComboboxOptions } from './ComboboxOptions'; // TODO: refactor next component | nlt code\n\n// TODO: refactor next component | nlt code\nexport const Combobox = forwardRef<HTMLDivElement, ComboboxProps>(\n  (props, ref) => {\n    const {\n      value,\n      onChange,\n      placeholder,\n      disabled,\n      searchLabel = 'Type to search...',\n      fetchOptions,\n      options: itemOptions,\n      emptyLabel = 'No options',\n      emptyAction,\n      commandInputAction,\n      listHeadAction,\n      onMount,\n    } = props;\n    const isMounted = useRef(false);\n    const [open, setOpen] = useState(false);\n    const [searchTerm, setSearchTerm] = useState('');\n    const [options, setOptions] = useState<ComboboxOption[]>([]);\n    const [selectedOption, setSelectedOption] = useState<ComboboxOption>();\n    const [loading, setLoading] = useState(false);\n\n    useEffect(() => {\n      itemOptions?.length && setOptions(itemOptions);\n    }, [itemOptions]);\n\n    const handlePopoverOpen = async () => {\n      if (!open) {\n        getData();\n        setSearchTerm('');\n      }\n    };\n\n    const getData = useCallback(async (search?: string) => {\n      setLoading(true);\n      try {\n        const fetchedOptions = await fetchOptions(search);\n        setOptions(fetchedOptions);\n      } catch (error) {\n        console.error('Unexpected error while get option:', error);\n      } finally {\n        setLoading(false);\n      }\n    }, []);\n\n    const debouncedGetData = useDebounceCallback(getData, 1000, {\n      leading: false,\n      trailing: true,\n    });\n\n    const handleSearchChange = useCallback((value: string) => {\n      setLoading(true);\n      setSearchTerm(value);\n      debouncedGetData(value);\n    }, []);\n\n    const onChangeOption = useCallback((option: ComboboxOption) => {\n      onChange(option.value);\n      setSelectedOption(option);\n      setLoading(false);\n    }, []);\n\n    const handleClearSelection = useCallback(() => {\n      onChangeOption({ value: '', label: '' });\n      setSelectedOption(undefined);\n      setLoading(false);\n    }, []);\n\n    const isSearchedEmptyList = useMemo(() => {\n      return Boolean(searchTerm) && !options.length && !loading;\n    }, [loading, options.length, searchTerm])\n\n    const isEmptyList = useMemo(() => {\n      return !options.length && !loading;\n    }, [loading, options.length, searchTerm])\n\n    const comboboxCallbackStateParams =\n      useMemo((): ComboboxCallbackStateParams => {\n        return {\n          options,\n          setOptions,\n          selectedOption,\n          setSelectedOption,\n          search: searchTerm || '',\n          setSearch: setSearchTerm,\n          open,\n          setOpen,\n          loading,\n          setLoading,\n          isEmptyList,\n          isSearchedEmptyList,\n        };\n      }, [loading, open, options, searchTerm, selectedOption, isEmptyList, isSearchedEmptyList]);\n\n    const runOnMount = useCallback(() => {\n      if (!onMount) {\n        isMounted.current = true;\n        return;\n      }\n      onMount(comboboxCallbackStateParams).finally(() => {\n        isMounted.current = true;\n      });\n    }, [comboboxCallbackStateParams, onMount]);\n\n    useLayoutEffect(() => {\n      runOnMount();\n      return () => {\n        isMounted.current = false;\n      };\n    }, []);\n\n    return (\n      <div className=\"w-full\" ref={ref}>\n        <Popover\n          open={open}\n          onOpenChange={(newOpen) => {\n            setOpen(newOpen);\n            if (newOpen) handlePopoverOpen();\n          }}\n        >\n          <PopoverTrigger asChild className=\"border-input\">\n            <Button\n              variant=\"outline\"\n              role=\"combobox\"\n              size=\"lg\"\n              aria-expanded={open}\n              className={cn(\n                'w-full justify-between font-normal text-sm bg-transparent relative p-3',\n                'border border-border',\n                open && 'border-2 outline-hidden ring-1 ring-ring',\n                'focus-visible:outline-hidden focus-visible:ring-1 focus-visible:ring-ring'\n              )}\n              disabled={disabled}\n            >\n              <span className=\"truncate max-w-[calc(100%-1.5rem)] overflow-hidden whitespace-nowrap\">\n                {value ? (\n                  options.find((option) => option.value === value)?.label ||\n                  selectedOption?.label\n                ) : (\n                  <span className=\"text-gray-400\">{placeholder}</span>\n                )}\n              </span>\n              {value ? (\n                <div\n                  className={cn(\n                    'absolute top-0 right-1',\n                    'flex items-center justify-center',\n                    'w-9 aspect-square [&_svg]:size-5',\n                    'opacity-50 cursor-pointer hover:opacity-100'\n                  )}\n                  onClick={(e) => {\n                    e.stopPropagation();\n                    handleClearSelection();\n                  }}\n                >\n                  <X />\n                </div>\n              ) : (\n                <ChevronsUpDown className=\"opacity-50 w-4 h-4\" />\n              )}\n            </Button>\n          </PopoverTrigger>\n          <PopoverContent\n            className=\"w-(--radix-popper-anchor-width) max-w-none p-0\"\n            align=\"start\"\n          >\n            <Command shouldFilter={false}>\n              <CommandInput\n                placeholder={searchLabel}\n                value={searchTerm}\n                onValueChange={handleSearchChange}\n              />\n              {typeof commandInputAction === 'function'\n                ? commandInputAction(comboboxCallbackStateParams)\n                : commandInputAction}\n              <CommandList>\n                <CommandGroup\n                  className={cn(!options.length && 'p-0 shadow-none')}\n                >\n                  {loading && <LoadingMask fullWidth />}\n                  {!loading && Boolean(searchTerm) && (\n                    <>\n                      {emptyAction ? (\n                        <CommandEmpty className=\"flex flex-col gap-3 py-5 px-3 items-center\">\n                          <span>{emptyLabel}</span>\n                          {typeof emptyAction === 'function'\n                            ? emptyAction(comboboxCallbackStateParams)\n                            : emptyAction}\n                        </CommandEmpty>\n                      ) : (\n                        <CommandEmpty>{emptyLabel}</CommandEmpty>\n                      )}\n                    </>\n                  )}\n                  {!loading && (\n                    <>\n                      {Boolean(options.length) && listHeadAction && (\n                        <CommandItem\n                          key='combobox-list-head-action'\n                          asChild\n                          className='w-full'\n                        >\n                          {typeof listHeadAction === 'function'\n                            ? listHeadAction(comboboxCallbackStateParams)\n                            : listHeadAction}\n                        </CommandItem>\n                      )}\n                      <ComboboxOptions\n                        value={value}\n                        options={options}\n                        onChangeOption={onChangeOption}\n                        setOpen={setOpen}\n                      />\n                    </>\n                  )}\n                </CommandGroup>\n              </CommandList>\n            </Command>\n          </PopoverContent>\n        </Popover>\n      </div>\n    );\n  }\n);\n"],"names":["Combobox","forwardRef","props","ref","value","onChange","placeholder","disabled","searchLabel","fetchOptions","itemOptions","emptyLabel","emptyAction","commandInputAction","listHeadAction","onMount","isMounted","useRef","open","setOpen","useState","searchTerm","setSearchTerm","options","setOptions","selectedOption","setSelectedOption","loading","setLoading","useEffect","handlePopoverOpen","getData","useCallback","search","fetchedOptions","error","debouncedGetData","useDebounceCallback","handleSearchChange","onChangeOption","option","handleClearSelection","isSearchedEmptyList","useMemo","isEmptyList","comboboxCallbackStateParams","runOnMount","useLayoutEffect","jsx","jsxs","Popover","newOpen","PopoverTrigger","Button","cn","e","X","ChevronsUpDown","PopoverContent","Command","CommandInput","CommandList","CommandGroup","LoadingMask","CommandEmpty","Fragment","CommandItem","ComboboxOptions"],"mappings":"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"}

package/Combobox/Combobox.types.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=Combobox.types.js.map

package/Combobox/Combobox.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Combobox.types.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/Combobox/ComboboxOptionItem.d.ts

@@ -1,4 +1,4 @@
-import { IComboboxOptionsNodeProps } from '..';
+import { IComboboxOptionsNodeProps } from './Combobox.types';
 export declare const ComboboxOptionItem: import('react').ForwardRefExoticComponent<IComboboxOptionsNodeProps & {
     children?: import('react').ReactNode | undefined;
 } & import('react').RefAttributes<HTMLDivElement>>;

package/Combobox/ComboboxOptionItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ComboboxOptionItem.d.ts","sourceRoot":"","sources":["../../src/Combobox/ComboboxOptionItem.tsx"],"names":[],"mappings":"AACA,OAAO,EAAe,yBAAyB,EAAE,MAAM,oBAAoB,CAAC;AAM5E,eAAO,MAAM,kBAAkB;;kDAsC7B,CAAC"}
+{"version":3,"file":"ComboboxOptionItem.d.ts","sourceRoot":"","sources":["../../src/Combobox/ComboboxOptionItem.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,yBAAyB,EAAE,MAAM,kBAAkB,CAAC;AAM7D,eAAO,MAAM,kBAAkB;;kDAsC7B,CAAC"}

package/{ui98.js → Combobox/ComboboxOptionItem.js}

@@ -1,37 +1,36 @@
-import { jsxs as s, jsx as t } from "react/jsx-runtime";
+import { jsxs as s, jsx as a } from "react/jsx-runtime";
 import { forwardRef as c } from "react";
-/* empty css    */
-import { Check as f } from "lucide-react";
-import { cn as a } from "@oneplatformdev/utils";
-import { CommandItem as d } from "./ui26.js";
-const u = 8, O = c((i, r) => {
-  const { children: m, setOpen: n, option: e, onChangeOption: o, value: l = "", deep: p = 0 } = i;
+import { CommandItem as f } from "../Command/Command.js";
+import { Check as d } from "lucide-react";
+import { cn as t } from "@oneplatformdev/utils";
+const u = 8, C = c((i, n) => {
+  const { children: r, setOpen: m, option: e, onChangeOption: o, value: l = "", deep: p = 0 } = i;
   return /* @__PURE__ */ s(
-    d,
+    f,
     {
-      ref: r,
+      ref: n,
       value: e.value,
       onSelect: () => {
-        l === e.value ? o?.({ value: "", label: "" }) : o?.(e), n(!1);
+        l === e.value ? o?.({ value: "", label: "" }) : o?.(e), m(!1);
       },
       style: {
         paddingLeft: (p + 1) * u
       },
       children: [
-        m,
-        /* @__PURE__ */ t(
+        r,
+        /* @__PURE__ */ a(
           "span",
           {
-            className: a(
+            className: t(
               "overflow-hidden whitespace-wrap text-ellipsis line-clamp-2"
             ),
             children: e.label
           }
         ),
-        /* @__PURE__ */ t(
-          f,
+        /* @__PURE__ */ a(
+          d,
           {
-            className: a(
+            className: t(
               "ml-auto",
               l === e.value ? "opacity-100" : "opacity-0"
             )
@@ -43,5 +42,6 @@ const u = 8, O = c((i, r) => {
   );
 });
 export {
-  O as ComboboxOptionItem
+  C as ComboboxOptionItem
 };
+//# sourceMappingURL=ComboboxOptionItem.js.map

package/Combobox/ComboboxOptionItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComboboxOptionItem.js","sources":["../../src/Combobox/ComboboxOptionItem.tsx"],"sourcesContent":["import { forwardRef, PropsWithChildren } from 'react';\nimport { CommandItem } from '../Command';\nimport { IComboboxOptionsNodeProps } from './Combobox.types';\nimport { Check } from 'lucide-react';\nimport { cn } from '@oneplatformdev/utils';\n\nconst DEEP_OFFSET = 8;\n\nexport const ComboboxOptionItem = forwardRef<\n  HTMLDivElement,\n  PropsWithChildren<IComboboxOptionsNodeProps>\n>((props, ref) => {\n  const { children, setOpen, option, onChangeOption, value = '', deep = 0 } = props;\n  return (\n    <CommandItem\n      ref={ref}\n      key={option.value}\n      value={option.value}\n      onSelect={() => {\n        if (value === option.value) {\n          onChangeOption?.({ value: '', label: '' });\n        } else {\n          onChangeOption?.(option);\n        }\n        setOpen(false);\n      }}\n      style={{\n        paddingLeft: (deep + 1) * DEEP_OFFSET,\n      }}\n    >\n      {children}\n      <span\n        className={cn(\n          'overflow-hidden whitespace-wrap text-ellipsis line-clamp-2'\n        )}\n      >\n        {option.label}\n      </span>\n      <Check\n        className={cn(\n          'ml-auto',\n          value === option.value ? 'opacity-100' : 'opacity-0'\n        )}\n      />\n    </CommandItem>\n  );\n});\n"],"names":["DEEP_OFFSET","ComboboxOptionItem","forwardRef","props","ref","children","setOpen","option","onChangeOption","value","deep","jsxs","CommandItem","jsx","cn","Check"],"mappings":";;;;;AAMA,MAAMA,IAAc,GAEPC,IAAqBC,EAGhC,CAACC,GAAOC,MAAQ;AAChB,QAAM,EAAE,UAAAC,GAAU,SAAAC,GAAS,QAAAC,GAAQ,gBAAAC,GAAgB,OAAAC,IAAQ,IAAI,MAAAC,IAAO,EAAA,IAAMP;AAC5E,SACE,gBAAAQ;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,KAAAR;AAAA,MAEA,OAAOG,EAAO;AAAA,MACd,UAAU,MAAM;AACd,QAAIE,MAAUF,EAAO,QACnBC,IAAiB,EAAE,OAAO,IAAI,OAAO,IAAI,IAEzCA,IAAiBD,CAAM,GAEzBD,EAAQ,EAAK;AAAA,MACf;AAAA,MACA,OAAO;AAAA,QACL,cAAcI,IAAO,KAAKV;AAAA,MAAA;AAAA,MAG3B,UAAA;AAAA,QAAAK;AAAA,QACD,gBAAAQ;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAWC;AAAA,cACT;AAAA,YAAA;AAAA,YAGD,UAAAP,EAAO;AAAA,UAAA;AAAA,QAAA;AAAA,QAEV,gBAAAM;AAAA,UAACE;AAAA,UAAA;AAAA,YACC,WAAWD;AAAA,cACT;AAAA,cACAL,MAAUF,EAAO,QAAQ,gBAAgB;AAAA,YAAA;AAAA,UAC3C;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAAA,IA3BKA,EAAO;AAAA,EAAA;AA8BlB,CAAC;"}

package/Combobox/ComboboxOptions.js

@@ -0,0 +1,65 @@
+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
+};
+//# sourceMappingURL=ComboboxOptions.js.map

package/Combobox/ComboboxOptions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComboboxOptions.js","sources":["../../src/Combobox/ComboboxOptions.tsx"],"sourcesContent":["import {\n  IComboboxOptionsNodeProps,\n  IComboboxOptionsProps,\n} from './Combobox.types';\nimport { Button } from '../Button';\nimport { forwardRef, useState } from 'react';\nimport {\n  Collapsible,\n  CollapsibleContent,\n  CollapsibleTrigger,\n} from '../Collapsible';\nimport { ComboboxOptionItem } from './ComboboxOptionItem';\nimport { ChevronDownIcon } from 'lucide-react';\nimport { cn } from '@oneplatformdev/utils';\n\nexport const ComboboxOptionsNode = forwardRef<\n  HTMLDivElement,\n  IComboboxOptionsNodeProps\n>((props, ref) => {\n  const { option, deep = 0 } = props;\n\n  const [open, onOpenChange] = useState(true);\n\n  if (!option?.items?.length) {\n    return <ComboboxOptionItem {...props} ref={ref} />;\n  }\n  return (\n    <Collapsible\n      ref={ref}\n      open={open}\n      onOpenChange={onOpenChange}\n      data-opened={open}\n      className={cn('group/collapsible')}\n    >\n      <ComboboxOptionItem {...props}>\n        <CollapsibleTrigger asChild>\n          <Button\n            onClick={(e) => {\n              e?.preventDefault();\n              e?.stopPropagation();\n              onOpenChange((prev) => !prev);\n            }}\n            type=\"button\"\n            variant=\"ghost\"\n            size=\"sm\"\n            className={cn('aspect-square size-6', 'transition-transform')}\n          >\n            <ChevronDownIcon\n              className={cn(\n                'size-5!',\n                'transition-transform',\n                open && 'rotate-180'\n              )}\n            />\n            <span className=\"sr-only\">Toggle</span>\n          </Button>\n        </CollapsibleTrigger>\n      </ComboboxOptionItem>\n\n      <CollapsibleContent>\n        <div className=\"flex flex-col gap-0\">\n          {option?.items.map((opt) => {\n            return (\n              <ComboboxOptionsNode\n                key={opt.value}\n                {...props}\n                deep={deep + 1}\n                option={opt}\n              />\n            );\n          })}\n        </div>\n      </CollapsibleContent>\n    </Collapsible>\n  );\n});\n\nexport const ComboboxOptions = forwardRef<\n  HTMLDivElement,\n  IComboboxOptionsProps\n>((props, ref) => {\n  const { options = [], ...rest } = props;\n  return (\n    <div ref={ref} className=\"flex flex-col gap-0\">\n      {options.map((option) => (\n        <ComboboxOptionsNode key={option.value} {...rest} option={option} />\n      ))}\n    </div>\n  );\n});\n"],"names":["ComboboxOptionsNode","forwardRef","props","ref","option","deep","open","onOpenChange","useState","jsxs","Collapsible","cn","jsx","ComboboxOptionItem","CollapsibleTrigger","Button","e","prev","ChevronDownIcon","CollapsibleContent","opt","ComboboxOptions","options","rest"],"mappings":";;;;;;;;AAeO,MAAMA,IAAsBC,EAGjC,CAACC,GAAOC,MAAQ;AAChB,QAAM,EAAE,QAAAC,GAAQ,MAAAC,IAAO,EAAA,IAAMH,GAEvB,CAACI,GAAMC,CAAY,IAAIC,EAAS,EAAI;AAE1C,SAAKJ,GAAQ,OAAO,SAIlB,gBAAAK;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,KAAAP;AAAA,MACA,MAAAG;AAAA,MACA,cAAAC;AAAA,MACA,eAAaD;AAAA,MACb,WAAWK,EAAG,mBAAmB;AAAA,MAEjC,UAAA;AAAA,QAAA,gBAAAC,EAACC,KAAoB,GAAGX,GACtB,UAAA,gBAAAU,EAACE,GAAA,EAAmB,SAAO,IACzB,UAAA,gBAAAL;AAAA,UAACM;AAAA,UAAA;AAAA,YACC,SAAS,CAACC,MAAM;AACd,cAAAA,GAAG,eAAA,GACHA,GAAG,gBAAA,GACHT,EAAa,CAACU,MAAS,CAACA,CAAI;AAAA,YAC9B;AAAA,YACA,MAAK;AAAA,YACL,SAAQ;AAAA,YACR,MAAK;AAAA,YACL,WAAWN,EAAG,wBAAwB,sBAAsB;AAAA,YAE5D,UAAA;AAAA,cAAA,gBAAAC;AAAA,gBAACM;AAAA,gBAAA;AAAA,kBACC,WAAWP;AAAA,oBACT;AAAA,oBACA;AAAA,oBACAL,KAAQ;AAAA,kBAAA;AAAA,gBACV;AAAA,cAAA;AAAA,cAEF,gBAAAM,EAAC,QAAA,EAAK,WAAU,WAAU,UAAA,SAAA,CAAM;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA,GAEpC,EAAA,CACF;AAAA,QAEA,gBAAAA,EAACO,GAAA,EACC,UAAA,gBAAAP,EAAC,OAAA,EAAI,WAAU,uBACZ,UAAAR,GAAQ,MAAM,IAAI,CAACgB,MAEhB,gBAAAR;AAAA,UAACZ;AAAA,UAAA;AAAA,YAEE,GAAGE;AAAA,YACJ,MAAMG,IAAO;AAAA,YACb,QAAQe;AAAA,UAAA;AAAA,UAHHA,EAAI;AAAA,QAAA,CAMd,GACH,EAAA,CACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,IAhDK,gBAAAR,EAACC,GAAA,EAAoB,GAAGX,GAAO,KAAAC,EAAA,CAAU;AAmDpD,CAAC,GAEYkB,IAAkBpB,EAG7B,CAACC,GAAOC,MAAQ;AAChB,QAAM,EAAE,SAAAmB,IAAU,CAAA,GAAI,GAAGC,MAASrB;AAClC,2BACG,OAAA,EAAI,KAAAC,GAAU,WAAU,uBACtB,YAAQ,IAAI,CAACC,MACZ,gBAAAQ,EAACZ,KAAwC,GAAGuB,GAAM,QAAAnB,KAAxBA,EAAO,KAAiC,CACnE,GACH;AAEJ,CAAC;"}

package/Combobox/index.js

@@ -0,0 +1,5 @@
+import { Combobox as m } from "./Combobox.js";
+export {
+  m as Combobox
+};
+//# sourceMappingURL=index.js.map

package/Combobox/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/Command/Command.d.ts

@@ -22,7 +22,7 @@ declare const CommandInput: React.ForwardRefExoticComponent<Omit<Omit<Pick<Pick<
     ref?: React.Ref<HTMLInputElement>;
 } & {
     asChild?: boolean;
-}, "key" | "asChild" | keyof React.InputHTMLAttributes<HTMLInputElement>>, "onChange" | "value" | "type"> & {
+}, "key" | "asChild" | keyof React.InputHTMLAttributes<HTMLInputElement>>, "onChange" | "type" | "value"> & {
     value?: string;
     onValueChange?: (search: string) => void;
 } & React.RefAttributes<HTMLInputElement>, "ref"> & React.RefAttributes<HTMLInputElement>>;
@@ -66,7 +66,7 @@ declare const CommandItem: React.ForwardRefExoticComponent<Omit<{
     ref?: React.Ref<HTMLDivElement>;
 } & {
     asChild?: boolean;
-}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild">, "onSelect" | "disabled" | "value"> & {
+}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild">, "onSelect" | "value" | "disabled"> & {
     disabled?: boolean;
     onSelect?: (value: string) => void;
     value?: string;

package/{ui26.js → Command/Command.js}

@@ -1,13 +1,14 @@
-import { jsx as d, 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 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 "./ui29.js";
-const n = m.forwardRef(({ className: e, ...a }, o) => /* @__PURE__ */ d(
+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: o,
+    ref: d,
     className: r(
       "flex h-full w-full flex-col overflow-hidden rounded-md bg-popover text-popover-foreground",
       e
@@ -16,12 +17,12 @@ const n = m.forwardRef(({ className: e, ...a }, o) => /* @__PURE__ */ d(
   }
 ));
 n.displayName = t.displayName;
-const C = ({ children: e, ...a }) => /* @__PURE__ */ d(i, { ...a, children: /* @__PURE__ */ d(l, { className: "overflow-hidden p-0", children: /* @__PURE__ */ d(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 }, o) => /* @__PURE__ */ s("div", { className: "flex items-center border-b px-3", "cmdk-input-wrapper": "", children: [
-  /* @__PURE__ */ d(p, { className: "mr-2 h-4 w-4 shrink-0 opacity-50" }),
-  /* @__PURE__ */ d(
+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: o,
+      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
@@ -31,16 +32,16 @@ const C = ({ children: e, ...a }) => /* @__PURE__ */ d(i, { ...a, children: /* @
   )
 ] }));
 c.displayName = t.Input.displayName;
-const u = m.forwardRef(({ className: e, ...a }, o) => /* @__PURE__ */ d(
+const u = m.forwardRef(({ className: e, ...a }, d) => /* @__PURE__ */ o(
   t.List,
   {
-    ref: o,
+    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__ */ d(
+const f = m.forwardRef((e, a) => /* @__PURE__ */ o(
   t.Empty,
   {
     ref: a,
@@ -49,10 +50,10 @@ const f = m.forwardRef((e, a) => /* @__PURE__ */ d(
   }
 ));
 f.displayName = t.Empty.displayName;
-const g = m.forwardRef(({ className: e, ...a }, o) => /* @__PURE__ */ d(
+const g = m.forwardRef(({ className: e, ...a }, d) => /* @__PURE__ */ o(
   t.Group,
   {
-    ref: o,
+    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
@@ -61,19 +62,19 @@ const g = m.forwardRef(({ className: e, ...a }, o) => /* @__PURE__ */ d(
   }
 ));
 g.displayName = t.Group.displayName;
-const x = m.forwardRef(({ className: e, ...a }, o) => /* @__PURE__ */ d(
+const x = m.forwardRef(({ className: e, ...a }, d) => /* @__PURE__ */ o(
   t.Separator,
   {
-    ref: o,
+    ref: d,
     className: r("-mx-1 h-px bg-border", e),
     ...a
   }
 ));
 x.displayName = t.Separator.displayName;
-const h = m.forwardRef(({ className: e, ...a }, o) => /* @__PURE__ */ d(
+const h = m.forwardRef(({ className: e, ...a }, d) => /* @__PURE__ */ o(
   t.Item,
   {
-    ref: o,
+    ref: d,
     className: r(
       "relative flex gap-2 select-none items-center rounded-sm",
       "min-h-8 px-2 py-1",
@@ -92,7 +93,7 @@ h.displayName = t.Item.displayName;
 const y = ({
   className: e,
   ...a
-}) => /* @__PURE__ */ d(
+}) => /* @__PURE__ */ o(
   "span",
   {
     className: r(
@@ -105,7 +106,7 @@ const y = ({
 y.displayName = "CommandShortcut";
 export {
   n as Command,
-  C as CommandDialog,
+  b as CommandDialog,
   f as CommandEmpty,
   g as CommandGroup,
   c as CommandInput,
@@ -114,3 +115,4 @@ export {
   x as CommandSeparator,
   y as CommandShortcut
 };
+//# sourceMappingURL=Command.js.map

package/Command/Command.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Command.js","sources":["../../src/Command/Command.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { type DialogProps } from '@radix-ui/react-dialog';\nimport { Command as CommandPrimitive } from 'cmdk';\nimport { SearchIcon } from 'lucide-react';\n\nimport { cn } from '@oneplatformdev/utils';\nimport { Dialog, DialogContent } from '../Dialog';\n\nconst Command = React.forwardRef<\n  React.ElementRef<typeof CommandPrimitive>,\n  React.ComponentPropsWithoutRef<typeof CommandPrimitive>\n>(({ className, ...props }, ref) => (\n  <CommandPrimitive\n    ref={ref}\n    className={cn(\n      'flex h-full w-full flex-col overflow-hidden rounded-md bg-popover text-popover-foreground',\n      className\n    )}\n    {...props}\n  />\n));\nCommand.displayName = CommandPrimitive.displayName\n\nconst CommandDialog = ({ children, ...props }: DialogProps) => {\n  return (\n    <Dialog {...props}>\n      <DialogContent className=\"overflow-hidden p-0\">\n        <Command 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\">\n          {children}\n        </Command>\n      </DialogContent>\n    </Dialog>\n  )\n}\n\nconst CommandInput = React.forwardRef<\n  React.ElementRef<typeof CommandPrimitive.Input>,\n  React.ComponentPropsWithoutRef<typeof CommandPrimitive.Input>\n>(({ className, ...props }, ref) => (\n  <div className=\"flex items-center border-b px-3\" cmdk-input-wrapper=\"\">\n    <SearchIcon className=\"mr-2 h-4 w-4 shrink-0 opacity-50\" />\n    <CommandPrimitive.Input\n      ref={ref}\n      className={cn(\n        \"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\",\n        className\n      )}\n      {...props}\n    />\n  </div>\n))\n\nCommandInput.displayName = CommandPrimitive.Input.displayName\n\nconst CommandList = React.forwardRef<\n  React.ElementRef<typeof CommandPrimitive.List>,\n  React.ComponentPropsWithoutRef<typeof CommandPrimitive.List>\n>(({ className, ...props }, ref) => (\n  <CommandPrimitive.List\n    ref={ref}\n    className={cn(\"max-h-[300px] overflow-y-auto overflow-x-hidden\", className)}\n    {...props}\n  />\n))\n\nCommandList.displayName = CommandPrimitive.List.displayName\n\nconst CommandEmpty = React.forwardRef<\n  React.ElementRef<typeof CommandPrimitive.Empty>,\n  React.ComponentPropsWithoutRef<typeof CommandPrimitive.Empty>\n>((props, ref) => (\n  <CommandPrimitive.Empty\n    ref={ref}\n    className=\"py-6 text-center text-sm\"\n    {...props}\n  />\n))\n\nCommandEmpty.displayName = CommandPrimitive.Empty.displayName\n\nconst CommandGroup = React.forwardRef<\n  React.ElementRef<typeof CommandPrimitive.Group>,\n  React.ComponentPropsWithoutRef<typeof CommandPrimitive.Group>\n>(({ className, ...props }, ref) => (\n  <CommandPrimitive.Group\n    ref={ref}\n    className={cn(\n      \"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\",\n      className\n    )}\n    {...props}\n  />\n))\n\nCommandGroup.displayName = CommandPrimitive.Group.displayName\n\nconst CommandSeparator = React.forwardRef<\n  React.ElementRef<typeof CommandPrimitive.Separator>,\n  React.ComponentPropsWithoutRef<typeof CommandPrimitive.Separator>\n>(({ className, ...props }, ref) => (\n  <CommandPrimitive.Separator\n    ref={ref}\n    className={cn(\"-mx-1 h-px bg-border\", className)}\n    {...props}\n  />\n))\nCommandSeparator.displayName = CommandPrimitive.Separator.displayName\n\nconst CommandItem = React.forwardRef<\n  React.ElementRef<typeof CommandPrimitive.Item>,\n  React.ComponentPropsWithoutRef<typeof CommandPrimitive.Item>\n>(({ className, ...props }, ref) => (\n  <CommandPrimitive.Item\n    ref={ref}\n    className={cn(\n      \"relative flex gap-2 select-none items-center rounded-sm\",\n      'min-h-8 px-2 py-1',\n      '[&>span]:py-1',\n      'text-sm text-[#666A78] font-medium leading-[1.12]',\n      'data-[selected=true]:bg-accent',\n      'data-[selected=true]:text-[#191F35] hover:text-[#191F35]',\n      'outline-hidden data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0',\n      'cursor-pointer',\n      className\n    )}\n    {...props}\n  />\n))\n\n\nCommandItem.displayName = CommandPrimitive.Item.displayName\n\nconst CommandShortcut = ({\n  className,\n  ...props\n}: React.HTMLAttributes<HTMLSpanElement>) => {\n  return (\n    <span\n      className={cn(\n        \"ml-auto text-xs tracking-widest text-muted-foreground\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\nCommandShortcut.displayName = \"CommandShortcut\"\n\nexport {\n  Command,\n  CommandDialog,\n  CommandInput,\n  CommandList,\n  CommandEmpty,\n  CommandGroup,\n  CommandItem,\n  CommandShortcut,\n  CommandSeparator,\n}\n"],"names":["Command","React","className","props","ref","jsx","CommandPrimitive","cn","CommandDialog","children","Dialog","DialogContent","CommandInput","jsxs","SearchIcon","CommandList","CommandEmpty","CommandGroup","CommandSeparator","CommandItem","CommandShortcut"],"mappings":"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"}

package/Command/index.js

@@ -0,0 +1,13 @@
+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
+};
+//# sourceMappingURL=index.js.map

package/Command/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/{ui27.js → DataTable/DataTable.js}

@@ -1,10 +1,11 @@
 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 m } from "lucide-react";
-import { DropdownMenu as h, DropdownMenuTrigger as g, DropdownMenuContent as p, DropdownMenuCheckboxItem as u } from "./ui32.js";
-import { Button as C } from "./ui15.js";
-import { Table as f, TableHeader as w, TableRow as t, TableHead as x, TableBody as b, TableCell as o } from "./ui72.js";
-const R = ({
+import { ChevronDown as b } from "lucide-react";
+const k = ({
   table: r,
   ToolBar: a,
   tColumns: s = "Columns",
@@ -13,12 +14,12 @@ const R = ({
   /* @__PURE__ */ i("div", { className: "flex items-center py-4", children: [
     a,
     /* @__PURE__ */ i(h, { children: [
-      /* @__PURE__ */ l(g, { asChild: !0, children: /* @__PURE__ */ i(C, { variant: "outline", className: "ml-auto", children: [
+      /* @__PURE__ */ l(p, { asChild: !0, children: /* @__PURE__ */ i(m, { variant: "outline", className: "ml-auto", children: [
         s,
         " ",
-        /* @__PURE__ */ l(m, { className: "ml-2 h-4 w-4" })
+        /* @__PURE__ */ l(b, { className: "ml-2 h-4 w-4" })
       ] }) }),
-      /* @__PURE__ */ l(p, { align: "end", children: r.getAllColumns().filter((e) => e.getCanHide()).map((e) => /* @__PURE__ */ l(
+      /* @__PURE__ */ l(g, { align: "end", children: r.getAllColumns().filter((e) => e.getCanHide()).map((e) => /* @__PURE__ */ l(
         u,
         {
           className: "capitalize",
@@ -30,12 +31,12 @@ const R = ({
       )) })
     ] })
   ] }),
-  /* @__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 : d(
+  /* @__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(b, { children: r.getRowModel().rows?.length ? r.getRowModel().rows.map((e) => /* @__PURE__ */ l(
+    /* @__PURE__ */ l(x, { children: r.getRowModel().rows?.length ? r.getRowModel().rows.map((e) => /* @__PURE__ */ l(
       t,
       {
         "data-state": e.getIsSelected() && "selected",
@@ -56,5 +57,6 @@ const R = ({
   ] }) })
 ] });
 export {
-  R as DataTable
+  k as DataTable
 };
+//# sourceMappingURL=DataTable.js.map