@oneplatformdev/ui 0.0.1-beta.6 → 0.0.1-beta.60

package/FormSelect/FormSelect.mjs

@@ -1,38 +1,40 @@
 import { jsx as e } from "react/jsx-runtime";
-import { FormControl as a } from "../Form/Form.mjs";
-import { FormRenderControl as f } from "../Form/FormRenderControl.mjs";
+import { FormControl as f } from "../Form/Form.mjs";
+import { FormRenderControl as d } from "../Form/FormRenderControl.mjs";
 import "../Select/SelectRoot.mjs";
-import { Select as d } from "../Select/Select.mjs";
-const x = (m) => {
+import { Select as g } from "../Select/Select.mjs";
+const S = (n) => {
   const {
-    form: n,
+    form: m,
     label: i,
-    name: l,
-    options: p = [],
+    name: p,
+    options: l = [],
     onChange: r,
-    ...c
-  } = m;
+    containerProps: c,
+    ...s
+  } = n;
   return /* @__PURE__ */ e(
-    f,
+    d,
     {
-      form: n,
-      name: l,
+      form: m,
+      name: p,
       label: i,
+      containerProps: c,
       render: ({ field: t }) => /* @__PURE__ */ e(
-        d,
+        g,
         {
           value: t.value,
-          options: p,
+          options: l,
           onChange: (o) => {
             t.onChange(o), r == null || r(o);
           },
-          renderTrigger: (o, s) => /* @__PURE__ */ e(a, { children: s }),
-          ...c
+          renderTrigger: (o, a) => /* @__PURE__ */ e(f, { children: a }),
+          ...s
         }
       )
     }
   );
 };
 export {
-  x as FormSelect
+  S as FormSelect
 };

package/FormSelect/FormSelect.types.d.ts

@@ -1,7 +1,6 @@
 import { SelectProps } from '../Select';
 import { FormRenderControlExtendProps } from '../Form';
-import { UseFormReturn } from 'react-hook-form';
 import { FieldValues } from 'react-hook-form/dist/types/fields';
 
-export interface FormSelectProps<Data extends FieldValues, Form extends UseFormReturn<Data>, ExtendOptionData> extends FormRenderControlExtendProps<Data, Form>, SelectProps<ExtendOptionData> {
+export interface FormSelectProps<Data extends FieldValues, ExtendOptionData> extends FormRenderControlExtendProps<Data>, Omit<SelectProps<ExtendOptionData>, 'onChange'>, Partial<Pick<SelectProps<ExtendOptionData>, 'onChange'>> {
 }

package/FormTextarea/FormTextarea.d.ts

@@ -1,5 +1,4 @@
-import { UseFormReturn } from 'react-hook-form';
 import { FieldValues } from 'react-hook-form/dist/types/fields';
 import { FormTextareaProps } from './FormTextarea.types';
 
-export declare const FormTextarea: <Data extends FieldValues, Form extends UseFormReturn<Data>>(props: FormTextareaProps<Data, Form>) => import("react/jsx-runtime").JSX.Element;
+export declare const FormTextarea: <Data extends FieldValues>(props: FormTextareaProps<Data>) => import("react/jsx-runtime").JSX.Element;

package/FormTextarea/FormTextarea.mjs

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

package/FormTextarea/FormTextarea.types.d.ts

@@ -1,7 +1,6 @@
 import { TextareaProps } from '../Textarea';
 import { FormRenderControlExtendProps } from '../Form';
-import { UseFormReturn } from 'react-hook-form';
 import { FieldValues } from 'react-hook-form/dist/types/fields';
 
-export interface FormTextareaProps<Data extends FieldValues, Form extends UseFormReturn<Data>> extends FormRenderControlExtendProps<Data, Form>, Omit<TextareaProps, 'form' | 'name'> {
+export interface FormTextareaProps<Data extends FieldValues> extends FormRenderControlExtendProps<Data>, Omit<TextareaProps, 'form' | 'name'> {
 }

package/Input/Input.mjs

@@ -1,61 +1,66 @@
-import { jsxs as c, jsx as s } from "react/jsx-runtime";
-import l, { useState as d } from "react";
-import { Eye as f, EyeOff as y } from "lucide-react";
-import { inputVariants as N } from "./inputVariants.mjs";
-import { cn as b } from "@oneplatformdev/utils";
-const p = l.forwardRef(
-  (t, e) => {
+import { jsxs as f, jsx as s } from "react/jsx-runtime";
+import u, { useState as N } from "react";
+import { Eye as g, EyeOff as b } from "lucide-react";
+import { inputVariants as v } from "./inputVariants.mjs";
+import { cn as h } from "@oneplatformdev/utils";
+const c = u.forwardRef(
+  (t, a) => {
     const {
-      className: a,
-      variant: r,
-      type: o,
-      slotProps: { input: n } = {},
-      ...u
-    } = t, { startAdornment: i } = n || {};
-    return /* @__PURE__ */ c("div", { className: "relative", children: [
-      !!i && /* @__PURE__ */ s("span", { className: "absolute left-[10px] top-1/2 -translate-y-1/2", children: i }),
+      className: e,
+      variant: o,
+      type: i,
+      slotProps: { input: l } = {},
+      onChange: m,
+      onTransform: n,
+      ...y
+    } = t, { startAdornment: p } = l || {};
+    return /* @__PURE__ */ f("div", { className: "relative", children: [
+      !!p && /* @__PURE__ */ s("span", { className: "absolute left-[10px] top-1/2 -translate-y-1/2", children: p }),
       /* @__PURE__ */ s(
         "input",
         {
-          type: o,
-          className: b(
-            N({ variant: r, className: a }),
-            !!i && "pl-8"
+          type: i,
+          className: h(
+            v({ variant: o, className: e }),
+            !!p && "pl-8"
           ),
-          ref: e,
-          ...u
+          ref: a,
+          ...y,
+          onChange: (r) => {
+            typeof (n == null ? void 0 : n(r.target.value, r)) == "string" && (r.target.value = n(r.target.value, r)), m && m(r);
+          }
         }
       )
     ] });
   }
 );
-p.displayName = "Input";
-const m = l.forwardRef(
-  (t, e) => {
-    const [a, r] = d(!1), o = a ? "text" : "password", n = () => {
-      r(!a);
+c.displayName = "Input";
+const d = u.forwardRef(
+  (t, a) => {
+    const [e, o] = N(!1), i = e ? "text" : "password", l = () => {
+      o(!e);
     };
-    return /* @__PURE__ */ c("div", { className: "relative", children: [
-      /* @__PURE__ */ s(p, { ...t, type: o, className: "pr-8", ref: e }),
-      /* @__PURE__ */ s(w, { isVisible: a, onClick: n })
+    return /* @__PURE__ */ f("div", { className: "relative", children: [
+      /* @__PURE__ */ s(c, { ...t, type: i, className: "pr-8", ref: a }),
+      /* @__PURE__ */ s(w, { isVisible: e, onClick: l })
     ] });
   }
 );
-m.displayName = "PasswordInput";
-const w = ({ isVisible: t, onClick: e }) => /* @__PURE__ */ s(
+d.displayName = "PasswordInput";
+const w = ({ isVisible: t, onClick: a }) => /* @__PURE__ */ s(
   "button",
   {
     type: "button",
-    onClick: e,
+    onClick: a,
     className: "absolute top-1/2 right-3 transform -translate-y-1/2",
-    children: t ? /* @__PURE__ */ s(f, { size: 16 }) : /* @__PURE__ */ s(y, { size: 16 })
+    children: t ? /* @__PURE__ */ s(g, { size: 16 }) : /* @__PURE__ */ s(b, { size: 16 })
   }
-), I = l.forwardRef(
-  ({ type: t, ...e }, a) => t === "password" ? /* @__PURE__ */ s(m, { type: t, ...e, ref: a }) : /* @__PURE__ */ s(p, { type: t, ...e, ref: a })
+), I = u.forwardRef(
+  ({ type: t, ...a }, e) => t === "password" ? /* @__PURE__ */ s(d, { type: t, ...a, ref: e }) : /* @__PURE__ */ s(c, { type: t, ...a, ref: e })
 );
 I.displayName = "Input";
 export {
-  p as BaseInput,
+  c as BaseInput,
   I as Input,
-  m as PasswordInput
+  d as PasswordInput
 };

package/Input/Input.types.d.ts

@@ -1,6 +1,6 @@
 import { inputVariants } from './inputVariants';
 import { VariantProps } from 'class-variance-authority';
-import { default as React, ReactNode } from 'react';
+import { default as React, ChangeEvent, ReactNode } from 'react';
 
 export interface InputSlotInputProps {
     startAdornment?: ReactNode;
@@ -10,4 +10,6 @@ export interface InputSlotProps {
 }
 export interface InputProps extends React.InputHTMLAttributes<HTMLInputElement>, VariantProps<typeof inputVariants> {
     slotProps?: InputSlotProps;
+    /** func transform event.target.value before onChange event call*/
+    onTransform?: (value: string, event: ChangeEvent<HTMLInputElement>) => string;
 }

package/Select/Select.mjs

@@ -1,72 +1,102 @@
-import { jsxs as d, jsx as a } from "react/jsx-runtime";
-import { Button as f } from "../Button/Button.mjs";
+import { jsxs as u, jsx as i, Fragment as x } from "react/jsx-runtime";
+import { createElement as s, isValidElement as S } from "react";
+import { Button as y } from "../Button/Button.mjs";
 import "../Button/buttonVariants.mjs";
-import { SelectRoot as p, SelectContent as h, SelectItem as u, SelectTrigger as g, SelectValue as v } from "./SelectRoot.mjs";
-import { isValidReactElement as i } from "@oneplatformdev/utils";
-const S = (o) => {
-  const { placeholder: t, renderTrigger: e } = o, n = /* @__PURE__ */ a(g, { children: /* @__PURE__ */ a(v, { placeholder: t }) });
-  return e && typeof e == "function" && i(e(o, n)) ? e(o, n) : n;
-}, C = (o) => {
-  const { renderOption: t, option: e, index: n, options: l, ...c } = o, r = /* @__PURE__ */ a(u, { value: e.value, children: e.label }, e.value);
-  return t && typeof t == "function" && i(t(
-    e,
-    n,
-    l,
-    { ...c, options: l },
-    r
-  )) ? i(t(
-    e,
-    n,
-    l,
-    { ...c, options: l },
-    r
-  ), u) ? i(t(
-    e,
-    n,
-    l,
-    { ...c, options: l },
-    r
-  )) : /* @__PURE__ */ a(u, { value: e.value, children: t(
-    e,
-    n,
-    l,
-    { ...c, options: l },
-    r
-  ) }, e.value) : r;
-}, T = (o) => {
-  const {
-    value: t,
-    options: e,
-    onChange: n,
-    nullable: l = !1,
-    clearLabel: c = "Clear",
-    disabled: r
-  } = o;
-  return /* @__PURE__ */ d(
+import { SelectRoot as R, SelectContent as b, SelectTrigger as C, SelectValue as V, SelectItem as p } from "./SelectRoot.mjs";
+import { isValidReactElement as k } from "@oneplatformdev/utils";
+const B = (t) => {
+  const { placeholder: n, renderTrigger: e, slotProps: l } = t, r = /* @__PURE__ */ i(C, { ...(l == null ? void 0 : l.triggerProps) || {}, children: /* @__PURE__ */ i(V, { placeholder: n }) });
+  return e && typeof e == "function" && k(e(t, r)) ? e(t, r) : r;
+}, d = (t) => {
+  const { children: n, option: e, deep: l = 0 } = t;
+  return /* @__PURE__ */ u(
     p,
     {
-      value: t,
-      onValueChange: n,
-      disabled: r,
+      value: e.value,
+      className: "cursor-pointer",
+      style: { paddingLeft: `calc(8px + ${(l || 0) * 8}px)` },
       children: [
-        /* @__PURE__ */ a(S, { ...o }),
-        /* @__PURE__ */ d(h, { children: [
-          l && /* @__PURE__ */ a(f, { className: "w-full px-2", variant: "secondary", size: "sm", onClick: () => {
-            n("");
-          }, children: c }),
-          e.map((s, m) => /* @__PURE__ */ a(
-            C,
-            {
-              ...o,
-              option: s,
-              index: m
-            }
-          ))
-        ] })
+        !n && e.label,
+        n && /* @__PURE__ */ i(x, { children: typeof n == "function" ? n({ ...t }) : n })
       ]
-    }
+    },
+    e.value
   );
+}, g = (t) => {
+  var c, o;
+  const { renderOption: n, option: e, index: l, options: r, deep: m = 0, ...a } = t;
+  return n && typeof n == "function" && S(
+    n(
+      e,
+      l,
+      r,
+      { ...a, options: r },
+      /* @__PURE__ */ i(d, { ...t })
+    )
+  ) ? /* @__PURE__ */ i(p, { value: e.value, children: n(
+    e,
+    l,
+    r,
+    { ...a, options: r },
+    /* @__PURE__ */ i(d, { ...t })
+  ) }, e.value) : (c = e.children) != null && c.length ? /* @__PURE__ */ u(
+    "div",
+    {
+      className: "flex flex-col gap-1 truncate line-clamp-2",
+      children: [
+        /* @__PURE__ */ i(d, { ...t }),
+        (o = e.children) == null ? void 0 : o.map((f, h, v) => /* @__PURE__ */ s(
+          g,
+          {
+            ...t,
+            key: f.value,
+            option: f,
+            options: v,
+            index: h,
+            deep: (m || 0) + 1
+          }
+        ))
+      ]
+    },
+    e.value
+  ) : /* @__PURE__ */ i(d, { ...t });
+}, w = (t) => {
+  const {
+    value: n,
+    options: e,
+    onChange: l,
+    nullable: r = !1,
+    clearLabel: m = "Clear",
+    disabled: a
+  } = t;
+  return /* @__PURE__ */ u(R, { value: n, onValueChange: l, disabled: a, children: [
+    /* @__PURE__ */ i(B, { ...t }),
+    /* @__PURE__ */ u(b, { children: [
+      r && /* @__PURE__ */ i(
+        y,
+        {
+          className: "w-full px-2",
+          variant: "secondary",
+          size: "sm",
+          onClick: () => {
+            l == null || l("");
+          },
+          children: m
+        }
+      ),
+      e.map((c, o) => /* @__PURE__ */ s(
+        g,
+        {
+          ...t,
+          key: c.value,
+          option: c,
+          index: o,
+          deep: 0
+        }
+      ))
+    ] })
+  ] });
 };
 export {
-  T as Select
+  w as Select
 };

package/Select/Select.types.d.ts

@@ -1,9 +1,11 @@
-import { ReactNode } from 'react';
+import { ComponentPropsWithoutRef, ReactNode } from 'react';
 
+import * as SelectPrimitive from '@radix-ui/react-select';
 export interface SelectOption<ExtendOptionData> {
     value: string;
     label?: ReactNode;
     data?: ExtendOptionData;
+    children?: SelectOption<ExtendOptionData>[];
 }
 export type SelectRenderTrigger<ExtendOptionData> = (props: Omit<SelectProps<ExtendOptionData>, 'renderTrigger'>, defaultComponent: ReactNode) => ReactNode;
 export type SelectRenderOption<ExtendOptionData> = (option: SelectOption<ExtendOptionData>, index: number, options: SelectOption<ExtendOptionData>[], props: Omit<SelectProps<ExtendOptionData>, 'renderOption'>, defaultComponent: ReactNode) => ReactNode;
@@ -15,7 +17,7 @@ export interface SelectProps<ExtendOptionData> {
     /** Select placeholder string. */
     placeholder?: string;
     /** Select Root onValueChange handler. */
-    onChange: (value: SelectOption<ExtendOptionData>['value']) => void;
+    onChange?: (value: SelectOption<ExtendOptionData>['value']) => void;
     /** Show reset select item button. */
     disabled?: boolean;
     /** Show reset select item button. */
@@ -26,4 +28,9 @@ export interface SelectProps<ExtendOptionData> {
     renderTrigger?: SelectRenderTrigger<ExtendOptionData>;
     /** Render custom option. */
     renderOption?: SelectRenderOption<ExtendOptionData>;
+    /** Select Slot props */
+    slotProps?: {
+        /** Select Default Trigger Props */
+        triggerProps?: ComponentPropsWithoutRef<typeof SelectPrimitive.Trigger>;
+    };
 }

package/Select/SelectRoot.d.ts

@@ -1,5 +1,5 @@
-import * as React from "react";
-import * as SelectPrimitive from "@radix-ui/react-select";
+import * as React from 'react';
+import * as SelectPrimitive from '@radix-ui/react-select';
 declare const SelectRoot: React.FC<SelectPrimitive.SelectProps>;
 declare const SelectGroup: React.ForwardRefExoticComponent<SelectPrimitive.SelectGroupProps & React.RefAttributes<HTMLDivElement>>;
 declare const SelectValue: React.ForwardRefExoticComponent<SelectPrimitive.SelectValueProps & React.RefAttributes<HTMLSpanElement>>;

package/Select/SelectRoot.mjs

@@ -9,6 +9,7 @@ const v = e.Root, R = e.Group, C = e.Value, h = l.forwardRef(({ className: o, ch
     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",
+      "[&>svg]:disabled:hidden",
       o
     ),
     ...a,

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