@oneplatformdev/ui 0.0.1-beta.14 → 0.0.1-beta.141

package/Accordion/Accordion.d.ts

@@ -1,7 +1,9 @@
-import * as React from "react";
-import * as AccordionPrimitive from "@radix-ui/react-accordion";
+import * as React from 'react';
+import * as AccordionPrimitive from '@radix-ui/react-accordion';
 declare const Accordion: React.ForwardRefExoticComponent<(AccordionPrimitive.AccordionSingleProps | AccordionPrimitive.AccordionMultipleProps) & React.RefAttributes<HTMLDivElement>>;
 declare const AccordionItem: React.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const AccordionTrigger: React.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const AccordionTrigger: React.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & {
+    showChevron?: boolean;
+} & React.RefAttributes<HTMLButtonElement>>;
 declare const AccordionContent: React.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export { Accordion, AccordionItem, AccordionTrigger, AccordionContent };

package/Accordion/Accordion.mjs

@@ -1,46 +1,49 @@
 import { jsx as a, jsxs as d } from "react/jsx-runtime";
-import * as i from "react";
+import * as s from "react";
 import * as e from "@radix-ui/react-accordion";
-import { ChevronDown as m } from "lucide-react";
-import { cn as s } from "@oneplatformdev/utils";
-const g = e.Root, c = i.forwardRef(({ className: o, ...t }, r) => /* @__PURE__ */ a(
+import { ChevronDown as l } from "lucide-react";
+import { cn as c } from "@oneplatformdev/utils";
+const w = e.Root, f = s.forwardRef(({ className: t, ...o }, r) => /* @__PURE__ */ a(
   e.Item,
   {
     ref: r,
-    className: s("border-b", o),
-    ...t
+    className: c("border-b", t),
+    ...o
   }
 ));
-c.displayName = "AccordionItem";
-const l = i.forwardRef(({ className: o, children: t, ...r }, n) => /* @__PURE__ */ a(e.Header, { className: "flex", children: /* @__PURE__ */ d(
+f.displayName = "AccordionItem";
+const p = s.forwardRef(({ className: t, children: o, showChevron: r = !0, ...i }, m) => /* @__PURE__ */ a(e.Header, { className: "flex", children: /* @__PURE__ */ d(
   e.Trigger,
   {
-    ref: n,
-    className: s(
-      "flex flex-1 items-center justify-between py-4 text-sm font-medium transition-all hover:underline text-left [&[data-state=open]>svg]:rotate-180",
-      o
+    ref: m,
+    className: c(
+      "flex flex-1 items-center justify-between py-4 text-sm font-medium transition-all text-left [&[data-state=open]>svg]:rotate-180",
+      t
     ),
-    ...r,
+    onKeyDown: (n) => {
+      n.key === " " && n.target === n.currentTarget && n.preventDefault();
+    },
+    ...i,
     children: [
-      t,
-      /* @__PURE__ */ a(m, { className: "h-4 w-4 shrink-0 text-muted-foreground transition-transform duration-200" })
+      o,
+      r && /* @__PURE__ */ a(l, { className: "h-4 w-4 shrink-0 text-muted-foreground transition-transform duration-200" })
     ]
   }
 ) }));
-l.displayName = e.Trigger.displayName;
-const f = i.forwardRef(({ className: o, children: t, ...r }, n) => /* @__PURE__ */ a(
+p.displayName = e.Trigger.displayName;
+const N = s.forwardRef(({ className: t, children: o, ...r }, i) => /* @__PURE__ */ a(
   e.Content,
   {
-    ref: n,
+    ref: i,
     className: "overflow-hidden text-sm data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down",
     ...r,
-    children: /* @__PURE__ */ a("div", { className: s("pb-4 pt-0", o), children: t })
+    children: /* @__PURE__ */ a("div", { className: c("pb-4 pt-0", t), children: o })
   }
 ));
-f.displayName = e.Content.displayName;
+N.displayName = e.Content.displayName;
 export {
-  g as Accordion,
-  f as AccordionContent,
-  c as AccordionItem,
-  l as AccordionTrigger
+  w as Accordion,
+  N as AccordionContent,
+  f as AccordionItem,
+  p as AccordionTrigger
 };

package/AlertDialog/AlertDialogRoot.d.ts

@@ -1,6 +1,6 @@
 import { ButtonProps } from '../Button';
-import * as React from "react";
-import * as AlertDialogPrimitive from "@radix-ui/react-alert-dialog";
+import * as React from 'react';
+import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
 declare const AlertDialogRoot: React.FC<AlertDialogPrimitive.AlertDialogProps>;
 declare const AlertDialogTrigger: React.ForwardRefExoticComponent<AlertDialogPrimitive.AlertDialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
 declare const AlertDialogPortal: React.FC<AlertDialogPrimitive.AlertDialogPortalProps>;

package/AlertDialog/AlertDialogRoot.mjs

@@ -38,7 +38,7 @@ const g = ({
   "div",
   {
     className: s(
-      "flex flex-col space-y-2 text-center sm:text-left",
+      "w-full min-w-0 flex flex-col space-y-2 text-center sm:text-left",
       a
     ),
     ...t
@@ -77,7 +77,7 @@ const x = i.forwardRef(({ className: a, ...t }, o) => /* @__PURE__ */ l(
   }
 ));
 x.displayName = e.Description.displayName;
-const A = i.forwardRef(({ className: a, variant: t, size: o, ...r }, d) => /* @__PURE__ */ l(
+const u = i.forwardRef(({ className: a, variant: t, size: o, ...r }, d) => /* @__PURE__ */ l(
   e.Action,
   {
     ref: d,
@@ -85,8 +85,8 @@ const A = i.forwardRef(({ className: a, variant: t, size: o, ...r }, d) => /* @_
     ...r
   }
 ));
-A.displayName = e.Action.displayName;
-const D = i.forwardRef(({ className: a, variant: t = "outline", size: o, ...r }, d) => /* @__PURE__ */ l(
+u.displayName = e.Action.displayName;
+const A = i.forwardRef(({ className: a, variant: t = "outline", size: o, ...r }, d) => /* @__PURE__ */ l(
   e.Cancel,
   {
     ref: d,
@@ -98,10 +98,10 @@ const D = i.forwardRef(({ className: a, variant: t = "outline", size: o, ...r },
     ...r
   }
 ));
-D.displayName = e.Cancel.displayName;
+A.displayName = e.Cancel.displayName;
 export {
-  A as AlertDialogAction,
-  D as AlertDialogCancel,
+  u as AlertDialogAction,
+  A as AlertDialogCancel,
   p as AlertDialogContent,
   x as AlertDialogDescription,
   N as AlertDialogFooter,

package/Button/Button.mjs

@@ -5,27 +5,28 @@ import { cn as c } from "@oneplatformdev/utils";
 import { buttonVariants as l } from "./buttonVariants.mjs";
 import "../Tooltip/TooltipRoot.mjs";
 import { Tooltip as d } from "../Tooltip/Tooltip.mjs";
-const x = i.forwardRef(
-  ({ disabled: o, className: a, variant: e, size: n, asChild: f = !1, title: r = "", tooltip: t, ...p }, s) => /* @__PURE__ */ m(
+const y = i.forwardRef(
+  ({ disabled: o, className: e, variant: a, size: n, asChild: p = !1, title: t = "", tooltip: r, ...f }, s) => /* @__PURE__ */ m(
     d,
     {
-      open: o || !r && !t ? !1 : void 0,
-      message: t || r,
+      open: o || !t && !r ? !1 : void 0,
+      message: r || t,
       delay: 300,
       children: /* @__PURE__ */ m(
-        f ? u : "button",
+        p ? u : "button",
         {
-          className: c(l({ variant: e, size: n, className: a })),
+          type: "button",
           ref: s,
           disabled: o,
-          ...p
+          className: c(l({ variant: a, size: n, className: e })),
+          ...f
         }
       )
     }
   )
 );
-x.displayName = "Button";
+y.displayName = "Button";
 export {
-  x as Button,
-  x as default
+  y as Button,
+  y as default
 };

package/Button/buttonVariants.mjs

@@ -1,10 +1,16 @@
 import { cva as e } from "class-variance-authority";
-const t = e(
-  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
+const r = e(
+  [
+    "inline-flex items-center justify-center gap-2",
+    "whitespace-nowrap rounded-lg text-sm font-medium",
+    "transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring",
+    "disabled:pointer-events-none disabled:opacity-50",
+    "[&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0"
+  ],
   {
     variants: {
       variant: {
-        default: "bg-primary text-primary-foreground shadow hover:bg-primary/90",
+        default: "bg-primary text-primary-foreground shadow hover:opacity-[.8]",
         destructive: "bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90",
         outline: "border border-input bg-background shadow-sm hover:bg-accent hover:text-accent-foreground",
         secondary: "bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/80",
@@ -13,17 +19,17 @@ const t = e(
       },
       size: {
         default: "h-9 px-4 py-2",
-        sm: "h-8 rounded-md px-3 text-xs",
-        lg: "h-10 rounded-md px-8",
-        icon: "h-9 w-9"
+        sm: "h-8 rounded-md px-3 text-xs [&_svg]:size-4",
+        lg: "h-10 px-8 [&_svg]:size-5 px-3 py-2",
+        icon: "h-9 w-9 [&_svg]:!size-5"
       }
     },
     defaultVariants: {
       variant: "default",
-      size: "default"
+      size: "lg"
     }
   }
 );
 export {
-  t as buttonVariants
+  r as buttonVariants
 };

package/Calendar/Calendar.mjs

@@ -16,10 +16,11 @@ function u({
       showOutsideDays: c,
       className: e("p-3", n),
       classNames: {
+        caption_dropdowns: "flex flex-col gap-1",
         months: "flex flex-col sm:flex-row space-y-4 sm:space-x-4 sm:space-y-0",
         month: "space-y-4",
-        caption: "flex justify-center pt-1 relative items-center",
-        caption_label: "text-sm font-medium",
+        caption: "flex justify-center pt-1 relative items-center gap-4",
+        caption_label: "text-sm font-medium hidden",
         nav: "space-x-1 flex items-center",
         nav_button: e(
           o({ variant: "outline" }),

package/Card/Card.d.ts

@@ -1,4 +1,4 @@
-import * as React from "react";
+import * as React from 'react';
 declare const Card: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
 declare const CardHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
 declare const CardTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;

package/Card/Card.mjs

@@ -1,61 +1,62 @@
 import { jsx as d } from "react/jsx-runtime";
 import * as o from "react";
 import { cn as t } from "@oneplatformdev/utils";
-const s = o.forwardRef(({ className: a, ...e }, r) => /* @__PURE__ */ d(
+const s = o.forwardRef(({ className: e, ...a }, r) => /* @__PURE__ */ d(
   "div",
   {
     ref: r,
     className: t(
-      "rounded-xl border bg-card text-card-foreground shadow",
-      a
+      "flex flex-col gap-1 p-2",
+      "rounded-2xl border border-border bg-card text-card-foreground shadow-none",
+      e
     ),
-    ...e
+    ...a
   }
 ));
 s.displayName = "Card";
-const i = o.forwardRef(({ className: a, ...e }, r) => /* @__PURE__ */ d(
+const i = o.forwardRef(({ className: e, ...a }, r) => /* @__PURE__ */ d(
   "div",
   {
     ref: r,
-    className: t("flex flex-col space-y-1.5 p-6", a),
-    ...e
+    className: t("flex flex-col space-y-1.5 p-6", e),
+    ...a
   }
 ));
 i.displayName = "CardHeader";
-const c = o.forwardRef(({ className: a, ...e }, r) => /* @__PURE__ */ d(
+const l = o.forwardRef(({ className: e, ...a }, r) => /* @__PURE__ */ d(
   "div",
   {
     ref: r,
-    className: t("font-semibold leading-none tracking-tight", a),
-    ...e
+    className: t("font-semibold leading-none tracking-tight", e),
+    ...a
   }
 ));
-c.displayName = "CardTitle";
-const m = o.forwardRef(({ className: a, ...e }, r) => /* @__PURE__ */ d(
+l.displayName = "CardTitle";
+const n = o.forwardRef(({ className: e, ...a }, r) => /* @__PURE__ */ d(
   "div",
   {
     ref: r,
-    className: t("text-sm text-muted-foreground", a),
-    ...e
+    className: t("text-sm text-muted-foreground", e),
+    ...a
   }
 ));
-m.displayName = "CardDescription";
-const n = o.forwardRef(({ className: a, ...e }, r) => /* @__PURE__ */ d("div", { ref: r, className: t("p-6 pt-0", a), ...e }));
-n.displayName = "CardContent";
-const f = o.forwardRef(({ className: a, ...e }, r) => /* @__PURE__ */ d(
+n.displayName = "CardDescription";
+const c = o.forwardRef(({ className: e, ...a }, r) => /* @__PURE__ */ d("div", { ref: r, className: t("p-6 pt-0", e), ...a }));
+c.displayName = "CardContent";
+const f = o.forwardRef(({ className: e, ...a }, r) => /* @__PURE__ */ d(
   "div",
   {
     ref: r,
-    className: t("flex items-center p-6 pt-0", a),
-    ...e
+    className: t("flex items-center p-6 pt-0", e),
+    ...a
   }
 ));
 f.displayName = "CardFooter";
 export {
   s as Card,
-  n as CardContent,
-  m as CardDescription,
+  c as CardContent,
+  n as CardDescription,
   f as CardFooter,
   i as CardHeader,
-  c as CardTitle
+  l as CardTitle
 };

package/Checkbox/Checkbox.d.ts

@@ -1,4 +1,5 @@
-import * as React from "react";
-import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
-declare const Checkbox: React.ForwardRefExoticComponent<Omit<CheckboxPrimitive.CheckboxProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
-export { Checkbox };
+import { CheckboxLabelProps, CheckboxProps } from './Checkbox.types';
+import * as React from 'react';
+declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLButtonElement>>;
+declare const CheckboxLabel: React.ForwardRefExoticComponent<CheckboxLabelProps & React.RefAttributes<HTMLLabelElement>>;
+export { Checkbox, CheckboxLabel };

package/Checkbox/Checkbox.mjs

@@ -1,27 +1,54 @@
-import { jsx as e } from "react/jsx-runtime";
-import * as s from "react";
-import * as r from "@radix-ui/react-checkbox";
-import { Check as c } from "lucide-react";
-import { cn as o } from "@oneplatformdev/utils";
-const d = s.forwardRef(({ className: i, ...t }, a) => /* @__PURE__ */ e(
-  r.Root,
+import { jsx as r, jsxs as n } from "react/jsx-runtime";
+import * as s from "@radix-ui/react-checkbox";
+import { MinusIcon as l, CheckIcon as h } from "lucide-react";
+import * as m from "react";
+import { cn as a } from "@oneplatformdev/utils";
+import { Label as u } from "../Label/Label.mjs";
+import "../Label/labelVariants.mjs";
+const d = m.forwardRef(({ className: t, checked: c, indeterminate: e, ...i }, o) => {
+  const f = e ? l : h;
+  return /* @__PURE__ */ r(
+    s.Root,
+    {
+      ref: o,
+      className: a(
+        "peer h-4 w-4 shrink-0 rounded-sm border border-primary shadow focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground",
+        t
+      ),
+      ...i,
+      checked: c ?? e,
+      children: /* @__PURE__ */ r(
+        s.Indicator,
+        {
+          className: a("flex items-center justify-center text-current"),
+          children: /* @__PURE__ */ r(f, { className: "h-4 w-4" })
+        }
+      )
+    }
+  );
+});
+d.displayName = s.Root.displayName;
+const x = m.forwardRef(({ label: t = "", children: c, labelProps: e, ...i }, o) => /* @__PURE__ */ n(
+  u,
   {
-    ref: a,
-    className: o(
-      "peer h-4 w-4 shrink-0 rounded-sm border border-primary shadow focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground",
-      i
+    ref: o,
+    ...e,
+    className: a(
+      "flex w-full items-start gap-3 font-normal py-3 cursor-pointer",
+      e == null ? void 0 : e.className
     ),
-    ...t,
-    children: /* @__PURE__ */ e(
-      r.Indicator,
-      {
-        className: o("flex items-center justify-center text-current"),
-        children: /* @__PURE__ */ e(c, { className: "h-4 w-4" })
-      }
-    )
+    style: e == null ? void 0 : e.style,
+    children: [
+      /* @__PURE__ */ r(d, { ...i }),
+      /* @__PURE__ */ n("div", { className: "flex flex-col w-full gap-3", children: [
+        /* @__PURE__ */ r("span", { className: "flex flex-col justify-start leading-[16px]", children: t }),
+        c
+      ] })
+    ]
   }
 ));
-d.displayName = r.Root.displayName;
+x.displayName = "CheckboxLabel";
 export {
-  d as Checkbox
+  d as Checkbox,
+  x as CheckboxLabel
 };

package/Checkbox/Checkbox.types.d.ts

@@ -0,0 +1,10 @@
+import { Label } from '../Label';
+import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
+import * as React from 'react';
+export interface CheckboxProps extends React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root> {
+    indeterminate?: boolean;
+}
+export interface CheckboxLabelProps extends CheckboxProps {
+    label?: string;
+    labelProps?: React.ComponentPropsWithoutRef<typeof Label>;
+}

package/Checkbox/index.d.ts

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

package/Checkbox/index.mjs

@@ -1,4 +1,5 @@
-import { Checkbox as r } from "./Checkbox.mjs";
+import { Checkbox as b, CheckboxLabel as x } from "./Checkbox.mjs";
 export {
-  r as Checkbox
+  b as Checkbox,
+  x as CheckboxLabel
 };

package/Combobox/Combobox.d.ts

@@ -1,4 +1,4 @@
 import { ComboboxProps } from './Combobox.types';
-import { FC } from 'react';
+import { default as React } from 'react';
 
-export declare const Combobox: FC<ComboboxProps>;
+export declare const Combobox: React.ForwardRefExoticComponent<ComboboxProps & React.RefAttributes<HTMLDivElement>>;

package/Combobox/Combobox.mjs

@@ -1,126 +1,15 @@
-import { jsx as a, jsxs as t } from "react/jsx-runtime";
-import n, { useEffect as E } from "react";
-import { LoadingMask as I } from "../LoadingMask/LoadingMask.mjs";
-import { Popover as U, PopoverTrigger as _, PopoverContent as B } from "../Popover/Popover.mjs";
-import { Button as F } from "../Button/Button.mjs";
+import "react/jsx-runtime";
+import "react";
+import "../LoadingMask/LoadingMask.mjs";
+import "../LoadingMask/RenderLoadingMask.mjs";
+import "../Popover/Popover.mjs";
+import "../Button/Button.mjs";
 import "../Button/buttonVariants.mjs";
-import { Command as G, CommandInput as M, CommandList as R, CommandEmpty as V, CommandGroup as W, CommandItem as X } from "../Command/Command.mjs";
-import { cn as g } from "@oneplatformdev/utils";
-import { useDebounceCallback as q } from "@oneplatformdev/hooks";
-import { X as z, ChevronsUpDown as A, Check as H } from "lucide-react";
-const te = (w) => {
-  var C;
-  const {
-    value: o,
-    onChange: y,
-    placeholder: x,
-    disabled: N,
-    searchLabel: S,
-    fetchOptions: L,
-    options: r,
-    emptyLabel: O = "No options"
-  } = w, [l, d] = n.useState(!1), [P, m] = n.useState(""), [p, h] = n.useState([]), [s, u] = n.useState(), [f, b] = n.useState(!1);
-  E(() => {
-    r != null && r.length && h(r);
-  }, [r]);
-  const j = async () => {
-    l || (v(), m(""));
-  }, v = async (e) => {
-    b(!0);
-    try {
-      const i = await L(e);
-      h(i);
-    } catch (i) {
-      console.error("Unexpected error while get option:", i);
-    } finally {
-      b(!1);
-    }
-  }, k = q(v, 1e3), D = (e) => {
-    m(e), k(e);
-  }, c = (e) => {
-    y(e.value), u(e);
-  }, T = () => {
-    c({ value: "", label: "" }), u(void 0);
-  };
-  return /* @__PURE__ */ a("div", { className: "w-full", children: /* @__PURE__ */ t(
-    U,
-    {
-      open: l,
-      onOpenChange: (e) => {
-        d(e), e && j();
-      },
-      children: [
-        /* @__PURE__ */ a(_, { asChild: !0, className: "border-border", children: /* @__PURE__ */ t(
-          F,
-          {
-            variant: "outline",
-            role: "combobox",
-            "aria-expanded": l,
-            className: g(
-              "w-full justify-between font-normal text-sm border bg-input",
-              l ? "border-2 border-sidebar-accent" : "border-border"
-            ),
-            disabled: N,
-            children: [
-              /* @__PURE__ */ a("span", { className: "truncate max-w-[calc(100%-1.5rem)] overflow-hidden whitespace-nowrap", children: o ? ((C = p.find((e) => e.value === o)) == null ? void 0 : C.label) || (s == null ? void 0 : s.label) : /* @__PURE__ */ a("span", { className: "text-gray-400", children: x }) }),
-              o ? /* @__PURE__ */ a(
-                z,
-                {
-                  className: "opacity-50 w-4 h-4 cursor-pointer hover:opacity-100",
-                  onClick: (e) => {
-                    e.stopPropagation(), T();
-                  }
-                }
-              ) : /* @__PURE__ */ a(A, { className: "opacity-50 w-4 h-4" })
-            ]
-          }
-        ) }),
-        /* @__PURE__ */ a(
-          B,
-          {
-            className: "w-[var(--radix-popper-anchor-width)] max-w-none p-0",
-            align: "start",
-            children: /* @__PURE__ */ t(G, { shouldFilter: !1, children: [
-              /* @__PURE__ */ a(
-                M,
-                {
-                  placeholder: S,
-                  value: P,
-                  onValueChange: D
-                }
-              ),
-              /* @__PURE__ */ t(R, { children: [
-                !f && /* @__PURE__ */ a(V, { children: O }),
-                /* @__PURE__ */ a(W, { children: f ? /* @__PURE__ */ a("div", { className: "flex justify-center", children: /* @__PURE__ */ a(I, {}) }) : p.map((e) => /* @__PURE__ */ t(
-                  X,
-                  {
-                    value: e.value,
-                    onSelect: () => {
-                      o === e.value ? c({ value: "", label: "" }) : c(e), d(!1);
-                    },
-                    children: [
-                      e.label,
-                      /* @__PURE__ */ a(
-                        H,
-                        {
-                          className: g(
-                            "ml-auto",
-                            o === e.value ? "opacity-100" : "opacity-0"
-                          )
-                        }
-                      )
-                    ]
-                  },
-                  e.value
-                )) })
-              ] })
-            ] })
-          }
-        )
-      ]
-    }
-  ) });
-};
+import "../Command/Command.mjs";
+import "@oneplatformdev/utils";
+import "@oneplatformdev/hooks";
+import "lucide-react";
+import { C as c } from "../Combobox-CkGEIfTD.js";
 export {
-  te as Combobox
+  c as Combobox
 };

package/Combobox/Combobox.types.d.ts

@@ -1,6 +1,33 @@
+import { Dispatch, ReactNode, SetStateAction } from 'react';
+
 export interface ComboboxOption {
     value: string;
     label: string;
+    items?: ComboboxOption[];
+}
+export interface ComboboxCallbackStateParams {
+    options: ComboboxOption[];
+    setOptions: Dispatch<SetStateAction<ComboboxOption[]>>;
+    selectedOption?: ComboboxOption;
+    setSelectedOption: Dispatch<SetStateAction<ComboboxOption | undefined>>;
+    search: string;
+    setSearch: Dispatch<SetStateAction<string>>;
+    open: boolean;
+    setOpen: Dispatch<SetStateAction<boolean>>;
+    loading: boolean;
+    setLoading: Dispatch<SetStateAction<boolean>>;
+    isEmptyList: boolean;
+    isSearchedEmptyList: boolean;
+}
+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;
@@ -10,6 +37,14 @@ export interface ComboboxProps {
     disabled?: boolean;
     fetchOptions: (search?: string) => Promise<ComboboxOption[]>;
     options?: ComboboxOption[];
-    /** CommandEmpty label*/
+    /** Command Empty list label*/
     emptyLabel?: string;
+    /** Command Empty list action */
+    emptyAction?: ((params: ComboboxCallbackStateParams) => ReactNode) | ReactNode;
+    /** Command Input footer action */
+    commandInputAction?: ((params: ComboboxCallbackStateParams) => ReactNode) | ReactNode;
+    /** Command List first element action */
+    listHeadAction?: ((params: ComboboxCallbackStateParams) => ReactNode) | ReactNode;
+    /** Callback for load data on start component */
+    onMount?: (params: ComboboxCallbackStateParams) => Promise<void>;
 }

package/Combobox/ComboboxOptionItem.d.ts

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