@oneplatformdev/ui 0.0.1-beta.100

package/Chart/Chart.mjs

@@ -0,0 +1,210 @@
+import { jsx as s, jsxs as m, Fragment as P } from "react/jsx-runtime";
+import * as g from "react";
+import * as C from "recharts";
+import { cn as i } from "@oneplatformdev/utils";
+const I = { light: "", dark: ".dark" }, j = g.createContext(null);
+function $() {
+  const o = g.useContext(j);
+  if (!o)
+    throw new Error("useChart must be used within a <ChartContainer />");
+  return o;
+}
+const S = g.forwardRef(({ id: o, className: e, children: n, config: r, ...a }, f) => {
+  const l = g.useId(), c = `chart-${o || l.replace(/:/g, "")}`;
+  return /* @__PURE__ */ s(j.Provider, { value: { config: r }, children: /* @__PURE__ */ m(
+    "div",
+    {
+      "data-chart": c,
+      ref: f,
+      className: i(
+        "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-none [&_.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-none [&_.recharts-surface]:outline-none",
+        e
+      ),
+      ...a,
+      children: [
+        /* @__PURE__ */ s(E, { id: c, config: r }),
+        /* @__PURE__ */ s(C.ResponsiveContainer, { children: n })
+      ]
+    }
+  ) });
+});
+S.displayName = "Chart";
+const E = ({ id: o, config: e }) => {
+  const n = Object.entries(e).filter(
+    ([, r]) => r.theme || r.color
+  );
+  return n.length ? /* @__PURE__ */ s(
+    "style",
+    {
+      dangerouslySetInnerHTML: {
+        __html: Object.entries(I).map(
+          ([r, a]) => `
+${a} [data-chart=${o}] {
+${n.map(([f, l]) => {
+            var h;
+            const c = ((h = l.theme) == null ? void 0 : h[r]) || l.color;
+            return c ? `  --color-${f}: ${c};` : null;
+          }).join(`
+`)}
+}
+`
+        ).join(`
+`)
+      }
+    }
+  ) : null;
+}, q = C.Tooltip, K = g.forwardRef(
+  ({
+    active: o,
+    payload: e,
+    className: n,
+    indicator: r = "dot",
+    hideLabel: a = !1,
+    hideIndicator: f = !1,
+    label: l,
+    labelFormatter: c,
+    labelClassName: h,
+    formatter: u,
+    color: L,
+    nameKey: R,
+    labelKey: _
+  }, T) => {
+    const { config: p } = $(), N = g.useMemo(() => {
+      var x;
+      if (a || !(e != null && e.length))
+        return null;
+      const [t] = e, w = `${_ || t.dataKey || t.name || "value"}`, v = k(p, t, w), d = !_ && typeof l == "string" ? ((x = p[l]) == null ? void 0 : x.label) || l : v == null ? void 0 : v.label;
+      return c ? /* @__PURE__ */ s("div", { className: i("font-medium", h), children: c(d, e) }) : d ? /* @__PURE__ */ s("div", { className: i("font-medium", h), children: d }) : null;
+    }, [
+      l,
+      c,
+      e,
+      a,
+      h,
+      p,
+      _
+    ]);
+    if (!o || !(e != null && e.length))
+      return null;
+    const b = e.length === 1 && r !== "dot";
+    return /* @__PURE__ */ m(
+      "div",
+      {
+        ref: T,
+        className: i(
+          "grid min-w-[8rem] 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: [
+          b ? null : N,
+          /* @__PURE__ */ s("div", { className: "grid gap-1.5", children: e.map((t, w) => {
+            const v = `${R || t.name || t.dataKey || "value"}`, d = k(p, t, v), x = L || t.payload.fill || t.color;
+            return /* @__PURE__ */ s(
+              "div",
+              {
+                className: i(
+                  "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: u && (t == null ? void 0 : t.value) !== void 0 && t.name ? u(t.value, t.name, t, w, t.payload) : /* @__PURE__ */ m(P, { children: [
+                  d != null && d.icon ? /* @__PURE__ */ s(d.icon, {}) : !f && /* @__PURE__ */ s(
+                    "div",
+                    {
+                      className: i(
+                        "shrink-0 rounded-[2px] border-[--color-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": b && r === "dashed"
+                        }
+                      ),
+                      style: {
+                        "--color-bg": x,
+                        "--color-border": x
+                      }
+                    }
+                  ),
+                  /* @__PURE__ */ m(
+                    "div",
+                    {
+                      className: i(
+                        "flex flex-1 justify-between leading-none",
+                        b ? "items-end" : "items-center"
+                      ),
+                      children: [
+                        /* @__PURE__ */ m("div", { className: "grid gap-1.5", children: [
+                          b ? N : null,
+                          /* @__PURE__ */ s("span", { className: "text-muted-foreground", children: (d == null ? void 0 : d.label) || t.name })
+                        ] }),
+                        t.value && /* @__PURE__ */ s("span", { className: "font-mono font-medium tabular-nums text-foreground", children: t.value.toLocaleString() })
+                      ]
+                    }
+                  )
+                ] })
+              },
+              t.dataKey
+            );
+          }) })
+        ]
+      }
+    );
+  }
+);
+K.displayName = "ChartTooltip";
+const y = C.Legend, M = g.forwardRef(
+  ({ className: o, hideIcon: e = !1, payload: n, verticalAlign: r = "bottom", nameKey: a }, f) => {
+    const { config: l } = $();
+    return n != null && n.length ? /* @__PURE__ */ s(
+      "div",
+      {
+        ref: f,
+        className: i(
+          "flex items-center justify-center gap-4",
+          r === "top" ? "pb-3" : "pt-3",
+          o
+        ),
+        children: n.map((c) => {
+          const h = `${a || c.dataKey || "value"}`, u = k(l, c, h);
+          return /* @__PURE__ */ m(
+            "div",
+            {
+              className: i(
+                "flex items-center gap-1.5 [&>svg]:h-3 [&>svg]:w-3 [&>svg]:text-muted-foreground"
+              ),
+              children: [
+                u != null && u.icon && !e ? /* @__PURE__ */ s(u.icon, {}) : /* @__PURE__ */ s(
+                  "div",
+                  {
+                    className: "h-2 w-2 shrink-0 rounded-[2px]",
+                    style: {
+                      backgroundColor: c.color
+                    }
+                  }
+                ),
+                u == null ? void 0 : u.label
+              ]
+            },
+            c.value
+          );
+        })
+      }
+    ) : null;
+  }
+);
+M.displayName = "ChartLegend";
+function k(o, 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 a = n;
+  return n in e && typeof e[n] == "string" ? a = e[n] : r && n in r && typeof r[n] == "string" && (a = r[n]), a in o ? o[a] : o[n];
+}
+export {
+  S as ChartContainer,
+  y as ChartLegend,
+  M as ChartLegendContent,
+  E as ChartStyle,
+  q as ChartTooltip,
+  K as ChartTooltipContent
+};

package/Chart/index.d.ts

@@ -0,0 +1 @@
+export * from './Chart';

package/Chart/index.mjs

@@ -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.mjs";
+export {
+  o as ChartContainer,
+  r as ChartLegend,
+  C as ChartLegendContent,
+  n as ChartStyle,
+  a as ChartTooltip,
+  h as ChartTooltipContent
+};

package/Chart/package.json

@@ -0,0 +1,7 @@
+{
+  "sideEffects": false,
+  "main": "./index.mjs",
+  "module": "./index.mjs",
+  "default": "./index.mjs",
+  "types": "./index.d.ts"
+}

package/Checkbox/Checkbox.d.ts

@@ -0,0 +1,5 @@
+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

@@ -0,0 +1,54 @@
+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: o,
+    ...e,
+    className: a(
+      "flex w-full items-start gap-3 font-normal py-3 cursor-pointer",
+      e == null ? void 0 : e.className
+    ),
+    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
+      ] })
+    ]
+  }
+));
+x.displayName = "CheckboxLabel";
+export {
+  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

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

package/Checkbox/index.mjs

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

package/Checkbox/package.json

@@ -0,0 +1,7 @@
+{
+  "sideEffects": false,
+  "main": "./index.mjs",
+  "module": "./index.mjs",
+  "default": "./index.mjs",
+  "types": "./index.d.ts"
+}

package/Collapsible/Collapsible.d.ts

@@ -0,0 +1,5 @@
+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 };

package/Collapsible/Collapsible.mjs

@@ -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 @@
+export * from './Collapsible';

package/Collapsible/index.mjs

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

package/Collapsible/package.json

@@ -0,0 +1,7 @@
+{
+  "sideEffects": false,
+  "main": "./index.mjs",
+  "module": "./index.mjs",
+  "default": "./index.mjs",
+  "types": "./index.d.ts"
+}

package/Combobox/Combobox.d.ts

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

package/Combobox/Combobox.mjs

@@ -0,0 +1,15 @@
+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/Command.mjs";
+import "@oneplatformdev/utils";
+import "@oneplatformdev/hooks";
+import "lucide-react";
+import { C as c } from "../Combobox-Dfbnw0oF.js";
+export {
+  c as Combobox
+};

package/Combobox/Combobox.types.d.ts

@@ -0,0 +1,38 @@
+import { Dispatch, ReactNode, SetStateAction } from 'react';
+
+export interface ComboboxOption {
+    value: string;
+    label: string;
+    items?: ComboboxOption[];
+}
+export interface ComboboxPropsOnMountParams {
+    setOptions: Dispatch<SetStateAction<ComboboxOption[]>>;
+    search: string;
+    open: boolean;
+    setOpen: Dispatch<SetStateAction<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: ComboboxPropsOnMountParams) => ReactNode) | ReactNode;
+    /** Callback for load data on start component */
+    onMount?: (params: ComboboxPropsOnMountParams) => 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>>;

package/Combobox/ComboboxOptionItem.mjs

@@ -0,0 +1,67 @@
+import "react/jsx-runtime";
+import "react";
+import "../Accordion/Accordion.mjs";
+import "../Alert/Alert.mjs";
+import "../AlertDialog/AlertDialogRoot.mjs";
+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 "@radix-ui/react-collapsible";
+import { a as no } from "../Combobox-Dfbnw0oF.js";
+import "../Command/Command.mjs";
+import "../DropdownMenu/DropdownMenu.mjs";
+import "../Table/Table.mjs";
+import "@tanstack/react-table";
+import "lucide-react";
+import "../DatePicker/DatePicker.mjs";
+import "../Dialog/Dialog.mjs";
+import "../Drawer/Drawer.mjs";
+import "../Form/Form.mjs";
+import "../FormInput/FormInput.mjs";
+import "../Select/SelectRoot.mjs";
+import "../Textarea/Textarea.mjs";
+import "../Separator/Separator.mjs";
+import "../HoverCard/HoverCard.mjs";
+import "../Input/Input.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";
+export {
+  no as ComboboxOptionItem
+};

package/Combobox/ComboboxOptions.d.ts

@@ -0,0 +1,4 @@
+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

@@ -0,0 +1,12 @@
+import "react/jsx-runtime";
+import "../Button/Button.mjs";
+import "../Button/buttonVariants.mjs";
+import "react";
+import "../Collapsible/Collapsible.mjs";
+import { c as a, b as e } from "../Combobox-Dfbnw0oF.js";
+import "lucide-react";
+import "@oneplatformdev/utils";
+export {
+  a as ComboboxOptions,
+  e as ComboboxOptionsNode
+};

package/Combobox/index.d.ts

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

package/Combobox/index.mjs

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

package/Combobox/package.json

@@ -0,0 +1,7 @@
+{
+  "sideEffects": false,
+  "main": "./index.mjs",
+  "module": "./index.mjs",
+  "default": "./index.mjs",
+  "types": "./index.d.ts"
+}