@oneplatformdev/ui 0.0.1-beta.12 → 0.0.1-beta.121

package/Select/SelectRoot.mjs

@@ -1,14 +1,15 @@
 import { jsxs as n, jsx as t } from "react/jsx-runtime";
 import * as l from "react";
 import * as e from "@radix-ui/react-select";
-import { ChevronDown as i, ChevronUp as f, Check as u } from "lucide-react";
+import { ChevronDown as i, ChevronUp as u, Check as h } from "lucide-react";
 import { cn as s } from "@oneplatformdev/utils";
-const v = e.Root, R = e.Group, C = e.Value, h = l.forwardRef(({ className: o, children: r, ...a }, d) => /* @__PURE__ */ n(
+const R = e.Root, C = e.Group, I = e.Value, w = l.forwardRef(({ className: o, children: r, ...a }, d) => /* @__PURE__ */ n(
   e.Trigger,
   {
     ref: d,
     className: s(
-      "flex h-9 w-full items-center justify-between whitespace-nowrap rounded-md border border-input bg-transparent px-3 py-2 text-sm shadow-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-1 focus:ring-ring disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1",
+      "flex h-10 w-full items-center justify-between whitespace-nowrap rounded-md border border-input bg-transparent px-3 py-2 text-sm shadow-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-1 focus:ring-ring disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1",
+      "[&>svg]:disabled:hidden",
       o
     ),
     ...a,
@@ -18,7 +19,7 @@ const v = e.Root, R = e.Group, C = e.Value, h = l.forwardRef(({ className: o, ch
     ]
   }
 ));
-h.displayName = e.Trigger.displayName;
+w.displayName = e.Trigger.displayName;
 const c = l.forwardRef(({ className: o, ...r }, a) => /* @__PURE__ */ t(
   e.ScrollUpButton,
   {
@@ -28,7 +29,7 @@ const c = l.forwardRef(({ className: o, ...r }, a) => /* @__PURE__ */ t(
       o
     ),
     ...r,
-    children: /* @__PURE__ */ t(f, { className: "h-4 w-4" })
+    children: /* @__PURE__ */ t(u, { className: "h-4 w-4" })
   }
 ));
 c.displayName = e.ScrollUpButton.displayName;
@@ -45,17 +46,21 @@ const m = l.forwardRef(({ className: o, ...r }, a) => /* @__PURE__ */ t(
   }
 ));
 m.displayName = e.ScrollDownButton.displayName;
-const w = l.forwardRef(({ className: o, children: r, position: a = "popper", ...d }, p) => /* @__PURE__ */ t(e.Portal, { children: /* @__PURE__ */ n(
+const y = l.forwardRef(({ className: o, children: r, position: a = "popper", style: d, ...p }, f) => /* @__PURE__ */ t(e.Portal, { children: /* @__PURE__ */ n(
   e.Content,
   {
-    ref: p,
+    ref: f,
     className: s(
       "relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
       a === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
       o
     ),
     position: a,
-    ...d,
+    style: {
+      pointerEvents: "auto",
+      ...d
+    },
+    ...p,
     children: [
       /* @__PURE__ */ t(c, {}),
       /* @__PURE__ */ t(
@@ -72,8 +77,8 @@ const w = l.forwardRef(({ className: o, children: r, position: a = "popper", ...
     ]
   }
 ) }));
-w.displayName = e.Content.displayName;
-const y = l.forwardRef(({ className: o, ...r }, a) => /* @__PURE__ */ t(
+y.displayName = e.Content.displayName;
+const g = l.forwardRef(({ className: o, ...r }, a) => /* @__PURE__ */ t(
   e.Label,
   {
     ref: a,
@@ -81,8 +86,8 @@ const y = l.forwardRef(({ className: o, ...r }, a) => /* @__PURE__ */ t(
     ...r
   }
 ));
-y.displayName = e.Label.displayName;
-const g = l.forwardRef(({ className: o, children: r, ...a }, d) => /* @__PURE__ */ n(
+g.displayName = e.Label.displayName;
+const N = l.forwardRef(({ className: o, children: r, ...a }, d) => /* @__PURE__ */ n(
   e.Item,
   {
     ref: d,
@@ -92,13 +97,13 @@ const g = l.forwardRef(({ className: o, children: r, ...a }, d) => /* @__PURE__
     ),
     ...a,
     children: [
-      /* @__PURE__ */ t("span", { className: "absolute right-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ t(e.ItemIndicator, { children: /* @__PURE__ */ t(u, { className: "h-4 w-4" }) }) }),
+      /* @__PURE__ */ t("span", { className: "absolute right-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ t(e.ItemIndicator, { children: /* @__PURE__ */ t(h, { className: "h-4 w-4" }) }) }),
       /* @__PURE__ */ t(e.ItemText, { children: r })
     ]
   }
 ));
-g.displayName = e.Item.displayName;
-const N = l.forwardRef(({ className: o, ...r }, a) => /* @__PURE__ */ t(
+N.displayName = e.Item.displayName;
+const x = l.forwardRef(({ className: o, ...r }, a) => /* @__PURE__ */ t(
   e.Separator,
   {
     ref: a,
@@ -106,16 +111,16 @@ const N = l.forwardRef(({ className: o, ...r }, a) => /* @__PURE__ */ t(
     ...r
   }
 ));
-N.displayName = e.Separator.displayName;
+x.displayName = e.Separator.displayName;
 export {
-  w as SelectContent,
-  R as SelectGroup,
-  g as SelectItem,
-  y as SelectLabel,
-  v as SelectRoot,
+  y as SelectContent,
+  C as SelectGroup,
+  N as SelectItem,
+  g as SelectLabel,
+  R as SelectRoot,
   m as SelectScrollDownButton,
   c as SelectScrollUpButton,
-  N as SelectSeparator,
-  h as SelectTrigger,
-  C as SelectValue
+  x as SelectSeparator,
+  w as SelectTrigger,
+  I as SelectValue
 };

package/Sheet/Sheet.d.ts

@@ -1,6 +1,6 @@
 import { VariantProps } from 'class-variance-authority';
-import * as React from "react";
-import * as SheetPrimitive from "@radix-ui/react-dialog";
+import * as React from 'react';
+import * as SheetPrimitive from '@radix-ui/react-dialog';
 declare const Sheet: React.FC<SheetPrimitive.DialogProps>;
 declare const SheetTrigger: React.ForwardRefExoticComponent<SheetPrimitive.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
 declare const SheetClose: React.ForwardRefExoticComponent<SheetPrimitive.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
@@ -10,6 +10,9 @@ declare const sheetVariants: (props?: ({
     side?: "top" | "right" | "bottom" | "left" | null | undefined;
 } & import('class-variance-authority/dist/types').ClassProp) | undefined) => string;
 interface SheetContentProps extends React.ComponentPropsWithoutRef<typeof SheetPrimitive.Content>, VariantProps<typeof sheetVariants> {
+    slotProps?: {
+        overlay?: React.ComponentPropsWithoutRef<typeof SheetPrimitive.Overlay>;
+    };
 }
 declare const SheetContent: React.ForwardRefExoticComponent<SheetContentProps & React.RefAttributes<HTMLDivElement>>;
 declare const SheetHeader: {

package/Sheet/Sheet.mjs

@@ -1,10 +1,10 @@
-import { jsx as o, jsxs as n } from "react/jsx-runtime";
+import { jsx as o, jsxs as d } from "react/jsx-runtime";
 import * as r from "react";
 import * as e from "@radix-ui/react-dialog";
-import { cva as c } from "class-variance-authority";
-import { X as f } from "lucide-react";
+import { cva as f } from "class-variance-authority";
+import { X as p } from "lucide-react";
 import { cn as i } from "@oneplatformdev/utils";
-const C = e.Root, R = e.Trigger, T = e.Close, p = e.Portal, d = r.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ o(
+const R = e.Root, T = e.Trigger, j = e.Close, h = e.Portal, l = r.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ o(
   e.Overlay,
   {
     className: i(
@@ -15,8 +15,8 @@ const C = e.Root, R = e.Trigger, T = e.Close, p = e.Portal, d = r.forwardRef(({
     ref: s
   }
 ));
-d.displayName = e.Overlay.displayName;
-const h = c(
+l.displayName = e.Overlay.displayName;
+const g = f(
   "fixed z-50 gap-4 bg-background p-6 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500 data-[state=open]:animate-in data-[state=closed]:animate-out",
   {
     variants: {
@@ -31,17 +31,17 @@ const h = c(
       side: "right"
     }
   }
-), g = r.forwardRef(({ side: t = "right", className: a, children: s, ...l }, m) => /* @__PURE__ */ n(p, { children: [
-  /* @__PURE__ */ o(d, {}),
-  /* @__PURE__ */ n(
+), u = r.forwardRef(({ side: t = "right", className: a, children: s, slotProps: n, ...m }, c) => /* @__PURE__ */ d(h, { children: [
+  /* @__PURE__ */ o(l, { ...(n == null ? void 0 : n.overlay) || {} }),
+  /* @__PURE__ */ d(
     e.Content,
     {
-      ref: m,
-      className: i(h({ side: t }), a),
-      ...l,
+      ref: c,
+      className: i(g({ side: t }), a),
+      ...m,
       children: [
-        /* @__PURE__ */ n(e.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-secondary", children: [
-          /* @__PURE__ */ o(f, { className: "h-4 w-4" }),
+        /* @__PURE__ */ d(e.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-secondary", children: [
+          /* @__PURE__ */ o(p, { className: "h-4 w-4" }),
           /* @__PURE__ */ o("span", { className: "sr-only", children: "Close" })
         ] }),
         s
@@ -49,8 +49,8 @@ const h = c(
     }
   )
 ] }));
-g.displayName = e.Content.displayName;
-const u = ({
+u.displayName = e.Content.displayName;
+const y = ({
   className: t,
   ...a
 }) => /* @__PURE__ */ o(
@@ -63,8 +63,8 @@ const u = ({
     ...a
   }
 );
-u.displayName = "SheetHeader";
-const y = ({
+y.displayName = "SheetHeader";
+const x = ({
   className: t,
   ...a
 }) => /* @__PURE__ */ o(
@@ -77,8 +77,8 @@ const y = ({
     ...a
   }
 );
-y.displayName = "SheetFooter";
-const x = r.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ o(
+x.displayName = "SheetFooter";
+const N = r.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ o(
   e.Title,
   {
     ref: s,
@@ -86,8 +86,8 @@ const x = r.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ o(
     ...a
   }
 ));
-x.displayName = e.Title.displayName;
-const N = r.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ o(
+N.displayName = e.Title.displayName;
+const b = r.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ o(
   e.Description,
   {
     ref: s,
@@ -95,16 +95,16 @@ const N = r.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ o(
     ...a
   }
 ));
-N.displayName = e.Description.displayName;
+b.displayName = e.Description.displayName;
 export {
-  C as Sheet,
-  T as SheetClose,
-  g as SheetContent,
-  N as SheetDescription,
-  y as SheetFooter,
-  u as SheetHeader,
-  d as SheetOverlay,
-  p as SheetPortal,
-  x as SheetTitle,
-  R as SheetTrigger
+  R as Sheet,
+  j as SheetClose,
+  u as SheetContent,
+  b as SheetDescription,
+  x as SheetFooter,
+  y as SheetHeader,
+  l as SheetOverlay,
+  h as SheetPortal,
+  N as SheetTitle,
+  T as SheetTrigger
 };

package/TablePagination/TablePagination.d.ts

@@ -0,0 +1,16 @@
+import { FC } from 'react';
+
+interface IProps {
+    limit: number;
+    offset: number;
+    totalRows: number;
+    setLimit: (limit: number) => void;
+    setOffset: (offset: number) => void;
+    tRowsPerPage?: string;
+    tPrevious?: string;
+    tPage?: string;
+    tNext?: string;
+    tOf?: string;
+}
+export declare const TablePagination: FC<IProps>;
+export {};

package/TablePagination/TablePagination.mjs

@@ -0,0 +1,74 @@
+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";
+const y = ({
+  offset: l,
+  limit: a,
+  totalRows: s,
+  setLimit: p,
+  setOffset: t,
+  tRowsPerPage: d = "Rows per page",
+  tPrevious: u = "Previous",
+  tPage: x = "Page",
+  tNext: v = "Next",
+  tOf: h = "Of"
+}) => {
+  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;
+    e < 0 && (e = 0), t(e);
+  }, N = () => {
+    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: [
+      /* @__PURE__ */ n("span", { className: "text-sm text-nowrap", children: d }),
+      /* @__PURE__ */ n(
+        P,
+        {
+          value: a == null ? void 0 : a.toString(),
+          options: [
+            { value: "5", label: "5" },
+            { value: "10", label: "10" },
+            { value: "20", label: "20" },
+            { value: "30", label: "30" },
+            { value: "50", label: "50" }
+          ],
+          onChange: b,
+          placeholder: "6",
+          nullable: !1
+        }
+      )
+    ] }),
+    /* @__PURE__ */ c("div", { className: "space-x-2", children: [
+      /* @__PURE__ */ n(
+        i,
+        {
+          variant: "outline",
+          size: "sm",
+          disabled: !l,
+          onClick: g,
+          children: u
+        }
+      ),
+      /* @__PURE__ */ n("span", { className: "text-sm", children: `${x} ${r} ${h} ${o}` }),
+      /* @__PURE__ */ n(
+        i,
+        {
+          variant: "outline",
+          size: "sm",
+          disabled: m,
+          onClick: N,
+          children: v
+        }
+      )
+    ] })
+  ] });
+};
+export {
+  y as TablePagination
+};

package/TablePagination/index.d.ts

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

package/TablePagination/index.mjs

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

package/TablePagination/package.json

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

package/Tabs/Tabs.d.ts

@@ -1,4 +1,5 @@
 import { TabsProps } from './Tabs.types';
-import { FC } from 'react';
+import { FC, PropsWithChildren } from 'react';
 
-export declare const Tabs: FC<TabsProps>;
+export declare const TabRender: FC<TabsProps>;
+export declare const Tabs: FC<PropsWithChildren<TabsProps>>;

package/Tabs/Tabs.mjs

@@ -1,9 +1,23 @@
-import { jsx as e } from "react/jsx-runtime";
-import { TabsRoot as n, TabsList as t, TabsTrigger as c } from "./TabsRoot.mjs";
-const p = (r) => {
-  const { tab: s, tabs: l, onChange: o } = r;
-  return /* @__PURE__ */ e(n, { value: s, onValueChange: o, children: /* @__PURE__ */ e(t, { className: "px-2 py-6 bg-[#E0E7FF] rounded-[6px]", children: l.map((a) => /* @__PURE__ */ e(c, { value: a.value, className: "h-8", children: a.label }, a.value)) }) });
+import { jsx as o, jsxs as c } from "react/jsx-runtime";
+import { Children as p } from "react";
+import { TabsContent as m, TabsRoot as b, TabsList as i, TabsTrigger as h } from "./TabsRoot.mjs";
+const T = (a) => {
+  const { tabs: s = [], contents: t } = a;
+  return p.map(t, (n, r) => {
+    var l;
+    if (!n || !s[r]) return null;
+    const e = (l = s[r]) == null ? void 0 : l.value, u = n.props || {};
+    return /* @__PURE__ */ o(m, { value: e, ...u, children: n }, e);
+  });
+}, f = (a) => {
+  const { tab: s, tabs: t = [], onChange: n, children: r } = a;
+  return /* @__PURE__ */ c(b, { value: s, onValueChange: n, children: [
+    /* @__PURE__ */ o(i, { className: "px-2 py-6 bg-[#E0E7FF] rounded-[6px]", children: t.map((e) => /* @__PURE__ */ o(h, { value: e.value, className: "h-8", children: e.label }, e.value)) }),
+    r,
+    !r && /* @__PURE__ */ o(T, { ...a })
+  ] });
 };
 export {
-  p as Tabs
+  T as TabRender,
+  f as Tabs
 };

package/Tabs/Tabs.types.d.ts

@@ -1,9 +1,12 @@
+import { ReactElement } from 'react';
+
 export interface TabItemProps {
     value: string;
     label: string;
 }
 export interface TabsProps {
     tabs: TabItemProps[];
-    tab: string;
-    onChange: (value: string) => void;
+    tab?: string;
+    onChange?: (value: string) => void;
+    contents?: ReactElement[];
 }

package/Tabs/index.mjs

@@ -1,9 +1,10 @@
-import { TabsContent as s, TabsList as t, TabsRoot as T, TabsTrigger as a } from "./TabsRoot.mjs";
-import { Tabs as e } from "./Tabs.mjs";
+import { TabsContent as T, TabsList as a, TabsRoot as b, TabsTrigger as e } from "./TabsRoot.mjs";
+import { TabRender as t, Tabs as n } from "./Tabs.mjs";
 export {
-  e as Tabs,
-  s as TabsContent,
-  t as TabsList,
-  T as TabsRoot,
-  a as TabsTrigger
+  t as TabRender,
+  n as Tabs,
+  T as TabsContent,
+  a as TabsList,
+  b as TabsRoot,
+  e as TabsTrigger
 };

package/Textarea/Textarea.d.ts

@@ -1,4 +1,4 @@
 import { TextareaProps } from './Textarea.types';
-import * as React from "react";
+import * as React from 'react';
 declare const Textarea: React.ForwardRefExoticComponent<Omit<TextareaProps, "ref"> & React.RefAttributes<HTMLTextAreaElement>>;
 export { Textarea };

package/Textarea/Textarea.mjs

@@ -1,18 +1,75 @@
-import { jsx as t } from "react/jsx-runtime";
-import * as a from "react";
-import { cn as s } from "@oneplatformdev/utils";
-const i = a.forwardRef(({ className: e, ...r }, o) => /* @__PURE__ */ t(
-  "textarea",
-  {
-    className: s(
-      "flex min-h-[60px] w-full rounded-md border border-input bg-transparent px-3 py-2 text-base 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",
-      e
-    ),
-    ref: o,
-    ...r
+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 F, useEffect as N } from "react";
+import { cn as d } from "@oneplatformdev/utils";
+import { useAutosizeTextArea as y } from "./useAutosizeTextArea.mjs";
+const S = v.forwardRef(
+  (m, c) => {
+    const {
+      className: f,
+      value: r = "",
+      maxHeight: o = Number.MAX_SAFE_INTEGER,
+      minHeight: i = 0,
+      resizeble: x = !0,
+      counter: n = !1,
+      id: s = "",
+      ...e
+    } = m, a = w(), t = z(null), [g, b] = A("");
+    return y({
+      textAreaRef: t,
+      triggerAutoSize: g,
+      maxHeight: o,
+      minHeight: i
+    }), F(c, () => ({
+      ...t.current ?? {},
+      textArea: t.current,
+      focus: () => {
+        var l;
+        return (l = t == null ? void 0 : t.current) == null ? void 0 : l.focus();
+      },
+      maxHeight: o,
+      minHeight: i
+    })), N(() => {
+      b(r);
+    }, [e == null ? void 0 : e.defaultValue, r]), /* @__PURE__ */ u(h, { children: [
+      /* @__PURE__ */ p(
+        "textarea",
+        {
+          id: s || a,
+          ...e,
+          ref: t,
+          value: r,
+          className: d(
+            "flex min-h-10 w-full px-3 py-2 text-base relative md:text-sm",
+            "rounded-[12px] border border-input bg-[#FCFCFC] shadow-none",
+            "placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50",
+            "focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring",
+            x ? "resize" : "resize-none !overflow-hidden",
+            n && "pb-2",
+            f
+          )
+        }
+      ),
+      n && /* @__PURE__ */ u(
+        "label",
+        {
+          htmlFor: s || 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
+          ]
+        }
+      )
+    ] });
   }
-));
-i.displayName = "Textarea";
+);
+S.displayName = "Textarea";
 export {
-  i as Textarea
+  S as Textarea
 };

package/Textarea/Textarea.types.d.ts

@@ -1,4 +1,18 @@
-import { ComponentProps } from 'react';
+import { ComponentProps, RefObject } from 'react';
 
-export interface TextareaProps extends ComponentProps<'textarea'> {
+export interface IUseAutosizeTextAreaProps {
+    textAreaRef: RefObject<HTMLTextAreaElement | null>;
+    triggerAutoSize: string;
+    /**
+     * The minimum height of the textarea.
+     */
+    minHeight?: number;
+    /**
+     * The maximum height of the textarea.
+     */
+    maxHeight?: number;
+}
+export interface TextareaProps extends ComponentProps<'textarea'>, Pick<IUseAutosizeTextAreaProps, 'minHeight' | 'maxHeight'> {
+    resizeble?: boolean;
+    counter?: boolean;
 }

package/Textarea/useAutosizeTextArea.d.ts

@@ -0,0 +1,3 @@
+import { IUseAutosizeTextAreaProps } from '..';
+
+export declare const useAutosizeTextArea: ({ textAreaRef, triggerAutoSize, maxHeight, minHeight, }: IUseAutosizeTextAreaProps) => void;

package/Textarea/useAutosizeTextArea.mjs

@@ -0,0 +1,20 @@
+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 {
+  u as useAutosizeTextArea
+};

package/Toast/toastVariants.mjs

@@ -6,9 +6,9 @@ const a = t(
       variant: {
         default: "border bg-background text-foreground",
         destructive: "destructive group border-destructive bg-destructive text-destructive-foreground",
-        success: "",
-        info: "",
-        update: ""
+        success: "border bg-primary text-white",
+        info: "border bg-blue-400 text-white",
+        update: "border bg-orange-400 text-white"
       }
     },
     defaultVariants: {