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

package/LoadingMask/RenderLoadingMask.d.ts

@@ -0,0 +1,3 @@
+import { HTMLAttributes } from 'react';
+
+export declare const RenderLoadingMask: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;

package/LoadingMask/RenderLoadingMask.mjs

@@ -0,0 +1,108 @@
+import { jsx as r, jsxs as s } from "react/jsx-runtime";
+import { forwardRef as i } from "react";
+import { cn as d } from "@oneplatformdev/utils";
+const u = i((o, e) => {
+  const { className: t, ...n } = o;
+  return /* @__PURE__ */ r(
+    "div",
+    {
+      ...n,
+      ref: e,
+      className: d("flex flex-1 items-center justify-center", t),
+      children: /* @__PURE__ */ s(
+        "svg",
+        {
+          className: "h-8 w-8 animate-spin text-gray-900 dark:text-gray-50",
+          viewBox: "0 0 24 24",
+          fill: "none",
+          xmlns: "http://www.w3.org/2000/svg",
+          children: [
+            /* @__PURE__ */ r(
+              "path",
+              {
+                d: "M12 4.75V6.25",
+                stroke: "currentColor",
+                strokeWidth: "2",
+                strokeLinecap: "round",
+                strokeLinejoin: "round"
+              }
+            ),
+            /* @__PURE__ */ r(
+              "path",
+              {
+                d: "M17.1475 6.8525L16.0625 7.9375",
+                stroke: "currentColor",
+                strokeWidth: "2",
+                strokeLinecap: "round",
+                strokeLinejoin: "round"
+              }
+            ),
+            /* @__PURE__ */ r(
+              "path",
+              {
+                d: "M19.25 12H17.75",
+                stroke: "currentColor",
+                strokeWidth: "2",
+                strokeLinecap: "round",
+                strokeLinejoin: "round"
+              }
+            ),
+            /* @__PURE__ */ r(
+              "path",
+              {
+                d: "M17.1475 17.1475L16.0625 16.0625",
+                stroke: "currentColor",
+                strokeWidth: "2",
+                strokeLinecap: "round",
+                strokeLinejoin: "round"
+              }
+            ),
+            /* @__PURE__ */ r(
+              "path",
+              {
+                d: "M12 17.75V19.25",
+                stroke: "currentColor",
+                strokeWidth: "2",
+                strokeLinecap: "round",
+                strokeLinejoin: "round"
+              }
+            ),
+            /* @__PURE__ */ r(
+              "path",
+              {
+                d: "M6.8525 17.1475L7.9375 16.0625",
+                stroke: "currentColor",
+                strokeWidth: "2",
+                strokeLinecap: "round",
+                strokeLinejoin: "round"
+              }
+            ),
+            /* @__PURE__ */ r(
+              "path",
+              {
+                d: "M4.75 12H6.25",
+                stroke: "currentColor",
+                strokeWidth: "2",
+                strokeLinecap: "round",
+                strokeLinejoin: "round"
+              }
+            ),
+            /* @__PURE__ */ r(
+              "path",
+              {
+                d: "M6.8525 6.8525L7.9375 7.9375",
+                stroke: "currentColor",
+                strokeWidth: "2",
+                strokeLinecap: "round",
+                strokeLinejoin: "round"
+              }
+            )
+          ]
+        }
+      )
+    }
+  );
+});
+export {
+  u as RenderLoadingMask
+};

package/LoadingMask/index.d.ts

@@ -1 +1,3 @@
 export { LoadingMask } from './LoadingMask';
+export { RenderLoadingMask } from './RenderLoadingMask';
+export type * from './LoadingMask.types';

package/LoadingMask/index.mjs

@@ -1,4 +1,6 @@
-import { LoadingMask as r } from "./LoadingMask.mjs";
+import { LoadingMask as a } from "./LoadingMask.mjs";
+import { RenderLoadingMask as d } from "./RenderLoadingMask.mjs";
 export {
-  r as LoadingMask
+  a as LoadingMask,
+  d as RenderLoadingMask
 };

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/ScrollArea/ScrollArea.d.ts

@@ -1,5 +1,5 @@
-import * as React from "react";
-import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area";
+import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
+import * as React from 'react';
 declare const ScrollArea: React.ForwardRefExoticComponent<Omit<ScrollAreaPrimitive.ScrollAreaProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const ScrollBar: React.ForwardRefExoticComponent<Omit<ScrollAreaPrimitive.ScrollAreaScrollbarProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export { ScrollArea, ScrollBar };

package/ScrollArea/ScrollArea.mjs

@@ -1,38 +1,51 @@
-import { jsxs as d, jsx as e } from "react/jsx-runtime";
-import * as s from "react";
+import { jsxs as i, jsx as e } from "react/jsx-runtime";
 import * as r from "@radix-ui/react-scroll-area";
-import { cn as t } from "@oneplatformdev/utils";
-const m = s.forwardRef(({ className: o, children: l, ...a }, c) => /* @__PURE__ */ d(
+import * as t from "react";
+import { cn as s } from "@oneplatformdev/utils";
+const m = t.forwardRef(({ className: o, children: l, ...a }, c) => /* @__PURE__ */ i(
   r.Root,
   {
     ref: c,
-    className: t("relative overflow-hidden", o),
+    className: s(
+      "relative overflow-hidden pr-2",
+      // '[&:has([data-orientation=vertical])]:pr-2',
+      o
+    ),
     ...a,
     children: [
       /* @__PURE__ */ e(r.Viewport, { className: "h-full w-full rounded-[inherit]", children: l }),
-      /* @__PURE__ */ e(i, {}),
+      /* @__PURE__ */ e(d, {}),
       /* @__PURE__ */ e(r.Corner, {})
     ]
   }
 ));
 m.displayName = r.Root.displayName;
-const i = s.forwardRef(({ className: o, orientation: l = "vertical", ...a }, c) => /* @__PURE__ */ e(
+const d = t.forwardRef(({ className: o, orientation: l = "vertical", ...a }, c) => /* @__PURE__ */ e(
   r.ScrollAreaScrollbar,
   {
     ref: c,
     orientation: l,
-    className: t(
+    className: s(
       "flex touch-none select-none transition-colors",
-      l === "vertical" && "h-full w-2.5 border-l border-l-transparent p-[1px]",
-      l === "horizontal" && "h-2.5 flex-col border-t border-t-transparent p-[1px]",
+      "p-[1px] bg-[#DCDDE1] rounded-full",
+      l === "vertical" && "h-full w-1.5 border-l border-l-transparent",
+      l === "horizontal" && "h-1.5 flex-col border-t border-t-transparent",
       o
     ),
     ...a,
-    children: /* @__PURE__ */ e(r.ScrollAreaThumb, { className: "relative flex-1 rounded-full bg-border" })
+    children: /* @__PURE__ */ e(
+      r.ScrollAreaThumb,
+      {
+        className: s(
+          "relative flex-1 rounded-full bg-border",
+          "bg-[#FCFCFC]"
+        )
+      }
+    )
   }
 ));
-i.displayName = r.ScrollAreaScrollbar.displayName;
+d.displayName = r.ScrollAreaScrollbar.displayName;
 export {
   m as ScrollArea,
-  i as ScrollBar
+  d as ScrollBar
 };

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
+};