@oneplatformdev/ui 0.1.9-5 → 0.1.9-7

package/Chart/Chart.js

@@ -0,0 +1,208 @@
+import { jsx as o, jsxs as g, Fragment as T } from "react/jsx-runtime";
+import * as h from "react";
+import * as w from "recharts";
+import { cn as d } from "@oneplatformdev/utils";
+const P = { light: "", dark: ".dark" }, y = h.createContext(null);
+function j() {
+  const s = h.useContext(y);
+  if (!s)
+    throw new Error("useChart must be used within a <ChartContainer />");
+  return s;
+}
+const I = h.forwardRef(({ id: s, className: e, children: n, config: r, ...c }, i) => {
+  const l = h.useId(), a = `chart-${s || l.replace(/:/g, "")}`;
+  return /* @__PURE__ */ o(y.Provider, { value: { config: r }, children: /* @__PURE__ */ g(
+    "div",
+    {
+      "data-chart": a,
+      ref: i,
+      className: d(
+        "flex aspect-video justify-center text-xs [&_.recharts-cartesian-axis-tick_text]:fill-muted-foreground [&_.recharts-cartesian-grid_line[stroke='#ccc']]:stroke-border/50 [&_.recharts-curve.recharts-tooltip-cursor]:stroke-border [&_.recharts-dot[stroke='#fff']]:stroke-transparent [&_.recharts-layer]:outline-hidden [&_.recharts-polar-grid_[stroke='#ccc']]:stroke-border [&_.recharts-radial-bar-background-sector]:fill-muted [&_.recharts-rectangle.recharts-tooltip-cursor]:fill-muted [&_.recharts-reference-line_[stroke='#ccc']]:stroke-border [&_.recharts-sector[stroke='#fff']]:stroke-transparent [&_.recharts-sector]:outline-hidden [&_.recharts-surface]:outline-hidden",
+        e
+      ),
+      ...c,
+      children: [
+        /* @__PURE__ */ o(S, { id: a, config: r }),
+        /* @__PURE__ */ o(w.ResponsiveContainer, { children: n })
+      ]
+    }
+  ) });
+});
+I.displayName = "Chart";
+const S = ({ id: s, config: e }) => {
+  const n = Object.entries(e).filter(
+    ([, r]) => r.theme || r.color
+  );
+  return n.length ? /* @__PURE__ */ o(
+    "style",
+    {
+      dangerouslySetInnerHTML: {
+        __html: Object.entries(P).map(
+          ([r, c]) => `
+${c} [data-chart=${s}] {
+${n.map(([i, l]) => {
+            const a = l.theme?.[r] || l.color;
+            return a ? `  --color-${i}: ${a};` : null;
+          }).join(`
+`)}
+}
+`
+        ).join(`
+`)
+      }
+    }
+  ) : null;
+}, O = w.Tooltip, E = h.forwardRef(
+  ({
+    active: s,
+    payload: e,
+    className: n,
+    indicator: r = "dot",
+    hideLabel: c = !1,
+    hideIndicator: i = !1,
+    label: l,
+    labelFormatter: a,
+    labelClassName: m,
+    formatter: f,
+    color: $,
+    nameKey: L,
+    labelKey: x
+  }, R) => {
+    const { config: p } = j(), k = h.useMemo(() => {
+      if (c || !e?.length)
+        return null;
+      const [t] = e, b = `${x || t.dataKey || t.name || "value"}`, C = _(p, t, b), u = !x && typeof l == "string" ? p[l]?.label || l : C?.label;
+      return a ? /* @__PURE__ */ o("div", { className: d("font-medium", m), children: a(u, e) }) : u ? /* @__PURE__ */ o("div", { className: d("font-medium", m), children: u }) : null;
+    }, [
+      l,
+      a,
+      e,
+      c,
+      m,
+      p,
+      x
+    ]);
+    if (!s || !e?.length)
+      return null;
+    const v = e.length === 1 && r !== "dot";
+    return /* @__PURE__ */ g(
+      "div",
+      {
+        ref: R,
+        className: d(
+          "grid min-w-32 items-start gap-1.5 rounded-lg border border-border/50 bg-background px-2.5 py-1.5 text-xs shadow-xl",
+          n
+        ),
+        children: [
+          v ? null : k,
+          /* @__PURE__ */ o("div", { className: "grid gap-1.5", children: e.map((t, b) => {
+            const C = `${L || t.name || t.dataKey || "value"}`, u = _(p, t, C), N = $ || t.payload.fill || t.color;
+            return /* @__PURE__ */ o(
+              "div",
+              {
+                className: d(
+                  "flex w-full flex-wrap items-stretch gap-2 [&>svg]:h-2.5 [&>svg]:w-2.5 [&>svg]:text-muted-foreground",
+                  r === "dot" && "items-center"
+                ),
+                children: f && t?.value !== void 0 && t.name ? f(t.value, t.name, t, b, t.payload) : /* @__PURE__ */ g(T, { children: [
+                  u?.icon ? /* @__PURE__ */ o(u.icon, {}) : !i && /* @__PURE__ */ o(
+                    "div",
+                    {
+                      className: d(
+                        "shrink-0 rounded-[2px] border-border bg-(--color-bg)",
+                        {
+                          "h-2.5 w-2.5": r === "dot",
+                          "w-1": r === "line",
+                          "w-0 border-[1.5px] border-dashed bg-transparent": r === "dashed",
+                          "my-0.5": v && r === "dashed"
+                        }
+                      ),
+                      style: {
+                        "--color-bg": N,
+                        "--color-border": N
+                      }
+                    }
+                  ),
+                  /* @__PURE__ */ g(
+                    "div",
+                    {
+                      className: d(
+                        "flex flex-1 justify-between leading-none",
+                        v ? "items-end" : "items-center"
+                      ),
+                      children: [
+                        /* @__PURE__ */ g("div", { className: "grid gap-1.5", children: [
+                          v ? k : null,
+                          /* @__PURE__ */ o("span", { className: "text-muted-foreground", children: u?.label || t.name })
+                        ] }),
+                        t.value && /* @__PURE__ */ o("span", { className: "font-mono font-medium tabular-nums text-foreground", children: t.value.toLocaleString() })
+                      ]
+                    }
+                  )
+                ] })
+              },
+              t.dataKey
+            );
+          }) })
+        ]
+      }
+    );
+  }
+);
+E.displayName = "ChartTooltip";
+const q = w.Legend, K = h.forwardRef(
+  ({ className: s, hideIcon: e = !1, payload: n, verticalAlign: r = "bottom", nameKey: c }, i) => {
+    const { config: l } = j();
+    return n?.length ? /* @__PURE__ */ o(
+      "div",
+      {
+        ref: i,
+        className: d(
+          "flex items-center justify-center gap-4",
+          r === "top" ? "pb-3" : "pt-3",
+          s
+        ),
+        children: n.map((a) => {
+          const m = `${c || a.dataKey || "value"}`, f = _(l, a, m);
+          return /* @__PURE__ */ g(
+            "div",
+            {
+              className: d(
+                "flex items-center gap-1.5 [&>svg]:h-3 [&>svg]:w-3 [&>svg]:text-muted-foreground"
+              ),
+              children: [
+                f?.icon && !e ? /* @__PURE__ */ o(f.icon, {}) : /* @__PURE__ */ o(
+                  "div",
+                  {
+                    className: "h-2 w-2 shrink-0 rounded-[2px]",
+                    style: {
+                      backgroundColor: a.color
+                    }
+                  }
+                ),
+                f?.label
+              ]
+            },
+            a.value
+          );
+        })
+      }
+    ) : null;
+  }
+);
+K.displayName = "ChartLegend";
+function _(s, e, n) {
+  if (typeof e != "object" || e === null)
+    return;
+  const r = "payload" in e && typeof e.payload == "object" && e.payload !== null ? e.payload : void 0;
+  let c = n;
+  return n in e && typeof e[n] == "string" ? c = e[n] : r && n in r && typeof r[n] == "string" && (c = r[n]), c in s ? s[c] : s[n];
+}
+export {
+  I as ChartContainer,
+  q as ChartLegend,
+  K as ChartLegendContent,
+  S as ChartStyle,
+  O as ChartTooltip,
+  E as ChartTooltipContent
+};

package/Chart/index.d.ts

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

package/Chart/index.d.ts.map

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

package/Chart/index.js

@@ -0,0 +1,9 @@
+import { ChartContainer as o, ChartLegend as r, ChartLegendContent as C, ChartStyle as n, ChartTooltip as a, ChartTooltipContent as h } from "./Chart.js";
+export {
+  o as ChartContainer,
+  r as ChartLegend,
+  C as ChartLegendContent,
+  n as ChartStyle,
+  a as ChartTooltip,
+  h as ChartTooltipContent
+};

package/Checkbox/Checkbox.d.ts

@@ -0,0 +1,6 @@
+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 };
+//# sourceMappingURL=Checkbox.d.ts.map

package/Checkbox/Checkbox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../src/Checkbox/Checkbox.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAE,kBAAkB,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAK1E,QAAA,MAAM,QAAQ,yFAsBZ,CAAC;AAGH,QAAA,MAAM,aAAa,6FAqBjB,CAAC;AAGH,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,CAAC"}

package/Checkbox/Checkbox.js

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

package/Checkbox/Checkbox.types.d.ts

@@ -0,0 +1,11 @@
+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>;
+}
+//# sourceMappingURL=Checkbox.types.d.ts.map

package/Checkbox/Checkbox.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.types.d.ts","sourceRoot":"","sources":["../../src/Checkbox/Checkbox.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,iBAAiB,MAAM,0BAA0B,CAAC;AAC9D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAEjC,MAAM,WAAW,aACf,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,iBAAiB,CAAC,IAAI,CAAC;IACrE,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAED,MAAM,WAAW,kBAChB,SAAQ,aAAa;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,KAAK,CAAC,wBAAwB,CAAC,OAAO,KAAK,CAAC,CAAC;CAC1D"}

package/Checkbox/Checkbox.types.js

@@ -0,0 +1 @@
+

package/Checkbox/index.d.ts

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

package/Checkbox/index.d.ts.map

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

package/Checkbox/index.js

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

package/Collapsible/Collapsible.d.ts

@@ -0,0 +1,6 @@
+import * as CollapsiblePrimitive from "@radix-ui/react-collapsible";
+declare const Collapsible: import('react').ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleProps & import('react').RefAttributes<HTMLDivElement>>;
+declare const CollapsibleTrigger: import('react').ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleTriggerProps & import('react').RefAttributes<HTMLButtonElement>>;
+declare const CollapsibleContent: import('react').ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleContentProps & import('react').RefAttributes<HTMLDivElement>>;
+export { Collapsible, CollapsibleTrigger, CollapsibleContent };
+//# sourceMappingURL=Collapsible.d.ts.map

package/Collapsible/Collapsible.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Collapsible.d.ts","sourceRoot":"","sources":["../../src/Collapsible/Collapsible.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,oBAAoB,MAAM,6BAA6B,CAAA;AAEnE,QAAA,MAAM,WAAW,kIAA4B,CAAA;AAE7C,QAAA,MAAM,kBAAkB,4IAA0C,CAAA;AAElE,QAAA,MAAM,kBAAkB,yIAA0C,CAAA;AAElE,OAAO,EAAE,WAAW,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,CAAA"}

package/Collapsible/Collapsible.js

@@ -0,0 +1,7 @@
+import * as l from "@radix-ui/react-collapsible";
+const o = l.Root, e = l.CollapsibleTrigger, i = l.CollapsibleContent;
+export {
+  o as Collapsible,
+  i as CollapsibleContent,
+  e as CollapsibleTrigger
+};

package/Collapsible/index.d.ts

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

package/Collapsible/index.d.ts.map

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

package/Collapsible/index.js

@@ -0,0 +1,6 @@
+import { Collapsible as o, CollapsibleContent as i, CollapsibleTrigger as p } from "./Collapsible.js";
+export {
+  o as Collapsible,
+  i as CollapsibleContent,
+  p as CollapsibleTrigger
+};

package/Combobox/Combobox.d.ts

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

package/Combobox/Combobox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Combobox.d.ts","sourceRoot":"","sources":["../../src/Combobox/Combobox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAQN,MAAM,OAAO,CAAC;AAef,OAAO,EAGL,aAAa,EACd,MAAM,kBAAkB,CAAC;AAI1B,eAAO,MAAM,QAAQ,sFAgOpB,CAAC"}

package/Combobox/Combobox.js

@@ -0,0 +1,177 @@
+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 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 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: m,
+      onChange: A,
+      placeholder: I,
+      disabled: z,
+      searchLabel: F = "Type to search...",
+      fetchOptions: G,
+      options: u,
+      emptyLabel: S = "No options",
+      emptyAction: d,
+      commandInputAction: f,
+      listHeadAction: h,
+      onMount: g
+    } = D, b = X(!1), [a, y] = c(!1), [r, C] = c(""), [t, v] = c([]), [x, w] = c(), [n, s] = c(!1);
+    _(() => {
+      u?.length && v(u);
+    }, [u]);
+    const R = async () => {
+      a || (P(), C(""));
+    }, P = p(async (o) => {
+      s(!0);
+      try {
+        const N = await G(o);
+        v(N);
+      } catch (N) {
+        console.error("Unexpected error while get option:", N);
+      } finally {
+        s(!1);
+      }
+    }, []), U = ae(P, 1e3, {
+      leading: !1,
+      trailing: !0
+    }), q = p((o) => {
+      s(!0), C(o), U(o);
+    }, []), k = p((o) => {
+      A(o.value), w(o), s(!1);
+    }, []), 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,
+      setOptions: v,
+      selectedOption: x,
+      setSelectedOption: w,
+      search: r || "",
+      setSearch: C,
+      open: a,
+      setOpen: y,
+      loading: n,
+      setLoading: s,
+      isEmptyList: M,
+      isSearchedEmptyList: E
+    }), [n, a, t, r, x, M, E]), V = p(() => {
+      if (!g) {
+        b.current = !0;
+        return;
+      }
+      g(i).finally(() => {
+        b.current = !0;
+      });
+    }, [i, g]);
+    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(Y, { asChild: !0, className: "border-input", children: /* @__PURE__ */ l(
+            $,
+            {
+              variant: "outline",
+              role: "combobox",
+              size: "lg",
+              "aria-expanded": a,
+              className: L(
+                "w-full justify-between font-normal text-sm bg-transparent relative p-3",
+                "border border-border",
+                a && "border-2 outline-hidden ring-1 ring-ring",
+                "focus-visible:outline-hidden focus-visible:ring-1 focus-visible:ring-ring"
+              ),
+              disabled: z,
+              children: [
+                /* @__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(
+                      "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(), H();
+                    },
+                    children: /* @__PURE__ */ e(se, {})
+                  }
+                ) : /* @__PURE__ */ e(le, { className: "opacity-50 w-4 h-4" })
+              ]
+            }
+          ) }),
+          /* @__PURE__ */ e(
+            Z,
+            {
+              className: "w-(--radix-popper-anchor-width) max-w-none p-0",
+              align: "start",
+              children: /* @__PURE__ */ l(ee, { shouldFilter: !1, children: [
+                /* @__PURE__ */ e(
+                  oe,
+                  {
+                    placeholder: F,
+                    value: r,
+                    onValueChange: q
+                  }
+                ),
+                typeof f == "function" ? f(i) : f,
+                /* @__PURE__ */ e(te, { children: /* @__PURE__ */ l(
+                  ne,
+                  {
+                    className: L(!t.length && "p-0 shadow-none"),
+                    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 d == "function" ? d(i) : d
+                      ] }) : /* @__PURE__ */ e(B, { children: S }) }),
+                      !n && /* @__PURE__ */ l(j, { children: [
+                        !!t.length && h && /* @__PURE__ */ e(
+                          re,
+                          {
+                            asChild: !0,
+                            className: "w-full",
+                            children: typeof h == "function" ? h(i) : h
+                          },
+                          "combobox-list-head-action"
+                        ),
+                        /* @__PURE__ */ e(
+                          ie,
+                          {
+                            value: m,
+                            options: t,
+                            onChangeOption: k,
+                            setOpen: y
+                          }
+                        )
+                      ] })
+                    ]
+                  }
+                ) })
+              ] })
+            }
+          )
+        ]
+      }
+    ) });
+  }
+);
+export {
+  xe as Combobox
+};

package/Combobox/Combobox.types.d.ts

@@ -0,0 +1,50 @@
+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;
+    onChange: (value: string) => void;
+    placeholder?: string;
+    searchLabel?: string;
+    disabled?: boolean;
+    fetchOptions: (search?: string) => Promise<ComboboxOption[]>;
+    options?: ComboboxOption[];
+    /** 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>;
+}
+//# sourceMappingURL=Combobox.types.d.ts.map

package/Combobox/Combobox.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Combobox.types.d.ts","sourceRoot":"","sources":["../../src/Combobox/Combobox.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5D,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,cAAc,EAAE,CAAC;CAC1B;AAED,MAAM,WAAW,2BAA2B;IAC1C,OAAO,EAAE,cAAc,EAAE,CAAC;IAC1B,UAAU,EAAG,QAAQ,CAAC,cAAc,CAAC,cAAc,EAAE,CAAC,CAAC,CAAA;IACvD,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,iBAAiB,EAAG,QAAQ,CAAC,cAAc,CAAC,cAAc,GAAG,SAAS,CAAC,CAAC,CAAA;IACxE,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAG,QAAQ,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAA;IAC5C,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,QAAQ,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;IAC3C,OAAO,EAAE,OAAO,CAAC;IACjB,UAAU,EAAE,QAAQ,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;IAC9C,WAAW,EAAE,OAAO,CAAC;IACrB,mBAAmB,EAAE,OAAO,CAAC;CAC9B;AAED,MAAM,WAAW,yBAAyB;IACxC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,cAAc,CAAC;IACvB,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,cAAc,KAAK,IAAI,CAAC;IAClD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,QAAQ,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAA;CAC3C;AAED,MAAM,WAAW,qBACf,SAAQ,IAAI,CAAC,yBAAyB,EAAE,QAAQ,CAAC;IACjD,OAAO,CAAC,EAAE,cAAc,EAAE,CAAC;CAC5B;AAED,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,EAAE,CAAC,MAAM,CAAC,EAAE,MAAM,KAAK,OAAO,CAAC,cAAc,EAAE,CAAC,CAAC;IAC7D,OAAO,CAAC,EAAE,cAAc,EAAE,CAAC;IAC3B,8BAA8B;IAC9B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,gCAAgC;IAChC,WAAW,CAAC,EAAE,CAAC,CAAC,MAAM,EAAE,2BAA2B,KAAK,SAAS,CAAC,GAAG,SAAS,CAAC;IAC/E,kCAAkC;IAClC,kBAAkB,CAAC,EAAE,CAAC,CAAC,MAAM,EAAE,2BAA2B,KAAK,SAAS,CAAC,GAAG,SAAS,CAAC;IACtF,wCAAwC;IACxC,cAAc,CAAC,EAAE,CAAC,CAAC,MAAM,EAAE,2BAA2B,KAAK,SAAS,CAAC,GAAG,SAAS,CAAC;IAClF,gDAAgD;IAChD,OAAO,CAAC,EAAE,CAAC,MAAM,EAAE,2BAA2B,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;CAClE"}

package/Combobox/Combobox.types.js

@@ -0,0 +1 @@
+

package/Combobox/ComboboxOptionItem.d.ts

@@ -0,0 +1,5 @@
+import { IComboboxOptionsNodeProps } from '../../packages/ui/src/index.ts';
+export declare const ComboboxOptionItem: import('react').ForwardRefExoticComponent<IComboboxOptionsNodeProps & {
+    children?: import('react').ReactNode | undefined;
+} & import('react').RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=ComboboxOptionItem.d.ts.map

package/Combobox/ComboboxOptionItem.d.ts.map

@@ -0,0 +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"}