@a-type/ui 3.1.1 → 4.0.0-beta.10

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

@@ -1 +1 @@
-{"version":3,"file":"Slider.stories.js","sourceRoot":"","sources":["../../../../src/components/slider/Slider.stories.tsx"],"names":[],"mappings":";;;;;;;AACA,gDAAwB;AACxB,iCAAiC;AACjC,2CAAqC;AAErC,MAAM,IAAI,GAAG;IACZ,KAAK,EAAE,mBAAmB;IAC1B,SAAS,EAAE,kBAAM;IACjB,QAAQ,EAAE,EAAE;IACZ,UAAU,EAAE;QACX,QAAQ,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE;KAC5B;CAC6B,CAAC;AAEhC,kBAAe,IAAI,CAAC;AAIP,QAAA,OAAO,GAAU,EAAE,CAAC;AAEpB,QAAA,QAAQ,GAAU;IAC9B,IAAI,EAAE;QACL,WAAW,EAAE,UAAU;QACvB,KAAK,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE;KAC1B;CACD,CAAC;AAEW,QAAA,YAAY,GAAU;IAClC,IAAI,EAAE;QACL,WAAW,EAAE,UAAU;QACvB,KAAK,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE;QAC1B,GAAG,EAAE,CAAC,CAAC;QACP,GAAG,EAAE,CAAC;QACN,YAAY,EAAE,CAAC,CAAC,CAAC;KACjB;IACD,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE;QAChB,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,EAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QACxC,OAAO,CACN,wBAAC,kBAAM,CAAC,IAAI,kBAAC,KAAK,EAAE,KAAK,EAAE,aAAa,EAAE,QAAQ,IAAM,IAAI,eAC3D,uBAAC,kBAAM,CAAC,KAAK,IACZ,SAAS,EAAE,IAAA,cAAI,EAAC;wBACf,cAAc,EAAE,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;wBAC/B,oBAAoB,EAAE,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;wBACrC,SAAS,EAAE,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC;wBACzB,kBAAkB,EAAE,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC;wBAClC,YAAY,EAAE,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC;qBAC5B,CAAC,GACD,EACF,uBAAC,kBAAM,CAAC,KAAK,IAAC,SAAS,EAAC,eAAe,YACtC,gCAAK,SAAS,EAAC,SAAS,YACtB,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,GACxC,GACQ,KACF,CACd,CAAC;IACH,CAAC;CACD,CAAC"}
+{"version":3,"file":"Slider.stories.js","sourceRoot":"","sources":["../../../../src/components/slider/Slider.stories.tsx"],"names":[],"mappings":";;;;;;;AACA,gDAAwB;AACxB,iCAAiC;AACjC,2CAAqC;AAErC,MAAM,IAAI,GAAG;IACZ,KAAK,EAAE,mBAAmB;IAC1B,SAAS,EAAE,kBAAM;IACjB,QAAQ,EAAE,EAAE;IACZ,UAAU,EAAE;QACX,QAAQ,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE;KAC5B;CAC6B,CAAC;AAEhC,kBAAe,IAAI,CAAC;AAIP,QAAA,OAAO,GAAU,EAAE,CAAC;AAEpB,QAAA,QAAQ,GAAU;IAC9B,IAAI,EAAE;QACL,WAAW,EAAE,UAAU;QACvB,KAAK,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE;KAC1B;CACD,CAAC;AAEW,QAAA,YAAY,GAAU;IAClC,IAAI,EAAE;QACL,WAAW,EAAE,UAAU;QACvB,KAAK,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE;QAC1B,GAAG,EAAE,CAAC,CAAC;QACP,GAAG,EAAE,CAAC;QACN,YAAY,EAAE,CAAC;KACf;IACD,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE;QAChB,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,EAAS,CAAC,CAAC,CAAC;QAC9C,OAAO,CACN,uBAAC,kBAAM,CAAC,IAAI,kBACX,KAAK,EAAE,KAAK,EACZ,aAAa,EAAE,CAAC,CAAC,EAAE,EAAE;gBACpB,IAAI,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC;oBACtB,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;gBAChB,CAAC;qBAAM,CAAC;oBACP,QAAQ,CAAC,CAAW,CAAC,CAAC;gBACvB,CAAC;YACF,CAAC,EACD,KAAK,EAAE,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,IAC9D,IAAI,cAER,wBAAC,kBAAM,CAAC,KAAK,IACZ,SAAS,EAAE,IAAA,cAAI,EAAC;oBACf,cAAc,EAAE,KAAK,KAAK,CAAC,CAAC;oBAC5B,oBAAoB,EAAE,KAAK,KAAK,CAAC,CAAC;oBAClC,SAAS,EAAE,KAAK,KAAK,CAAC;oBACtB,kBAAkB,EAAE,KAAK,KAAK,CAAC;oBAC/B,YAAY,EAAE,KAAK,KAAK,CAAC;iBACzB,CAAC,aAEF,uBAAC,kBAAM,CAAC,SAAS,KAAG,EACpB,uBAAC,kBAAM,CAAC,KAAK,IAAC,SAAS,EAAC,eAAe,YACtC,gCAAK,SAAS,EAAC,SAAS,YACtB,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,CAAE,KAAgB,GAAG,CAAC,CAAC,GACjD,GACQ,IACD,IACF,CACd,CAAC;IACH,CAAC;CACD,CAAC;AAEW,QAAA,SAAS,GAAU;IAC/B,IAAI,EAAE;QACL,YAAY,EAAE,EAAE;KAChB;IACD,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CACjB,wBAAC,kBAAM,CAAC,IAAI,oBAAK,IAAI,eACpB,uBAAC,kBAAM,CAAC,EAAE,KAAG,EACb,uBAAC,kBAAM,CAAC,KAAK,KAAG,KACH,CACd;CACD,CAAC"}

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

@@ -1,7 +1,7 @@
-import { SwitchProps } from '@radix-ui/react-switch';
-export declare const Switch: (({ ref, ...props }: SwitchProps & {
+import { SwitchRootProps } from '@base-ui/react/switch';
+export declare const Switch: (({ ref, ...props }: SwitchRootProps & {
     ref?: React.Ref<HTMLButtonElement>;
 }) => import("react/jsx-runtime.js").JSX.Element) & {
-    Root: import("react").FunctionComponent<SwitchProps & import("react").RefAttributes<HTMLButtonElement>>;
-    Thumb: import("react").FunctionComponent<import("@radix-ui/react-switch").SwitchThumbProps & import("react").RefAttributes<HTMLSpanElement>>;
+    Root: import("react").FunctionComponent<SwitchRootProps & import("react").RefAttributes<HTMLElement>>;
+    Thumb: import("react").FunctionComponent<import("@base-ui/react/switch/index.js").SwitchThumbProps & import("react").RefAttributes<HTMLSpanElement>>;
 };

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

@@ -14,10 +14,10 @@ var __rest = (this && this.__rest) || function (s, e) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Switch = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const react_switch_1 = require("@radix-ui/react-switch");
+const switch_1 = require("@base-ui/react/switch");
 const withClassName_js_1 = require("../../hooks/withClassName.js");
-const SwitchRoot = (0, withClassName_js_1.withClassName)(react_switch_1.Root, 'layer-components:unset layer-components:transition-all layer-components:cursor-pointer layer-components:w-42px layer-components:h-25px layer-components:bg-white layer-components:rounded-lg layer-components:relative layer-components:border-default layer-components:flex-shrink-0 layer-components:shadow-sm', 'layer-components:[&[data-state=checked]]:bg-main', 'layer-components:hover:[&:not(:disabled)]:bg-lighten-2 layer-components:hover:[&:not(:disabled)]:ring-2 layer-components:hover:[&:not(:disabled)]:ring-bg', 'layer-components:active:[&:not(:disabled)]:bg-darken-1 layer-components:active:[&:not(:disabled)]:ring-4', 'layer-components:focus:outline-none', 'layer-components:focus-visible:ring-4 layer-components:focus-visible:ring-accent layer-components:focus-visible:outline-off');
-const SwitchThumb = (0, withClassName_js_1.withClassName)(react_switch_1.Thumb, 'layer-components:block layer-components:w-21px layer-components:h-21px layer-components:bg-white layer-components:rounded-lg layer-components:border-default layer-components:transition-transform layer-components:will-change-transform', 'layer-components:[&[data-state=checked]]:translate-x-18px');
+const SwitchRoot = (0, withClassName_js_1.withClassName)(switch_1.Switch.Root, 'layer-components:unset layer-components:appearance-none layer-components:flex layer-components:transition-all layer-components:cursor-pointer layer-components:w-42px layer-components:h-25px layer-components:p-2px layer-components:bg-gray-light layer-components:rounded-lg layer-components:relative layer-components:border-default layer-components:flex-shrink-0 layer-components:shadow-sm', 'layer-components:data-[checked]:bg-main', 'layer-components:hover:[&:not(:disabled)]:bg-lighten-2 layer-components:hover:[&:not(:disabled)]:ring-2 layer-components:hover:[&:not(:disabled)]:ring-bg', 'layer-components:active:[&:not(:disabled)]:bg-darken-1 layer-components:active:[&:not(:disabled)]:ring-4', 'layer-components:focus:outline-none', 'layer-components:focus-visible:ring-4 layer-components:focus-visible:ring-accent layer-components:focus-visible:outline-off');
+const SwitchThumb = (0, withClassName_js_1.withClassName)(switch_1.Switch.Thumb, 'layer-components:block layer-components:aspect-1 layer-components:h-full layer-components:bg-white layer-components:rounded-lg layer-components:border-default layer-components:transition-transform layer-components:will-change-transform', 'layer-components:data-[checked]:translate-x-1rem', 'layer-components:data-[checked]:before:content-["✓"] layer-components:data-[checked]:before:flex layer-components:data-[checked]:before:items-center layer-components:data-[checked]:before:justify-center layer-components:data-[checked]:before:absolute layer-components:data-[checked]:before:top-0 layer-components:data-[checked]:before:left-0 layer-components:data-[checked]:before:w-full layer-components:data-[checked]:before:h-full layer-components:data-[checked]:before:text-xs layer-components:data-[checked]:before:text-main-ink');
 exports.Switch = Object.assign(function Switch(_a) {
     var { ref } = _a, props = __rest(_a, ["ref"]);
     return ((0, jsx_runtime_1.jsx)(SwitchRoot, Object.assign({}, props, { ref: ref, children: (0, jsx_runtime_1.jsx)(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,yDAAkE;AAClE,mEAA6D;AAE7D,MAAM,UAAU,GAAG,IAAA,gCAAa,EAC/B,mBAAI,EACJ,0IAA0I,EAC1I,kDAAkD,EAClD,yEAAyE,EACzE,iEAAiE,EACjE,qCAAqC,EACrC,iEAAiE,CACjE,CAAC;AAEF,MAAM,WAAW,GAAG,IAAA,gCAAa,EAChC,oBAAK,EACL,sHAAsH,EACtH,2DAA2D,CAC3D,CAAC;AAEW,QAAA,MAAM,GAAG,MAAM,CAAC,MAAM,CAClC,SAAS,MAAM,CAAC,EAKf;QALe,EACf,GAAG,OAIH,EAHG,KAAK,cAFO,OAGf,CADQ;IAIR,OAAO,CACN,uBAAC,UAAU,oBAAK,KAAK,IAAE,GAAG,EAAE,GAAG,YAC9B,uBAAC,WAAW,KAAG,IACH,CACb,CAAC;AACH,CAAC,EACD;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,kDAA8E;AAC9E,mEAA6D;AAE7D,MAAM,UAAU,GAAG,IAAA,gCAAa,EAC/B,eAAU,CAAC,IAAI,EACf,0KAA0K,EAC1K,yCAAyC,EACzC,yEAAyE,EACzE,iEAAiE,EACjE,qCAAqC,EACrC,iEAAiE,CACjE,CAAC;AAEF,MAAM,WAAW,GAAG,IAAA,gCAAa,EAChC,eAAU,CAAC,KAAK,EAChB,wHAAwH,EACxH,oDAAoD,EACpD,mJAAmJ,CACnJ,CAAC;AAEW,QAAA,MAAM,GAAG,MAAM,CAAC,MAAM,CAClC,SAAS,MAAM,CAAC,EAKf;QALe,EACf,GAAG,OAIH,EAHG,KAAK,cAFO,OAGf,CADQ;IAIR,OAAO,CACN,uBAAC,UAAU,oBAAK,KAAK,IAAE,GAAG,EAAE,GAAG,YAC9B,uBAAC,WAAW,KAAG,IACH,CACb,CAAC;AACH,CAAC,EACD;IACC,IAAI,EAAE,UAAU;IAChB,KAAK,EAAE,WAAW;CAClB,CACD,CAAC"}

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

@@ -0,0 +1,27 @@
+import type { StoryObj } from '@storybook/react';
+import { Switch } from './Switch.js';
+declare const meta: {
+    title: string;
+    component: (({ ref, ...props }: import("@base-ui/react/switch/index.js").SwitchRootProps & {
+        ref?: React.Ref<HTMLButtonElement>;
+    }) => import("react/jsx-runtime.js").JSX.Element) & {
+        Root: import("react").FunctionComponent<import("@base-ui/react/switch/index.js").SwitchRootProps & import("react").RefAttributes<HTMLElement>>;
+        Thumb: import("react").FunctionComponent<import("@base-ui/react/switch/index.js").SwitchThumbProps & import("react").RefAttributes<HTMLSpanElement>>;
+    };
+    argTypes: {
+        checked: {
+            control: "boolean";
+        };
+        disabled: {
+            control: "boolean";
+        };
+    };
+    parameters: {
+        controls: {
+            expanded: boolean;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof Switch>;
+export declare const Default: Story;

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

@@ -0,0 +1,24 @@
+// @unocss-include
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Default = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const Switch_js_1 = require("./Switch.js");
+const meta = {
+    title: 'Components/Switch',
+    component: Switch_js_1.Switch,
+    argTypes: {
+        checked: { control: 'boolean' },
+        disabled: { control: 'boolean' },
+    },
+    parameters: {
+        controls: { expanded: true },
+    },
+};
+exports.default = meta;
+exports.Default = {
+    render(args) {
+        return (0, jsx_runtime_1.jsx)(Switch_js_1.Switch, Object.assign({}, args));
+    },
+};
+//# sourceMappingURL=Switch.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Switch.stories.js","sourceRoot":"","sources":["../../../../src/components/switch/Switch.stories.tsx"],"names":[],"mappings":";;;;AACA,2CAAqC;AAErC,MAAM,IAAI,GAAG;IACZ,KAAK,EAAE,mBAAmB;IAC1B,SAAS,EAAE,kBAAM;IACjB,QAAQ,EAAE;QACT,OAAO,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE;QAC/B,QAAQ,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE;KAChC;IACD,UAAU,EAAE;QACX,QAAQ,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE;KAC5B;CAC6B,CAAC;AAEhC,kBAAe,IAAI,CAAC;AAIP,QAAA,OAAO,GAAU;IAC7B,MAAM,CAAC,IAAI;QACV,OAAO,uBAAC,kBAAM,oBAAK,IAAI,EAAI,CAAC;IAC7B,CAAC;CACD,CAAC"}

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

@@ -1,14 +1,18 @@
-import * as TabsPrimitive from '@radix-ui/react-tabs';
-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 TabsTriggerBase: import("react").FunctionComponent<TabsPrimitive.TabsTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
-export interface TabsTriggerProps extends Omit<TabsPrimitive.TabsTriggerProps, 'color'> {
-    color?: 'default' | 'primary';
+import { TabsListProps, TabsTabProps } from '@base-ui/react/tabs';
+export declare const TabsRoot: import("react").FunctionComponent<import("@base-ui/react/tabs/index.js").TabsRootProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const TabsTrigger: import("react").FunctionComponent<TabsTabProps & import("react").RefAttributes<Element>>;
+export declare const TabsIndicator: import("react").FunctionComponent<import("@base-ui/react/tabs/index.js").TabsIndicatorProps & import("react").RefAttributes<HTMLSpanElement>>;
+export interface TabsTriggerProps extends Omit<TabsTabProps, 'color'> {
 }
-export declare const TabsTrigger: ({ className, color, ...props }: TabsTriggerProps) => import("react/jsx-runtime.js").JSX.Element;
-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: ({ className, color, ...props }: TabsTriggerProps) => import("react/jsx-runtime.js").JSX.Element;
-    Content: import("react").FunctionComponent<TabsPrimitive.TabsContentProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const TabsContent: import("react").FunctionComponent<import("@base-ui/react/tabs/index.js").TabsPanelProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const TabsList: ({ children, className, color, ...props }: TabsListProps & {
+    color?: "gray" | "primary";
+}) => import("react/jsx-runtime.js").JSX.Element;
+export declare const Tabs: import("react").FunctionComponent<import("@base-ui/react/tabs/index.js").TabsRootProps & import("react").RefAttributes<HTMLDivElement>> & {
+    List: ({ children, className, color, ...props }: TabsListProps & {
+        color?: "gray" | "primary";
+    }) => import("react/jsx-runtime.js").JSX.Element;
+    Trigger: import("react").FunctionComponent<TabsTabProps & import("react").RefAttributes<Element>>;
+    Content: import("react").FunctionComponent<import("@base-ui/react/tabs/index.js").TabsPanelProps & import("react").RefAttributes<HTMLDivElement>>;
+    Indicator: import("react").FunctionComponent<import("@base-ui/react/tabs/index.js").TabsIndicatorProps & import("react").RefAttributes<HTMLSpanElement>>;
 };

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

@@ -1,38 +1,5 @@
 // @unocss-include
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-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)
@@ -48,27 +15,25 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Tabs = exports.TabsContent = exports.TabsTrigger = exports.TabsTriggerBase = exports.TabsList = exports.TabsRoot = void 0;
+exports.Tabs = exports.TabsList = exports.TabsContent = exports.TabsIndicator = exports.TabsTrigger = exports.TabsRoot = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const TabsPrimitive = __importStar(require("@radix-ui/react-tabs"));
+const tabs_1 = require("@base-ui/react/tabs");
 const clsx_1 = __importDefault(require("clsx"));
 const withClassName_js_1 = require("../../hooks/withClassName.js");
-exports.TabsRoot = (0, withClassName_js_1.withClassName)(TabsPrimitive.Root, '');
-exports.TabsList = (0, withClassName_js_1.withClassName)(TabsPrimitive.List, 'layer-components:flex layer-components:flex-row layer-components:items-start layer-components:gap-2', 'layer-components:border-solid layer-components:border-thin layer-components:border-fg layer-components:rounded-xl', 'layer-components:shadow-sm layer-components:bg-white', 'layer-components:overflow-x-auto layer-components:overflow-unstable layer-components:w-max-content layer-components:max-w-full');
-exports.TabsTriggerBase = (0, withClassName_js_1.withClassName)(TabsPrimitive.Trigger, 'layer-components:flex layer-components:flex-row layer-components:items-center layer-components:justify-center layer-components:gap-2 layer-components:py-xs layer-components:px-lg', 'layer-components:transition-all layer-components:cursor-pointer layer-components:select-none', 'layer-components:text-center layer-components:text-md layer-components:font-semibold layer-components:color-gray-ink layer-components:font-inherit layer-components:text-nowrap', 'layer-components:min-w-100px layer-components:min-h-touch layer-components:flex-shrink-0', 'layer-components:bg-transparent layer-components:border layer-components:border-transparent layer-components:rounded-lg', 'layer-components:hover:[&[data-state=inactive]]:bg-gray-light layer-components:hover:[&[data-state=inactive]]:bg-darken-1 layer-components:hover:[&[data-state=inactive]]:ring-4 layer-components:hover:[&[data-state=inactive]]:ring-bg', 'layer-components:focus-visible:bg-darken-1 layer-components:focus-visible:ring-4 layer-components:focus-visible:ring-accent layer-components:focus-visible:outline-off layer-components:focus-visible:border layer-components:focus-visible:border-black', '[&[data-state=active]]:cursor-default [&[data-state=active]]:border-gray-dark [&[data-state=active]]:relative [&[data-state=active]]:z-1');
-const colorClasses = {
-    default: 'layer-variants:[&[data-state=active]]:bg-gray',
-    primary: 'layer-variants:[&[data-state=active]]:bg-main-light',
-};
-const TabsTrigger = (_a) => {
-    var { className, color = 'primary' } = _a, props = __rest(_a, ["className", "color"]);
-    return ((0, jsx_runtime_1.jsx)(exports.TabsTriggerBase, Object.assign({ className: (0, clsx_1.default)(colorClasses[color], `btn-color-${color}`, className) }, props)));
+exports.TabsRoot = (0, withClassName_js_1.withClassName)(tabs_1.Tabs.Root, '');
+const StyledTabsList = (0, withClassName_js_1.withClassName)(tabs_1.Tabs.List, 'layer-components:flex layer-components:flex-row layer-components:items-start layer-components:gap-2 layer-components:relative', 'layer-components:border-solid layer-components:border-thin layer-components:border-fg layer-components:rounded-xl', 'layer-components:shadow-sm layer-components:bg-white', 'layer-components:overflow-x-auto layer-components:overflow-y-clip layer-components:overflow-unstable layer-components:w-max-content layer-components:max-w-full');
+exports.TabsTrigger = (0, withClassName_js_1.withClassName)(tabs_1.Tabs.Tab, 'layer-components:flex layer-components:flex-row layer-components:items-center layer-components:justify-center layer-components:gap-2 layer-components:py-xs layer-components:px-lg layer-components:relative layer-components:z-1', 'layer-components:transition-all layer-components:cursor-pointer layer-components:select-none', 'layer-components:text-center layer-components:text-md layer-components:font-semibold layer-components:color-gray-ink layer-components:font-inherit layer-components:text-nowrap', 'layer-components:min-w-100px layer-components:min-h-touch layer-components:flex-shrink-0', 'layer-components:bg-transparent layer-components:border layer-components:border-transparent layer-components:rounded-lg', 'layer-components:hover:[&[data-state=inactive]]:bg-gray-light layer-components:hover:[&[data-state=inactive]]:bg-darken-1 layer-components:hover:[&[data-state=inactive]]:ring-4 layer-components:hover:[&[data-state=inactive]]:ring-bg', 'layer-components:focus-visible:bg-darken-1 layer-components:focus-visible:ring-4 layer-components:focus-visible:ring-accent layer-components:focus-visible:outline-off layer-components:focus-visible:border layer-components:focus-visible:border-black', 'data-[active]:cursor-default');
+exports.TabsIndicator = (0, withClassName_js_1.withClassName)(tabs_1.Tabs.Indicator, 'layer-components:absolute layer-components:block layer-components:[transition-property:transform,width,color] layer-components:duration-300 layer-components:ease-out layer-components:rounded-full layer-components:b-gray-dark layer-components:bg-main-light', 'layer-components:left-0 layer-components:top-1/2 layer-components:translate-x-[--active-tab-left] layer-components:-translate-y-1/2 layer-components:w-[--active-tab-width] layer-components:h-full layer-components:z-0', 'layer-components:b-1 layer-components:b-gray-dark');
+exports.TabsContent = (0, withClassName_js_1.withClassName)(tabs_1.Tabs.Panel, 'layer-components:focus:outline-none layer-components:focus-visible:outline-none layer-components:focus-visible:ring-inset layer-components:focus-visible:ring-2 layer-components:focus-visible:ring-gray');
+const TabsList = (_a) => {
+    var { children, className, color = 'primary' } = _a, props = __rest(_a, ["children", "className", "color"]);
+    return ((0, jsx_runtime_1.jsxs)(StyledTabsList, Object.assign({}, props, { className: (0, clsx_1.default)(`palette-${color}`, className), children: [children, (0, jsx_runtime_1.jsx)(exports.TabsIndicator, {})] })));
 };
-exports.TabsTrigger = TabsTrigger;
-exports.TabsContent = (0, withClassName_js_1.withClassName)(TabsPrimitive.Content, 'layer-components:focus:outline-none layer-components:focus-visible:outline-none layer-components:focus-visible:ring-inset layer-components:focus-visible:ring-2 layer-components:focus-visible:ring-gray');
+exports.TabsList = TabsList;
 exports.Tabs = Object.assign(exports.TabsRoot, {
     List: exports.TabsList,
     Trigger: exports.TabsTrigger,
     Content: exports.TabsContent,
+    Indicator: exports.TabsIndicator,
 });
 //# sourceMappingURL=tabs.js.map

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,gDAAwB;AACxB,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,oDAAoD,EACpD,kEAAkE,EAClE,uCAAuC,EACvC,+EAA+E,CAC/E,CAAC;AAEW,QAAA,eAAe,GAAG,IAAA,gCAAa,EAC3C,aAAa,CAAC,OAAO,EACrB,gFAAgF,EAChF,8DAA8D,EAC9D,8FAA8F,EAC9F,0DAA0D,EAC1D,wEAAwE,EACxE,4FAA4F,EAC5F,iGAAiG,EACjG,uEAAuE,CACvE,CAAC;AAEF,MAAM,YAAY,GAAG;IACpB,OAAO,EAAE,iDAAiD;IAC1D,OAAO,EAAE,uDAAuD;CAChE,CAAC;AAOK,MAAM,WAAW,GAAG,CAAC,EAIT,EAAE,EAAE;QAJK,EAC3B,SAAS,EACT,KAAK,GAAG,SAAS,OAEC,EADf,KAAK,cAHmB,sBAI3B,CADQ;IACe,OAAA,CACvB,uBAAC,uBAAe,kBACf,SAAS,EAAE,IAAA,cAAI,EAAC,YAAY,CAAC,KAAK,CAAC,EAAE,aAAa,KAAK,EAAE,EAAE,SAAS,CAAC,IACjE,KAAK,EACR,CACF,CAAA;CAAA,CAAC;AATW,QAAA,WAAW,eAStB;AAEW,QAAA,WAAW,GAAG,IAAA,gCAAa,EACvC,aAAa,CAAC,OAAO,EACrB,gGAAgG,CAChG,CAAC;AAEW,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,8CAI6B;AAC7B,gDAAwB;AACxB,mEAA6D;AAEhD,QAAA,QAAQ,GAAG,IAAA,gCAAa,EAAC,WAAa,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;AAE9D,MAAM,cAAc,GAAG,IAAA,gCAAa,EACnC,WAAa,CAAC,IAAI,EAClB,6DAA6D,EAC7D,kEAAkE,EAClE,uCAAuC,EACvC,+FAA+F,CAC/F,CAAC;AAEW,QAAA,WAAW,GAAG,IAAA,gCAAa,EACvC,WAAa,CAAC,GAAG,EACjB,6FAA6F,EAC7F,8DAA8D,EAC9D,8FAA8F,EAC9F,0DAA0D,EAC1D,wEAAwE,EACxE,4FAA4F,EAC5F,iGAAiG,EACjG,gCAAgC,CAChC,CAAC;AAEW,QAAA,aAAa,GAAG,IAAA,gCAAa,EACzC,WAAa,CAAC,SAAS,EACvB,4IAA4I,EAC5I,sHAAsH,EACtH,oCAAoC,CACpC,CAAC;AAIW,QAAA,WAAW,GAAG,IAAA,gCAAa,EACvC,WAAa,CAAC,KAAK,EACnB,gGAAgG,CAChG,CAAC;AAEK,MAAM,QAAQ,GAAG,CAAC,EAOxB,EAAE,EAAE;QAPoB,EACxB,QAAQ,EACR,SAAS,EACT,KAAK,GAAG,SAAS,OAIjB,EAHG,KAAK,cAJgB,kCAKxB,CADQ;IAGH,OAAA,CACL,wBAAC,cAAc,oBAAK,KAAK,IAAE,SAAS,EAAE,IAAA,cAAI,EAAC,WAAW,KAAK,EAAE,EAAE,SAAS,CAAC,aACvE,QAAQ,EACT,uBAAC,qBAAa,KAAG,KACD,CACjB,CAAA;CAAA,CAAC;AAZW,QAAA,QAAQ,YAYnB;AAEW,QAAA,IAAI,GAAG,MAAM,CAAC,MAAM,CAAC,gBAAQ,EAAE;IAC3C,IAAI,EAAE,gBAAQ;IACd,OAAO,EAAE,mBAAW;IACpB,OAAO,EAAE,mBAAW;IACpB,SAAS,EAAE,qBAAa;CACxB,CAAC,CAAC"}

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

@@ -10,7 +10,7 @@ const meta = {
     argTypes: {
         color: {
             control: 'select',
-            options: ['default', 'primary'],
+            options: ['gray', 'primary'],
         },
     },
     parameters: {
@@ -21,13 +21,13 @@ exports.default = meta;
 exports.Default = {
     render: (args) => {
         const [value, setValue] = (0, react_1.useState)('tab1');
-        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", color: args.color, children: "Tab 1" }), (0, jsx_runtime_1.jsx)(tabs_js_1.TabsTrigger, { value: "tab2", color: args.color, children: "Tab 2 (long)" }), (0, jsx_runtime_1.jsx)(tabs_js_1.TabsTrigger, { value: "tab3", color: args.color, 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" }) })] }));
+        return ((0, jsx_runtime_1.jsxs)(tabs_js_1.TabsRoot, { value: value, onValueChange: setValue, children: [(0, jsx_runtime_1.jsxs)(tabs_js_1.TabsList, { color: args.color, 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" }) })] }));
     },
 };
 exports.WithManyTabs = {
     render: (args) => {
         const [value, setValue] = (0, react_1.useState)('tab1');
-        return ((0, jsx_runtime_1.jsxs)(tabs_js_1.TabsRoot, { value: value, onValueChange: setValue, children: [(0, jsx_runtime_1.jsx)(tabs_js_1.TabsList, { children: Array.from({ length: 20 }).map((_, i) => ((0, jsx_runtime_1.jsxs)(tabs_js_1.TabsTrigger, { value: `tab${i + 1}`, color: args.color, children: ["Tab ", i + 1] }, i))) }), Array.from({ length: 20 }).map((_, i) => ((0, jsx_runtime_1.jsx)(tabs_js_1.TabsContent, { value: `tab${i + 1}`, children: (0, jsx_runtime_1.jsxs)("div", { children: ["Tab ", i + 1, " content"] }) }, i)))] }));
+        return ((0, jsx_runtime_1.jsxs)(tabs_js_1.TabsRoot, { value: value, onValueChange: setValue, children: [(0, jsx_runtime_1.jsx)(tabs_js_1.TabsList, { color: args.color, children: Array.from({ length: 20 }).map((_, i) => ((0, jsx_runtime_1.jsxs)(tabs_js_1.TabsTrigger, { value: `tab${i + 1}`, children: ["Tab ", i + 1] }, i))) }), Array.from({ length: 20 }).map((_, i) => ((0, jsx_runtime_1.jsx)(tabs_js_1.TabsContent, { value: `tab${i + 1}`, children: (0, jsx_runtime_1.jsxs)("div", { children: ["Tab ", i + 1, " content"] }) }, i)))] }));
     },
 };
 //# 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,iCAAiC;AACjC,uCAAyE;AAEzE,MAAM,IAAI,GAAG;IACZ,KAAK,EAAE,iBAAiB;IACxB,QAAQ,EAAE;QACT,KAAK,EAAE;YACN,OAAO,EAAE,QAAQ;YACjB,OAAO,EAAE,CAAC,SAAS,EAAE,SAAS,CAAC;SAC/B;KACD;IACD,UAAU,EAAE;QACX,QAAQ,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE;KAC5B;CACc,CAAC;AAEjB,kBAAe,IAAI,CAAC;AAIP,QAAA,OAAO,GAAU;IAC7B,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE;QAChB,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,EAAC,KAAK,EAAE,IAAI,CAAC,KAAK,sBAE7B,EACd,uBAAC,qBAAW,IAAC,KAAK,EAAC,MAAM,EAAC,KAAK,EAAE,IAAI,CAAC,KAAK,6BAE7B,EACd,uBAAC,qBAAW,IAAC,KAAK,EAAC,MAAM,EAAC,KAAK,EAAE,IAAI,CAAC,KAAK,sBAE7B,IACJ,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;AAEL,QAAA,YAAY,GAAU;IAClC,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE;QAChB,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,uBAAC,kBAAQ,cACP,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CACzC,wBAAC,qBAAW,IAAS,KAAK,EAAE,MAAM,CAAC,GAAG,CAAC,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,qBACtD,CAAC,GAAG,CAAC,KADO,CAAC,CAEL,CACd,CAAC,GACQ,EACV,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CACzC,uBAAC,qBAAW,IAAS,KAAK,EAAE,MAAM,CAAC,GAAG,CAAC,EAAE,YACxC,oDAAU,CAAC,GAAG,CAAC,gBAAe,IADb,CAAC,CAEL,CACd,CAAC,IACQ,CACX,CAAC;IACH,CAAC;CACe,CAAC"}
+{"version":3,"file":"tabs.stories.js","sourceRoot":"","sources":["../../../../src/components/tabs/tabs.stories.tsx"],"names":[],"mappings":";;;;AACA,iCAAiC;AACjC,uCAAyE;AAEzE,MAAM,IAAI,GAAG;IACZ,KAAK,EAAE,iBAAiB;IACxB,QAAQ,EAAE;QACT,KAAK,EAAE;YACN,OAAO,EAAE,QAAQ;YACjB,OAAO,EAAE,CAAC,MAAM,EAAE,SAAS,CAAC;SAC5B;KACD;IACD,UAAU,EAAE;QACX,QAAQ,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE;KAC5B;CACc,CAAC;AAEjB,kBAAe,IAAI,CAAC;AAIP,QAAA,OAAO,GAAU;IAC7B,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE;QAChB,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,IAAC,KAAK,EAAE,IAAI,CAAC,KAAK,aAC1B,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;AAEL,QAAA,YAAY,GAAU;IAClC,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE;QAChB,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,uBAAC,kBAAQ,IAAC,KAAK,EAAE,IAAI,CAAC,KAAK,YACzB,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CACzC,wBAAC,qBAAW,IAAS,KAAK,EAAE,MAAM,CAAC,GAAG,CAAC,EAAE,qBACnC,CAAC,GAAG,CAAC,KADO,CAAC,CAEL,CACd,CAAC,GACQ,EACV,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CACzC,uBAAC,qBAAW,IAAS,KAAK,EAAE,MAAM,CAAC,GAAG,CAAC,EAAE,YACxC,oDAAU,CAAC,GAAG,CAAC,gBAAe,IADb,CAAC,CAEL,CACd,CAAC,IACQ,CACX,CAAC;IACH,CAAC;CACe,CAAC"}

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

@@ -1,13 +1,13 @@
-import { HTMLProps } from 'react';
-export interface TextAreaProps extends Omit<HTMLProps<HTMLTextAreaElement>, 'ref'> {
+import { InputProps } from '@base-ui/react/input';
+export interface TextAreaProps extends InputProps {
     className?: string;
     autoSize?: boolean;
     autoSelect?: boolean;
     padBottomPixels?: number;
     placeholders?: string[];
     placeholdersIntervalMs?: number;
-    onValueChange?: (value: string) => void;
+    rows?: number;
 }
 export declare const TextArea: ({ ref, autoSize, autoSelect, onFocus, className, rows, padBottomPixels, onChange, placeholder, placeholders, placeholdersIntervalMs, onValueChange, ...rest }: TextAreaProps & {
-    ref?: React.Ref<HTMLTextAreaElement>;
+    ref?: React.Ref<any>;
 }) => import("react/jsx-runtime.js").JSX.Element;

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

@@ -18,6 +18,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.TextArea = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
+const input_1 = require("@base-ui/react/input");
 const clsx_1 = __importDefault(require("clsx"));
 const react_1 = require("react");
 const useMergedRef_js_1 = __importDefault(require("../../hooks/useMergedRef.js"));
@@ -43,13 +44,10 @@ const TextArea = function TextArea(_a) {
             }
         }
     }, [autoSize, padBottomPixels, finalValue]);
-    const handleChange = (0, react_1.useCallback)((e) => {
-        setInnerValue(e.target.value);
-        if (onChange) {
-            onChange(e);
-        }
+    const handleValueChange = (0, react_1.useCallback)((value, eventDetails) => {
+        setInnerValue(value);
         if (onValueChange) {
-            onValueChange(e.target.value);
+            onValueChange(value, eventDetails);
         }
     }, [onChange, onValueChange]);
     const handleFocus = (0, react_1.useCallback)((e) => {
@@ -61,10 +59,10 @@ const TextArea = function TextArea(_a) {
         }
     }, [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:color-inherit layer-components:overflow-hidden layer-components:resize-none', 'layer-variants:rounded-lg layer-variants:px-4 layer-variants:py-4', {
+    return ((0, jsx_runtime_1.jsx)(input_1.Input, Object.assign({ render: (0, jsx_runtime_1.jsx)("textarea", { rows: autoSize ? 1 : rows }), ref: finalRef, className: (0, clsx_1.default)(index_js_1.inputClassName, 'layer-components:[font-family:inherit] layer-components:color-inherit layer-components:overflow-hidden layer-components:resize-none', 'layer-variants:rounded-lg 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)));
+        }, className), onValueChange: handleValueChange, onFocus: handleFocus, placeholder: placeholder !== null && placeholder !== void 0 ? placeholder : randomPlaceholder }, rest)));
 };
 exports.TextArea = TextArea;
 //# sourceMappingURL=TextArea.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"TextArea.js","sourceRoot":"","sources":["../../../../src/components/textArea/TextArea.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"TextArea.js","sourceRoot":"","sources":["../../../../src/components/textArea/TextArea.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;AAEb,gDAAyD;AACzD,gDAA8B;AAC9B,iCAAuE;AACvE,kFAAuD;AACvD,yFAAmF;AACnF,gDAAmD;AAe5C,MAAM,QAAQ,GAAG,SAAS,QAAQ,CAAC,EAgBzC;;QAhByC,EACzC,GAAG,EACH,QAAQ,EACR,UAAU,EACV,OAAO,EACP,SAAS,EACT,IAAI,EACJ,eAAe,GAAG,CAAC,EACnB,QAAQ,EACR,WAAW,EACX,YAAY,EACZ,sBAAsB,GAAG,IAAI,EAC7B,aAAa,OAIb,EAHG,IAAI,cAbkC,0KAczC,CADO;IAIP,MAAM,QAAQ,GAAG,IAAA,cAAM,EAAM,IAAI,CAAC,CAAC;IACnC,MAAM,QAAQ,GAAG,IAAA,yBAAY,EAAC,QAAQ,EAAE,GAAG,CAAC,CAAC;IAE7C,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,IAAA,gBAAQ,EAAC,EAAE,CAAC,CAAC;IACjD,MAAM,UAAU,GAAG,MAAA,IAAI,CAAC,KAAK,mCAAI,UAAU,CAAC;IAE5C,gFAAgF;IAChF,IAAA,uBAAe,EAAC,GAAG,EAAE;QACpB,IAAI,CAAC,QAAQ;YAAE,OAAO;QACtB,MAAM,OAAO,GAAG,QAAQ,CAAC,OAAO,CAAC;QACjC,IAAI,OAAO,EAAE,CAAC;YACb,IAAI,OAAO,CAAC,KAAK,KAAK,EAAE,IAAI,eAAe,EAAE,CAAC;gBAC7C,OAAQ,CAAC,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC;gBAC/B,MAAM,UAAU,GAAG,OAAO,CAAC,YAAY,CAAC;gBACxC,OAAO,CAAC,KAAK,CAAC,MAAM,GAAG,UAAU,GAAG,eAAe,GAAG,IAAI,CAAC;YAC5D,CAAC;QACF,CAAC;IACF,CAAC,EAAE,CAAC,QAAQ,EAAE,eAAe,EAAE,UAAU,CAAC,CAAC,CAAC;IAE5C,MAAM,iBAAiB,GAAG,IAAA,mBAAW,EACpC,CAAC,KAAK,EAAE,YAAY,EAAE,EAAE;QACvB,aAAa,CAAC,KAAK,CAAC,CAAC;QACrB,IAAI,aAAa,EAAE,CAAC;YACnB,aAAa,CAAC,KAAK,EAAE,YAAY,CAAC,CAAC;QACpC,CAAC;IACF,CAAC,EACD,CAAC,QAAQ,EAAE,aAAa,CAAC,CACzB,CAAC;IAEF,MAAM,WAAW,GAAG,IAAA,mBAAW,EAC9B,CAAC,CAAC,EAAE,EAAE;QACL,IAAI,UAAU,EAAE,CAAC;YAChB,CAAC,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC;QACnB,CAAC;QACD,IAAI,OAAO,EAAE,CAAC;YACb,OAAO,CAAC,CAAC,CAAC,CAAC;QACZ,CAAC;IACF,CAAC,EACD,CAAC,UAAU,EAAE,OAAO,CAAC,CACrB,CAAC;IAEF,MAAM,iBAAiB,GAAG,IAAA,sDAAwB,EACjD,YAAY,aAAZ,YAAY,cAAZ,YAAY,GAAI,EAAE,EAClB,sBAAsB,CACtB,CAAC;IAEF,OAAO,CACN,uBAAC,aAAK,kBACL,MAAM,EAAE,qCAAU,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,GAAI,EAC/C,GAAG,EAAE,QAAQ,EACb,SAAS,EAAE,IAAA,cAAU,EACpB,yBAAc,EACd,oFAAoF,EACpF,uCAAuC,EACvC;YACC,oCAAoC,EAAE,CAAC,QAAQ;YAC/C,gCAAgC,EAAE,QAAQ;SAC1C,EACD,SAAS,CACT,EACD,aAAa,EAAE,iBAAiB,EAChC,OAAO,EAAE,WAAW,EACpB,WAAW,EAAE,WAAW,aAAX,WAAW,cAAX,WAAW,GAAI,iBAAiB,IACzC,IAAI,EACP,CACF,CAAC;AACH,CAAC,CAAC;AAnFW,QAAA,QAAQ,YAmFnB"}

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

@@ -3,7 +3,7 @@ import { TextArea } from './TextArea.js';
 declare const meta: {
     title: string;
     component: ({ ref, autoSize, autoSelect, onFocus, className, rows, padBottomPixels, onChange, placeholder, placeholders, placeholdersIntervalMs, onValueChange, ...rest }: import("./TextArea.js").TextAreaProps & {
-        ref?: React.Ref<HTMLTextAreaElement>;
+        ref?: React.Ref<any>;
     }) => import("react/jsx-runtime.js").JSX.Element;
     argTypes: {};
     parameters: {

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

@@ -1,7 +1,6 @@
-import * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';
-export declare const ToggleGroupRoot: import("react").FunctionComponent<(ToggleGroupPrimitive.ToggleGroupSingleProps | ToggleGroupPrimitive.ToggleGroupMultipleProps) & import("react").RefAttributes<HTMLDivElement>>;
-export declare const ToggleGroupItem: import("react").FunctionComponent<ToggleGroupPrimitive.ToggleGroupItemProps & import("react").RefAttributes<HTMLButtonElement>>;
-export type ToggleGroupProps = ToggleGroupPrimitive.ToggleGroupMultipleProps | ToggleGroupPrimitive.ToggleGroupSingleProps;
-export declare const ToggleGroup: import("react").FunctionComponent<(ToggleGroupPrimitive.ToggleGroupSingleProps | ToggleGroupPrimitive.ToggleGroupMultipleProps) & import("react").RefAttributes<HTMLDivElement>> & {
-    Item: import("react").FunctionComponent<ToggleGroupPrimitive.ToggleGroupItemProps & import("react").RefAttributes<HTMLButtonElement>>;
+import { ToggleGroupProps } from '@base-ui/react/toggle-group';
+export declare const ToggleGroupItem: import("react").FunctionComponent<import("@base-ui/react/toggle/Toggle.js").ToggleProps & import("react").RefAttributes<HTMLButtonElement>>;
+export type { ToggleGroupProps };
+export declare const ToggleGroup: import("react").FunctionComponent<ToggleGroupProps & import("react").RefAttributes<HTMLDivElement>> & {
+    Item: import("react").FunctionComponent<import("@base-ui/react/toggle/Toggle.js").ToggleProps & import("react").RefAttributes<HTMLButtonElement>>;
 };

package/dist/cjs/components/toggleGroup/toggleGroup.js

@@ -1,45 +1,13 @@
 // @unocss-include
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-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.ToggleGroup = exports.ToggleGroupItem = exports.ToggleGroupRoot = void 0;
-const ToggleGroupPrimitive = __importStar(require("@radix-ui/react-toggle-group"));
+exports.ToggleGroup = exports.ToggleGroupItem = void 0;
+const toggle_1 = require("@base-ui/react/toggle");
+const toggle_group_1 = require("@base-ui/react/toggle-group");
 const withClassName_js_1 = require("../../hooks/withClassName.js");
-exports.ToggleGroupRoot = (0, withClassName_js_1.withClassName)(ToggleGroupPrimitive.Root, 'layer-components:inline-flex layer-components:bg-main-light/20 layer-components:rounded-lg layer-components:gap-sm layer-components:w-fit');
-exports.ToggleGroupItem = (0, withClassName_js_1.withClassName)(ToggleGroupPrimitive.Item, 'layer-components:rounded-full layer-components:text-nowrap layer-components:transition-all layer-components:color-black layer-components:bg-gray/30 layer-components:py-sm layer-components:px-md layer-components:flex layer-components:items-center layer-components:border-transparent layer-components:border-1 layer-components:border-solid layer-components:justify-center layer-components:cursor-pointer', 'layer-components:hover:bg-lighten-2 layer-components:hover:border-main-ink/20 layer-components:hover:ring-bg layer-components:hover:ring-2', 'layer-components:active:bg-darken-1 layer-components:active:border-main-ink/30 layer-components:active:ring-4', 'layer-components:focus-visible:ring-4 layer-components:focus-visible:ring-accent layer-components:focus-visible:outline-off', 'layer-components:[&[data-state=on]]:bg-main layer-components:[&[data-state=on]]:border-default layer-components:[&[data-state=on]]:shadow-sm layer-components:[&[data-state=on]]:hover:border-default');
-exports.ToggleGroup = Object.assign(exports.ToggleGroupRoot, {
+const ToggleGroupRoot = (0, withClassName_js_1.withClassName)(toggle_group_1.ToggleGroup, 'layer-components:inline-flex layer-components:bg-main-light/20 layer-components:rounded-lg layer-components:gap-sm layer-components:w-fit');
+exports.ToggleGroupItem = (0, withClassName_js_1.withClassName)(toggle_1.Toggle, 'layer-components:rounded-full layer-components:text-nowrap layer-components:transition-all layer-components:color-black layer-components:bg-gray/30 layer-components:py-sm layer-components:px-md layer-components:flex layer-components:items-center layer-components:border-transparent layer-components:border-1 layer-components:border-solid layer-components:justify-center layer-components:cursor-pointer', 'layer-components:hover:bg-lighten-2 layer-components:hover:border-main-ink/20 layer-components:hover:ring-bg layer-components:hover:ring-2', 'layer-components:active:bg-darken-1 layer-components:active:border-main-ink/30 layer-components:active:ring-4', 'layer-components:focus-visible:ring-4 layer-components:focus-visible:ring-accent layer-components:focus-visible:outline-off', 'layer-components:data-[pressed]:bg-main layer-components:data-[pressed]:border-default layer-components:data-[pressed]:shadow-sm layer-components:data-[pressed]:hover:border-default');
+exports.ToggleGroup = Object.assign(ToggleGroupRoot, {
     Item: exports.ToggleGroupItem,
 });
 //# sourceMappingURL=toggleGroup.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"toggleGroup.js","sourceRoot":"","sources":["../../../../src/components/toggleGroup/toggleGroup.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,mFAAqE;AACrE,mEAA6D;AAEhD,QAAA,eAAe,GAAG,IAAA,gCAAa,EAC3C,oBAAoB,CAAC,IAAI,EACzB,yEAAyE,CACzE,CAAC;AACW,QAAA,eAAe,GAAG,IAAA,gCAAa,EAC3C,oBAAoB,CAAC,IAAI,EACzB,wLAAwL,EACxL,yEAAyE,EACzE,iEAAiE,EACjE,iEAAiE,EACjE,6FAA6F,CAC7F,CAAC;AAKW,QAAA,WAAW,GAAG,MAAM,CAAC,MAAM,CAAC,uBAAe,EAAE;IACzD,IAAI,EAAE,uBAAe;CACrB,CAAC,CAAC"}
+{"version":3,"file":"toggleGroup.js","sourceRoot":"","sources":["../../../../src/components/toggleGroup/toggleGroup.tsx"],"names":[],"mappings":";;;AAAA,kDAAkE;AAClE,8DAGqC;AACrC,mEAA6D;AAE7D,MAAM,eAAe,GAAG,IAAA,gCAAa,EACpC,0BAAoB,EACpB,yEAAyE,CACzE,CAAC;AACW,QAAA,eAAe,GAAG,IAAA,gCAAa,EAC3C,eAAe,EACf,wLAAwL,EACxL,yEAAyE,EACzE,iEAAiE,EACjE,iEAAiE,EACjE,yFAAyF,CACzF,CAAC;AAGW,QAAA,WAAW,GAAG,MAAM,CAAC,MAAM,CAAC,eAAe,EAAE;IACzD,IAAI,EAAE,uBAAe;CACrB,CAAC,CAAC"}

package/dist/cjs/components/toggleGroup/toggleGroup.stories.d.ts

@@ -0,0 +1,17 @@
+import type { StoryObj } from '@storybook/react';
+import { ToggleGroup } from './toggleGroup.js';
+declare const meta: {
+    title: string;
+    component: import("react").FunctionComponent<import("@base-ui/react/toggle-group/ToggleGroup.js").ToggleGroupProps & import("react").RefAttributes<HTMLDivElement>> & {
+        Item: import("react").FunctionComponent<import("@base-ui/react/toggle/Toggle.js").ToggleProps & import("react").RefAttributes<HTMLButtonElement>>;
+    };
+    argTypes: {};
+    parameters: {
+        controls: {
+            expanded: boolean;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof ToggleGroup>;
+export declare const Default: Story;

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

@@ -0,0 +1,21 @@
+// @unocss-include
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Default = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const toggleGroup_js_1 = require("./toggleGroup.js");
+const meta = {
+    title: 'Components/ToggleGroup',
+    component: toggleGroup_js_1.ToggleGroup,
+    argTypes: {},
+    parameters: {
+        controls: { expanded: true },
+    },
+};
+exports.default = meta;
+exports.Default = {
+    render(args) {
+        return ((0, jsx_runtime_1.jsxs)(toggleGroup_js_1.ToggleGroup, Object.assign({}, args, { children: [(0, jsx_runtime_1.jsx)(toggleGroup_js_1.ToggleGroup.Item, { children: "Option 1" }), (0, jsx_runtime_1.jsx)(toggleGroup_js_1.ToggleGroup.Item, { children: "Option 2" }), (0, jsx_runtime_1.jsx)(toggleGroup_js_1.ToggleGroup.Item, { children: "Option 3" })] })));
+    },
+};
+//# sourceMappingURL=toggleGroup.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"toggleGroup.stories.js","sourceRoot":"","sources":["../../../../src/components/toggleGroup/toggleGroup.stories.tsx"],"names":[],"mappings":";;;;AACA,qDAA+C;AAE/C,MAAM,IAAI,GAAG;IACZ,KAAK,EAAE,wBAAwB;IAC/B,SAAS,EAAE,4BAAW;IACtB,QAAQ,EAAE,EAAE;IACZ,UAAU,EAAE;QACX,QAAQ,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE;KAC5B;CACkC,CAAC;AAErC,kBAAe,IAAI,CAAC;AAIP,QAAA,OAAO,GAAU;IAC7B,MAAM,CAAC,IAAI;QACV,OAAO,CACN,wBAAC,4BAAW,oBAAK,IAAI,eACpB,uBAAC,4BAAW,CAAC,IAAI,2BAA4B,EAC7C,uBAAC,4BAAW,CAAC,IAAI,2BAA4B,EAC7C,uBAAC,4BAAW,CAAC,IAAI,2BAA4B,KAChC,CACd,CAAC;IACH,CAAC;CACD,CAAC"}

package/dist/cjs/components/tooltip/Tooltip.d.ts

@@ -1,18 +1,21 @@
-import * as TooltipPrimitive from '@radix-ui/react-tooltip';
-export interface TooltipContentProps extends TooltipPrimitive.TooltipContentProps {
+import { TooltipPopupProps, TooltipPositionerProps, Tooltip as TooltipPrimitive, TooltipTriggerProps } from '@base-ui/react/tooltip';
+import { ReactElement, ReactNode } from 'react';
+export type * from '@base-ui/react/tooltip';
+export interface TooltipContentProps extends TooltipPopupProps, Omit<TooltipPositionerProps, 'className' | 'style' | 'render'> {
     color?: 'contrast' | 'white' | 'neutral' | 'attention';
 }
-declare function Content({ children, className, color, ...props }: TooltipPrimitive.TooltipContentProps): import("react/jsx-runtime.js").JSX.Element;
-export declare const TooltipProvider: import("react").FC<TooltipPrimitive.TooltipProviderProps>;
-export interface TooltipProps extends Omit<TooltipPrimitive.TooltipTriggerProps, 'content'> {
-    content: React.ReactNode;
+declare function Content({ children, className, color, render, side, sideOffset, align, alignOffset, anchor, disableAnchorTracking, sticky, arrowPadding, collisionAvoidance, collisionBoundary, collisionPadding, positionMethod, ...props }: TooltipContentProps): import("react/jsx-runtime.js").JSX.Element;
+export declare const TooltipProvider: import("react").FC<import("@base-ui/react/tooltip/index.js").TooltipProviderProps>;
+export interface TooltipProps extends Omit<TooltipTriggerProps, 'content' | 'children'>, Pick<TooltipContentProps, 'side' | 'sideOffset' | 'color'> {
+    content: ReactNode;
+    children?: ReactElement;
     open?: boolean;
     disabled?: boolean;
 }
 export declare const Tooltip: (({ ref, content, children, open, disabled, className, sideOffset, side, color, ...rest }: TooltipProps & {
     ref?: React.Ref<HTMLButtonElement>;
-} & Pick<TooltipContentProps, "color" | "sideOffset" | "side">) => import("react/jsx-runtime.js").JSX.Element) & {
-    Trigger: import("react").ForwardRefExoticComponent<TooltipPrimitive.TooltipTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
+}) => import("react/jsx-runtime.js").JSX.Element) & {
+    Trigger: TooltipPrimitive.Trigger;
     Content: typeof Content;
+    createHandle: typeof TooltipPrimitive.createHandle;
 };
-export {};