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

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-DpcCpN3b.js";
+import { C as c } from "../Combobox-B0sHDL7X.js";
 export {
   c as Combobox
 };

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 no } from "../Combobox-DpcCpN3b.js";
+import { a as no } from "../Combobox-B0sHDL7X.js";
 import "../Command/Command.mjs";
 import "../DropdownMenu/DropdownMenu.mjs";
 import "../Table/Table.mjs";

package/Combobox/ComboboxOptions.mjs

@@ -3,7 +3,7 @@ import "../Button/Button.mjs";
 import "../Button/buttonVariants.mjs";
 import "react";
 import "../Collapsible/Collapsible.mjs";
-import { c as a, b as e } from "../Combobox-DpcCpN3b.js";
+import { c as a, b as e } from "../Combobox-B0sHDL7X.js";
 import "lucide-react";
 import "@oneplatformdev/utils";
 export {

package/Combobox/index.mjs

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

package/{Combobox-DpcCpN3b.js → Combobox-B0sHDL7X.js}

@@ -1,12 +1,12 @@
-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 { jsxs as s, jsx as e, Fragment as A } from "react/jsx-runtime";
+import f, { forwardRef as y, useState as V, useRef as W, useEffect as X, useCallback as b, 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 { cn as p } 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";
@@ -63,73 +63,73 @@ 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(
+const ce = 8, I = y((n, l) => {
+  const { children: t, setOpen: m, option: o, onChangeOption: i, value: c = "", deep: a = 0 } = n;
+  return /* @__PURE__ */ s(
     Z,
     {
       ref: l,
-      value: r.value,
+      value: o.value,
       onSelect: () => {
-        s === r.value ? n == null || n({ value: "", label: "" }) : n == null || n(r), d(!1);
+        c === o.value ? i == null || i({ value: "", label: "" }) : i == null || i(o), m(!1);
       },
       style: {
-        paddingLeft: (u + 1) * ce
+        paddingLeft: (a + 1) * ce
       },
       children: [
         t,
         /* @__PURE__ */ e(
           "span",
           {
-            className: c(
+            className: p(
               "overflow-hidden whitespace-wrap text-ellipsis line-clamp-2"
             ),
-            children: r.label
+            children: o.label
           }
         ),
         /* @__PURE__ */ e(
           ae,
           {
-            className: c(
+            className: p(
               "ml-auto",
-              s === r.value ? "opacity-100" : "opacity-0"
+              c === o.value ? "opacity-100" : "opacity-0"
             )
           }
         )
       ]
     },
-    r.value
+    o.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(
+}), M = y((n, l) => {
+  var c;
+  const { option: t, deep: m = 0 } = n, [o, i] = V(!0);
+  return (c = t == null ? void 0 : t.items) != null && c.length ? /* @__PURE__ */ s(
     se,
     {
       ref: l,
-      open: s,
-      onOpenChange: u,
-      "data-opened": s,
-      className: c("group/collapsible"),
+      open: o,
+      onOpenChange: i,
+      "data-opened": o,
+      className: p("group/collapsible"),
       children: [
-        /* @__PURE__ */ e(I, { ...i, children: /* @__PURE__ */ e(pe, { asChild: !0, children: /* @__PURE__ */ m(
+        /* @__PURE__ */ e(I, { ...n, children: /* @__PURE__ */ e(pe, { asChild: !0, children: /* @__PURE__ */ s(
           _,
           {
             onClick: (a) => {
-              a == null || a.preventDefault(), a == null || a.stopPropagation(), u((h) => !h);
+              a == null || a.preventDefault(), a == null || a.stopPropagation(), i((d) => !d);
             },
             type: "button",
             variant: "ghost",
             size: "sm",
-            className: c("aspect-square size-6", "transition-transform"),
+            className: p("aspect-square size-6", "transition-transform"),
             children: [
               /* @__PURE__ */ e(
                 ie,
                 {
-                  className: c(
+                  className: p(
                     "!size-5",
                     "transition-transform",
-                    s && "rotate-180"
+                    o && "rotate-180"
                   )
                 }
               ),
@@ -140,103 +140,103 @@ const ce = 8, I = w((i, l) => {
         /* @__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,
+            ...n,
+            deep: m + 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) => {
+  ) : /* @__PURE__ */ e(I, { ...n, ref: l });
+}), de = y((n, l) => {
+  const { options: t = [], ...m } = n;
+  return /* @__PURE__ */ e("div", { ref: l, className: "flex flex-col gap-0", children: t.map((o) => /* @__PURE__ */ e(M, { ...m, option: o }, o.value)) });
+}), St = y(
+  (n, 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,
+      onChange: m,
+      placeholder: o,
+      disabled: i,
+      searchLabel: c = "Type to search...",
+      fetchOptions: a,
+      options: d,
+      emptyLabel: L = "No options",
+      emptyAction: g,
       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);
+    } = n, w = W(!1), [u, v] = f.useState(!1), [C, T] = f.useState(""), [N, x] = f.useState([]), [S, k] = f.useState(), [O, h] = f.useState(!1);
     X(() => {
-      p != null && p.length && y(p);
-    }, [p]);
+      d != null && d.length && x(d);
+    }, [d]);
     const R = async () => {
-      f || (E(), T(""));
-    }, E = v(async (o) => {
-      b(!0);
+      u || (E(), T(""));
+    }, E = b(async (r) => {
+      h(!0);
       try {
-        const L = await u(o);
-        y(L);
-      } catch (L) {
-        console.error("Unexpected error while get option:", L);
+        const D = await a(r);
+        x(D);
+      } catch (D) {
+        console.error("Unexpected error while get option:", D);
       } finally {
-        b(!1);
+        h(!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(() => {
+    }), B = b((r) => {
+      h(!0), T(r), q(r);
+    }, []), z = b((r) => {
+      m(r.value), k(r), h(!1);
+    }, []), G = b(() => {
+      z({ value: "", label: "" }), k(void 0), h(!1);
+    }, []), U = b(() => {
       if (!P) {
-        N.current = !0;
+        w.current = !0;
         return;
       }
-      P({ setOptions: y, search: x || "", open: f, setOpen: C }).finally(
+      P({ setOptions: x, search: C || "", open: u, setOpen: v }).finally(
         () => {
-          N.current = !0;
+          w.current = !0;
         }
       );
     }, []);
     return H(() => (U(), () => {
-      N.current = !1;
-    }), []), /* @__PURE__ */ e("div", { className: "w-full", ref: l, children: /* @__PURE__ */ m(
+      w.current = !1;
+    }), []), /* @__PURE__ */ e("div", { className: "w-full", ref: l, children: /* @__PURE__ */ s(
       K,
       {
-        open: f,
-        onOpenChange: (o) => {
-          C(o), o && R();
+        open: u,
+        onOpenChange: (r) => {
+          v(r), r && R();
         },
         children: [
-          /* @__PURE__ */ e(Q, { asChild: !0, className: "border-input", children: /* @__PURE__ */ m(
+          /* @__PURE__ */ e(Q, { asChild: !0, className: "border-input", children: /* @__PURE__ */ s(
             _,
             {
               variant: "outline",
               role: "combobox",
               size: "lg",
-              "aria-expanded": f,
-              className: c(
+              "aria-expanded": u,
+              className: p(
                 "w-full justify-between font-normal text-sm border bg-transparent relative p-3",
-                f ? "border-2 border-sidebar-accent" : "border-border"
+                u ? "border-2 border-sidebar-accent" : "border-border"
               ),
-              disabled: n,
+              disabled: i,
               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 }) }),
+                /* @__PURE__ */ e("span", { className: "truncate max-w-[calc(100%-1.5rem)] overflow-hidden whitespace-nowrap", children: t ? ((j = N.find((r) => r.value === t)) == null ? void 0 : j.label) || (S == null ? void 0 : S.label) : /* @__PURE__ */ e("span", { className: "text-gray-400", children: o }) }),
                 t ? /* @__PURE__ */ e(
                   "div",
                   {
-                    className: c(
+                    className: p(
                       "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();
+                    onClick: (r) => {
+                      r.stopPropagation(), G();
                     },
                     children: /* @__PURE__ */ e(ne, {})
                   }
@@ -249,37 +249,37 @@ const ce = 8, I = w((i, l) => {
             {
               className: "w-[var(--radix-popper-anchor-width)] max-w-none p-0",
               align: "start",
-              children: /* @__PURE__ */ m($, { shouldFilter: !1, children: [
+              children: /* @__PURE__ */ s($, { shouldFilter: !1, children: [
                 /* @__PURE__ */ e(
                   ee,
                   {
-                    placeholder: s,
-                    value: x,
+                    placeholder: c,
+                    value: C,
                     onValueChange: B
                   }
                 ),
-                /* @__PURE__ */ e(te, { children: /* @__PURE__ */ m(
+                /* @__PURE__ */ e(te, { children: /* @__PURE__ */ s(
                   oe,
                   {
-                    className: c(!S.length && "p-0 shadow-none"),
+                    className: p(!N.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(
+                      O && /* @__PURE__ */ e(J, { fullWidth: !0 }),
+                      !O && !!C && /* @__PURE__ */ e(A, { children: g ? /* @__PURE__ */ s(F, { className: "flex flex-col gap-3 py-5 px-3 items-center", children: [
+                        /* @__PURE__ */ e("span", { children: L }),
+                        typeof g == "function" ? g({
+                          setOptions: x,
+                          search: C || "",
+                          open: u,
+                          setOpen: v
+                        }) : g
+                      ] }) : /* @__PURE__ */ e(F, { children: L }) }),
+                      !O && /* @__PURE__ */ e(
                         de,
                         {
                           value: t,
-                          options: S,
+                          options: N,
                           onChangeOption: z,
-                          setOpen: C
+                          setOpen: v
                         }
                       )
                     ]

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-DpcCpN3b.js";
+import { C as p } from "../Combobox-B0sHDL7X.js";
 const x = (m) => {
   const { form: n, label: e, name: t, ...C } = m;
   return /* @__PURE__ */ o(

package/Popover/Popover.d.ts

@@ -1,5 +1,5 @@
-import * as React from "react";
-import * as PopoverPrimitive from "@radix-ui/react-popover";
+import * as React from 'react';
+import * as PopoverPrimitive from '@radix-ui/react-popover';
 declare const Popover: React.FC<PopoverPrimitive.PopoverProps>;
 declare const PopoverTrigger: React.ForwardRefExoticComponent<PopoverPrimitive.PopoverTriggerProps & React.RefAttributes<HTMLButtonElement>>;
 declare const PopoverAnchor: React.ForwardRefExoticComponent<PopoverPrimitive.PopoverAnchorProps & React.RefAttributes<HTMLDivElement>>;

package/Popover/Popover.mjs

@@ -1,24 +1,28 @@
 import { jsx as t } from "react/jsx-runtime";
-import * as n from "react";
+import * as s from "react";
 import * as o from "@radix-ui/react-popover";
-import { cn as s } from "@oneplatformdev/utils";
-const l = o.Root, c = o.Trigger, g = o.Anchor, m = n.forwardRef(({ className: e, align: a = "center", sideOffset: r = 4, ...d }, i) => /* @__PURE__ */ t(o.Portal, { children: /* @__PURE__ */ t(
+import { cn as m } from "@oneplatformdev/utils";
+const c = o.Root, v = o.Trigger, g = o.Anchor, p = s.forwardRef(({ className: e, align: a = "center", sideOffset: r = 4, style: d, ...n }, i) => /* @__PURE__ */ t(o.Portal, { children: /* @__PURE__ */ t(
   o.Content,
   {
     ref: i,
     align: a,
     sideOffset: r,
-    className: s(
+    className: m(
       "z-50 w-72 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
       e
     ),
-    ...d
+    style: {
+      pointerEvents: "auto",
+      ...d
+    },
+    ...n
   }
 ) }));
-m.displayName = o.Content.displayName;
+p.displayName = o.Content.displayName;
 export {
-  l as Popover,
+  c as Popover,
   g as PopoverAnchor,
-  m as PopoverContent,
-  c as PopoverTrigger
+  p as PopoverContent,
+  v as PopoverTrigger
 };

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-DpcCpN3b.js";
+import { C as Go } from "./Combobox-B0sHDL7X.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.81",
+  "version": "0.0.1-beta.85",
   "description": "UI React Components.",
   "author": "One Platform Development Team",
   "keywords": [