@oneplatformdev/ui 0.0.1-beta.67 → 0.0.1-beta.68

package/FormTextarea/FormTextarea.mjs

@@ -1,27 +1,28 @@
 import { jsx as r } from "react/jsx-runtime";
-import { FormControl as p } from "../Form/Form.mjs";
-import { FormRenderControl as i } from "../Form/FormRenderControl.mjs";
-import { Textarea as s } from "../Textarea/Textarea.mjs";
-const F = (e) => {
-  const { form: t, label: m, name: n, containerProps: a, ...l } = e;
+import { FormControl as i } from "../Form/Form.mjs";
+import { FormRenderControl as l } from "../Form/FormRenderControl.mjs";
+import "react-hook-form";
+import { T as s } from "../Textarea-D1CCXy7E.js";
+const T = (e) => {
+  const { form: t, label: m, name: n, containerProps: a, ...p } = e;
   return /* @__PURE__ */ r(
-    i,
+    l,
     {
       form: t,
       name: n,
       label: m,
       containerProps: a,
-      render: ({ field: o }) => /* @__PURE__ */ r(p, { children: /* @__PURE__ */ r(
+      render: ({ field: o }) => /* @__PURE__ */ r(i, { children: /* @__PURE__ */ r(
         s,
         {
           ...o,
           value: o.value || "",
-          ...l
+          ...p
         }
       ) })
     }
   );
 };
 export {
-  F as FormTextarea
+  T as FormTextarea
 };

package/Header/Header.mjs

@@ -1,18 +1,19 @@
 import { jsxs as i, jsx as e } from "react/jsx-runtime";
-import { SidebarTrigger as t } from "../Sidebar/Sidebar.mjs";
+import "react";
+import { SidebarTrigger as s } from "../Sidebar/Sidebar.mjs";
 import { Separator as l } from "../Separator/Separator.mjs";
-const m = (s) => {
+const h = (t) => {
   const {
     children: r,
     hideTrigger: a = !1
-  } = s;
+  } = t;
   return /* @__PURE__ */ i(
     "header",
     {
       className: "flex h-16 shrink-0 items-center justify-between gap-2 transition-[width,height] ease-linear group-has-[[data-collapsible=icon]]/sidebar-wrapper:h-12",
       children: [
         !a && /* @__PURE__ */ i("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ e(t, { className: "ml-1" }),
+          /* @__PURE__ */ e(s, { className: "ml-1" }),
           /* @__PURE__ */ e(l, { orientation: "vertical", className: "mr-2 h-4" })
         ] }),
         a ? r : /* @__PURE__ */ e("div", { className: "flex-1 text-right pr-6", children: r })
@@ -21,6 +22,6 @@ const m = (s) => {
   );
 };
 export {
-  m as Header,
-  m as default
+  h as Header,
+  h as default
 };

package/Label/Label.mjs

@@ -1,17 +1,18 @@
 import { jsx as t } from "react/jsx-runtime";
 import * as i from "react";
 import * as o from "@radix-ui/react-label";
+import "class-variance-authority";
 import { cn as e } from "@oneplatformdev/utils";
-import { labelVariants as s } from "./labelVariants.mjs";
-const p = i.forwardRef(({ className: a, ...r }, m) => /* @__PURE__ */ t(
+import { labelVariants as p } from "./labelVariants.mjs";
+const s = i.forwardRef(({ className: r, ...a }, m) => /* @__PURE__ */ t(
   o.Root,
   {
     ref: m,
-    className: e(s(), a),
-    ...r
+    className: e(p(), r),
+    ...a
   }
 ));
-p.displayName = o.Root.displayName;
+s.displayName = o.Root.displayName;
 export {
-  p as Label
+  s as Label
 };

package/LoadingMask/LoadingMask.mjs

@@ -1,13 +1,14 @@
 import { jsx as e } from "react/jsx-runtime";
+import "react";
 import { RenderLoadingMask as r } from "./RenderLoadingMask.mjs";
-import { cn as o } from "@oneplatformdev/utils";
-const f = (t) => {
-  const { fullWidth: s = !1, className: i, ...n } = t;
+import { cn as n } from "@oneplatformdev/utils";
+const l = (t) => {
+  const { fullWidth: s = !1, className: i, ...o } = t;
   return s ? /* @__PURE__ */ e(
     "div",
     {
-      ...n,
-      className: o(
+      ...o,
+      className: n(
         "absolute inset-0",
         "flex items-center justify-center",
         i
@@ -17,5 +18,5 @@ const f = (t) => {
   ) : /* @__PURE__ */ e(r, {});
 };
 export {
-  f as LoadingMask
+  l as LoadingMask
 };

package/LoadingProgress/LoadingProgress.mjs

@@ -1,7 +1,8 @@
 import { jsx as o } from "react/jsx-runtime";
+import "react";
 import { cn as r } from "@oneplatformdev/utils";
 import { loadingProgressVariants as a } from "./loadingProgressVariants.mjs";
-const f = (e) => {
+const h = (e) => {
   const { className: s, fullWidth: t = !1, size: i, color: l, wrapClassName: n } = e;
   return /* @__PURE__ */ o(
     "div",
@@ -33,5 +34,5 @@ const f = (e) => {
   );
 };
 export {
-  f as LoadingProgress
+  h as LoadingProgress
 };

package/Radio/Radio.mjs

@@ -1,12 +1,13 @@
 import { jsx as a } from "react/jsx-runtime";
-import { RadioGroup as c, RadioGroupLabel as u } from "../RadioGroup/RadioGroup.mjs";
-const l = (e) => {
-  const { options: f = [], renderOption: r, ...s } = e;
-  return /* @__PURE__ */ a(c, { ...s, children: f.map((t) => {
-    const o = /* @__PURE__ */ a(u, { ...t }, t.value);
-    return !r || typeof r != "function" || !(r != null && r(t, u)) ? o : r == null ? void 0 : r(t, u);
+import "react";
+import { RadioGroup as s, RadioGroupLabel as o } from "../RadioGroup/RadioGroup.mjs";
+const R = (e) => {
+  const { options: f = [], renderOption: r, ...m } = e;
+  return /* @__PURE__ */ a(s, { ...m, children: f.map((t) => {
+    const u = /* @__PURE__ */ a(o, { ...t }, t.value);
+    return !r || typeof r != "function" || !(r != null && r(t, o)) ? u : r == null ? void 0 : r(t, o);
   }) });
 };
 export {
-  l as Radio
+  R as Radio
 };

package/Skeleton/Skeleton.mjs

@@ -1,17 +1,18 @@
-import { jsx as m } from "react/jsx-runtime";
-import { cn as o } from "@oneplatformdev/utils";
-function i({
+import { jsx as o } from "react/jsx-runtime";
+import { cn as e } from "@oneplatformdev/utils";
+import "react";
+function p({
   className: r,
-  ...e
+  ...m
 }) {
-  return /* @__PURE__ */ m(
+  return /* @__PURE__ */ o(
     "div",
     {
-      className: o("animate-pulse rounded-md bg-primary/10", r),
-      ...e
+      className: e("animate-pulse rounded-md bg-primary/10", r),
+      ...m
     }
   );
 }
 export {
-  i as Skeleton
+  p as Skeleton
 };

package/TablePagination/TablePagination.mjs

@@ -1,9 +1,10 @@
-import { jsxs as c, jsx as n } from "react/jsx-runtime";
+import { jsxs as r, jsx as n } from "react/jsx-runtime";
 import { Button as i } from "../Button/Button.mjs";
 import "../Button/buttonVariants.mjs";
 import "../Select/SelectRoot.mjs";
 import { Select as P } from "../Select/Select.mjs";
-const y = ({
+import "react";
+const z = ({
   offset: l,
   limit: a,
   totalRows: s,
@@ -15,7 +16,7 @@ const y = ({
   tNext: v = "Next",
   tOf: h = "Of"
 }) => {
-  const r = Math.ceil(l / a) + 1, o = Math.ceil(s / a), m = r === o, b = (e) => {
+  const c = Math.ceil(l / a) + 1, o = Math.ceil(s / a), m = c === o, b = (e) => {
     t(0), p(parseInt(e));
   }, g = () => {
     let e = l - a;
@@ -24,8 +25,8 @@ const y = ({
     let e = l + a;
     e > s && (e = s - a), t(e);
   };
-  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: [
+  return /* @__PURE__ */ r("div", { className: "flex items-center justify-end space-x-2 py-4", children: [
+    /* @__PURE__ */ r("div", { className: "flex items-center space-x-2", children: [
       /* @__PURE__ */ n("span", { className: "text-sm text-nowrap", children: d }),
       /* @__PURE__ */ n(
         P,
@@ -44,7 +45,7 @@ const y = ({
         }
       )
     ] }),
-    /* @__PURE__ */ c("div", { className: "space-x-2", children: [
+    /* @__PURE__ */ r("div", { className: "space-x-2", children: [
       /* @__PURE__ */ n(
         i,
         {
@@ -55,7 +56,7 @@ const y = ({
           children: u
         }
       ),
-      /* @__PURE__ */ n("span", { className: "text-sm", children: `${x} ${r} ${h} ${o}` }),
+      /* @__PURE__ */ n("span", { className: "text-sm", children: `${x} ${c} ${h} ${o}` }),
       /* @__PURE__ */ n(
         i,
         {
@@ -70,5 +71,5 @@ const y = ({
   ] });
 };
 export {
-  y as TablePagination
+  z as TablePagination
 };

package/Textarea/Textarea.mjs

@@ -1,74 +1,7 @@
-import { jsxs as u, Fragment as h, jsx as p } from "react/jsx-runtime";
-import * as v from "react";
-import { useId as w, useRef as z, useState as A, useImperativeHandle as N, useEffect as y } from "react";
-import { cn as d } from "@oneplatformdev/utils";
-import { useAutosizeTextArea as S } from "./useAutosizeTextArea.mjs";
-const T = v.forwardRef(
-  (m, c) => {
-    const {
-      className: f,
-      value: r = "",
-      maxHeight: i = Number.MAX_SAFE_INTEGER,
-      minHeight: o = 0,
-      resizeble: g = !0,
-      counter: s = !1,
-      id: n = "",
-      ...e
-    } = m, a = w(), t = z(null), [x, b] = A("");
-    return S({
-      textAreaRef: t,
-      triggerAutoSize: x,
-      maxHeight: i,
-      minHeight: o
-    }), N(c, () => ({
-      ...t.current ?? {},
-      textArea: t.current,
-      focus: () => {
-        var l;
-        return (l = t == null ? void 0 : t.current) == null ? void 0 : l.focus();
-      },
-      maxHeight: i,
-      minHeight: o
-    })), y(() => {
-      b(r);
-    }, [e == null ? void 0 : e.defaultValue, r]), /* @__PURE__ */ u(h, { children: [
-      /* @__PURE__ */ p(
-        "textarea",
-        {
-          id: n || a,
-          ...e,
-          ref: t,
-          value: r,
-          className: d(
-            "flex min-h-10 w-full px-3 py-2 text-base relative",
-            "rounded-md border border-input bg-transparent shadow-sm",
-            "placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
-            g ? "resize" : "resize-none !overflow-hidden",
-            s && "pb-2",
-            f
-          )
-        }
-      ),
-      s && /* @__PURE__ */ u(
-        "label",
-        {
-          htmlFor: n || a,
-          className: d(
-            "w-full text-right inline-flex items-center justify-end",
-            "text-sm font-normal text-muted-foreground",
-            "leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
-          ),
-          children: [
-            String(r || "").length,
-            " / ",
-            e == null ? void 0 : e.maxLength
-          ]
-        }
-      )
-    ] });
-  }
-);
-T.displayName = "Textarea";
+import "react/jsx-runtime";
+import "react";
+import "@oneplatformdev/utils";
+import { T as a } from "../Textarea-D1CCXy7E.js";
 export {
-  T as Textarea
+  a as Textarea
 };

package/Textarea/index.mjs

@@ -1,4 +1,4 @@
-import { Textarea as a } from "./Textarea.mjs";
+import { T as r } from "../Textarea-D1CCXy7E.js";
 export {
-  a as Textarea
+  r as Textarea
 };

package/Textarea/useAutosizeTextArea.mjs

@@ -1,20 +1,67 @@
-import * as f from "react";
-const u = ({
-  textAreaRef: r,
-  triggerAutoSize: l,
-  maxHeight: t = Number.MAX_SAFE_INTEGER,
-  minHeight: s = 0
-}) => {
-  const [c, i] = f.useState(!0);
-  f.useEffect(() => {
-    const e = r.current;
-    if (e) {
-      c && (e.style.minHeight = `${s + 0}px`, t > s && (e.style.maxHeight = `${t}px`), i(!1)), e.style.height = `${s + 0}px`;
-      const o = e.scrollHeight;
-      o > t ? e.style.height = `${t}px` : e.style.height = `${o + 0}px`;
-    }
-  }, [r.current, l]);
-};
+import "react";
+import "../Accordion/Accordion.mjs";
+import "../Alert/Alert.mjs";
+import "../AlertDialog/AlertDialogRoot.mjs";
+import "react/jsx-runtime";
+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 "../Combobox/Combobox.mjs";
+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 "react-hook-form";
+import "../Input/Input.mjs";
+import "../Select/SelectRoot.mjs";
+import { u as Ao } from "../Textarea-D1CCXy7E.js";
+import "../Separator/Separator.mjs";
+import "../HoverCard/HoverCard.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 {
-  u as useAutosizeTextArea
+  Ao as useAutosizeTextArea
 };

package/Textarea-D1CCXy7E.js

@@ -0,0 +1,149 @@
+import { jsxs as f, Fragment as b, jsx as y } from "react/jsx-runtime";
+import * as a from "react";
+import { useId as E, useRef as A, useState as N, useImperativeHandle as v, useEffect as w } from "react";
+import { cn as x } from "@oneplatformdev/utils";
+import "./Accordion/Accordion.mjs";
+import "./Alert/Alert.mjs";
+import "./AlertDialog/AlertDialogRoot.mjs";
+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 "./Combobox/Combobox.mjs";
+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 "react-hook-form";
+import "./Input/Input.mjs";
+import "./Select/SelectRoot.mjs";
+import "./Separator/Separator.mjs";
+import "./HoverCard/HoverCard.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";
+const S = ({
+  textAreaRef: p,
+  triggerAutoSize: l,
+  maxHeight: i = Number.MAX_SAFE_INTEGER,
+  minHeight: r = 0
+}) => {
+  const [s, n] = a.useState(!0);
+  a.useEffect(() => {
+    const t = p.current;
+    if (t) {
+      s && (t.style.minHeight = `${r + 0}px`, i > r && (t.style.maxHeight = `${i}px`), n(!1)), t.style.height = `${r + 0}px`;
+      const m = t.scrollHeight;
+      m > i ? t.style.height = `${i}px` : t.style.height = `${m + 0}px`;
+    }
+  }, [p.current, l]);
+}, T = a.forwardRef(
+  (p, l) => {
+    const {
+      className: i,
+      value: r = "",
+      maxHeight: s = Number.MAX_SAFE_INTEGER,
+      minHeight: n = 0,
+      resizeble: u = !0,
+      counter: t = !1,
+      id: m = "",
+      ...e
+    } = p, d = E(), o = A(null), [g, h] = N("");
+    return S({
+      textAreaRef: o,
+      triggerAutoSize: g,
+      maxHeight: s,
+      minHeight: n
+    }), v(l, () => ({
+      ...o.current ?? {},
+      textArea: o.current,
+      focus: () => {
+        var c;
+        return (c = o == null ? void 0 : o.current) == null ? void 0 : c.focus();
+      },
+      maxHeight: s,
+      minHeight: n
+    })), w(() => {
+      h(r);
+    }, [e == null ? void 0 : e.defaultValue, r]), /* @__PURE__ */ f(b, { children: [
+      /* @__PURE__ */ y(
+        "textarea",
+        {
+          id: m || d,
+          ...e,
+          ref: o,
+          value: r,
+          className: x(
+            "flex min-h-10 w-full px-3 py-2 text-base relative",
+            "rounded-md border border-input bg-transparent shadow-sm",
+            "placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
+            u ? "resize" : "resize-none !overflow-hidden",
+            t && "pb-2",
+            i
+          )
+        }
+      ),
+      t && /* @__PURE__ */ f(
+        "label",
+        {
+          htmlFor: m || d,
+          className: x(
+            "w-full text-right inline-flex items-center justify-end",
+            "text-sm font-normal text-muted-foreground",
+            "leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
+          ),
+          children: [
+            String(r || "").length,
+            " / ",
+            e == null ? void 0 : e.maxLength
+          ]
+        }
+      )
+    ] });
+  }
+);
+T.displayName = "Textarea";
+export {
+  T,
+  S as u
+};

package/Theme/ThemeProvider.mjs

@@ -1,27 +1,28 @@
-import { jsx as m } from "react/jsx-runtime";
+import { jsx as a } from "react/jsx-runtime";
+import "react";
 import { ThemeProvider as n } from "next-themes";
-function h(e) {
+function l(e) {
   const {
     children: r,
     attribute: t = "class",
-    defaultTheme: s = "system",
-    enableSystem: i = !0,
-    disableTransitionOnChange: o = !0,
-    ...a
+    defaultTheme: i = "system",
+    enableSystem: o = !0,
+    disableTransitionOnChange: s = !0,
+    ...m
   } = e;
-  return /* @__PURE__ */ m(
+  return /* @__PURE__ */ a(
     n,
     {
       attribute: t,
-      defaultTheme: s,
-      enableSystem: i,
-      disableTransitionOnChange: o,
-      ...a,
+      defaultTheme: i,
+      enableSystem: o,
+      disableTransitionOnChange: s,
+      ...m,
       children: r
     }
   );
 }
 export {
-  h as ThemeProvider,
-  h as default
+  l as ThemeProvider,
+  l as default
 };

package/Toast/Toast.mjs

@@ -1,10 +1,11 @@
 import { jsx as s } from "react/jsx-runtime";
 import * as i from "react";
 import * as e from "@radix-ui/react-toast";
+import "class-variance-authority";
 import { X as c } from "lucide-react";
 import { cn as a } from "@oneplatformdev/utils";
 import { toastVariants as n } from "./toastVariants.mjs";
-const h = e.Provider, m = i.forwardRef(({ className: o, ...t }, r) => /* @__PURE__ */ s(
+const w = e.Provider, m = i.forwardRef(({ className: o, ...t }, r) => /* @__PURE__ */ s(
   e.Viewport,
   {
     ref: r,
@@ -74,7 +75,7 @@ export {
   u as ToastAction,
   l as ToastClose,
   v as ToastDescription,
-  h as ToastProvider,
+  w as ToastProvider,
   f as ToastTitle,
   m as ToastViewport
 };