@oneplatformdev/ui 0.0.1-beta.72 → 0.0.1-beta.73

package/Checkbox/index.d.ts

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

package/Combobox/Combobox.mjs

@@ -9,7 +9,7 @@ import "../Command/Command.mjs";
 import "@oneplatformdev/utils";
 import "@oneplatformdev/hooks";
 import "lucide-react";
-import { C as c } from "../Combobox-CxJOBiHk.js";
+import { C as c } from "../Combobox-B16Ne2a8.js";
 export {
   c as Combobox
 };

package/Combobox/Combobox.types.d.ts

@@ -11,17 +11,15 @@ export interface ComboboxPropsOnMountParams {
     open: boolean;
     setOpen: Dispatch<SetStateAction<boolean>>;
 }
-export interface IComboboxOptionsProps {
-    value?: string;
-    options?: ComboboxOption[];
-    onChangeOption?: (option: ComboboxOption) => void;
-    deep?: number;
-}
 export interface IComboboxOptionsNodeProps {
     value?: string;
     option: ComboboxOption;
     onChangeOption?: (option: ComboboxOption) => void;
     deep?: number;
+    setOpen: Dispatch<SetStateAction<boolean>>;
+}
+export interface IComboboxOptionsProps extends Omit<IComboboxOptionsNodeProps, 'option'> {
+    options?: ComboboxOption[];
 }
 export interface ComboboxProps {
     value: string;

package/Combobox/ComboboxOptionItem.mjs

@@ -20,7 +20,7 @@ import "../Card/Card.mjs";
 import "../Carousel/Carousel.mjs";
 import "../Checkbox/Checkbox.mjs";
 import "@radix-ui/react-collapsible";
-import { a as fo } from "../Combobox-CxJOBiHk.js";
+import { a as fo } from "../Combobox-B16Ne2a8.js";
 import "../Command/Command.mjs";
 import "../DropdownMenu/DropdownMenu.mjs";
 import "../Table/Table.mjs";

package/Combobox/ComboboxOptions.d.ts

@@ -1,4 +1,4 @@
-import { IComboboxOptionsNodeProps, IComboboxOptionsProps } from '..';
+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>>;

package/Combobox/ComboboxOptions.mjs

@@ -1,67 +1,12 @@
 import "react/jsx-runtime";
-import "../Accordion/Accordion.mjs";
-import "../Alert/Alert.mjs";
-import "../AlertDialog/AlertDialogRoot.mjs";
-import "react";
-import "@oneplatformdev/utils";
-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 "../Button/Button.mjs";
 import "../Button/buttonVariants.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 "react";
 import "../Collapsible/Collapsible.mjs";
-import { c as eo, b as no } from "../Combobox-CxJOBiHk.js";
-import "../Command/Command.mjs";
-import "../DropdownMenu/DropdownMenu.mjs";
-import "../Table/Table.mjs";
-import "@tanstack/react-table";
+import { c as a, b as e } from "../Combobox-B16Ne2a8.js";
 import "lucide-react";
-import "../DatePicker/DatePicker.mjs";
-import "../Dialog/Dialog.mjs";
-import "../Drawer/Drawer.mjs";
-import "../Form/Form.mjs";
-import "../Input/Input.mjs";
-import "../Select/SelectRoot.mjs";
-import "../Textarea/Textarea.mjs";
-import "../Separator/Separator.mjs";
-import "../HoverCard/HoverCard.mjs";
-import "../InputOTP/InputOTP.mjs";
-import "../Label/Label.mjs";
-import "../Label/labelVariants.mjs";
-import "../LoadingMask/RenderLoadingMask.mjs";
-import "../LoadingProgress/loadingProgressVariants.mjs";
-import "../Menubar/Menubar.mjs";
-import "../NavigationMenu/NavigationMenu.mjs";
-import "../NavigationMenu/navigationMenuVariants.mjs";
-import "../Pagination/Pagination.mjs";
-import "../Popover/Popover.mjs";
-import "../Progress/Progress.mjs";
-import "../RadioGroup/RadioGroup.mjs";
-import "react-resizable-panels";
-import "../ScrollArea/ScrollArea.mjs";
-import "@oneplatformdev/hooks";
-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";
+import "@oneplatformdev/utils";
 export {
-  eo as ComboboxOptions,
-  no as ComboboxOptionsNode
+  a as ComboboxOptions,
+  e as ComboboxOptionsNode
 };

package/Combobox/index.mjs

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

package/{Combobox-CxJOBiHk.js → Combobox-B16Ne2a8.js}

@@ -1,14 +1,15 @@
-import { jsxs as p, jsx as e, Fragment as A } from "react/jsx-runtime";
-import g, { forwardRef as y, useState as V, useRef as W, useEffect as X, useCallback as b, useLayoutEffect as H } from "react";
+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 m } from "@oneplatformdev/utils";
+import { cn as c } from "@oneplatformdev/utils";
 import { useDebounceCallback as re } from "@oneplatformdev/hooks";
-import { Check as ae, ChevronDownIcon as ne, X as ie, ChevronsUpDown as le } from "lucide-react";
+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";
@@ -25,7 +26,7 @@ import "./Calendar/Calendar.mjs";
 import "./Card/Card.mjs";
 import "./Carousel/Carousel.mjs";
 import "./Checkbox/Checkbox.mjs";
-import { Collapsible as se, CollapsibleTrigger as pe, CollapsibleContent as me } from "./Collapsible/Collapsible.mjs";
+import "@radix-ui/react-collapsible";
 import "./DropdownMenu/DropdownMenu.mjs";
 import "./Table/Table.mjs";
 import "@tanstack/react-table";
@@ -61,26 +62,25 @@ import "./Toggle/Toggle.mjs";
 import "./ToggleGroup/ToggleGroup.mjs";
 import "./Tooltip/TooltipRoot.mjs";
 import "./Dropzone/Dropzone.mjs";
-import "@radix-ui/react-collapsible";
-const ce = 8, I = y((n, i) => {
-  const { children: t, option: r, onChangeOption: l, value: d = "", deep: c = 0 } = n;
-  return /* @__PURE__ */ p(
+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: i,
+      ref: l,
       value: r.value,
       onSelect: () => {
-        d === r.value ? l({ value: "", label: "" }) : l(r), setOpen(!1);
+        s === r.value ? n == null || n({ value: "", label: "" }) : n == null || n(r), d(!1);
       },
       style: {
-        paddingLeft: (c + 1) * ce
+        paddingLeft: (u + 1) * ce
       },
       children: [
         t,
         /* @__PURE__ */ e(
           "span",
           {
-            className: m(
+            className: c(
               "overflow-hidden whitespace-wrap text-ellipsis line-clamp-2"
             ),
             children: r.label
@@ -89,9 +89,9 @@ const ce = 8, I = y((n, i) => {
         /* @__PURE__ */ e(
           ae,
           {
-            className: m(
+            className: c(
               "ml-auto",
-              d === r.value ? "opacity-100" : "opacity-0"
+              s === r.value ? "opacity-100" : "opacity-0"
             )
           }
         )
@@ -99,36 +99,36 @@ const ce = 8, I = y((n, i) => {
     },
     r.value
   );
-}), M = y((n, i) => {
-  var s;
-  const { option: t, onChangeOption: r, value: l = "", deep: d = 0 } = n, [c, C] = V(!0);
-  return (s = t == null ? void 0 : t.items) != null && s.length ? /* @__PURE__ */ p(
+}), 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: i,
-      open: c,
-      onOpenChange: C,
-      "data-opened": c,
-      className: m("group/collapsible"),
+      ref: l,
+      open: s,
+      onOpenChange: u,
+      "data-opened": s,
+      className: c("group/collapsible"),
       children: [
-        /* @__PURE__ */ e(I, { ...n, children: /* @__PURE__ */ e(pe, { asChild: !0, children: /* @__PURE__ */ p(
+        /* @__PURE__ */ e(I, { ...i, children: /* @__PURE__ */ e(pe, { asChild: !0, children: /* @__PURE__ */ m(
           _,
           {
             onClick: (a) => {
-              a == null || a.preventDefault(), a == null || a.stopPropagation(), C((u) => !u);
+              a == null || a.preventDefault(), a == null || a.stopPropagation(), u((h) => !h);
             },
             type: "button",
             variant: "ghost",
             size: "sm",
-            className: m("aspect-square size-6", "transition-transform"),
+            className: c("aspect-square size-6", "transition-transform"),
             children: [
               /* @__PURE__ */ e(
-                ne,
+                ie,
                 {
-                  className: m(
+                  className: c(
                     "!size-5",
                     "transition-transform",
-                    c && "rotate-180"
+                    s && "rotate-180"
                   )
                 }
               ),
@@ -136,98 +136,91 @@ const ce = 8, I = y((n, i) => {
             ]
           }
         ) }) }),
-        /* @__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, { ...n, deep: d + 1, option: a })) }) })
+        /* @__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 })) }) })
       ]
     }
-  ) : /* @__PURE__ */ e(I, { ...n, ref: i });
-}), de = y((n, i) => {
-  const { options: t = [], ...r } = n;
-  return /* @__PURE__ */ e(
-    "div",
-    {
-      ref: i,
-      className: "flex flex-col gap-0",
-      children: t.map((l) => /* @__PURE__ */ e(M, { ...r, option: l }, l.value))
-    }
-  );
-}), Nt = y(
-  (n, i) => {
+  ) : /* @__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)) });
+}), Nt = w(
+  (i, l) => {
     var j;
     const {
       value: t,
-      onChange: r,
-      placeholder: l,
-      disabled: d,
-      searchLabel: c = "Type to search...",
-      fetchOptions: C,
-      options: s,
+      onChange: d,
+      placeholder: r,
+      disabled: n,
+      searchLabel: s = "Type to search...",
+      fetchOptions: u,
+      options: p,
       emptyLabel: a = "No options",
-      emptyAction: u,
+      emptyAction: h,
       onMount: P
-    } = n, w = W(!1), [h, N] = g.useState(!1), [v, T] = g.useState(""), [O, x] = g.useState([]), [S, k] = g.useState(), [D, f] = g.useState(!1);
+    } = 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(() => {
-      s != null && s.length && x(s);
-    }, [s]);
+      p != null && p.length && y(p);
+    }, [p]);
     const R = async () => {
-      h || (E(), T(""));
-    }, E = b(async (o) => {
-      f(!0);
+      f || (E(), T(""));
+    }, E = v(async (o) => {
+      b(!0);
       try {
-        const L = await C(o);
-        x(L);
+        const L = await u(o);
+        y(L);
       } catch (L) {
         console.error("Unexpected error while get option:", L);
       } finally {
-        f(!1);
+        b(!1);
       }
     }, []), q = re(E, 1e3, {
       leading: !1,
       trailing: !0
-    }), B = b((o) => {
-      f(!0), T(o), q(o);
-    }, []), z = b((o) => {
-      r(o.value), k(o), f(!1);
-    }, []), G = b(() => {
-      z({ value: "", label: "" }), k(void 0), f(!1);
-    }, []), U = b(() => {
+    }), 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) {
-        w.current = !0;
+        N.current = !0;
         return;
       }
-      P({ setOptions: x, search: v || "", open: h, setOpen: N }).finally(
+      P({ setOptions: y, search: x || "", open: f, setOpen: C }).finally(
         () => {
-          w.current = !0;
+          N.current = !0;
         }
       );
     }, []);
     return H(() => (U(), () => {
-      w.current = !1;
-    }), []), /* @__PURE__ */ e("div", { className: "w-full", ref: i, children: /* @__PURE__ */ p(
+      N.current = !1;
+    }), []), /* @__PURE__ */ e("div", { className: "w-full", ref: l, children: /* @__PURE__ */ m(
       K,
       {
-        open: h,
+        open: f,
         onOpenChange: (o) => {
-          N(o), o && R();
+          C(o), o && R();
         },
         children: [
-          /* @__PURE__ */ e(Q, { asChild: !0, className: "border-input", children: /* @__PURE__ */ p(
+          /* @__PURE__ */ e(Q, { asChild: !0, className: "border-input", children: /* @__PURE__ */ m(
             _,
             {
               variant: "outline",
               role: "combobox",
               size: "lg",
-              "aria-expanded": h,
-              className: m(
+              "aria-expanded": f,
+              className: c(
                 "w-full justify-between font-normal text-sm border bg-transparent relative p-3",
-                h ? "border-2 border-sidebar-accent" : "border-border"
+                f ? "border-2 border-sidebar-accent" : "border-border"
               ),
-              disabled: d,
+              disabled: n,
               children: [
-                /* @__PURE__ */ e("span", { className: "truncate max-w-[calc(100%-1.5rem)] overflow-hidden whitespace-nowrap", children: t ? ((j = O.find((o) => o.value === t)) == null ? void 0 : j.label) || (S == null ? void 0 : S.label) : /* @__PURE__ */ e("span", { className: "text-gray-400", children: l }) }),
+                /* @__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: m(
+                    className: c(
                       "absolute top-0 right-1",
                       "flex items-center justify-center",
                       "w-9 aspect-square [&_svg]:size-5",
@@ -236,7 +229,7 @@ const ce = 8, I = y((n, i) => {
                     onClick: (o) => {
                       o.stopPropagation(), G();
                     },
-                    children: /* @__PURE__ */ e(ie, {})
+                    children: /* @__PURE__ */ e(ne, {})
                   }
                 ) : /* @__PURE__ */ e(le, { className: "opacity-50 w-4 h-4" })
               ]
@@ -247,36 +240,37 @@ const ce = 8, I = y((n, i) => {
             {
               className: "w-[var(--radix-popper-anchor-width)] max-w-none p-0",
               align: "start",
-              children: /* @__PURE__ */ p($, { shouldFilter: !1, children: [
+              children: /* @__PURE__ */ m($, { shouldFilter: !1, children: [
                 /* @__PURE__ */ e(
                   ee,
                   {
-                    placeholder: c,
-                    value: v,
+                    placeholder: s,
+                    value: x,
                     onValueChange: B
                   }
                 ),
-                /* @__PURE__ */ e(te, { children: /* @__PURE__ */ p(
+                /* @__PURE__ */ e(te, { children: /* @__PURE__ */ m(
                   oe,
                   {
-                    className: m(!O.length && "p-0 shadow-none"),
+                    className: c(!S.length && "p-0 shadow-none"),
                     children: [
                       D && /* @__PURE__ */ e(J, { fullWidth: !0 }),
-                      !D && !!v && /* @__PURE__ */ e(A, { children: u ? /* @__PURE__ */ p(F, { className: "flex flex-col gap-3 py-5 px-3 items-center", children: [
+                      !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 u == "function" ? u({
-                          setOptions: x,
-                          search: v || "",
-                          open: h,
-                          setOpen: N
-                        }) : u
+                        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: O,
-                          onChangeOption: z
+                          options: S,
+                          onChangeOption: z,
+                          setOpen: C
                         }
                       )
                     ]

package/FormCombobox/FormCombobox.mjs

@@ -1,7 +1,7 @@
 import { jsx as o } from "react/jsx-runtime";
 import { FormControl as a } from "../Form/Form.mjs";
 import { FormRenderControl as b } from "../Form/FormRenderControl.mjs";
-import { C as p } from "../Combobox-CxJOBiHk.js";
+import { C as p } from "../Combobox-B16Ne2a8.js";
 const x = (m) => {
   const { form: n, label: e, name: t, ...C } = m;
   return /* @__PURE__ */ o(

package/index.mjs

@@ -20,7 +20,7 @@ import { Carousel as go, CarouselContent as xo, CarouselItem as fo, CarouselNext
 import { ChartContainer as To, ChartLegend as Do, ChartLegendContent as co, ChartStyle as Mo, ChartTooltip as Po, ChartTooltipContent as Ao } from "./Chart/Chart.mjs";
 import { Checkbox as wo, CheckboxLabel as ho } from "./Checkbox/Checkbox.mjs";
 import { Collapsible as Fo, CollapsibleContent as Lo, CollapsibleTrigger as Ro } from "./Collapsible/Collapsible.mjs";
-import { C as Go } from "./Combobox-CxJOBiHk.js";
+import { C as Go } from "./Combobox-B16Ne2a8.js";
 import { Command as Ho, CommandDialog as No, CommandEmpty as Vo, CommandGroup as yo, CommandInput as Eo, CommandItem as Oo, CommandList as zo, CommandSeparator as _o, CommandShortcut as Uo } from "./Command/Command.mjs";
 import { DataTable as jo } from "./DataTable/DataTable.mjs";
 import { DatePicker as Jo } from "./DatePicker/DatePicker.mjs";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oneplatformdev/ui",
-  "version": "0.0.1-beta.72",
+  "version": "0.0.1-beta.73",
   "description": "UI React Components.",
   "author": "One Platform Development Team",
   "keywords": [