@a-type/ui 1.2.2 → 1.3.0

package/dist/cjs/components/select/Select.js

@@ -17,13 +17,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 var __rest = (this && this.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
@@ -52,9 +62,9 @@ exports.SelectItem = (0, react_1.forwardRef)((_a, forwardedRef) => {
     var { children, className } = _a, props = __rest(_a, ["children", "className"]);
     const isNative = (0, react_1.useContext)(IsNativeContext);
     if (isNative) {
-        return (0, jsx_runtime_1.jsx)("option", Object.assign({ value: props.value }, { children: children }));
+        return (0, jsx_runtime_1.jsx)("option", { value: props.value, children: children });
     }
-    return ((0, jsx_runtime_1.jsxs)(exports.SelectItemRoot, Object.assign({ className: className }, props, { ref: forwardedRef }, { children: [(0, jsx_runtime_1.jsx)(SelectPrimitive.ItemText, { children: children }), (0, jsx_runtime_1.jsx)(exports.SelectItemIndicator, {})] })));
+    return ((0, jsx_runtime_1.jsxs)(exports.SelectItemRoot, Object.assign({ className: className }, props, { ref: forwardedRef, children: [(0, jsx_runtime_1.jsx)(SelectPrimitive.ItemText, { children: children }), (0, jsx_runtime_1.jsx)(exports.SelectItemIndicator, {})] })));
 });
 exports.SelectItemRoot = (0, withClassName_js_1.withClassName)(SelectPrimitive.Item, 'text-md leading-4 color-black rounded-sm flex items-center flex-row h-36px pr-4 pl-35px relative select-none', '[&[data-disabled]]:color-gray5 [&[data-disabled]]:pointer-events-none [&[data-highlighted]]:outline-none [&[data-highlighted]]:bg-primary-wash [&[data-highlighted]]:color-black');
 exports.SelectItemIndicatorRoot = (0, withClassName_js_1.withClassName)(SelectPrimitive.ItemIndicator, 'absolute left-0 w-25px inline-flex items-center justify-center');
@@ -63,7 +73,7 @@ exports.SelectItemText = (0, withClassName_js_1.withClassName)(SelectPrimitive.I
 const SelectGroup = (props) => {
     const isNative = (0, react_1.useContext)(IsNativeContext);
     if (isNative) {
-        return ((0, jsx_runtime_1.jsx)("optgroup", Object.assign({ id: props.id, className: props.className }, { children: props.children })));
+        return ((0, jsx_runtime_1.jsx)("optgroup", { id: props.id, className: props.className, children: props.children }));
     }
     return (0, jsx_runtime_1.jsx)(SelectPrimitive.Group, Object.assign({}, props));
 };
@@ -74,23 +84,23 @@ exports.SelectTriggerBase = withNoNativeRender((0, withClassName_js_1.withClassN
 exports.UnstyledSelectTrigger = withNoNativeRender(SelectPrimitive.Trigger);
 exports.SelectTrigger = (0, react_1.forwardRef)(function SelectTrigger(_a, ref) {
     var { children } = _a, props = __rest(_a, ["children"]);
-    return ((0, jsx_runtime_1.jsx)(exports.UnstyledSelectTrigger, Object.assign({ asChild: true }, props, { ref: ref }, { children: (0, jsx_runtime_1.jsx)(index_js_1.Button, Object.assign({ className: "gap-2 font-normal" }, { children: children || ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(exports.SelectValue, {}), (0, jsx_runtime_1.jsx)(exports.SelectIcon, {})] })) })) })));
+    return ((0, jsx_runtime_1.jsx)(exports.UnstyledSelectTrigger, Object.assign({ asChild: true }, props, { ref: ref, children: (0, jsx_runtime_1.jsx)(index_js_1.Button, { className: "gap-2 font-normal", children: children || ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(exports.SelectValue, {}), (0, jsx_runtime_1.jsx)(exports.SelectIcon, {})] })) }) })));
 });
 exports.SelectValue = withNoNativeRender((0, withClassName_js_1.withClassName)(SelectPrimitive.Value, 'flex flex-row'));
 exports.SelectLabel = withNoNativeRender((0, withClassName_js_1.withClassName)(SelectPrimitive.Label, 'px-25px text-xs leading-6 color-black select-none'));
 exports.SelectSeparator = withNoNativeRender((0, withClassName_js_1.withClassName)(SelectPrimitive.Separator, 'h-1px bg-gray50 m-1'));
 exports.SelectIcon = withNoNativeRender((0, react_1.forwardRef)((_a, forwardedRef) => {
     var { className } = _a, props = __rest(_a, ["className"]);
-    return ((0, jsx_runtime_1.jsx)(SelectPrimitive.Icon, Object.assign({ className: (0, clsx_1.default)('color-inherit', className) }, props, { ref: forwardedRef }, { children: (0, jsx_runtime_1.jsx)(index_js_2.Icon, { name: "chevron", className: "w-[12px] h-[12px] relative top-1px" }) })));
+    return ((0, jsx_runtime_1.jsx)(SelectPrimitive.Icon, Object.assign({ className: (0, clsx_1.default)('color-inherit', className) }, props, { ref: forwardedRef, children: (0, jsx_runtime_1.jsx)(index_js_2.Icon, { name: "chevron", className: "w-[12px] h-[12px] relative top-1px" }) })));
 }));
 const zIndex = { zIndex: 1001 };
 exports.SelectContent = withPassthroughNativeRender((0, react_1.forwardRef)((_a, forwardedRef) => {
     var { children, inDialog, className } = _a, props = __rest(_a, ["children", "inDialog", "className"]);
-    return ((0, jsx_runtime_1.jsx)(SelectPrimitive.Portal, { children: (0, jsx_runtime_1.jsxs)(SelectPrimitive.Content, Object.assign({ className: (0, clsx_1.default)('layer-components:overflow-hidden layer-components:bg-white layer-components:rounded-lg layer-components:border layer-components:border-solid layer-components:border-1 layer-components:border-black layer-components:z-menu layer-components:shadow-lg', 'layer-components:transform-origin-[var(--radix-select-content-transform-origin)]', 'layer-components:[&[data-state=open]]:animate-popover-in', 'layer-components:[&[data-state=closed]]:animate-popover-out', 'layer-components:min-w-[var(--radix-select-trigger-width)] layer-components:max-h-[var(--radix-select-content-available-height)]', inDialog && 'z-[calc(var(--z-dialog)+1)]', className), style: zIndex }, props, { ref: forwardedRef }, { children: [(0, jsx_runtime_1.jsx)(SelectPrimitive.ScrollUpButton, Object.assign({ className: "flex items-center justify-center h-25px bg-white color-primary-dark cursor-default" }, { children: (0, jsx_runtime_1.jsx)(react_icons_1.ChevronUpIcon, {}) })), (0, jsx_runtime_1.jsx)(SelectPrimitive.Viewport, Object.assign({ className: "p-1" }, { children: children })), (0, jsx_runtime_1.jsx)(SelectPrimitive.ScrollDownButton, Object.assign({ className: "flex items-center justify-center h-25px bg-white color-primary-dark cursor-default" }, { children: (0, jsx_runtime_1.jsx)(react_icons_1.ChevronDownIcon, {}) }))] })) }));
+    return ((0, jsx_runtime_1.jsx)(SelectPrimitive.Portal, { children: (0, jsx_runtime_1.jsxs)(SelectPrimitive.Content, Object.assign({ className: (0, clsx_1.default)('layer-components:overflow-hidden layer-components:bg-white layer-components:rounded-lg layer-components:border layer-components:border-solid layer-components:border-1 layer-components:border-black layer-components:z-menu layer-components:shadow-lg', 'layer-components:transform-origin-[var(--radix-select-content-transform-origin)]', 'layer-components:[&[data-state=open]]:animate-popover-in', 'layer-components:[&[data-state=closed]]:animate-popover-out', 'layer-components:min-w-[var(--radix-select-trigger-width)] layer-components:max-h-[var(--radix-select-content-available-height)]', inDialog && 'z-[calc(var(--z-dialog)+1)]', className), style: zIndex }, props, { ref: forwardedRef, children: [(0, jsx_runtime_1.jsx)(SelectPrimitive.ScrollUpButton, { className: "flex items-center justify-center h-25px bg-white color-primary-dark cursor-default", children: (0, jsx_runtime_1.jsx)(react_icons_1.ChevronUpIcon, {}) }), (0, jsx_runtime_1.jsx)(SelectPrimitive.Viewport, { className: "p-1", children: children }), (0, jsx_runtime_1.jsx)(SelectPrimitive.ScrollDownButton, { className: "flex items-center justify-center h-25px bg-white color-primary-dark cursor-default", children: (0, jsx_runtime_1.jsx)(react_icons_1.ChevronDownIcon, {}) })] })) }));
 }));
 exports.NativeSelect = (0, react_1.forwardRef)((_a, forwardedRef) => {
     var { className } = _a, props = __rest(_a, ["className"]);
-    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: (0, clsx_1.default)('relative', className) }, { children: [(0, jsx_runtime_1.jsx)("select", Object.assign({ className: (0, clsx_1.default)('appearance-none font-inherit bg-white inline-flex items-center justify-center rounded-full px-3 py-1 pr-8 text-sm gap-2 color-black border-solid border border-gray5 hover:border-gray7 focus:outline-none focus-visible:shadow-focus [&[data-placeholder]]:color-gray8') }, props, { ref: forwardedRef })), (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "absolute right-1 top-50% translate-y-[-50%] pointer-events-none" }, { children: (0, jsx_runtime_1.jsx)(react_icons_1.ChevronDownIcon, { className: "w-4 h-4 m-2" }) }))] })));
+    return ((0, jsx_runtime_1.jsxs)("div", { className: (0, clsx_1.default)('relative', className), children: [(0, jsx_runtime_1.jsx)("select", Object.assign({ className: (0, clsx_1.default)('appearance-none font-inherit bg-white inline-flex items-center justify-center rounded-full px-3 py-1 pr-8 text-sm gap-2 color-black border-solid border border-gray5 hover:border-gray7 focus:outline-none focus-visible:shadow-focus [&[data-placeholder]]:color-gray8') }, props, { ref: forwardedRef })), (0, jsx_runtime_1.jsx)("div", { className: "absolute right-1 top-50% translate-y-[-50%] pointer-events-none", children: (0, jsx_runtime_1.jsx)(react_icons_1.ChevronDownIcon, { className: "w-4 h-4 m-2" }) })] }));
 });
 /**
  * A high-level Select which converts to native on mobile. Use with SelectItem.
@@ -99,11 +109,11 @@ const SelectBase = (_a) => {
     var { children, value, onValueChange, mobileNative } = _a, rest = __rest(_a, ["children", "value", "onValueChange", "mobileNative"]);
     const mobile = isMobile();
     if (mobile && mobileNative) {
-        return ((0, jsx_runtime_1.jsx)(IsNativeContext.Provider, Object.assign({ value: true }, { children: (0, jsx_runtime_1.jsx)(exports.NativeSelect, Object.assign({ onChange: (ev) => {
+        return ((0, jsx_runtime_1.jsx)(IsNativeContext.Provider, { value: true, children: (0, jsx_runtime_1.jsx)(exports.NativeSelect, Object.assign({ onChange: (ev) => {
                     onValueChange === null || onValueChange === void 0 ? void 0 : onValueChange(ev.target.value);
-                }, value: value }, rest, { children: children })) })));
+                }, value: value }, rest, { children: children })) }));
     }
-    return ((0, jsx_runtime_1.jsx)(exports.SelectRoot, Object.assign({ value: value, onValueChange: onValueChange }, { children: children })));
+    return ((0, jsx_runtime_1.jsx)(exports.SelectRoot, { value: value, onValueChange: onValueChange, children: children }));
 };
 exports.Select = Object.assign(SelectBase, {
     Root: exports.SelectRoot,
@@ -122,22 +132,22 @@ function isMobile() {
 // facilitate the auto native switching
 const IsNativeContext = (0, react_1.createContext)(false);
 function withNoNativeRender(Component) {
-    const WithNoNativeRender = (0, react_1.forwardRef)((props, ref) => {
+    const WithNoNativeRender = (props) => {
         const isNative = (0, react_1.useContext)(IsNativeContext);
         if (isNative)
             return null;
-        return (0, jsx_runtime_1.jsx)(Component, Object.assign({ ref: ref }, props));
-    });
+        return (0, jsx_runtime_1.jsx)(Component, Object.assign({}, props));
+    };
     return WithNoNativeRender;
 }
 function withPassthroughNativeRender(Component) {
-    const WithPassthroughNativeRender = (0, react_1.forwardRef)((props, ref) => {
+    const WithPassthroughNativeRender = (props) => {
         const isNative = (0, react_1.useContext)(IsNativeContext);
         if (isNative) {
             return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: props.children });
         }
-        return (0, jsx_runtime_1.jsx)(Component, Object.assign({ ref: ref }, props));
-    });
+        return (0, jsx_runtime_1.jsx)(Component, Object.assign({}, props));
+    };
     return WithPassthroughNativeRender;
 }
 //# sourceMappingURL=Select.js.map

package/dist/cjs/components/select/Select.js.map

@@ -1 +1 @@
-{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../../src/components/select/Select.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../../src/components/select/Select.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/components/select/Select.stories.d.ts

@@ -1,30 +1,19 @@
-/// <reference types="react" resolution-mode="require"/>
 import type { StoryObj } from '@storybook/react';
 import { Select } from './Select.js';
 declare const meta: {
     title: string;
-    component: (<T extends string = string>({ children, value, onValueChange, mobileNative, ...rest }: import("./Select.js").SelectProps<T>) => import("react/jsx-runtime").JSX.Element) & {
+    component: (<T extends string = string>({ children, value, onValueChange, mobileNative, ...rest }: import("./Select.js").SelectProps<T>) => import("react/jsx-runtime.js").JSX.Element) & {
         Root: import("react").FC<import("@radix-ui/react-select").SelectProps>;
         Item: import("react").ForwardRefExoticComponent<import("@radix-ui/react-select").SelectItemProps & import("react").RefAttributes<HTMLDivElement>>;
-        Group: (props: import("@radix-ui/react-select").SelectGroupProps) => import("react/jsx-runtime").JSX.Element;
+        Group: (props: import("@radix-ui/react-select").SelectGroupProps) => import("react/jsx-runtime.js").JSX.Element;
         Trigger: import("react").ForwardRefExoticComponent<import("./Select.js").SelectTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
-        Value: import("react").FunctionComponent<Omit<import("@radix-ui/react-select").SelectValueProps & import("react").RefAttributes<HTMLSpanElement>, "ref"> & {
-            ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
-        }>;
-        Label: import("react").FunctionComponent<Omit<import("@radix-ui/react-select").SelectLabelProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
-            ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-        }>;
-        Separator: import("react").FunctionComponent<Omit<import("@radix-ui/react-select").SelectSeparatorProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
-            ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-        }>;
-        Icon: import("react").FunctionComponent<Omit<import("@radix-ui/react-select").SelectIconProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
-            ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-        }>;
-        Content: import("react").FunctionComponent<Omit<import("@radix-ui/react-select").SelectContentProps & {
-            inDialog?: boolean | undefined;
-        } & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
-            ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-        }>;
+        Value: import("react").FunctionComponent<import("@radix-ui/react-select").SelectValueProps & import("react").RefAttributes<HTMLSpanElement>>;
+        Label: import("react").FunctionComponent<import("@radix-ui/react-select").SelectLabelProps & import("react").RefAttributes<HTMLDivElement>>;
+        Separator: import("react").FunctionComponent<import("@radix-ui/react-select").SelectSeparatorProps & import("react").RefAttributes<HTMLDivElement>>;
+        Icon: import("react").FunctionComponent<import("@radix-ui/react-select").SelectIconProps & import("react").RefAttributes<HTMLDivElement>>;
+        Content: import("react").FunctionComponent<import("@radix-ui/react-select").SelectContentProps & {
+            inDialog?: boolean;
+        } & import("react").RefAttributes<HTMLDivElement>>;
     };
     argTypes: {};
     parameters: {

package/dist/cjs/components/select/Select.stories.js

@@ -19,12 +19,12 @@ const meta = {
 exports.default = meta;
 exports.Default = {
     render(args) {
-        return ((0, jsx_runtime_1.jsxs)(Select_js_1.Select, Object.assign({}, args, { children: [(0, jsx_runtime_1.jsx)(Select_js_1.SelectTrigger, {}), (0, jsx_runtime_1.jsx)(Select_js_1.SelectContent, { children: ['One', 'Two', 'Three'].map((item) => ((0, jsx_runtime_1.jsx)(Select_js_1.SelectItem, Object.assign({ value: item }, { children: item }), item))) })] })));
+        return ((0, jsx_runtime_1.jsxs)(Select_js_1.Select, Object.assign({}, args, { children: [(0, jsx_runtime_1.jsx)(Select_js_1.SelectTrigger, {}), (0, jsx_runtime_1.jsx)(Select_js_1.SelectContent, { children: ['One', 'Two', 'Three'].map((item) => ((0, jsx_runtime_1.jsx)(Select_js_1.SelectItem, { value: item, children: item }, item))) })] })));
     },
 };
 exports.CompareSelectAndButton = {
     render(args) {
-        return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "row" }, { children: [(0, jsx_runtime_1.jsxs)(Select_js_1.Select, Object.assign({}, args, { children: [(0, jsx_runtime_1.jsx)(Select_js_1.SelectTrigger, {}), (0, jsx_runtime_1.jsx)(Select_js_1.SelectContent, { children: ['One', 'Two', 'Three'].map((item) => ((0, jsx_runtime_1.jsx)(Select_js_1.SelectItem, Object.assign({ value: item }, { children: item }), item))) })] })), (0, jsx_runtime_1.jsx)(index_js_1.Button, { children: "Button" }), (0, jsx_runtime_1.jsxs)(Select_js_1.Select, Object.assign({}, args, { children: [(0, jsx_runtime_1.jsx)(Select_js_1.SelectTrigger, { size: "small" }), (0, jsx_runtime_1.jsx)(Select_js_1.SelectContent, { children: ['One', 'Two', 'Three'].map((item) => ((0, jsx_runtime_1.jsx)(Select_js_1.SelectItem, Object.assign({ value: item }, { children: item }), item))) })] })), (0, jsx_runtime_1.jsx)(index_js_1.Button, Object.assign({ size: "small" }, { children: "Button" }))] })));
+        return ((0, jsx_runtime_1.jsxs)("div", { className: "row", children: [(0, jsx_runtime_1.jsxs)(Select_js_1.Select, Object.assign({}, args, { children: [(0, jsx_runtime_1.jsx)(Select_js_1.SelectTrigger, {}), (0, jsx_runtime_1.jsx)(Select_js_1.SelectContent, { children: ['One', 'Two', 'Three'].map((item) => ((0, jsx_runtime_1.jsx)(Select_js_1.SelectItem, { value: item, children: item }, item))) })] })), (0, jsx_runtime_1.jsx)(index_js_1.Button, { children: "Button" }), (0, jsx_runtime_1.jsxs)(Select_js_1.Select, Object.assign({}, args, { children: [(0, jsx_runtime_1.jsx)(Select_js_1.SelectTrigger, { size: "small" }), (0, jsx_runtime_1.jsx)(Select_js_1.SelectContent, { children: ['One', 'Two', 'Three'].map((item) => ((0, jsx_runtime_1.jsx)(Select_js_1.SelectItem, { value: item, children: item }, item))) })] })), (0, jsx_runtime_1.jsx)(index_js_1.Button, { size: "small", children: "Button" })] }));
     },
 };
 //# sourceMappingURL=Select.stories.js.map

package/dist/cjs/components/select/Select.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"Select.stories.js","sourceRoot":"","sources":["../../../../src/components/select/Select.stories.tsx"],"names":[],"mappings":";;;;AACA,iDAA4C;AAC5C,2CAA+E;AAE/E,MAAM,IAAI,GAAG;IACZ,KAAK,EAAE,QAAQ;IACf,SAAS,EAAE,kBAAM;IACjB,QAAQ,EAAE,EAAE;IACZ,UAAU,EAAE;QACX,QAAQ,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE;KAC5B;IACD,IAAI,EAAE;QACL,KAAK,EAAE,KAAK;KACZ;CAC6B,CAAC;AAEhC,kBAAe,IAAI,CAAC;AAIP,QAAA,OAAO,GAAU;IAC7B,MAAM,CAAC,IAAI;QACV,OAAO,CACN,wBAAC,kBAAM,oBAAK,IAAI,eACf,uBAAC,yBAAa,KAAG,EACjB,uBAAC,yBAAa,cACZ,CAAC,KAAK,EAAE,KAAK,EAAE,OAAO,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACtC,uBAAC,sBAAU,kBAAY,KAAK,EAAE,IAAI,gBAChC,IAAI,KADW,IAAI,CAER,CACb,CAAC,GACa,KACR,CACT,CAAC;IACH,CAAC;CACD,CAAC;AAEW,QAAA,sBAAsB,GAAU;IAC5C,MAAM,CAAC,IAAI;QACV,OAAO,CACN,+CAAK,SAAS,EAAC,KAAK,iBACnB,wBAAC,kBAAM,oBAAK,IAAI,eACf,uBAAC,yBAAa,KAAG,EACjB,uBAAC,yBAAa,cACZ,CAAC,KAAK,EAAE,KAAK,EAAE,OAAO,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACtC,uBAAC,sBAAU,kBAAY,KAAK,EAAE,IAAI,gBAChC,IAAI,KADW,IAAI,CAER,CACb,CAAC,GACa,KACR,EACT,uBAAC,iBAAM,yBAAgB,EAEvB,wBAAC,kBAAM,oBAAK,IAAI,eACf,uBAAC,yBAAa,IAAC,IAAI,EAAC,OAAO,GAAG,EAC9B,uBAAC,yBAAa,cACZ,CAAC,KAAK,EAAE,KAAK,EAAE,OAAO,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACtC,uBAAC,sBAAU,kBAAY,KAAK,EAAE,IAAI,gBAChC,IAAI,KADW,IAAI,CAER,CACb,CAAC,GACa,KACR,EACT,uBAAC,iBAAM,kBAAC,IAAI,EAAC,OAAO,4BAAgB,KAC/B,CACN,CAAC;IACH,CAAC;CACD,CAAC"}
+{"version":3,"file":"Select.stories.js","sourceRoot":"","sources":["../../../../src/components/select/Select.stories.tsx"],"names":[],"mappings":";;;;AACA,iDAA4C;AAC5C,2CAA+E;AAE/E,MAAM,IAAI,GAAG;IACZ,KAAK,EAAE,QAAQ;IACf,SAAS,EAAE,kBAAM;IACjB,QAAQ,EAAE,EAAE;IACZ,UAAU,EAAE;QACX,QAAQ,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE;KAC5B;IACD,IAAI,EAAE;QACL,KAAK,EAAE,KAAK;KACZ;CAC6B,CAAC;AAEhC,kBAAe,IAAI,CAAC;AAIP,QAAA,OAAO,GAAU;IAC7B,MAAM,CAAC,IAAI;QACV,OAAO,CACN,wBAAC,kBAAM,oBAAK,IAAI,eACf,uBAAC,yBAAa,KAAG,EACjB,uBAAC,yBAAa,cACZ,CAAC,KAAK,EAAE,KAAK,EAAE,OAAO,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACtC,uBAAC,sBAAU,IAAY,KAAK,EAAE,IAAI,YAChC,IAAI,IADW,IAAI,CAER,CACb,CAAC,GACa,KACR,CACT,CAAC;IACH,CAAC;CACD,CAAC;AAEW,QAAA,sBAAsB,GAAU;IAC5C,MAAM,CAAC,IAAI;QACV,OAAO,CACN,iCAAK,SAAS,EAAC,KAAK,aACnB,wBAAC,kBAAM,oBAAK,IAAI,eACf,uBAAC,yBAAa,KAAG,EACjB,uBAAC,yBAAa,cACZ,CAAC,KAAK,EAAE,KAAK,EAAE,OAAO,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACtC,uBAAC,sBAAU,IAAY,KAAK,EAAE,IAAI,YAChC,IAAI,IADW,IAAI,CAER,CACb,CAAC,GACa,KACR,EACT,uBAAC,iBAAM,yBAAgB,EAEvB,wBAAC,kBAAM,oBAAK,IAAI,eACf,uBAAC,yBAAa,IAAC,IAAI,EAAC,OAAO,GAAG,EAC9B,uBAAC,yBAAa,cACZ,CAAC,KAAK,EAAE,KAAK,EAAE,OAAO,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACtC,uBAAC,sBAAU,IAAY,KAAK,EAAE,IAAI,YAChC,IAAI,IADW,IAAI,CAER,CACb,CAAC,GACa,KACR,EACT,uBAAC,iBAAM,IAAC,IAAI,EAAC,OAAO,uBAAgB,IAC/B,CACN,CAAC;IACH,CAAC;CACD,CAAC"}

package/dist/cjs/components/skeletons/skeletons.d.ts

@@ -1,4 +1,4 @@
 export declare const TextSkeleton: ({ maxLength, className, }: {
     maxLength: number;
-    className?: string | undefined;
+    className?: string;
 }) => import("react/jsx-runtime").JSX.Element;

package/dist/cjs/components/slider/Slider.d.ts

@@ -1,32 +1,15 @@
-/// <reference types="react" resolution-mode="require"/>
 import * as SliderPrimitive from '@radix-ui/react-slider';
-export declare const SliderRoot: import("react").FunctionComponent<Omit<SliderPrimitive.SliderProps & import("react").RefAttributes<HTMLSpanElement>, "ref"> & {
-    ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
-}>;
-export declare const SliderTrack: import("react").FunctionComponent<Omit<SliderPrimitive.SliderTrackProps & import("react").RefAttributes<HTMLSpanElement>, "ref"> & {
-    ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
-}>;
-export declare const SliderRange: import("react").FunctionComponent<Omit<SliderPrimitive.SliderRangeProps & import("react").RefAttributes<HTMLSpanElement>, "ref"> & {
-    ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
-}>;
-export declare const SliderThumb: import("react").FunctionComponent<Omit<SliderPrimitive.SliderThumbProps & import("react").RefAttributes<HTMLSpanElement>, "ref"> & {
-    ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
-}>;
+export declare const SliderRoot: import("react").FunctionComponent<SliderPrimitive.SliderProps & import("react").RefAttributes<HTMLSpanElement>>;
+export declare const SliderTrack: import("react").FunctionComponent<SliderPrimitive.SliderTrackProps & import("react").RefAttributes<HTMLSpanElement>>;
+export declare const SliderRange: import("react").FunctionComponent<SliderPrimitive.SliderRangeProps & import("react").RefAttributes<HTMLSpanElement>>;
+export declare const SliderThumb: import("react").FunctionComponent<SliderPrimitive.SliderThumbProps & import("react").RefAttributes<HTMLSpanElement>>;
 export interface SliderProps extends SliderPrimitive.SliderProps {
     label?: string;
     color?: 'default' | 'primary';
 }
 export declare const Slider: import("react").ForwardRefExoticComponent<SliderProps & import("react").RefAttributes<HTMLDivElement>> & {
-    Root: import("react").FunctionComponent<Omit<SliderPrimitive.SliderProps & import("react").RefAttributes<HTMLSpanElement>, "ref"> & {
-        ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
-    }>;
-    Track: import("react").FunctionComponent<Omit<SliderPrimitive.SliderTrackProps & import("react").RefAttributes<HTMLSpanElement>, "ref"> & {
-        ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
-    }>;
-    Range: import("react").FunctionComponent<Omit<SliderPrimitive.SliderRangeProps & import("react").RefAttributes<HTMLSpanElement>, "ref"> & {
-        ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
-    }>;
-    Thumb: import("react").FunctionComponent<Omit<SliderPrimitive.SliderThumbProps & import("react").RefAttributes<HTMLSpanElement>, "ref"> & {
-        ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
-    }>;
+    Root: import("react").FunctionComponent<SliderPrimitive.SliderProps & import("react").RefAttributes<HTMLSpanElement>>;
+    Track: import("react").FunctionComponent<SliderPrimitive.SliderTrackProps & import("react").RefAttributes<HTMLSpanElement>>;
+    Range: import("react").FunctionComponent<SliderPrimitive.SliderRangeProps & import("react").RefAttributes<HTMLSpanElement>>;
+    Thumb: import("react").FunctionComponent<SliderPrimitive.SliderThumbProps & import("react").RefAttributes<HTMLSpanElement>>;
 };

package/dist/cjs/components/slider/Slider.js

@@ -16,13 +16,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 var __rest = (this && this.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
@@ -37,13 +47,13 @@ var __rest = (this && this.__rest) || function (s, e) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Slider = exports.SliderThumb = exports.SliderRange = exports.SliderTrack = exports.SliderRoot = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
+const SliderPrimitive = __importStar(require("@radix-ui/react-slider"));
 const react_1 = require("react");
 const hooks_js_1 = require("../../hooks.js");
-const SliderPrimitive = __importStar(require("@radix-ui/react-slider"));
 exports.SliderRoot = (0, hooks_js_1.withClassName)(SliderPrimitive.Root, 'layer-components:relative layer-components:flex layer-components:items-center layer-components:select-none layer-components:touch-none layer-components:w-full layer-components:h-30px layer-components:translate-z-0');
 exports.SliderTrack = (0, hooks_js_1.withClassName)(SliderPrimitive.Track, 'layer-components:bg-transparent layer-components:relative layer-components:grow layer-components:rounded-full layer-components:h-9px layer-components:border layer-components:border-1px layer-components:border-solid layer-components:border-black');
 exports.SliderRange = (0, hooks_js_1.withClassName)(SliderPrimitive.Range, 'layer-components:absolute layer-components:bg-accent layer-components:rounded-full layer-components:h-full', 'layer-variants:[&[data-color=primary]]:bg-primary');
-exports.SliderThumb = (0, hooks_js_1.withClassName)(SliderPrimitive.Thumb, 'layer-components:block layer-components:w-5 layer-components:h-5 layer-components:bg-white layer-components:shadow-sm layer-components:rounded-full layer-components:ring-2 layer-components:ring-black layer-components:touch-none layer-components:transition-all', 'layer-components:hover:shadow-md', 'layer-components:active:shadow-lg layer-components:active:ring-4 layer-components:active:ring-accent layer-components:active:ring-opacity-50 layer-components:active:bg-accent-light', 'layer-components:focus-visible:shadow-lg layer-components:focus-visible:ring-4 layer-components:focus-visible:ring-accent layer-components:focus-visible:ring-opacity-50 layer-components:focus-visible:outline-none layer-components:focus-visible:bg-accent-light', 'layer-components:focus:outline-none', 'layer-components:disabled:opacity-50', 'layer-variants:[&[data-color=primary]]:active:bg-primary-light layer-variants:[&[data-color=primary]]:active:ring-primary', 'layer-variants:[&[data-color=primary]]:focus-visible:bg-primary-light layer-variants:[&[data-color=primary]]:focus-visible:ring-primary');
+exports.SliderThumb = (0, hooks_js_1.withClassName)(SliderPrimitive.Thumb, 'layer-components:block layer-components:w-5 layer-components:h-5 layer-components:bg-white layer-components:shadow-sm layer-components:rounded-full layer-components:ring-2 layer-components:ring-black layer-components:touch-none layer-components:transition-all', 'layer-components:hover:shadow-md', 'layer-components:active:shadow-lg layer-components:active:ring-4 layer-components:active:ring-accent-dark layer-components:active:ring-opacity-50 layer-components:active:bg-accent-light', 'layer-components:focus-visible:shadow-lg layer-components:focus-visible:ring-4 layer-components:focus-visible:ring-accent-dark layer-components:focus-visible:ring-opacity-50 layer-components:focus-visible:outline-none layer-components:focus-visible:bg-accent-light', 'layer-components:focus:outline-none', 'layer-components:disabled:opacity-50', 'layer-variants:[&[data-color=primary]]:active:bg-primary-light layer-variants:[&[data-color=primary]]:active:ring-primary-dark', 'layer-variants:[&[data-color=primary]]:focus-visible:bg-primary-light layer-variants:[&[data-color=primary]]:focus-visible:ring-primary-dark');
 exports.Slider = Object.assign((0, react_1.forwardRef)(function Slider(_a, ref) {
     var { label, color } = _a, props = __rest(_a, ["label", "color"]);
     return ((0, jsx_runtime_1.jsxs)(exports.SliderRoot, Object.assign({ ref: ref }, props, { children: [(0, jsx_runtime_1.jsx)(exports.SliderTrack, { children: (0, jsx_runtime_1.jsx)(exports.SliderRange, { "data-color": color }) }), (0, jsx_runtime_1.jsx)(exports.SliderThumb, { "aria-label": label, "data-color": color })] })));

package/dist/cjs/components/slider/Slider.js.map

@@ -1 +1 @@
-{"version":3,"file":"Slider.js","sourceRoot":"","sources":["../../../../src/components/slider/Slider.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,iCAAmC;AACnC,6CAA+C;AAC/C,wEAA0D;AAE7C,QAAA,UAAU,GAAG,IAAA,wBAAa,EACtC,eAAe,CAAC,IAAI,EACpB,kGAAkG,CAClG,CAAC;AACW,QAAA,WAAW,GAAG,IAAA,wBAAa,EACvC,eAAe,CAAC,KAAK,EACrB,gHAAgH,CAChH,CAAC;AACW,QAAA,WAAW,GAAG,IAAA,wBAAa,EACvC,eAAe,CAAC,KAAK,EACrB,2DAA2D,EAC3D,mDAAmD,CACnD,CAAC;AACW,QAAA,WAAW,GAAG,IAAA,wBAAa,EACvC,eAAe,CAAC,KAAK,EACrB,8GAA8G,EAC9G,oCAAoC,EACpC,wFAAwF,EACxF,4GAA4G,EAC5G,uCAAuC,EACvC,wCAAwC,EACxC,+EAA+E,EAC/E,sFAAsF,CACtF,CAAC;AAOW,QAAA,MAAM,GAAG,MAAM,CAAC,MAAM,CAClC,IAAA,kBAAU,EAA8B,SAAS,MAAM,CACtD,EAA0B,EAC1B,GAAG;QADH,EAAE,KAAK,EAAE,KAAK,OAAY,EAAP,KAAK,cAAxB,kBAA0B,CAAF;IAGxB,OAAO,CACN,wBAAC,kBAAU,kBAAC,GAAG,EAAE,GAAG,IAAM,KAAK,eAC9B,uBAAC,mBAAW,cACX,uBAAC,mBAAW,kBAAa,KAAK,GAAI,GACrB,EACd,uBAAC,mBAAW,kBAAa,KAAK,gBAAc,KAAK,GAAI,KACzC,CACb,CAAC;AACH,CAAC,CAAC,EACF;IACC,IAAI,EAAE,kBAAU;IAChB,KAAK,EAAE,mBAAW;IAClB,KAAK,EAAE,mBAAW;IAClB,KAAK,EAAE,mBAAW;CAClB,CACD,CAAC"}
+{"version":3,"file":"Slider.js","sourceRoot":"","sources":["../../../../src/components/slider/Slider.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,wEAA0D;AAC1D,iCAAmC;AACnC,6CAA+C;AAElC,QAAA,UAAU,GAAG,IAAA,wBAAa,EACtC,eAAe,CAAC,IAAI,EACpB,kGAAkG,CAClG,CAAC;AACW,QAAA,WAAW,GAAG,IAAA,wBAAa,EACvC,eAAe,CAAC,KAAK,EACrB,gHAAgH,CAChH,CAAC;AACW,QAAA,WAAW,GAAG,IAAA,wBAAa,EACvC,eAAe,CAAC,KAAK,EACrB,2DAA2D,EAC3D,mDAAmD,CACnD,CAAC;AACW,QAAA,WAAW,GAAG,IAAA,wBAAa,EACvC,eAAe,CAAC,KAAK,EACrB,8GAA8G,EAC9G,oCAAoC,EACpC,6FAA6F,EAC7F,iHAAiH,EACjH,uCAAuC,EACvC,wCAAwC,EACxC,oFAAoF,EACpF,2FAA2F,CAC3F,CAAC;AAOW,QAAA,MAAM,GAAG,MAAM,CAAC,MAAM,CAClC,IAAA,kBAAU,EAA8B,SAAS,MAAM,CACtD,EAA0B,EAC1B,GAAG;QADH,EAAE,KAAK,EAAE,KAAK,OAAY,EAAP,KAAK,cAAxB,kBAA0B,CAAF;IAGxB,OAAO,CACN,wBAAC,kBAAU,kBAAC,GAAG,EAAE,GAAG,IAAM,KAAK,eAC9B,uBAAC,mBAAW,cACX,uBAAC,mBAAW,kBAAa,KAAK,GAAI,GACrB,EACd,uBAAC,mBAAW,kBAAa,KAAK,gBAAc,KAAK,GAAI,KACzC,CACb,CAAC;AACH,CAAC,CAAC,EACF;IACC,IAAI,EAAE,kBAAU;IAChB,KAAK,EAAE,mBAAW;IAClB,KAAK,EAAE,mBAAW;IAClB,KAAK,EAAE,mBAAW;CAClB,CACD,CAAC"}

package/dist/cjs/components/slider/Slider.stories.d.ts

@@ -1,21 +1,12 @@
-/// <reference types="react" resolution-mode="require"/>
 import type { StoryObj } from '@storybook/react';
 import { Slider } from './Slider.js';
 declare const meta: {
     title: string;
     component: import("react").ForwardRefExoticComponent<import("./Slider.js").SliderProps & import("react").RefAttributes<HTMLDivElement>> & {
-        Root: import("react").FunctionComponent<Omit<import("@radix-ui/react-slider").SliderProps & import("react").RefAttributes<HTMLSpanElement>, "ref"> & {
-            ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
-        }>;
-        Track: import("react").FunctionComponent<Omit<import("@radix-ui/react-slider").SliderTrackProps & import("react").RefAttributes<HTMLSpanElement>, "ref"> & {
-            ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
-        }>;
-        Range: import("react").FunctionComponent<Omit<import("@radix-ui/react-slider").SliderRangeProps & import("react").RefAttributes<HTMLSpanElement>, "ref"> & {
-            ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
-        }>;
-        Thumb: import("react").FunctionComponent<Omit<import("@radix-ui/react-slider").SliderThumbProps & import("react").RefAttributes<HTMLSpanElement>, "ref"> & {
-            ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
-        }>;
+        Root: import("react").FunctionComponent<import("@radix-ui/react-slider").SliderProps & import("react").RefAttributes<HTMLSpanElement>>;
+        Track: import("react").FunctionComponent<import("@radix-ui/react-slider").SliderTrackProps & import("react").RefAttributes<HTMLSpanElement>>;
+        Range: import("react").FunctionComponent<import("@radix-ui/react-slider").SliderRangeProps & import("react").RefAttributes<HTMLSpanElement>>;
+        Thumb: import("react").FunctionComponent<import("@radix-ui/react-slider").SliderThumbProps & import("react").RefAttributes<HTMLSpanElement>>;
     };
     argTypes: {};
     parameters: {

package/dist/cjs/components/spinner/Spinner.js

@@ -22,9 +22,9 @@ const clsx_1 = __importDefault(require("clsx"));
 const CIRCLE_SIZE = 44;
 exports.Spinner = (0, react_1.forwardRef)(function Spinner(_a, ref) {
     var { size = 40, thickness = 7.2, className, style } = _a, props = __rest(_a, ["size", "thickness", "className", "style"]);
-    return ((0, jsx_runtime_1.jsx)("div", Object.assign({ ref: ref, role: "progressbar" }, props, { className: (0, clsx_1.default)('inline-block animate-spin animate-ease-linear animate-iteration-infinite color-inherit animate-duration-1400 transform-origin-[50%_50%]', className), style: Object.assign({ width: size, height: size }, style) }, { children: (0, jsx_runtime_1.jsx)("svg", Object.assign({ className: "block", viewBox: `${CIRCLE_SIZE / 2} ${CIRCLE_SIZE / 2} ${CIRCLE_SIZE} ${CIRCLE_SIZE}` }, { children: (0, jsx_runtime_1.jsx)("circle", { className: "stroke-current animate-spinner-stroke animate-ease-in-out animate-iteration-infinite animate-duration-1400 [stroke-dasharray:80_200] [stroke-dashoffset:0]", cx: CIRCLE_SIZE, cy: CIRCLE_SIZE, r: (CIRCLE_SIZE - thickness) / 2, fill: "none", strokeWidth: thickness }) })) })));
+    return ((0, jsx_runtime_1.jsx)("div", Object.assign({ ref: ref, role: "progressbar" }, props, { className: (0, clsx_1.default)('inline-block animate-spin animate-ease-linear animate-iteration-infinite color-inherit animate-duration-1400 transform-origin-[50%_50%]', className), style: Object.assign({ width: size, height: size }, style), children: (0, jsx_runtime_1.jsx)("svg", { className: "block", viewBox: `${CIRCLE_SIZE / 2} ${CIRCLE_SIZE / 2} ${CIRCLE_SIZE} ${CIRCLE_SIZE}`, children: (0, jsx_runtime_1.jsx)("circle", { className: "stroke-current animate-spinner-stroke animate-ease-in-out animate-iteration-infinite animate-duration-1400 [stroke-dasharray:80_200] [stroke-dashoffset:0]", cx: CIRCLE_SIZE, cy: CIRCLE_SIZE, r: (CIRCLE_SIZE - thickness) / 2, fill: "none", strokeWidth: thickness }) }) })));
 });
 exports.FullScreenSpinner = (0, react_1.forwardRef)(function FullScreenSpinner(props, ref) {
-    return ((0, jsx_runtime_1.jsx)("div", Object.assign({ ref: ref, className: "flex flex-row gap-4 w-full flex-1 justify-center items-center self-stretch" }, { children: (0, jsx_runtime_1.jsx)(exports.Spinner, Object.assign({}, props)) })));
+    return ((0, jsx_runtime_1.jsx)("div", { ref: ref, className: "flex flex-row gap-4 w-full flex-1 justify-center items-center self-stretch", children: (0, jsx_runtime_1.jsx)(exports.Spinner, Object.assign({}, props)) }));
 });
 //# sourceMappingURL=Spinner.js.map

package/dist/cjs/components/spinner/Spinner.js.map

@@ -1 +1 @@
-{"version":3,"file":"Spinner.js","sourceRoot":"","sources":["../../../../src/components/spinner/Spinner.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,iCAAmD;AACnD,gDAA8B;AAE9B,MAAM,WAAW,GAAG,EAAE,CAAC;AAQV,QAAA,OAAO,GAAG,IAAA,kBAAU,EAChC,SAAS,OAAO,CACf,EAA0D,EAC1D,GAAG;QADH,EAAE,IAAI,GAAG,EAAE,EAAE,SAAS,GAAG,GAAG,EAAE,SAAS,EAAE,KAAK,OAAY,EAAP,KAAK,cAAxD,2CAA0D,CAAF;IAGxD,OAAO,CACN,8CACC,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,aAAa,IACd,KAAK,IACT,SAAS,EAAE,IAAA,cAAU,EACpB,yIAAyI,EACzI,SAAS,CACT,EACD,KAAK,kBAAI,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,IAAK,KAAK,iBAE5C,8CACC,SAAS,EAAC,OAAO,EACjB,OAAO,EAAE,GAAG,WAAW,GAAG,CAAC,IAC1B,WAAW,GAAG,CACf,IAAI,WAAW,IAAI,WAAW,EAAE,gBAEhC,mCACC,SAAS,EAAC,4JAA4J,EACtK,EAAE,EAAE,WAAW,EACf,EAAE,EAAE,WAAW,EACf,CAAC,EAAE,CAAC,WAAW,GAAG,SAAS,CAAC,GAAG,CAAC,EAChC,IAAI,EAAC,MAAM,EACX,WAAW,EAAE,SAAS,GACrB,IACG,IACD,CACN,CAAC;AACH,CAAC,CACD,CAAC;AAEW,QAAA,iBAAiB,GAAG,IAAA,kBAAU,EAC1C,SAAS,iBAAiB,CAAC,KAAK,EAAE,GAAG;IACpC,OAAO,CACN,8CACC,GAAG,EAAE,GAAG,EACR,SAAS,EAAC,4EAA4E,gBAEtF,uBAAC,eAAO,oBAAK,KAAK,EAAI,IACjB,CACN,CAAC;AACH,CAAC,CACD,CAAC"}
+{"version":3,"file":"Spinner.js","sourceRoot":"","sources":["../../../../src/components/spinner/Spinner.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,iCAAmD;AACnD,gDAA8B;AAE9B,MAAM,WAAW,GAAG,EAAE,CAAC;AAQV,QAAA,OAAO,GAAG,IAAA,kBAAU,EAChC,SAAS,OAAO,CACf,EAA0D,EAC1D,GAAG;QADH,EAAE,IAAI,GAAG,EAAE,EAAE,SAAS,GAAG,GAAG,EAAE,SAAS,EAAE,KAAK,OAAY,EAAP,KAAK,cAAxD,2CAA0D,CAAF;IAGxD,OAAO,CACN,8CACC,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,aAAa,IACd,KAAK,IACT,SAAS,EAAE,IAAA,cAAU,EACpB,yIAAyI,EACzI,SAAS,CACT,EACD,KAAK,kBAAI,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,IAAK,KAAK,aAE5C,gCACC,SAAS,EAAC,OAAO,EACjB,OAAO,EAAE,GAAG,WAAW,GAAG,CAAC,IAC1B,WAAW,GAAG,CACf,IAAI,WAAW,IAAI,WAAW,EAAE,YAEhC,mCACC,SAAS,EAAC,4JAA4J,EACtK,EAAE,EAAE,WAAW,EACf,EAAE,EAAE,WAAW,EACf,CAAC,EAAE,CAAC,WAAW,GAAG,SAAS,CAAC,GAAG,CAAC,EAChC,IAAI,EAAC,MAAM,EACX,WAAW,EAAE,SAAS,GACrB,GACG,IACD,CACN,CAAC;AACH,CAAC,CACD,CAAC;AAEW,QAAA,iBAAiB,GAAG,IAAA,kBAAU,EAC1C,SAAS,iBAAiB,CAAC,KAAK,EAAE,GAAG;IACpC,OAAO,CACN,gCACC,GAAG,EAAE,GAAG,EACR,SAAS,EAAC,4EAA4E,YAEtF,uBAAC,eAAO,oBAAK,KAAK,EAAI,GACjB,CACN,CAAC;AACH,CAAC,CACD,CAAC"}

package/dist/cjs/components/switch/Switch.d.ts

@@ -1,10 +1,5 @@
-/// <reference types="react" resolution-mode="require"/>
 import { SwitchProps } from '@radix-ui/react-switch';
 export declare const Switch: import("react").ForwardRefExoticComponent<SwitchProps & import("react").RefAttributes<HTMLButtonElement>> & {
-    Root: import("react").FunctionComponent<Omit<SwitchProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & {
-        ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
-    }>;
-    Thumb: import("react").FunctionComponent<Omit<import("@radix-ui/react-switch").SwitchThumbProps & import("react").RefAttributes<HTMLSpanElement>, "ref"> & {
-        ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
-    }>;
+    Root: import("react").FunctionComponent<SwitchProps & import("react").RefAttributes<HTMLButtonElement>>;
+    Thumb: import("react").FunctionComponent<import("@radix-ui/react-switch").SwitchThumbProps & import("react").RefAttributes<HTMLSpanElement>>;
 };

package/dist/cjs/components/switch/Switch.js

@@ -9,7 +9,7 @@ const react_1 = require("react");
 const SwitchRoot = (0, withClassName_js_1.withClassName)(react_switch_1.Root, 'unset w-42px h-25px bg-white rounded-full relative transition-color border-default flex-shrink-0 focus-visible:shadow-focus [&[data-state=checked]]:bg-accent');
 const SwitchThumb = (0, withClassName_js_1.withClassName)(react_switch_1.Thumb, 'block w-21px h-21px bg-white rounded-full border-default transition-transform will-change-transform [&[data-state=checked]]:translate-x-19px');
 exports.Switch = Object.assign((0, react_1.forwardRef)(function Switch(props, ref) {
-    return ((0, jsx_runtime_1.jsx)(SwitchRoot, Object.assign({}, props, { ref: ref }, { children: (0, jsx_runtime_1.jsx)(SwitchThumb, {}) })));
+    return ((0, jsx_runtime_1.jsx)(SwitchRoot, Object.assign({}, props, { ref: ref, children: (0, jsx_runtime_1.jsx)(SwitchThumb, {}) })));
 }), {
     Root: SwitchRoot,
     Thumb: SwitchThumb,

package/dist/cjs/components/switch/Switch.js.map

@@ -1 +1 @@
-{"version":3,"file":"Switch.js","sourceRoot":"","sources":["../../../../src/components/switch/Switch.tsx"],"names":[],"mappings":";;;;AAAA,mEAA6D;AAC7D,yDAAkE;AAClE,iCAAmC;AAEnC,MAAM,UAAU,GAAG,IAAA,gCAAa,EAC/B,mBAAI,EACJ,+JAA+J,CAC/J,CAAC;AAEF,MAAM,WAAW,GAAG,IAAA,gCAAa,EAChC,oBAAK,EACL,8IAA8I,CAC9I,CAAC;AAEW,QAAA,MAAM,GAAG,MAAM,CAAC,MAAM,CAClC,IAAA,kBAAU,EAAiC,SAAS,MAAM,CAAC,KAAK,EAAE,GAAG;IACpE,OAAO,CACN,uBAAC,UAAU,oBAAK,KAAK,IAAE,GAAG,EAAE,GAAG,gBAC9B,uBAAC,WAAW,KAAG,IACH,CACb,CAAC;AACH,CAAC,CAAC,EACF;IACC,IAAI,EAAE,UAAU;IAChB,KAAK,EAAE,WAAW;CAClB,CACD,CAAC"}
+{"version":3,"file":"Switch.js","sourceRoot":"","sources":["../../../../src/components/switch/Switch.tsx"],"names":[],"mappings":";;;;AAAA,mEAA6D;AAC7D,yDAAkE;AAClE,iCAAmC;AAEnC,MAAM,UAAU,GAAG,IAAA,gCAAa,EAC/B,mBAAI,EACJ,+JAA+J,CAC/J,CAAC;AAEF,MAAM,WAAW,GAAG,IAAA,gCAAa,EAChC,oBAAK,EACL,8IAA8I,CAC9I,CAAC;AAEW,QAAA,MAAM,GAAG,MAAM,CAAC,MAAM,CAClC,IAAA,kBAAU,EAAiC,SAAS,MAAM,CAAC,KAAK,EAAE,GAAG;IACpE,OAAO,CACN,uBAAC,UAAU,oBAAK,KAAK,IAAE,GAAG,EAAE,GAAG,YAC9B,uBAAC,WAAW,KAAG,IACH,CACb,CAAC;AACH,CAAC,CAAC,EACF;IACC,IAAI,EAAE,UAAU;IAChB,KAAK,EAAE,WAAW;CAClB,CACD,CAAC"}

package/dist/cjs/components/tabs/tabs.d.ts

@@ -1,27 +1,10 @@
-/// <reference types="react" resolution-mode="require"/>
 import * as TabsPrimitive from '@radix-ui/react-tabs';
-export declare const TabsRoot: import("react").FunctionComponent<Omit<TabsPrimitive.TabsProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}>;
-export declare const TabsList: import("react").FunctionComponent<Omit<TabsPrimitive.TabsListProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}>;
-export declare const TabsTrigger: import("react").FunctionComponent<Omit<TabsPrimitive.TabsTriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & {
-    ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
-}>;
-export declare const TabsContent: import("react").FunctionComponent<Omit<TabsPrimitive.TabsContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}>;
-export declare const Tabs: import("react").FunctionComponent<Omit<TabsPrimitive.TabsProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}> & {
-    List: import("react").FunctionComponent<Omit<TabsPrimitive.TabsListProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
-        ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-    }>;
-    Trigger: import("react").FunctionComponent<Omit<TabsPrimitive.TabsTriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & {
-        ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
-    }>;
-    Content: import("react").FunctionComponent<Omit<TabsPrimitive.TabsContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
-        ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-    }>;
+export declare const TabsRoot: import("react").FunctionComponent<TabsPrimitive.TabsProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const TabsList: import("react").FunctionComponent<TabsPrimitive.TabsListProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const TabsTrigger: import("react").FunctionComponent<TabsPrimitive.TabsTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
+export declare const TabsContent: import("react").FunctionComponent<TabsPrimitive.TabsContentProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const Tabs: import("react").FunctionComponent<TabsPrimitive.TabsProps & import("react").RefAttributes<HTMLDivElement>> & {
+    List: import("react").FunctionComponent<TabsPrimitive.TabsListProps & import("react").RefAttributes<HTMLDivElement>>;
+    Trigger: import("react").FunctionComponent<TabsPrimitive.TabsTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
+    Content: import("react").FunctionComponent<TabsPrimitive.TabsContentProps & import("react").RefAttributes<HTMLDivElement>>;
 };

package/dist/cjs/components/tabs/tabs.js

@@ -16,13 +16,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Tabs = exports.TabsContent = exports.TabsTrigger = exports.TabsList = exports.TabsRoot = void 0;
 const TabsPrimitive = __importStar(require("@radix-ui/react-tabs"));

package/dist/cjs/components/tabs/tabs.js.map

@@ -1 +1 @@
-{"version":3,"file":"tabs.js","sourceRoot":"","sources":["../../../../src/components/tabs/tabs.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,oEAAsD;AACtD,mEAA6D;AAEhD,QAAA,QAAQ,GAAG,IAAA,gCAAa,EAAC,aAAa,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;AAEjD,QAAA,QAAQ,GAAG,IAAA,gCAAa,EACpC,aAAa,CAAC,IAAI,EAClB,qDAAqD,CACrD,CAAC;AAEW,QAAA,WAAW,GAAG,IAAA,gCAAa,EACvC,aAAa,CAAC,OAAO,EACrB,6QAA6Q,EAC7Q,uQAAuQ,CACvQ,CAAC;AAEW,QAAA,WAAW,GAAG,IAAA,gCAAa,EAAC,aAAa,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC;AAEvD,QAAA,IAAI,GAAG,MAAM,CAAC,MAAM,CAAC,gBAAQ,EAAE;IAC3C,IAAI,EAAE,gBAAQ;IACd,OAAO,EAAE,mBAAW;IACpB,OAAO,EAAE,mBAAW;CACpB,CAAC,CAAC"}
+{"version":3,"file":"tabs.js","sourceRoot":"","sources":["../../../../src/components/tabs/tabs.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,oEAAsD;AACtD,mEAA6D;AAEhD,QAAA,QAAQ,GAAG,IAAA,gCAAa,EAAC,aAAa,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;AAEjD,QAAA,QAAQ,GAAG,IAAA,gCAAa,EACpC,aAAa,CAAC,IAAI,EAClB,qDAAqD,CACrD,CAAC;AAEW,QAAA,WAAW,GAAG,IAAA,gCAAa,EACvC,aAAa,CAAC,OAAO,EACrB,6QAA6Q,EAC7Q,uQAAuQ,CACvQ,CAAC;AAEW,QAAA,WAAW,GAAG,IAAA,gCAAa,EAAC,aAAa,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC;AAEvD,QAAA,IAAI,GAAG,MAAM,CAAC,MAAM,CAAC,gBAAQ,EAAE;IAC3C,IAAI,EAAE,gBAAQ;IACd,OAAO,EAAE,mBAAW;IACpB,OAAO,EAAE,mBAAW;CACpB,CAAC,CAAC"}

package/dist/cjs/components/tabs/tabs.stories.js

@@ -16,7 +16,7 @@ exports.default = meta;
 exports.Default = {
     render: () => {
         const [value, setValue] = (0, react_1.useState)('tab1');
-        return ((0, jsx_runtime_1.jsxs)(tabs_js_1.TabsRoot, Object.assign({ value: value, onValueChange: setValue }, { children: [(0, jsx_runtime_1.jsxs)(tabs_js_1.TabsList, { children: [(0, jsx_runtime_1.jsx)(tabs_js_1.TabsTrigger, Object.assign({ value: "tab1" }, { children: "Tab 1" })), (0, jsx_runtime_1.jsx)(tabs_js_1.TabsTrigger, Object.assign({ value: "tab2" }, { children: "Tab 2 (long)" })), (0, jsx_runtime_1.jsx)(tabs_js_1.TabsTrigger, Object.assign({ value: "tab3" }, { children: "Tab 3" }))] }), (0, jsx_runtime_1.jsx)(tabs_js_1.TabsContent, Object.assign({ value: "tab1" }, { children: (0, jsx_runtime_1.jsx)("div", { children: "Tab 1 content" }) })), (0, jsx_runtime_1.jsx)(tabs_js_1.TabsContent, Object.assign({ value: "tab2" }, { children: (0, jsx_runtime_1.jsx)("div", { children: "Tab 2 content" }) })), (0, jsx_runtime_1.jsx)(tabs_js_1.TabsContent, Object.assign({ value: "tab3" }, { children: (0, jsx_runtime_1.jsx)("div", { children: "Tab 3 content" }) }))] })));
+        return ((0, jsx_runtime_1.jsxs)(tabs_js_1.TabsRoot, { value: value, onValueChange: setValue, children: [(0, jsx_runtime_1.jsxs)(tabs_js_1.TabsList, { children: [(0, jsx_runtime_1.jsx)(tabs_js_1.TabsTrigger, { value: "tab1", children: "Tab 1" }), (0, jsx_runtime_1.jsx)(tabs_js_1.TabsTrigger, { value: "tab2", children: "Tab 2 (long)" }), (0, jsx_runtime_1.jsx)(tabs_js_1.TabsTrigger, { value: "tab3", children: "Tab 3" })] }), (0, jsx_runtime_1.jsx)(tabs_js_1.TabsContent, { value: "tab1", children: (0, jsx_runtime_1.jsx)("div", { children: "Tab 1 content" }) }), (0, jsx_runtime_1.jsx)(tabs_js_1.TabsContent, { value: "tab2", children: (0, jsx_runtime_1.jsx)("div", { children: "Tab 2 content" }) }), (0, jsx_runtime_1.jsx)(tabs_js_1.TabsContent, { value: "tab3", children: (0, jsx_runtime_1.jsx)("div", { children: "Tab 3 content" }) })] }));
     },
 };
 //# sourceMappingURL=tabs.stories.js.map

package/dist/cjs/components/tabs/tabs.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"tabs.stories.js","sourceRoot":"","sources":["../../../../src/components/tabs/tabs.stories.tsx"],"names":[],"mappings":";;;;AACA,uCAAyE;AACzE,iCAAiC;AAEjC,MAAM,IAAI,GAAG;IACZ,KAAK,EAAE,MAAM;IACb,QAAQ,EAAE,EAAE;IACZ,UAAU,EAAE;QACX,QAAQ,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE;KAC5B;CACc,CAAC;AAEjB,kBAAe,IAAI,CAAC;AAIP,QAAA,OAAO,GAAU;IAC7B,MAAM,EAAE,GAAG,EAAE;QACZ,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,EAAC,MAAM,CAAC,CAAC;QAC3C,OAAO,CACN,wBAAC,kBAAQ,kBAAC,KAAK,EAAE,KAAK,EAAE,aAAa,EAAE,QAAQ,iBAC9C,wBAAC,kBAAQ,eACR,uBAAC,qBAAW,kBAAC,KAAK,EAAC,MAAM,2BAAoB,EAC7C,uBAAC,qBAAW,kBAAC,KAAK,EAAC,MAAM,kCAA2B,EACpD,uBAAC,qBAAW,kBAAC,KAAK,EAAC,MAAM,2BAAoB,IACnC,EACX,uBAAC,qBAAW,kBAAC,KAAK,EAAC,MAAM,gBACxB,4DAAwB,IACX,EACd,uBAAC,qBAAW,kBAAC,KAAK,EAAC,MAAM,gBACxB,4DAAwB,IACX,EACd,uBAAC,qBAAW,kBAAC,KAAK,EAAC,MAAM,gBACxB,4DAAwB,IACX,KACJ,CACX,CAAC;IACH,CAAC;CACe,CAAC"}
+{"version":3,"file":"tabs.stories.js","sourceRoot":"","sources":["../../../../src/components/tabs/tabs.stories.tsx"],"names":[],"mappings":";;;;AACA,uCAAyE;AACzE,iCAAiC;AAEjC,MAAM,IAAI,GAAG;IACZ,KAAK,EAAE,MAAM;IACb,QAAQ,EAAE,EAAE;IACZ,UAAU,EAAE;QACX,QAAQ,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE;KAC5B;CACc,CAAC;AAEjB,kBAAe,IAAI,CAAC;AAIP,QAAA,OAAO,GAAU;IAC7B,MAAM,EAAE,GAAG,EAAE;QACZ,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,EAAC,MAAM,CAAC,CAAC;QAC3C,OAAO,CACN,wBAAC,kBAAQ,IAAC,KAAK,EAAE,KAAK,EAAE,aAAa,EAAE,QAAQ,aAC9C,wBAAC,kBAAQ,eACR,uBAAC,qBAAW,IAAC,KAAK,EAAC,MAAM,sBAAoB,EAC7C,uBAAC,qBAAW,IAAC,KAAK,EAAC,MAAM,6BAA2B,EACpD,uBAAC,qBAAW,IAAC,KAAK,EAAC,MAAM,sBAAoB,IACnC,EACX,uBAAC,qBAAW,IAAC,KAAK,EAAC,MAAM,YACxB,4DAAwB,GACX,EACd,uBAAC,qBAAW,IAAC,KAAK,EAAC,MAAM,YACxB,4DAAwB,GACX,EACd,uBAAC,qBAAW,IAAC,KAAK,EAAC,MAAM,YACxB,4DAAwB,GACX,IACJ,CACX,CAAC;IACH,CAAC;CACe,CAAC"}

package/dist/cjs/components/textArea/TextArea.d.ts

@@ -6,5 +6,6 @@ export interface TextAreaProps extends Omit<HTMLProps<HTMLTextAreaElement>, 'ref
     padBottomPixels?: number;
     placeholders?: string[];
     placeholdersIntervalMs?: number;
+    onValueChange?: (value: string) => void;
 }
 export declare const TextArea: import("react").ForwardRefExoticComponent<TextAreaProps & import("react").RefAttributes<HTMLTextAreaElement>>;

package/dist/cjs/components/textArea/TextArea.js

@@ -25,7 +25,7 @@ const useRotatingShuffledValue_js_1 = require("../../hooks/useRotatingShuffledVa
 const index_js_1 = require("../input/index.js");
 exports.TextArea = (0, react_1.forwardRef)(function TextArea(_a, ref) {
     var _b;
-    var { autoSize, autoSelect, onFocus, className, rows, padBottomPixels = 0, onChange, placeholder, placeholders, placeholdersIntervalMs = 5000 } = _a, rest = __rest(_a, ["autoSize", "autoSelect", "onFocus", "className", "rows", "padBottomPixels", "onChange", "placeholder", "placeholders", "placeholdersIntervalMs"]);
+    var { autoSize, autoSelect, onFocus, className, rows, padBottomPixels = 0, onChange, placeholder, placeholders, placeholdersIntervalMs = 5000, onValueChange } = _a, rest = __rest(_a, ["autoSize", "autoSelect", "onFocus", "className", "rows", "padBottomPixels", "onChange", "placeholder", "placeholders", "placeholdersIntervalMs", "onValueChange"]);
     const innerRef = (0, react_1.useRef)(null);
     const finalRef = (0, useMergedRef_js_1.default)(innerRef, ref);
     const [innerValue, setInnerValue] = (0, react_1.useState)('');
@@ -48,7 +48,10 @@ exports.TextArea = (0, react_1.forwardRef)(function TextArea(_a, ref) {
         if (onChange) {
             onChange(e);
         }
-    }, [onChange]);
+        if (onValueChange) {
+            onValueChange(e.target.value);
+        }
+    }, [onChange, onValueChange]);
     const handleFocus = (0, react_1.useCallback)((e) => {
         if (autoSelect) {
             e.target.select();
@@ -58,7 +61,7 @@ exports.TextArea = (0, react_1.forwardRef)(function TextArea(_a, ref) {
         }
     }, [autoSelect, onFocus]);
     const randomPlaceholder = (0, useRotatingShuffledValue_js_1.useRotatingShuffledValue)(placeholders !== null && placeholders !== void 0 ? placeholders : [], placeholdersIntervalMs);
-    return ((0, jsx_runtime_1.jsx)("textarea", Object.assign({ ref: finalRef, className: (0, clsx_1.default)(index_js_1.inputClassName, 'layer-components:[font-family:inherit] layer-components:text-inherit layer-components:overflow-hidden layer-components:resize-none', 'layer-variants:rounded-20px', {
+    return ((0, jsx_runtime_1.jsx)("textarea", Object.assign({ ref: finalRef, className: (0, clsx_1.default)(index_js_1.inputClassName, 'layer-components:[font-family:inherit] layer-components:text-inherit layer-components:overflow-hidden layer-components:resize-none', 'layer-variants:rounded-20px layer-variants:px-4 layer-variants:py-4', {
             'layer-components:[resize:vertical]': !autoSize,
             'layer-components:[resize:none]': autoSize,
         }, className), rows: autoSize ? 1 : rows, onChange: handleChange, onFocus: handleFocus, placeholder: placeholder !== null && placeholder !== void 0 ? placeholder : randomPlaceholder }, rest)));