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

package/Header/Header.mjs

@@ -1,19 +1,18 @@
 import { jsxs as i, jsx as e } from "react/jsx-runtime";
-import "react";
-import { SidebarTrigger as s } from "../Sidebar/Sidebar.mjs";
+import { SidebarTrigger as t } from "../Sidebar/Sidebar.mjs";
 import { Separator as l } from "../Separator/Separator.mjs";
-const h = (t) => {
+const m = (s) => {
   const {
     children: r,
     hideTrigger: a = !1
-  } = t;
+  } = s;
   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(s, { className: "ml-1" }),
+          /* @__PURE__ */ e(t, { 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 })
@@ -22,6 +21,6 @@ const h = (t) => {
   );
 };
 export {
-  h as Header,
-  h as default
+  m as Header,
+  m as default
 };

package/Label/Label.mjs

@@ -1,18 +1,17 @@
 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 p } from "./labelVariants.mjs";
-const s = i.forwardRef(({ className: r, ...a }, m) => /* @__PURE__ */ t(
+import { labelVariants as s } from "./labelVariants.mjs";
+const p = i.forwardRef(({ className: a, ...r }, m) => /* @__PURE__ */ t(
   o.Root,
   {
     ref: m,
-    className: e(p(), r),
-    ...a
+    className: e(s(), a),
+    ...r
   }
 ));
-s.displayName = o.Root.displayName;
+p.displayName = o.Root.displayName;
 export {
-  s as Label
+  p as Label
 };

package/LoadingMask/LoadingMask.mjs

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

package/LoadingProgress/LoadingProgress.mjs

@@ -1,8 +1,7 @@
 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 h = (e) => {
+const f = (e) => {
   const { className: s, fullWidth: t = !1, size: i, color: l, wrapClassName: n } = e;
   return /* @__PURE__ */ o(
     "div",
@@ -34,5 +33,5 @@ const h = (e) => {
   );
 };
 export {
-  h as LoadingProgress
+  f as LoadingProgress
 };

package/Radio/Radio.mjs

@@ -1,13 +1,12 @@
 import { jsx as a } from "react/jsx-runtime";
-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);
+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);
   }) });
 };
 export {
-  R as Radio
+  l as Radio
 };

package/Skeleton/Skeleton.mjs

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

package/TablePagination/TablePagination.mjs

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

package/Textarea/Textarea.mjs

@@ -1,7 +1,74 @@
-import "react/jsx-runtime";
-import "react";
-import "@oneplatformdev/utils";
-import { T as a } from "../Textarea-D1CCXy7E.js";
+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";
 export {
-  a as Textarea
+  T as Textarea
 };

package/Textarea/index.mjs

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

package/Textarea/useAutosizeTextArea.mjs

@@ -1,67 +1,20 @@
-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";
+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]);
+};
 export {
-  Ao as useAutosizeTextArea
+  u as useAutosizeTextArea
 };

package/Theme/ThemeProvider.mjs

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

package/Toast/Toast.mjs

@@ -1,11 +1,10 @@
 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 w = e.Provider, m = i.forwardRef(({ className: o, ...t }, r) => /* @__PURE__ */ s(
+const h = e.Provider, m = i.forwardRef(({ className: o, ...t }, r) => /* @__PURE__ */ s(
   e.Viewport,
   {
     ref: r,
@@ -75,7 +74,7 @@ export {
   u as ToastAction,
   l as ToastClose,
   v as ToastDescription,
-  w as ToastProvider,
+  h as ToastProvider,
   f as ToastTitle,
   m as ToastViewport
 };

package/ToggleGroup/ToggleGroup.mjs

@@ -1,28 +1,27 @@
 import { jsx as n } from "react/jsx-runtime";
 import * as e from "react";
 import * as t from "@radix-ui/react-toggle-group";
-import "class-variance-authority";
 import { cn as p } from "@oneplatformdev/utils";
 import { toggleVariants as f } from "../Toggle/Toggle.mjs";
 const c = e.createContext({
   size: "default",
   variant: "default"
-}), g = e.forwardRef(({ className: o, variant: r, size: a, children: i, ...m }, s) => /* @__PURE__ */ n(
+}), g = e.forwardRef(({ className: o, variant: r, size: a, children: i, ...s }, m) => /* @__PURE__ */ n(
   t.Root,
   {
-    ref: s,
+    ref: m,
     className: p("flex items-center justify-center gap-1", o),
-    ...m,
+    ...s,
     children: /* @__PURE__ */ n(c.Provider, { value: { variant: r, size: a }, children: i })
   }
 ));
 g.displayName = t.Root.displayName;
-const d = e.forwardRef(({ className: o, children: r, variant: a, size: i, ...m }, s) => {
+const d = e.forwardRef(({ className: o, children: r, variant: a, size: i, ...s }, m) => {
   const l = e.useContext(c);
   return /* @__PURE__ */ n(
     t.Item,
     {
-      ref: s,
+      ref: m,
       className: p(
         f({
           variant: l.variant || a,
@@ -30,7 +29,7 @@ const d = e.forwardRef(({ className: o, children: r, variant: a, size: i, ...m }
         }),
         o
       ),
-      ...m,
+      ...s,
       children: r
     }
   );

package/Tooltip/Tooltip.mjs

@@ -1,7 +1,6 @@
 import { jsx as o, jsxs as s } from "react/jsx-runtime";
-import "react";
 import { TooltipProvider as a, TooltipRoot as c, TooltipTrigger as d, TooltipContent as p } from "./TooltipRoot.mjs";
-const T = (r) => {
+const m = (r) => {
   const { trigger: t, children: e, message: i = "", delay: l = 100, ...n } = r;
   return /* @__PURE__ */ o(a, { children: /* @__PURE__ */ s(c, { delayDuration: l, ...n, children: [
     /* @__PURE__ */ o(d, { asChild: !0, children: t || e }),
@@ -9,5 +8,5 @@ const T = (r) => {
   ] }) });
 };
 export {
-  T as Tooltip
+  m as Tooltip
 };

package/index.mjs

@@ -68,7 +68,7 @@ import { Switch as Na } from "./Switch/Switch.mjs";
 import { Table as ya, TableBody as Ea, TableCaption as Oa, TableCell as za, TableFooter as _a, TableHead as Ua, TableHeader as Ya, TableRow as ja } from "./Table/Table.mjs";
 import { TabsContent as Ja, TabsList as Ka, TabsRoot as Qa, TabsTrigger as Wa } from "./Tabs/TabsRoot.mjs";
 import { TabRender as Za, Tabs as $a } from "./Tabs/Tabs.mjs";
-import { T as rn } from "./Textarea-D1CCXy7E.js";
+import { Textarea as rn } from "./Textarea/Textarea.mjs";
 import { ThemeProvider as tn } from "./Theme/ThemeProvider.mjs";
 import { ThemeModeToggle as nn } from "./Theme/ThemeModeToggle.mjs";
 import { Toast as ln, ToastAction as mn, ToastClose as un, ToastDescription as dn, ToastProvider as bn, ToastTitle as gn, ToastViewport as xn } from "./Toast/Toast.mjs";
@@ -79,7 +79,7 @@ import { ToggleGroup as wn, ToggleGroupItem as hn } from "./ToggleGroup/ToggleGr
 import { TooltipContent as Fn, TooltipProvider as Ln, TooltipRoot as Rn, TooltipTrigger as Bn } from "./Tooltip/TooltipRoot.mjs";
 import { Tooltip as kn } from "./Tooltip/Tooltip.mjs";
 import { Dropzone as Nn } from "./Dropzone/Dropzone.mjs";
-import { D as yn, a as En } from "./DropzoneFilePreview-C-SoCoO0.js";
+import { D as yn, a as En } from "./DropzoneFilePreview-Dhtv8F4u.js";
 import { FormDropzone as zn } from "./FormDropzone/FormDropzone.mjs";
 import { TablePagination as Un } from "./TablePagination/TablePagination.mjs";
 export {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oneplatformdev/ui",
-  "version": "0.0.1-beta.68",
+  "version": "0.0.1-beta.69",
   "description": "UI React Components.",
   "author": "One Platform Development Team",
   "keywords": [