@oneplatformdev/ui 0.1.10-0 → 0.1.10-3

package/{TablePagination/TablePagination.js → ui88.js}

@@ -1,22 +1,20 @@
 import { jsxs as c, jsx as n } from "react/jsx-runtime";
-import { Button as o } from "../Button/Button.js";
-import "../Button/buttonVariants.js";
-import "../Select/SelectRoot.js";
-import { Select as P } from "../Select/Select.js";
-const y = ({
+import { Button as o } from "./ui15.js";
+import { Select as P } from "./ui64.js";
+const j = ({
   offset: l,
   limit: a,
   totalRows: s,
-  setLimit: p,
+  setLimit: d,
   setOffset: t,
-  tRowsPerPage: d = "Rows per page",
-  tPrevious: m = "Previous",
-  tPage: u = "Page",
-  tNext: x = "Next",
+  tRowsPerPage: p = "Rows per page",
+  tPrevious: u = "Previous",
+  tPage: x = "Page",
+  tNext: m = "Next",
   tOf: v = "Of"
 }) => {
   const i = Math.ceil(l / a) + 1, r = Math.ceil(s / a), h = i === r, b = (e) => {
-    t(0), p(parseInt(e));
+    t(0), d(parseInt(e));
   }, g = () => {
     let e = l - a;
     e < 0 && (e = 0), t(e);
@@ -26,7 +24,7 @@ const y = ({
   };
   return /* @__PURE__ */ c("div", { className: "flex items-center justify-end space-x-2 py-4", children: [
     /* @__PURE__ */ c("div", { className: "flex items-center space-x-2", children: [
-      /* @__PURE__ */ n("span", { className: "text-sm text-nowrap", children: d }),
+      /* @__PURE__ */ n("span", { className: "text-sm text-nowrap", children: p }),
       /* @__PURE__ */ n(
         P,
         {
@@ -52,10 +50,10 @@ const y = ({
           size: "sm",
           disabled: !l,
           onClick: g,
-          children: m
+          children: u
         }
       ),
-      /* @__PURE__ */ n("span", { className: "text-sm", children: `${u} ${i} ${v} ${r}` }),
+      /* @__PURE__ */ n("span", { className: "text-sm", children: `${x} ${i} ${v} ${r}` }),
       /* @__PURE__ */ n(
         o,
         {
@@ -63,12 +61,12 @@ const y = ({
           size: "sm",
           disabled: h,
           onClick: N,
-          children: x
+          children: m
         }
       )
     ] })
   ] });
 };
 export {
-  y as TablePagination
+  j as TablePagination
 };

package/{Aside/AsideSidebar.js → ui9.js}

@@ -1,6 +1,6 @@
 import { jsxs as c, jsx as i, Fragment as f } from "react/jsx-runtime";
 import * as a from "react";
-import { Sidebar as S, SidebarHeader as s, SidebarContent as p, SidebarFooter as m, SidebarRail as E } from "../Sidebar/Sidebar.js";
+import { Sidebar as S, SidebarHeader as s, SidebarContent as p, SidebarFooter as m, SidebarRail as E } from "./ui67.js";
 function d(l, e) {
   return a.isValidElement(l) && l.type === e;
 }

package/ui91.js

@@ -0,0 +1,63 @@
+import { jsx as o, jsxs as m } from "react/jsx-runtime";
+import { forwardRef as p, useState as u } from "react";
+import { ComboboxOptionItem as c } from "./ui98.js";
+import { ChevronDownIcon as h } from "lucide-react";
+import { cn as i } from "@oneplatformdev/utils";
+import { Collapsible as b, CollapsibleTrigger as g, CollapsibleContent as C } from "./ui24.js";
+import { Button as x } from "./ui15.js";
+const d = p((e, r) => {
+  const { option: s, deep: a = 0 } = e, [t, l] = u(!0);
+  return s?.items?.length ? /* @__PURE__ */ m(
+    b,
+    {
+      ref: r,
+      open: t,
+      onOpenChange: l,
+      "data-opened": t,
+      className: i("group/collapsible"),
+      children: [
+        /* @__PURE__ */ o(c, { ...e, children: /* @__PURE__ */ o(g, { asChild: !0, children: /* @__PURE__ */ m(
+          x,
+          {
+            onClick: (n) => {
+              n?.preventDefault(), n?.stopPropagation(), l((f) => !f);
+            },
+            type: "button",
+            variant: "ghost",
+            size: "sm",
+            className: i("aspect-square size-6", "transition-transform"),
+            children: [
+              /* @__PURE__ */ o(
+                h,
+                {
+                  className: i(
+                    "size-5!",
+                    "transition-transform",
+                    t && "rotate-180"
+                  )
+                }
+              ),
+              /* @__PURE__ */ o("span", { className: "sr-only", children: "Toggle" })
+            ]
+          }
+        ) }) }),
+        /* @__PURE__ */ o(C, { children: /* @__PURE__ */ o("div", { className: "flex flex-col gap-0", children: s?.items.map((n) => /* @__PURE__ */ o(
+          d,
+          {
+            ...e,
+            deep: a + 1,
+            option: n
+          },
+          n.value
+        )) }) })
+      ]
+    }
+  ) : /* @__PURE__ */ o(c, { ...e, ref: r });
+}), D = p((e, r) => {
+  const { options: s = [], ...a } = e;
+  return /* @__PURE__ */ o("div", { ref: r, className: "flex flex-col gap-0", children: s.map((t) => /* @__PURE__ */ o(d, { ...a, option: t }, t.value)) });
+});
+export {
+  D as ComboboxOptions,
+  d as ComboboxOptionsNode
+};

package/{Dropzone/DropzoneFilePreview.js → ui93.js}

@@ -1,8 +1,8 @@
 import { jsx as n, jsxs as d } from "react/jsx-runtime";
 import { useState as u, useEffect as f } from "react";
 import { File as m } from "lucide-react";
-import { DEFAULT_IMAGES_TYPES as p } from "./Dropzone.types.js";
-import { isFile as a } from "./DropzoneUtils.js";
+import { DEFAULT_IMAGES_TYPES as p } from "./ui86.js";
+import { isFile as a } from "./ui95.js";
 import { cn as t } from "@oneplatformdev/utils";
 const N = ({ item: e, styles: s }) => {
   const [c, r] = u(null), i = a(e) && p.includes(e.type);

package/{Dropzone/DropzoneSinglePickPreview.js → ui94.js}

@@ -1,6 +1,6 @@
 import { jsxs as n, jsx as t } from "react/jsx-runtime";
 import { useMemo as c } from "react";
-import { isFile as u } from "./DropzoneUtils.js";
+import { isFile as u } from "./ui95.js";
 import { X as f, FileIcon as d } from "lucide-react";
 const m = (e) => {
   if (!e) return "";

package/ui98.js

@@ -0,0 +1,47 @@
+import { jsxs as s, jsx as t } from "react/jsx-runtime";
+import { forwardRef as c } from "react";
+/* empty css    */
+import { Check as f } from "lucide-react";
+import { cn as a } from "@oneplatformdev/utils";
+import { CommandItem as d } from "./ui26.js";
+const u = 8, O = c((i, r) => {
+  const { children: m, setOpen: n, option: e, onChangeOption: o, value: l = "", deep: p = 0 } = i;
+  return /* @__PURE__ */ s(
+    d,
+    {
+      ref: r,
+      value: e.value,
+      onSelect: () => {
+        l === e.value ? o?.({ value: "", label: "" }) : o?.(e), n(!1);
+      },
+      style: {
+        paddingLeft: (p + 1) * u
+      },
+      children: [
+        m,
+        /* @__PURE__ */ t(
+          "span",
+          {
+            className: a(
+              "overflow-hidden whitespace-wrap text-ellipsis line-clamp-2"
+            ),
+            children: e.label
+          }
+        ),
+        /* @__PURE__ */ t(
+          f,
+          {
+            className: a(
+              "ml-auto",
+              l === e.value ? "opacity-100" : "opacity-0"
+            )
+          }
+        )
+      ]
+    },
+    e.value
+  );
+});
+export {
+  O as ComboboxOptionItem
+};

package/Accordion/index.js

@@ -1,7 +0,0 @@
-import { Accordion as r, AccordionContent as n, AccordionItem as i, AccordionTrigger as d } from "./Accordion.js";
-export {
-  r as Accordion,
-  n as AccordionContent,
-  i as AccordionItem,
-  d as AccordionTrigger
-};

package/Alert/index.js

@@ -1,6 +0,0 @@
-import { Alert as t, AlertDescription as l, AlertTitle as i } from "./Alert.js";
-export {
-  t as Alert,
-  l as AlertDescription,
-  i as AlertTitle
-};

package/AlertDialog/AlertDialog.stories.js

@@ -1,121 +0,0 @@
-import { jsx as t } from "react/jsx-runtime";
-import { AlertDialog as n } from "./AlertDialog.js";
-import { Button as l } from "../Button/Button.js";
-import "../Button/buttonVariants.js";
-const c = (e) => /* @__PURE__ */ t(n, { ...e }), r = ["confirm", "alert", "destructive"], b = {
-  title: "AlertDialog",
-  component: n,
-  render: c,
-  argTypes: {
-    open: {
-      control: {
-        type: "boolean"
-      }
-    },
-    variant: {
-      name: "variant",
-      description: "ButtonIcon variant",
-      options: r,
-      control: {
-        type: "inline-radio"
-      }
-    },
-    cancelLabel: {
-      control: {
-        type: "text"
-      }
-    },
-    actionLabel: {
-      control: {
-        type: "text"
-      }
-    },
-    title: {
-      control: {
-        type: "text"
-      }
-    },
-    description: {
-      control: {
-        type: "text"
-      }
-    }
-  },
-  args: {
-    variant: "alert",
-    cancelLabel: "Cancel",
-    actionLabel: "Action"
-  }
-}, s = (e) => /* @__PURE__ */ t(
-  n,
-  {
-    ...e
-  }
-);
-s.args = {
-  trigger: "Trigger text or ReactNode",
-  variant: "confirm",
-  title: "Dialog title...",
-  description: "Description text...",
-  cancelLabel: "Cancel label",
-  actionLabel: "Action label"
-};
-const i = (e) => /* @__PURE__ */ t("div", { className: "flex gap-3", children: r.map((o) => /* @__PURE__ */ t(
-  n,
-  {
-    trigger: o,
-    ...e,
-    variant: o
-  },
-  o
-)) });
-i.parameters = {
-  controls: {
-    include: ["title", "description", "cancelLabel", "actionLabel"]
-  }
-};
-i.args = {
-  title: "Dialog title",
-  description: "Description text..."
-};
-const a = (e) => /* @__PURE__ */ t(
-  n,
-  {
-    onOpenChange: (o) => console.log(o),
-    trigger: /* @__PURE__ */ t(l, { variant: "outline", children: "Control Trigger" }),
-    header: /* @__PURE__ */ t("div", { children: "Custom Header" }),
-    footer: [
-      /* @__PURE__ */ t(l, { variant: "outline", onClick: console.log, children: "On cancel" }, "cancel"),
-      /* @__PURE__ */ t(l, { variant: "outline", onClick: console.log, children: "On Action" }, "action")
-    ],
-    ...e
-  }
-);
-a.parameters = {
-  controls: {
-    include: ["open"]
-  }
-};
-a.args = {
-  open: !1
-};
-const p = (e) => /* @__PURE__ */ t(
-  n,
-  {
-    trigger: /* @__PURE__ */ t(l, { variant: "outline", children: "Full Content Trigger" }),
-    ...e,
-    children: "Full Content..."
-  }
-);
-p.parameters = {
-  controls: {
-    include: []
-  }
-};
-export {
-  p as FullContent,
-  a as FullControl,
-  s as Playground,
-  i as Variants,
-  b as default
-};

package/AlertDialog/AlertDialog.types.js

@@ -1 +0,0 @@
-

package/AlertDialog/index.js

@@ -1,16 +0,0 @@
-import { AlertDialogAction as e, AlertDialogCancel as r, AlertDialogContent as t, AlertDialogDescription as i, AlertDialogFooter as a, AlertDialogHeader as g, AlertDialogOverlay as A, AlertDialogPortal as D, AlertDialogRoot as n, AlertDialogTitle as c, AlertDialogTrigger as p } from "./AlertDialogRoot.js";
-import { AlertDialog as m } from "./AlertDialog.js";
-export {
-  m as AlertDialog,
-  e as AlertDialogAction,
-  r as AlertDialogCancel,
-  t as AlertDialogContent,
-  i as AlertDialogDescription,
-  a as AlertDialogFooter,
-  g as AlertDialogHeader,
-  A as AlertDialogOverlay,
-  D as AlertDialogPortal,
-  n as AlertDialogRoot,
-  c as AlertDialogTitle,
-  p as AlertDialogTrigger
-};

package/AreaChart/AreaChart.types.js

@@ -1 +0,0 @@
-

package/AreaChart/index.js

@@ -1,4 +0,0 @@
-import { AreaChart as e } from "./AreaChart.js";
-export {
-  e as AreaChart
-};

package/Aside/Aside.types.js

@@ -1 +0,0 @@
-

package/Aside/index.js

@@ -1,7 +0,0 @@
-import { Aside as r, Aside as i } from "./Aside.js";
-import { AsideSidebar as s } from "./AsideSidebar.js";
-export {
-  r as Aside,
-  s as AsideSidebar,
-  i as default
-};

package/AspectRatio/index.js

@@ -1,5 +0,0 @@
-import { AspectRatio as e, AspectRatio as o } from "./AspectRatio.js";
-export {
-  e as AspectRatio,
-  o as default
-};

package/Avatar/index.js

@@ -1,6 +0,0 @@
-import { Avatar as t, AvatarFallback as v, AvatarImage as A } from "./Avatar.js";
-export {
-  t as Avatar,
-  v as AvatarFallback,
-  A as AvatarImage
-};

package/Badge/Badge.types.js

@@ -1 +0,0 @@
-

package/Badge/index.js

@@ -1,6 +0,0 @@
-import { Badge as e } from "./Badge.js";
-import { badgeVariants as t } from "./badgeVariants.js";
-export {
-  e as Badge,
-  t as badgeVariants
-};

package/Breadcrumb/index.js

@@ -1,10 +0,0 @@
-import { Breadcrumb as a, BreadcrumbEllipsis as m, BreadcrumbItem as b, BreadcrumbLink as c, BreadcrumbList as d, BreadcrumbPage as u, BreadcrumbSeparator as B } from "./Breadcrumb.js";
-export {
-  a as Breadcrumb,
-  m as BreadcrumbEllipsis,
-  b as BreadcrumbItem,
-  c as BreadcrumbLink,
-  d as BreadcrumbList,
-  u as BreadcrumbPage,
-  B as BreadcrumbSeparator
-};

package/Button/Button.stories.js

@@ -1,20 +0,0 @@
-import { jsx as a } from "react/jsx-runtime";
-import { Button as t } from "./Button.js";
-const o = (e) => /* @__PURE__ */ a(t, { ...e }), n = {
-  title: "Button",
-  component: t,
-  render: o,
-  args: {
-    variant: "default",
-    size: "default",
-    disabled: !1
-  }
-}, s = {
-  args: {
-    children: "Default"
-  }
-};
-export {
-  s as Default,
-  n as default
-};

package/Button/Button.types.js

@@ -1 +0,0 @@
-

package/Button/index.js

@@ -1,7 +0,0 @@
-import { Button as r, Button as a } from "./Button.js";
-import { buttonVariants as u } from "./buttonVariants.js";
-export {
-  r as Button,
-  u as buttonVariants,
-  a as default
-};

package/ButtonIcon/ButtonIcon.stories.js

@@ -1,126 +0,0 @@
-import { jsx as o, jsxs as d } from "react/jsx-runtime";
-import { ButtonIcon as m } from "./ButtonIcon.js";
-import { PencilLineIcon as x } from "lucide-react";
-const s = ["contained", "outlined", "ghost", "link"], c = [
-  "primary",
-  "secondary",
-  "error",
-  "success",
-  "disabled"
-], f = ["sm", "md", "lg"], l = (a) => /* @__PURE__ */ o(m, { ...a, children: /* @__PURE__ */ o(x, {}) }), z = {
-  title: "ButtonIcon",
-  component: m,
-  render: l,
-  argTypes: {
-    variant: {
-      name: "variant",
-      description: "ButtonIcon variant",
-      defaultValue: "contained",
-      options: s,
-      control: {
-        type: "inline-radio"
-      }
-    },
-    color: {
-      options: c,
-      control: {
-        type: "inline-radio"
-      }
-    },
-    size: {
-      options: f,
-      control: {
-        type: "inline-radio"
-      }
-    },
-    tooltip: {
-      control: {
-        type: "text"
-      }
-    },
-    disabled: {
-      control: {
-        type: "boolean"
-      }
-    },
-    rounded: {
-      control: {
-        type: "boolean"
-      }
-    }
-  },
-  args: {
-    variant: "contained",
-    color: "primary",
-    size: "md",
-    disabled: !1,
-    rounded: !1,
-    tooltip: "ButtonIcon tooltip"
-  }
-}, u = ({ rounded: a, ...n }) => /* @__PURE__ */ d("div", { className: "flex flex-col gap-10", children: [
-  /* @__PURE__ */ o("span", { children: /* @__PURE__ */ o(l, { rounded: a, ...n }) }),
-  /* @__PURE__ */ o("div", { className: "flex flex-col gap-2", children: s.map((e) => /* @__PURE__ */ o("div", { className: "flex gap-2", children: c.map((t) => {
-    const i = `${e}-${t}`;
-    return /* @__PURE__ */ o("div", { className: "flex gap-2", children: f.map((r) => {
-      const p = `${i}-${r}`;
-      return /* @__PURE__ */ o(
-        l,
-        {
-          color: t,
-          size: r,
-          variant: e,
-          rounded: a,
-          tooltip: p
-        },
-        p
-      );
-    }) }, i);
-  }) }, e)) })
-] });
-u.args = {
-  onClick: { action: (a) => a }
-};
-const g = ({ variant: a, ...n }) => /* @__PURE__ */ d("div", { className: "flex flex-col gap-10", children: [
-  /* @__PURE__ */ o("span", { children: /* @__PURE__ */ o(l, { variant: a, ...n }) }),
-  /* @__PURE__ */ o("div", { className: "flex gap-2", children: s.map((e) => /* @__PURE__ */ o(l, { variant: e, tooltip: e }, e)) })
-] });
-g.parameters = {
-  controls: {
-    include: ["disabled", "color", "size", "variant"]
-  }
-};
-const h = ({ color: a, ...n }) => /* @__PURE__ */ d("div", { className: "flex flex-col gap-2", children: [
-  /* @__PURE__ */ o("span", { children: /* @__PURE__ */ o(l, { color: a, ...n }) }),
-  /* @__PURE__ */ o("div", { className: "flex gap-2", children: c.map((e) => /* @__PURE__ */ o(l, { color: e, tooltip: e, ...n }, e)) })
-] });
-h.parameters = {
-  controls: {
-    include: ["disabled", "color", "size", "variant"]
-  }
-};
-const v = ({ variant: a, color: n, ...e }) => /* @__PURE__ */ o("div", { className: "flex flex-col gap-10", children: /* @__PURE__ */ o("div", { className: "flex flex-col gap-2", children: s.map((t) => /* @__PURE__ */ o("div", { className: "flex gap-2", children: c.map((i) => {
-  const r = `${t}-${i}`;
-  return /* @__PURE__ */ o(
-    l,
-    {
-      variant: t,
-      color: i,
-      disabled: !0,
-      tooltip: r,
-      ...e
-    },
-    r
-  );
-}) }, t)) }) });
-v.parameters = {
-  controls: {
-    include: []
-  }
-};
-export {
-  h as Colors,
-  v as Disabled,
-  u as Playground,
-  g as Variants,
-  z as default
-};

package/ButtonIcon/ButtonIcon.types.js

@@ -1 +0,0 @@
-

package/ButtonIcon/index.js

@@ -1,7 +0,0 @@
-import { ButtonIcon as n, ButtonIcon as r } from "./ButtonIcon.js";
-import { buttonIconVariants as u } from "./buttonIconVariants.js";
-export {
-  n as ButtonIcon,
-  u as buttonIconVariants,
-  r as default
-};

package/Calendar/index.js

@@ -1,4 +0,0 @@
-import { Calendar as e } from "./Calendar.js";
-export {
-  e as Calendar
-};

package/Card/index.js

@@ -1,9 +0,0 @@
-import { Card as d, CardContent as e, CardDescription as C, CardFooter as o, CardHeader as t, CardTitle as i } from "./Card.js";
-export {
-  d as Card,
-  e as CardContent,
-  C as CardDescription,
-  o as CardFooter,
-  t as CardHeader,
-  i as CardTitle
-};

package/Carousel/index.js

@@ -1,8 +0,0 @@
-import { Carousel as r, CarouselContent as s, CarouselItem as u, CarouselNext as C, CarouselPrevious as a } from "./Carousel.js";
-export {
-  r as Carousel,
-  s as CarouselContent,
-  u as CarouselItem,
-  C as CarouselNext,
-  a as CarouselPrevious
-};

package/Chart/index.js

@@ -1,9 +0,0 @@
-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.types.js

@@ -1 +0,0 @@
-

package/Checkbox/index.js

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

package/Collapsible/index.js

@@ -1,6 +0,0 @@
-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.types.js

@@ -1 +0,0 @@
-