@raystack/apsara 0.56.5 → 1.0.0-rc.0

package/dist/components/sidebar/sidebar-root.d.ts

@@ -1,15 +1,17 @@
-import { Collapsible } from 'radix-ui';
 import { ComponentPropsWithoutRef, ReactNode } from 'react';
 export interface SidebarContextValue {
     isCollapsed: boolean;
     hideCollapsedItemTooltip?: boolean;
 }
 export declare const SidebarContext: import("react").Context<SidebarContextValue>;
-export interface SidebarRootProps extends ComponentPropsWithoutRef<typeof Collapsible.Root> {
+export interface SidebarRootProps extends ComponentPropsWithoutRef<'aside'> {
     position?: 'left' | 'right';
     hideCollapsedItemTooltip?: boolean;
     collapsible?: boolean;
     tooltipMessage?: ReactNode;
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
 }
-export declare const SidebarRoot: import("react").ForwardRefExoticComponent<SidebarRootProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const SidebarRoot: import("react").ForwardRefExoticComponent<SidebarRootProps & import("react").RefAttributes<HTMLElement>>;
 //# sourceMappingURL=sidebar-root.d.ts.map

package/dist/components/sidebar/sidebar-root.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sidebar-root.d.ts","sourceRoot":"","sources":["../../../components/sidebar/sidebar-root.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AACvC,OAAO,EACL,wBAAwB,EAExB,SAAS,EAKV,MAAM,OAAO,CAAC;AAIf,MAAM,WAAW,mBAAmB;IAClC,WAAW,EAAE,OAAO,CAAC;IACrB,wBAAwB,CAAC,EAAE,OAAO,CAAC;CACpC;AAED,eAAO,MAAM,cAAc,8CAEzB,CAAC;AAEH,MAAM,WAAW,gBACf,SAAQ,wBAAwB,CAAC,OAAO,WAAW,CAAC,IAAI,CAAC;IACzD,QAAQ,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAC5B,wBAAwB,CAAC,EAAE,OAAO,CAAC;IACnC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,cAAc,CAAC,EAAE,SAAS,CAAC;CAC5B;AAED,eAAO,MAAM,WAAW,6GAoFvB,CAAC"}
+{"version":3,"file":"sidebar-root.d.ts","sourceRoot":"","sources":["../../../components/sidebar/sidebar-root.tsx"],"names":[],"mappings":"AAGA,OAAO,EACL,wBAAwB,EAGxB,SAAS,EAGV,MAAM,OAAO,CAAC;AAIf,MAAM,WAAW,mBAAmB;IAClC,WAAW,EAAE,OAAO,CAAC;IACrB,wBAAwB,CAAC,EAAE,OAAO,CAAC;CACpC;AAED,eAAO,MAAM,cAAc,8CAEzB,CAAC;AAEH,MAAM,WAAW,gBAAiB,SAAQ,wBAAwB,CAAC,OAAO,CAAC;IACzE,QAAQ,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAC5B,wBAAwB,CAAC,EAAE,OAAO,CAAC;IACnC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CACxC;AAED,eAAO,MAAM,WAAW,0GA4EvB,CAAC"}

package/dist/components/sidebar/sidebar-root.js

@@ -1,7 +1,6 @@
 "use client";
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { cx } from 'class-variance-authority';
-import { Collapsible } from 'radix-ui';
 import { createContext, forwardRef, useState, useCallback } from 'react';
 import { Tooltip } from '../tooltip/tooltip.js';
 import styles from './sidebar.module.css.js';
@@ -9,20 +8,20 @@ import styles from './sidebar.module.css.js';
 const SidebarContext = createContext({
     isCollapsed: false
 });
-const SidebarRoot = forwardRef(({ className, position = 'left', open: providedOpen, onOpenChange, hideCollapsedItemTooltip, collapsible = true, tooltipMessage, defaultOpen, children, ...props }, ref) => {
+const SidebarRoot = forwardRef(({ className, position = 'left', open: providedOpen, onOpenChange, hideCollapsedItemTooltip, collapsible = true, tooltipMessage, defaultOpen = true, children, ...props }, ref) => {
     const [internalOpen, setInternalOpen] = useState(defaultOpen);
     const open = providedOpen ?? internalOpen;
     const handleOpenChange = useCallback((value) => {
         setInternalOpen(value);
         onOpenChange?.(value);
     }, [onOpenChange]);
-    return (jsx(SidebarContext.Provider, { value: { isCollapsed: !open, hideCollapsedItemTooltip }, children: jsx(Tooltip.Provider, { children: jsx(Collapsible.Root, { ref: ref, className: cx(styles.root, className), "data-position": position, "data-state": open ? 'expanded' : 'collapsed', "data-collapse-disabled": !collapsible, open: open, onOpenChange: collapsible ? handleOpenChange : undefined, "aria-label": 'Navigation Sidebar', "aria-expanded": open, role: 'navigation', ...props, asChild: true, children: jsxs("aside", { children: [collapsible && (jsx(Tooltip, { message: tooltipMessage ??
-                                (open ? 'Click to collapse' : 'Click to expand'), side: position === 'left' ? 'right' : 'left', asChild: true, followCursor: true, sideOffset: 10, children: jsx("div", { className: styles.resizeHandle, onClick: () => handleOpenChange(!open), role: 'button', tabIndex: 0, "aria-label": open ? 'Collapse sidebar' : 'Expand sidebar', onKeyDown: e => {
+    return (jsx(SidebarContext.Provider, { value: { isCollapsed: !open, hideCollapsedItemTooltip }, children: jsxs("aside", { ref: ref, className: cx(styles.root, className), "data-position": position, "data-open": open ? '' : undefined, "data-closed": !open ? '' : undefined, "data-collapse-disabled": !collapsible ? '' : undefined, "aria-label": 'Navigation Sidebar', "aria-expanded": open, role: 'navigation', ...props, children: [collapsible && (jsxs(Tooltip, { trackCursorAxis: 'y', children: [jsx(Tooltip.Trigger, { render: jsx("div", { className: styles.resizeHandle, onClick: () => handleOpenChange(!open), role: 'button', tabIndex: 0, "aria-label": open ? 'Collapse sidebar' : 'Expand sidebar', onKeyDown: e => {
                                     if (e.key === 'Enter' || e.key === ' ') {
                                         e.preventDefault();
                                         handleOpenChange(!open);
                                     }
-                                } }) })), children] }) }) }) }));
+                                } }) }), jsx(Tooltip.Content, { side: position === 'left' ? 'right' : 'left', sideOffset: 10, children: tooltipMessage ??
+                                (open ? 'Click to collapse' : 'Click to expand') })] })), children] }) }));
 });
 SidebarRoot.displayName = 'Sidebar';
 

package/dist/components/sidebar/sidebar-root.js.map

@@ -1 +1 @@
-{"version":3,"file":"sidebar-root.js","sources":["../../../components/sidebar/sidebar-root.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'class-variance-authority';\nimport { Collapsible } from 'radix-ui';\nimport {\n  ComponentPropsWithoutRef,\n  ComponentRef,\n  ReactNode,\n  createContext,\n  forwardRef,\n  useCallback,\n  useState\n} from 'react';\nimport { Tooltip } from '../tooltip';\nimport styles from './sidebar.module.css';\n\nexport interface SidebarContextValue {\n  isCollapsed: boolean;\n  hideCollapsedItemTooltip?: boolean;\n}\n\nexport const SidebarContext = createContext<SidebarContextValue>({\n  isCollapsed: false\n});\n\nexport interface SidebarRootProps\n  extends ComponentPropsWithoutRef<typeof Collapsible.Root> {\n  position?: 'left' | 'right';\n  hideCollapsedItemTooltip?: boolean;\n  collapsible?: boolean;\n  tooltipMessage?: ReactNode;\n}\n\nexport const SidebarRoot = forwardRef<\n  ComponentRef<typeof Collapsible.Root>,\n  SidebarRootProps\n>(\n  (\n    {\n      className,\n      position = 'left',\n      open: providedOpen,\n      onOpenChange,\n      hideCollapsedItemTooltip,\n      collapsible = true,\n      tooltipMessage,\n      defaultOpen,\n      children,\n      ...props\n    },\n    ref\n  ) => {\n    const [internalOpen, setInternalOpen] = useState(defaultOpen);\n\n    const open = providedOpen ?? internalOpen;\n\n    const handleOpenChange = useCallback(\n      (value: boolean) => {\n        setInternalOpen(value);\n        onOpenChange?.(value);\n      },\n      [onOpenChange]\n    );\n\n    return (\n      <SidebarContext.Provider\n        value={{ isCollapsed: !open, hideCollapsedItemTooltip }}\n      >\n        <Tooltip.Provider>\n          <Collapsible.Root\n            ref={ref}\n            className={cx(styles.root, className)}\n            data-position={position}\n            data-state={open ? 'expanded' : 'collapsed'}\n            data-collapse-disabled={!collapsible}\n            open={open}\n            onOpenChange={collapsible ? handleOpenChange : undefined}\n            aria-label='Navigation Sidebar'\n            aria-expanded={open}\n            role='navigation'\n            {...props}\n            asChild\n          >\n            <aside>\n              {collapsible && (\n                <Tooltip\n                  message={\n                    tooltipMessage ??\n                    (open ? 'Click to collapse' : 'Click to expand')\n                  }\n                  side={position === 'left' ? 'right' : 'left'}\n                  asChild\n                  followCursor\n                  sideOffset={10}\n                >\n                  <div\n                    className={styles.resizeHandle}\n                    onClick={() => handleOpenChange(!open)}\n                    role='button'\n                    tabIndex={0}\n                    aria-label={open ? 'Collapse sidebar' : 'Expand sidebar'}\n                    onKeyDown={e => {\n                      if (e.key === 'Enter' || e.key === ' ') {\n                        e.preventDefault();\n                        handleOpenChange(!open);\n                      }\n                    }}\n                  />\n                </Tooltip>\n              )}\n              {children}\n            </aside>\n          </Collapsible.Root>\n        </Tooltip.Provider>\n      </SidebarContext.Provider>\n    );\n  }\n);\n\nSidebarRoot.displayName = 'Sidebar';\n"],"names":[],"mappings":";;;;;;;;AAqBO;AACL;AACD;AAUY;;AAqBT;AAEA;;AAGI;AACF;;AA4Bc;AAcE;;AAEE;;;AAYtB;AAGF;;"}
+{"version":3,"file":"sidebar-root.js","sources":["../../../components/sidebar/sidebar-root.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'class-variance-authority';\nimport {\n  ComponentPropsWithoutRef,\n  createContext,\n  forwardRef,\n  ReactNode,\n  useCallback,\n  useState\n} from 'react';\nimport { Tooltip } from '../tooltip';\nimport styles from './sidebar.module.css';\n\nexport interface SidebarContextValue {\n  isCollapsed: boolean;\n  hideCollapsedItemTooltip?: boolean;\n}\n\nexport const SidebarContext = createContext<SidebarContextValue>({\n  isCollapsed: false\n});\n\nexport interface SidebarRootProps extends ComponentPropsWithoutRef<'aside'> {\n  position?: 'left' | 'right';\n  hideCollapsedItemTooltip?: boolean;\n  collapsible?: boolean;\n  tooltipMessage?: ReactNode;\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n}\n\nexport const SidebarRoot = forwardRef<HTMLElement, SidebarRootProps>(\n  (\n    {\n      className,\n      position = 'left',\n      open: providedOpen,\n      onOpenChange,\n      hideCollapsedItemTooltip,\n      collapsible = true,\n      tooltipMessage,\n      defaultOpen = true,\n      children,\n      ...props\n    },\n    ref\n  ) => {\n    const [internalOpen, setInternalOpen] = useState(defaultOpen);\n    const open = providedOpen ?? internalOpen;\n\n    const handleOpenChange = useCallback(\n      (value: boolean) => {\n        setInternalOpen(value);\n        onOpenChange?.(value);\n      },\n      [onOpenChange]\n    );\n\n    return (\n      <SidebarContext.Provider\n        value={{ isCollapsed: !open, hideCollapsedItemTooltip }}\n      >\n        <aside\n          ref={ref}\n          className={cx(styles.root, className)}\n          data-position={position}\n          data-open={open ? '' : undefined}\n          data-closed={!open ? '' : undefined}\n          data-collapse-disabled={!collapsible ? '' : undefined}\n          aria-label='Navigation Sidebar'\n          aria-expanded={open}\n          role='navigation'\n          {...props}\n        >\n          {collapsible && (\n            <Tooltip trackCursorAxis='y'>\n              <Tooltip.Trigger\n                render={\n                  <div\n                    className={styles.resizeHandle}\n                    onClick={() => handleOpenChange(!open)}\n                    role='button'\n                    tabIndex={0}\n                    aria-label={open ? 'Collapse sidebar' : 'Expand sidebar'}\n                    onKeyDown={e => {\n                      if (e.key === 'Enter' || e.key === ' ') {\n                        e.preventDefault();\n                        handleOpenChange(!open);\n                      }\n                    }}\n                  />\n                }\n              />\n              <Tooltip.Content\n                side={position === 'left' ? 'right' : 'left'}\n                sideOffset={10}\n              >\n                {tooltipMessage ??\n                  (open ? 'Click to collapse' : 'Click to expand')}\n              </Tooltip.Content>\n            </Tooltip>\n          )}\n          {children}\n        </aside>\n      </SidebarContext.Provider>\n    );\n  }\n);\n\nSidebarRoot.displayName = 'Sidebar';\n"],"names":[],"mappings":";;;;;;;AAmBO;AACL;AACD;AAYY;;AAiBT;AAEA;;AAGI;AACF;AAIF;AA2BkB;;AAEE;;;AAWN;AAQhB;AAGF;;"}

package/dist/components/sidebar/sidebar.d.ts

@@ -1,4 +1,4 @@
-export declare const Sidebar: import("react").ForwardRefExoticComponent<import("./sidebar-root").SidebarRootProps & import("react").RefAttributes<HTMLDivElement>> & {
+export declare const Sidebar: import("react").ForwardRefExoticComponent<import("./sidebar-root").SidebarRootProps & import("react").RefAttributes<HTMLElement>> & {
     Header: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
     Main: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
     Footer: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;

package/dist/components/sidebar/sidebar.module.css.cjs

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var styles = {"root":"sidebar-module_root__EkOqU","header":"sidebar-module_header__KmG4y","main":"sidebar-module_main__qDvo4","footer":"sidebar-module_footer__uSfma","nav-item":"sidebar-module_nav-item__vd4i1","nav-leading-icon":"sidebar-module_nav-leading-icon__OyAl-","nav-text":"sidebar-module_nav-text__LTn8p","resizeHandle":"sidebar-module_resizeHandle__6zeTV","nav-group":"sidebar-module_nav-group__-7EWF","nav-group-header":"sidebar-module_nav-group-header__doG8b","nav-group-label":"sidebar-module_nav-group-label__3wOAj","nav-group-items":"sidebar-module_nav-group-items__hMXBY","nav___item":"sidebar-module_nav-item__vd4i1","nav___leading___icon":"sidebar-module_nav-leading-icon__OyAl-","nav___text":"sidebar-module_nav-text__LTn8p","nav___group":"sidebar-module_nav-group__-7EWF","nav___group___header":"sidebar-module_nav-group-header__doG8b","nav___group___label":"sidebar-module_nav-group-label__3wOAj","nav___group___items":"sidebar-module_nav-group-items__hMXBY"};
+var styles = {"root":"sidebar-module_root__EkOqU","header":"sidebar-module_header__KmG4y","main":"sidebar-module_main__qDvo4","footer":"sidebar-module_footer__uSfma","nav-item":"sidebar-module_nav-item__vd4i1","nav-leading-icon":"sidebar-module_nav-leading-icon__OyAl-","nav-fallback-avatar":"sidebar-module_nav-fallback-avatar__Yl-YE","nav-text":"sidebar-module_nav-text__LTn8p","resizeHandle":"sidebar-module_resizeHandle__6zeTV","nav-group":"sidebar-module_nav-group__-7EWF","nav-group-header":"sidebar-module_nav-group-header__doG8b","nav-group-label":"sidebar-module_nav-group-label__3wOAj","nav-group-items":"sidebar-module_nav-group-items__hMXBY","nav___item":"sidebar-module_nav-item__vd4i1","nav___leading___icon":"sidebar-module_nav-leading-icon__OyAl-","nav___fallback___avatar":"sidebar-module_nav-fallback-avatar__Yl-YE","nav___text":"sidebar-module_nav-text__LTn8p","nav___group":"sidebar-module_nav-group__-7EWF","nav___group___header":"sidebar-module_nav-group-header__doG8b","nav___group___label":"sidebar-module_nav-group-label__3wOAj","nav___group___items":"sidebar-module_nav-group-items__hMXBY"};
 
 exports.default = styles;
 //# sourceMappingURL=sidebar.module.css.cjs.map

package/dist/components/sidebar/sidebar.module.css.js

@@ -1,4 +1,4 @@
-var styles = {"root":"sidebar-module_root__EkOqU","header":"sidebar-module_header__KmG4y","main":"sidebar-module_main__qDvo4","footer":"sidebar-module_footer__uSfma","nav-item":"sidebar-module_nav-item__vd4i1","nav-leading-icon":"sidebar-module_nav-leading-icon__OyAl-","nav-text":"sidebar-module_nav-text__LTn8p","resizeHandle":"sidebar-module_resizeHandle__6zeTV","nav-group":"sidebar-module_nav-group__-7EWF","nav-group-header":"sidebar-module_nav-group-header__doG8b","nav-group-label":"sidebar-module_nav-group-label__3wOAj","nav-group-items":"sidebar-module_nav-group-items__hMXBY","nav___item":"sidebar-module_nav-item__vd4i1","nav___leading___icon":"sidebar-module_nav-leading-icon__OyAl-","nav___text":"sidebar-module_nav-text__LTn8p","nav___group":"sidebar-module_nav-group__-7EWF","nav___group___header":"sidebar-module_nav-group-header__doG8b","nav___group___label":"sidebar-module_nav-group-label__3wOAj","nav___group___items":"sidebar-module_nav-group-items__hMXBY"};
+var styles = {"root":"sidebar-module_root__EkOqU","header":"sidebar-module_header__KmG4y","main":"sidebar-module_main__qDvo4","footer":"sidebar-module_footer__uSfma","nav-item":"sidebar-module_nav-item__vd4i1","nav-leading-icon":"sidebar-module_nav-leading-icon__OyAl-","nav-fallback-avatar":"sidebar-module_nav-fallback-avatar__Yl-YE","nav-text":"sidebar-module_nav-text__LTn8p","resizeHandle":"sidebar-module_resizeHandle__6zeTV","nav-group":"sidebar-module_nav-group__-7EWF","nav-group-header":"sidebar-module_nav-group-header__doG8b","nav-group-label":"sidebar-module_nav-group-label__3wOAj","nav-group-items":"sidebar-module_nav-group-items__hMXBY","nav___item":"sidebar-module_nav-item__vd4i1","nav___leading___icon":"sidebar-module_nav-leading-icon__OyAl-","nav___fallback___avatar":"sidebar-module_nav-fallback-avatar__Yl-YE","nav___text":"sidebar-module_nav-text__LTn8p","nav___group":"sidebar-module_nav-group__-7EWF","nav___group___header":"sidebar-module_nav-group-header__doG8b","nav___group___label":"sidebar-module_nav-group-label__3wOAj","nav___group___items":"sidebar-module_nav-group-items__hMXBY"};
 
 export { styles as default };
 //# sourceMappingURL=sidebar.module.css.js.map

package/dist/components/slider/index.d.ts

@@ -1,2 +1,2 @@
-export { Slider } from "./slider";
+export { Slider } from './slider';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/slider/slider.cjs

@@ -2,12 +2,11 @@
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
+var react = require('@base-ui/react');
 var classVarianceAuthority = require('class-variance-authority');
-var radixUi = require('radix-ui');
 var React = require('react');
 var text = require('../text/text.cjs');
 var slider_module = require('./slider.module.css.cjs');
-var thumb = require('./thumb.cjs');
 
 const slider = classVarianceAuthority.cva(slider_module.default.slider, {
     variants: {
@@ -20,34 +19,23 @@ const slider = classVarianceAuthority.cva(slider_module.default.slider, {
         variant: 'single'
     }
 });
-const Slider = React.forwardRef(({ className, variant = 'single', value, defaultValue, min = 0, max = 100, step = 1, label, onChange, 'aria-label': ariaLabel, 'aria-valuetext': ariaValueText, thumbSize = 'large', ...props }, ref) => {
+const SliderRoot = React.forwardRef(({ className, variant = 'single', label, thumbSize = 'large', ...props }, ref) => {
     const isRange = variant === 'range';
     const isThumbSmall = thumbSize === 'small';
-    const defaultVal = isRange
-        ? defaultValue || [min, max]
-        : [defaultValue || min];
-    const currentValue = value
-        ? isRange
-            ? value
-            : [value]
-        : defaultVal;
-    const getLabel = (index) => {
+    const getLabel = React.useCallback((index) => {
         if (!label)
             return undefined;
         if (typeof label === 'string')
             return label;
         return label[index];
-    };
-    const getAriaValueText = (index) => {
-        if (ariaValueText)
-            return ariaValueText;
-        const labelText = getLabel(index);
-        const val = currentValue[index];
-        return labelText ? `${labelText}: ${val}` : `${val}`;
-    };
-    return (jsxRuntime.jsxs(radixUi.Slider.Root, { ref: ref, className: `${slider({ variant })} ${className || ''}`, value: value ? currentValue : undefined, defaultValue: defaultVal, min: min, max: max, step: step, onValueChange: val => onChange?.(isRange ? val : val[0]), "aria-label": ariaLabel || (isRange ? 'Range slider' : 'Slider'), ...props, children: [jsxRuntime.jsx(radixUi.Slider.Track, { className: slider_module.default.track, children: jsxRuntime.jsx(radixUi.Slider.Range, { className: slider_module.default.range }) }), defaultVal.map((_, i) => (jsxRuntime.jsx(radixUi.Slider.Thumb, { className: classVarianceAuthority.cx(slider_module.default.thumb), asChild: true, "aria-label": getLabel(i) || `Thumb ${i + 1}`, "aria-valuetext": getAriaValueText(i), "data-size": thumbSize, children: jsxRuntime.jsxs("div", { children: [isThumbSmall ? (jsxRuntime.jsx("div", { className: slider_module.default.thumbSmall })) : (jsxRuntime.jsx(thumb.ThumbIcon, {})), getLabel(i) && (jsxRuntime.jsx(text.Text, { className: slider_module.default.label, size: isThumbSmall ? 'micro' : 'mini', weight: 'medium', children: getLabel(i) }))] }) }, i)))] }));
+    }, [label]);
+    const thumbCount = isRange ? 2 : 1;
+    return (jsxRuntime.jsx(react.Slider.Root, { ref: ref, className: slider({ variant, className }), thumbAlignment: 'edge', ...props, children: jsxRuntime.jsx(react.Slider.Control, { className: slider_module.default.control, children: jsxRuntime.jsxs(react.Slider.Track, { className: slider_module.default.track, children: [jsxRuntime.jsx(react.Slider.Indicator, { className: slider_module.default.indicator }), Array.from({ length: thumbCount }).map((_, i) => (jsxRuntime.jsxs(react.Slider.Thumb, { index: isRange ? i : undefined, className: classVarianceAuthority.cx(slider_module.default.thumb), "aria-label": getLabel(i) || (isRange ? `Thumb ${i + 1}` : 'Slider thumb'), "data-size": thumbSize, children: [isThumbSmall ? (jsxRuntime.jsx("div", { className: slider_module.default.thumbSmall })) : (jsxRuntime.jsxs("div", { className: slider_module.default.thumbLarge, children: [jsxRuntime.jsx("div", { className: slider_module.default.thumbLargeLine }), jsxRuntime.jsx("div", { className: slider_module.default.thumbLargeLine }), jsxRuntime.jsx("div", { className: slider_module.default.thumbLargeLine })] })), getLabel(i) && (jsxRuntime.jsx(text.Text, { className: slider_module.default.label, size: isThumbSmall ? 'micro' : 'mini', weight: 'medium', children: getLabel(i) }))] }, i)))] }) }) }));
+});
+SliderRoot.displayName = 'SliderRoot';
+const Slider = Object.assign(SliderRoot, {
+    Value: react.Slider.Value
 });
-Slider.displayName = 'Slider';
 
 exports.Slider = Slider;
 //# sourceMappingURL=slider.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"slider.cjs","sources":["../../../components/slider/slider.tsx"],"sourcesContent":["'use client';\n\nimport { type VariantProps, cva, cx } from 'class-variance-authority';\nimport { Slider as SliderPrimitive } from 'radix-ui';\nimport {\n  type ComponentPropsWithoutRef,\n  type ElementRef,\n  forwardRef\n} from 'react';\nimport { Text } from '../text';\nimport styles from './slider.module.css';\nimport { ThumbIcon } from './thumb';\n\nconst slider = cva(styles.slider, {\n  variants: {\n    variant: {\n      single: styles['slider-variant-single'],\n      range: styles['slider-variant-range']\n    }\n  },\n  defaultVariants: {\n    variant: 'single'\n  }\n});\n\nexport interface SliderProps\n  extends Omit<\n      ComponentPropsWithoutRef<typeof SliderPrimitive.Root>,\n      'value' | 'defaultValue' | 'onChange'\n    >,\n    VariantProps<typeof slider> {\n  value?: number | [number, number];\n  defaultValue?: number | [number, number];\n  min?: number;\n  max?: number;\n  step?: number;\n  label?: string | [string, string];\n  onChange?: (value: number | [number, number]) => void;\n  'aria-label'?: string;\n  'aria-valuetext'?: string;\n  thumbSize?: 'small' | 'large';\n}\n\nexport const Slider = forwardRef<\n  ElementRef<typeof SliderPrimitive.Root>,\n  SliderProps\n>(\n  (\n    {\n      className,\n      variant = 'single',\n      value,\n      defaultValue,\n      min = 0,\n      max = 100,\n      step = 1,\n      label,\n      onChange,\n      'aria-label': ariaLabel,\n      'aria-valuetext': ariaValueText,\n      thumbSize = 'large',\n      ...props\n    },\n    ref\n  ) => {\n    const isRange = variant === 'range';\n    const isThumbSmall = thumbSize === 'small';\n    const defaultVal = isRange\n      ? (defaultValue as [number, number]) || [min, max]\n      : [(defaultValue as number) || min];\n    const currentValue = value\n      ? isRange\n        ? (value as [number, number])\n        : [value as number]\n      : defaultVal;\n\n    const getLabel = (index: number) => {\n      if (!label) return undefined;\n      if (typeof label === 'string') return label;\n      return label[index];\n    };\n\n    const getAriaValueText = (index: number) => {\n      if (ariaValueText) return ariaValueText;\n      const labelText = getLabel(index);\n      const val = currentValue[index];\n      return labelText ? `${labelText}: ${val}` : `${val}`;\n    };\n\n    return (\n      <SliderPrimitive.Root\n        ref={ref}\n        className={`${slider({ variant })} ${className || ''}`}\n        value={value ? currentValue : undefined}\n        defaultValue={defaultVal}\n        min={min}\n        max={max}\n        step={step}\n        onValueChange={val =>\n          onChange?.(isRange ? (val as [number, number]) : val[0])\n        }\n        aria-label={ariaLabel || (isRange ? 'Range slider' : 'Slider')}\n        {...props}\n      >\n        <SliderPrimitive.Track className={styles.track}>\n          <SliderPrimitive.Range className={styles.range} />\n        </SliderPrimitive.Track>\n        {defaultVal.map((_, i) => (\n          <SliderPrimitive.Thumb\n            key={i}\n            className={cx(styles.thumb)}\n            asChild\n            aria-label={getLabel(i) || `Thumb ${i + 1}`}\n            aria-valuetext={getAriaValueText(i)}\n            data-size={thumbSize}\n          >\n            <div>\n              {isThumbSmall ? (\n                <div className={styles.thumbSmall} />\n              ) : (\n                <ThumbIcon />\n              )}\n              {getLabel(i) && (\n                <Text\n                  className={styles.label}\n                  size={isThumbSmall ? 'micro' : 'mini'}\n                  weight='medium'\n                >\n                  {getLabel(i)}\n                </Text>\n              )}\n            </div>\n          </SliderPrimitive.Thumb>\n        ))}\n      </SliderPrimitive.Root>\n    );\n  }\n);\n\nSlider.displayName = 'Slider';\n"],"names":[],"mappings":";;;;;;;;;;;AAaA;AACE;AACE;AACE;AACA;AACD;AACF;AACD;AACE;AACD;AACF;AAoBY;AAsBT;AACA;;AAEE;AACA;;AAEA;AACE;;;AAIJ;AACE;AAAY;;AACmB;AAC/B;AACF;AAEA;AACE;AAAmB;AACnB;AACA;AACA;AACF;;AAiDF;AAGF;;"}
+{"version":3,"file":"slider.cjs","sources":["../../../components/slider/slider.tsx"],"sourcesContent":["'use client';\n\nimport { Slider as SliderPrimitive } from '@base-ui/react';\nimport { cva, cx, type VariantProps } from 'class-variance-authority';\nimport { type ElementRef, forwardRef, useCallback } from 'react';\nimport { Text } from '../text';\nimport styles from './slider.module.css';\n\nconst slider = cva(styles.slider, {\n  variants: {\n    variant: {\n      single: styles['slider-variant-single'],\n      range: styles['slider-variant-range']\n    }\n  },\n  defaultVariants: {\n    variant: 'single'\n  }\n});\n\nexport interface SliderProps\n  extends SliderPrimitive.Root.Props,\n    VariantProps<typeof slider> {\n  label?: string | [string, string];\n  thumbSize?: 'small' | 'large';\n}\n\nconst SliderRoot = forwardRef<\n  ElementRef<typeof SliderPrimitive.Root>,\n  SliderProps\n>(\n  (\n    { className, variant = 'single', label, thumbSize = 'large', ...props },\n    ref\n  ) => {\n    const isRange = variant === 'range';\n    const isThumbSmall = thumbSize === 'small';\n\n    const getLabel = useCallback(\n      (index: number) => {\n        if (!label) return undefined;\n        if (typeof label === 'string') return label;\n        return label[index];\n      },\n      [label]\n    );\n\n    const thumbCount = isRange ? 2 : 1;\n\n    return (\n      <SliderPrimitive.Root\n        ref={ref}\n        className={slider({ variant, className })}\n        thumbAlignment='edge'\n        {...props}\n      >\n        <SliderPrimitive.Control className={styles.control}>\n          <SliderPrimitive.Track className={styles.track}>\n            <SliderPrimitive.Indicator className={styles.indicator} />\n            {Array.from({ length: thumbCount }).map((_, i) => (\n              <SliderPrimitive.Thumb\n                key={i}\n                index={isRange ? i : undefined}\n                className={cx(styles.thumb)}\n                aria-label={\n                  getLabel(i) || (isRange ? `Thumb ${i + 1}` : 'Slider thumb')\n                }\n                data-size={thumbSize}\n              >\n                {isThumbSmall ? (\n                  <div className={styles.thumbSmall} />\n                ) : (\n                  <div className={styles.thumbLarge}>\n                    <div className={styles.thumbLargeLine} />\n                    <div className={styles.thumbLargeLine} />\n                    <div className={styles.thumbLargeLine} />\n                  </div>\n                )}\n                {getLabel(i) && (\n                  <Text\n                    className={styles.label}\n                    size={isThumbSmall ? 'micro' : 'mini'}\n                    weight='medium'\n                  >\n                    {getLabel(i)}\n                  </Text>\n                )}\n              </SliderPrimitive.Thumb>\n            ))}\n          </SliderPrimitive.Track>\n        </SliderPrimitive.Control>\n      </SliderPrimitive.Root>\n    );\n  }\n);\n\nSliderRoot.displayName = 'SliderRoot';\n\nexport const Slider = Object.assign(SliderRoot, {\n  Value: SliderPrimitive.Value\n});\n"],"names":[],"mappings":";;;;;;;;;;AAQA;AACE;AACE;AACE;AACA;AACD;AACF;AACD;AACE;AACD;AACF;AASD;AAQI;AACA;AAEA;AAEI;AAAY;;AACmB;AAC/B;AACF;;;AAkDJ;AAGF;;;AAIC;;"}

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

@@ -1,21 +1,14 @@
+import { Slider as SliderPrimitive } from '@base-ui/react';
 import { type VariantProps } from 'class-variance-authority';
-import { Slider as SliderPrimitive } from 'radix-ui';
-import { type ComponentPropsWithoutRef } from 'react';
 declare const slider: (props?: ({
-    variant?: "single" | "range" | null | undefined;
+    variant?: "range" | "single" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
-export interface SliderProps extends Omit<ComponentPropsWithoutRef<typeof SliderPrimitive.Root>, 'value' | 'defaultValue' | 'onChange'>, VariantProps<typeof slider> {
-    value?: number | [number, number];
-    defaultValue?: number | [number, number];
-    min?: number;
-    max?: number;
-    step?: number;
+export interface SliderProps extends SliderPrimitive.Root.Props, VariantProps<typeof slider> {
     label?: string | [string, string];
-    onChange?: (value: number | [number, number]) => void;
-    'aria-label'?: string;
-    'aria-valuetext'?: string;
     thumbSize?: 'small' | 'large';
 }
-export declare const Slider: import("react").ForwardRefExoticComponent<SliderProps & import("react").RefAttributes<HTMLSpanElement>>;
+export declare const Slider: import("react").ForwardRefExoticComponent<Omit<SliderProps, "ref"> & import("react").RefAttributes<HTMLDivElement>> & {
+    Value: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").SliderValueProps, "ref"> & import("react").RefAttributes<HTMLOutputElement>>;
+};
 export {};
 //# sourceMappingURL=slider.d.ts.map

package/dist/components/slider/slider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"slider.d.ts","sourceRoot":"","sources":["../../../components/slider/slider.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,YAAY,EAAW,MAAM,0BAA0B,CAAC;AACtE,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,UAAU,CAAC;AACrD,OAAO,EACL,KAAK,wBAAwB,EAG9B,MAAM,OAAO,CAAC;AAKf,QAAA,MAAM,MAAM;;8EAUV,CAAC;AAEH,MAAM,WAAW,WACf,SAAQ,IAAI,CACR,wBAAwB,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,EACrD,OAAO,GAAG,cAAc,GAAG,UAAU,CACtC,EACD,YAAY,CAAC,OAAO,MAAM,CAAC;IAC7B,KAAK,CAAC,EAAE,MAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAClC,YAAY,CAAC,EAAE,MAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACzC,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAClC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,KAAK,IAAI,CAAC;IACtD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,SAAS,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;CAC/B;AAED,eAAO,MAAM,MAAM,yGA8FlB,CAAC"}
+{"version":3,"file":"slider.d.ts","sourceRoot":"","sources":["../../../components/slider/slider.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAC3D,OAAO,EAAW,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAKtE,QAAA,MAAM,MAAM;;8EAUV,CAAC;AAEH,MAAM,WAAW,WACf,SAAQ,eAAe,CAAC,IAAI,CAAC,KAAK,EAChC,YAAY,CAAC,OAAO,MAAM,CAAC;IAC7B,KAAK,CAAC,EAAE,MAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAClC,SAAS,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;CAC/B;AAyED,eAAO,MAAM,MAAM;;CAEjB,CAAC"}

package/dist/components/slider/slider.js

@@ -1,11 +1,10 @@
 "use client";
-import { jsxs, jsx } from 'react/jsx-runtime';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { Slider as Slider$1 } from '@base-ui/react';
 import { cva, cx } from 'class-variance-authority';
-import { Slider as Slider$1 } from 'radix-ui';
-import { forwardRef } from 'react';
+import { forwardRef, useCallback } from 'react';
 import { Text } from '../text/text.js';
 import styles from './slider.module.css.js';
-import { ThumbIcon } from './thumb.js';
 
 const slider = cva(styles.slider, {
     variants: {
@@ -18,34 +17,23 @@ const slider = cva(styles.slider, {
         variant: 'single'
     }
 });
-const Slider = forwardRef(({ className, variant = 'single', value, defaultValue, min = 0, max = 100, step = 1, label, onChange, 'aria-label': ariaLabel, 'aria-valuetext': ariaValueText, thumbSize = 'large', ...props }, ref) => {
+const SliderRoot = forwardRef(({ className, variant = 'single', label, thumbSize = 'large', ...props }, ref) => {
     const isRange = variant === 'range';
     const isThumbSmall = thumbSize === 'small';
-    const defaultVal = isRange
-        ? defaultValue || [min, max]
-        : [defaultValue || min];
-    const currentValue = value
-        ? isRange
-            ? value
-            : [value]
-        : defaultVal;
-    const getLabel = (index) => {
+    const getLabel = useCallback((index) => {
         if (!label)
             return undefined;
         if (typeof label === 'string')
             return label;
         return label[index];
-    };
-    const getAriaValueText = (index) => {
-        if (ariaValueText)
-            return ariaValueText;
-        const labelText = getLabel(index);
-        const val = currentValue[index];
-        return labelText ? `${labelText}: ${val}` : `${val}`;
-    };
-    return (jsxs(Slider$1.Root, { ref: ref, className: `${slider({ variant })} ${className || ''}`, value: value ? currentValue : undefined, defaultValue: defaultVal, min: min, max: max, step: step, onValueChange: val => onChange?.(isRange ? val : val[0]), "aria-label": ariaLabel || (isRange ? 'Range slider' : 'Slider'), ...props, children: [jsx(Slider$1.Track, { className: styles.track, children: jsx(Slider$1.Range, { className: styles.range }) }), defaultVal.map((_, i) => (jsx(Slider$1.Thumb, { className: cx(styles.thumb), asChild: true, "aria-label": getLabel(i) || `Thumb ${i + 1}`, "aria-valuetext": getAriaValueText(i), "data-size": thumbSize, children: jsxs("div", { children: [isThumbSmall ? (jsx("div", { className: styles.thumbSmall })) : (jsx(ThumbIcon, {})), getLabel(i) && (jsx(Text, { className: styles.label, size: isThumbSmall ? 'micro' : 'mini', weight: 'medium', children: getLabel(i) }))] }) }, i)))] }));
+    }, [label]);
+    const thumbCount = isRange ? 2 : 1;
+    return (jsx(Slider$1.Root, { ref: ref, className: slider({ variant, className }), thumbAlignment: 'edge', ...props, children: jsx(Slider$1.Control, { className: styles.control, children: jsxs(Slider$1.Track, { className: styles.track, children: [jsx(Slider$1.Indicator, { className: styles.indicator }), Array.from({ length: thumbCount }).map((_, i) => (jsxs(Slider$1.Thumb, { index: isRange ? i : undefined, className: cx(styles.thumb), "aria-label": getLabel(i) || (isRange ? `Thumb ${i + 1}` : 'Slider thumb'), "data-size": thumbSize, children: [isThumbSmall ? (jsx("div", { className: styles.thumbSmall })) : (jsxs("div", { className: styles.thumbLarge, children: [jsx("div", { className: styles.thumbLargeLine }), jsx("div", { className: styles.thumbLargeLine }), jsx("div", { className: styles.thumbLargeLine })] })), getLabel(i) && (jsx(Text, { className: styles.label, size: isThumbSmall ? 'micro' : 'mini', weight: 'medium', children: getLabel(i) }))] }, i)))] }) }) }));
+});
+SliderRoot.displayName = 'SliderRoot';
+const Slider = Object.assign(SliderRoot, {
+    Value: Slider$1.Value
 });
-Slider.displayName = 'Slider';
 
 export { Slider };
 //# sourceMappingURL=slider.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"slider.js","sources":["../../../components/slider/slider.tsx"],"sourcesContent":["'use client';\n\nimport { type VariantProps, cva, cx } from 'class-variance-authority';\nimport { Slider as SliderPrimitive } from 'radix-ui';\nimport {\n  type ComponentPropsWithoutRef,\n  type ElementRef,\n  forwardRef\n} from 'react';\nimport { Text } from '../text';\nimport styles from './slider.module.css';\nimport { ThumbIcon } from './thumb';\n\nconst slider = cva(styles.slider, {\n  variants: {\n    variant: {\n      single: styles['slider-variant-single'],\n      range: styles['slider-variant-range']\n    }\n  },\n  defaultVariants: {\n    variant: 'single'\n  }\n});\n\nexport interface SliderProps\n  extends Omit<\n      ComponentPropsWithoutRef<typeof SliderPrimitive.Root>,\n      'value' | 'defaultValue' | 'onChange'\n    >,\n    VariantProps<typeof slider> {\n  value?: number | [number, number];\n  defaultValue?: number | [number, number];\n  min?: number;\n  max?: number;\n  step?: number;\n  label?: string | [string, string];\n  onChange?: (value: number | [number, number]) => void;\n  'aria-label'?: string;\n  'aria-valuetext'?: string;\n  thumbSize?: 'small' | 'large';\n}\n\nexport const Slider = forwardRef<\n  ElementRef<typeof SliderPrimitive.Root>,\n  SliderProps\n>(\n  (\n    {\n      className,\n      variant = 'single',\n      value,\n      defaultValue,\n      min = 0,\n      max = 100,\n      step = 1,\n      label,\n      onChange,\n      'aria-label': ariaLabel,\n      'aria-valuetext': ariaValueText,\n      thumbSize = 'large',\n      ...props\n    },\n    ref\n  ) => {\n    const isRange = variant === 'range';\n    const isThumbSmall = thumbSize === 'small';\n    const defaultVal = isRange\n      ? (defaultValue as [number, number]) || [min, max]\n      : [(defaultValue as number) || min];\n    const currentValue = value\n      ? isRange\n        ? (value as [number, number])\n        : [value as number]\n      : defaultVal;\n\n    const getLabel = (index: number) => {\n      if (!label) return undefined;\n      if (typeof label === 'string') return label;\n      return label[index];\n    };\n\n    const getAriaValueText = (index: number) => {\n      if (ariaValueText) return ariaValueText;\n      const labelText = getLabel(index);\n      const val = currentValue[index];\n      return labelText ? `${labelText}: ${val}` : `${val}`;\n    };\n\n    return (\n      <SliderPrimitive.Root\n        ref={ref}\n        className={`${slider({ variant })} ${className || ''}`}\n        value={value ? currentValue : undefined}\n        defaultValue={defaultVal}\n        min={min}\n        max={max}\n        step={step}\n        onValueChange={val =>\n          onChange?.(isRange ? (val as [number, number]) : val[0])\n        }\n        aria-label={ariaLabel || (isRange ? 'Range slider' : 'Slider')}\n        {...props}\n      >\n        <SliderPrimitive.Track className={styles.track}>\n          <SliderPrimitive.Range className={styles.range} />\n        </SliderPrimitive.Track>\n        {defaultVal.map((_, i) => (\n          <SliderPrimitive.Thumb\n            key={i}\n            className={cx(styles.thumb)}\n            asChild\n            aria-label={getLabel(i) || `Thumb ${i + 1}`}\n            aria-valuetext={getAriaValueText(i)}\n            data-size={thumbSize}\n          >\n            <div>\n              {isThumbSmall ? (\n                <div className={styles.thumbSmall} />\n              ) : (\n                <ThumbIcon />\n              )}\n              {getLabel(i) && (\n                <Text\n                  className={styles.label}\n                  size={isThumbSmall ? 'micro' : 'mini'}\n                  weight='medium'\n                >\n                  {getLabel(i)}\n                </Text>\n              )}\n            </div>\n          </SliderPrimitive.Thumb>\n        ))}\n      </SliderPrimitive.Root>\n    );\n  }\n);\n\nSlider.displayName = 'Slider';\n"],"names":[],"mappings":";;;;;;;;;AAaA;AACE;AACE;AACE;AACA;AACD;AACF;AACD;AACE;AACD;AACF;AAoBY;AAsBT;AACA;;AAEE;AACA;;AAEA;AACE;;;AAIJ;AACE;AAAY;;AACmB;AAC/B;AACF;AAEA;AACE;AAAmB;AACnB;AACA;AACA;AACF;;AAiDF;AAGF;;"}
+{"version":3,"file":"slider.js","sources":["../../../components/slider/slider.tsx"],"sourcesContent":["'use client';\n\nimport { Slider as SliderPrimitive } from '@base-ui/react';\nimport { cva, cx, type VariantProps } from 'class-variance-authority';\nimport { type ElementRef, forwardRef, useCallback } from 'react';\nimport { Text } from '../text';\nimport styles from './slider.module.css';\n\nconst slider = cva(styles.slider, {\n  variants: {\n    variant: {\n      single: styles['slider-variant-single'],\n      range: styles['slider-variant-range']\n    }\n  },\n  defaultVariants: {\n    variant: 'single'\n  }\n});\n\nexport interface SliderProps\n  extends SliderPrimitive.Root.Props,\n    VariantProps<typeof slider> {\n  label?: string | [string, string];\n  thumbSize?: 'small' | 'large';\n}\n\nconst SliderRoot = forwardRef<\n  ElementRef<typeof SliderPrimitive.Root>,\n  SliderProps\n>(\n  (\n    { className, variant = 'single', label, thumbSize = 'large', ...props },\n    ref\n  ) => {\n    const isRange = variant === 'range';\n    const isThumbSmall = thumbSize === 'small';\n\n    const getLabel = useCallback(\n      (index: number) => {\n        if (!label) return undefined;\n        if (typeof label === 'string') return label;\n        return label[index];\n      },\n      [label]\n    );\n\n    const thumbCount = isRange ? 2 : 1;\n\n    return (\n      <SliderPrimitive.Root\n        ref={ref}\n        className={slider({ variant, className })}\n        thumbAlignment='edge'\n        {...props}\n      >\n        <SliderPrimitive.Control className={styles.control}>\n          <SliderPrimitive.Track className={styles.track}>\n            <SliderPrimitive.Indicator className={styles.indicator} />\n            {Array.from({ length: thumbCount }).map((_, i) => (\n              <SliderPrimitive.Thumb\n                key={i}\n                index={isRange ? i : undefined}\n                className={cx(styles.thumb)}\n                aria-label={\n                  getLabel(i) || (isRange ? `Thumb ${i + 1}` : 'Slider thumb')\n                }\n                data-size={thumbSize}\n              >\n                {isThumbSmall ? (\n                  <div className={styles.thumbSmall} />\n                ) : (\n                  <div className={styles.thumbLarge}>\n                    <div className={styles.thumbLargeLine} />\n                    <div className={styles.thumbLargeLine} />\n                    <div className={styles.thumbLargeLine} />\n                  </div>\n                )}\n                {getLabel(i) && (\n                  <Text\n                    className={styles.label}\n                    size={isThumbSmall ? 'micro' : 'mini'}\n                    weight='medium'\n                  >\n                    {getLabel(i)}\n                  </Text>\n                )}\n              </SliderPrimitive.Thumb>\n            ))}\n          </SliderPrimitive.Track>\n        </SliderPrimitive.Control>\n      </SliderPrimitive.Root>\n    );\n  }\n);\n\nSliderRoot.displayName = 'SliderRoot';\n\nexport const Slider = Object.assign(SliderRoot, {\n  Value: SliderPrimitive.Value\n});\n"],"names":[],"mappings":";;;;;;;;AAQA;AACE;AACE;AACE;AACA;AACD;AACF;AACD;AACE;AACD;AACF;AASD;AAQI;AACA;AAEA;AAEI;AAAY;;AACmB;AAC/B;AACF;;;AAkDJ;AAGF;;;AAIC;;"}

package/dist/components/slider/slider.module.css.cjs

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var styles = {"slider":"slider-module_slider__jDMCa","track":"slider-module_track__PGOc3","range":"slider-module_range__PBl0k","thumb":"slider-module_thumb__kvvbb","thumbSmall":"slider-module_thumbSmall__VF-A-","label":"slider-module_label__UOAaW","slider-variant-single":"slider-module_slider-variant-single__W4-RK","slider___variant___single":"slider-module_slider-variant-single__W4-RK"};
+var styles = {"slider":"slider-module_slider__jDMCa","control":"slider-module_control__r2p-Q","track":"slider-module_track__PGOc3","indicator":"slider-module_indicator__UN7Em","thumb":"slider-module_thumb__kvvbb","thumbLarge":"slider-module_thumbLarge__NCPuL","thumbLargeLine":"slider-module_thumbLargeLine__vU-HV","thumbSmall":"slider-module_thumbSmall__VF-A-","label":"slider-module_label__UOAaW","slider-variant-single":"slider-module_slider-variant-single__W4-RK","slider___variant___single":"slider-module_slider-variant-single__W4-RK"};
 
 exports.default = styles;
 //# sourceMappingURL=slider.module.css.cjs.map

package/dist/components/slider/slider.module.css.js

@@ -1,4 +1,4 @@
-var styles = {"slider":"slider-module_slider__jDMCa","track":"slider-module_track__PGOc3","range":"slider-module_range__PBl0k","thumb":"slider-module_thumb__kvvbb","thumbSmall":"slider-module_thumbSmall__VF-A-","label":"slider-module_label__UOAaW","slider-variant-single":"slider-module_slider-variant-single__W4-RK","slider___variant___single":"slider-module_slider-variant-single__W4-RK"};
+var styles = {"slider":"slider-module_slider__jDMCa","control":"slider-module_control__r2p-Q","track":"slider-module_track__PGOc3","indicator":"slider-module_indicator__UN7Em","thumb":"slider-module_thumb__kvvbb","thumbLarge":"slider-module_thumbLarge__NCPuL","thumbLargeLine":"slider-module_thumbLargeLine__vU-HV","thumbSmall":"slider-module_thumbSmall__VF-A-","label":"slider-module_label__UOAaW","slider-variant-single":"slider-module_slider-variant-single__W4-RK","slider___variant___single":"slider-module_slider-variant-single__W4-RK"};
 
 export { styles as default };
 //# sourceMappingURL=slider.module.css.js.map

package/dist/components/switch/switch.cjs

@@ -1,8 +1,8 @@
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
+var _switch = require('@base-ui/react/switch');
 var classVarianceAuthority = require('class-variance-authority');
-var radixUi = require('radix-ui');
 var React = require('react');
 var switch_module = require('./switch.module.css.cjs');
 
@@ -17,8 +17,7 @@ const switchVariants = classVarianceAuthority.cva(switch_module.default.switch,
         size: 'large'
     }
 });
-const Switch = React.forwardRef(({ className, disabled, required, size, name, value, ...props }, forwardedRef) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(radixUi.Switch.Root, { ...props, ref: forwardedRef, disabled: disabled, required: required, className: switchVariants({ size, className }), "data-disabled": disabled, children: jsxRuntime.jsx(SwitchThumb, {}) }), name && (jsxRuntime.jsx("input", { type: 'hidden', name: name, value: value || 'on', disabled: disabled }))] })));
-const SwitchThumb = React.forwardRef(({ className, ...props }, ref) => (jsxRuntime.jsx(radixUi.Switch.Thumb, { ref: ref, className: classVarianceAuthority.cx(switch_module.default.thumb, className), ...props })));
+const Switch = React.forwardRef(({ className, size, ...props }, forwardedRef) => (jsxRuntime.jsx(_switch.Switch.Root, { ...props, ref: forwardedRef, className: switchVariants({ size, className }), children: jsxRuntime.jsx(_switch.Switch.Thumb, { className: switch_module.default.thumb }) })));
 Switch.displayName = 'Switch';
 
 exports.Switch = Switch;

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

@@ -1 +1 @@
-{"version":3,"file":"switch.cjs","sources":["../../../components/switch/switch.tsx"],"sourcesContent":["import { VariantProps, cva, cx } from 'class-variance-authority';\nimport { Switch as SwitchPrimitive } from 'radix-ui';\nimport { ComponentPropsWithoutRef, ElementRef, forwardRef } from 'react';\n\nimport styles from './switch.module.css';\n\nconst switchVariants = cva(styles.switch, {\n  variants: {\n    size: {\n      large: styles.large,\n      small: styles.small\n    }\n  },\n  defaultVariants: {\n    size: 'large'\n  }\n});\n\nexport interface SwitchProps\n  extends ComponentPropsWithoutRef<typeof SwitchPrimitive.Root>,\n    VariantProps<typeof switchVariants> {}\n\nexport const Switch = forwardRef<\n  ElementRef<typeof SwitchPrimitive.Root>,\n  SwitchProps\n>(\n  (\n    { className, disabled, required, size, name, value, ...props },\n    forwardedRef\n  ) => (\n    <>\n      <SwitchPrimitive.Root\n        {...props}\n        ref={forwardedRef}\n        disabled={disabled}\n        required={required}\n        className={switchVariants({ size, className })}\n        data-disabled={disabled}\n      >\n        <SwitchThumb />\n      </SwitchPrimitive.Root>\n      {name && (\n        <input\n          type='hidden'\n          name={name}\n          value={value || 'on'}\n          disabled={disabled}\n        />\n      )}\n    </>\n  )\n);\n\ninterface ThumbProps\n  extends ComponentPropsWithoutRef<typeof SwitchPrimitive.Thumb> {}\n\nconst SwitchThumb = forwardRef<\n  ElementRef<typeof SwitchPrimitive.Thumb>,\n  ThumbProps\n>(({ className, ...props }, ref) => (\n  <SwitchPrimitive.Thumb\n    ref={ref}\n    className={cx(styles.thumb, className)}\n    {...props}\n  />\n));\n\nSwitch.displayName = 'Switch';\n"],"names":["cva","styles","forwardRef","_jsxs","_Fragment","_jsx","SwitchPrimitive","cx"],"mappings":";;;;;;;;AAMA,MAAM,cAAc,GAAGA,0BAAG,CAACC,qBAAM,CAAC,MAAM,EAAE;AACxC,IAAA,QAAQ,EAAE;AACR,QAAA,IAAI,EAAE;YACJ,KAAK,EAAEA,qBAAM,CAAC,KAAK;YACnB,KAAK,EAAEA,qBAAM,CAAC,KAAK;AACpB,SAAA;AACF,KAAA;AACD,IAAA,eAAe,EAAE;AACf,QAAA,IAAI,EAAE,OAAO;AACd,KAAA;AACF,CAAA,CAAC,CAAC;MAMU,MAAM,GAAGC,gBAAU,CAI9B,CACE,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAC9D,YAAY,MAEZC,eACE,CAAAC,mBAAA,EAAA,EAAA,QAAA,EAAA,CAAAC,cAAA,CAACC,cAAe,CAAC,IAAI,OACf,KAAK,EACT,GAAG,EAAE,YAAY,EACjB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,cAAc,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC,EAC/B,eAAA,EAAA,QAAQ,YAEvBD,cAAC,CAAA,WAAW,KAAG,EACM,CAAA,EACtB,IAAI,KACHA,0BACE,IAAI,EAAC,QAAQ,EACb,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,IAAI,IAAI,EACpB,QAAQ,EAAE,QAAQ,GAClB,CACH,CAAA,EAAA,CACA,CACJ,EACD;AAKF,MAAM,WAAW,GAAGH,gBAAU,CAG5B,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,MAC7BG,eAACC,cAAe,CAAC,KAAK,EAAA,EACpB,GAAG,EAAE,GAAG,EACR,SAAS,EAAEC,yBAAE,CAACN,qBAAM,CAAC,KAAK,EAAE,SAAS,CAAC,EAAA,GAClC,KAAK,EACT,CAAA,CACH,CAAC,CAAC;AAEH,MAAM,CAAC,WAAW,GAAG,QAAQ;;;;"}
+{"version":3,"file":"switch.cjs","sources":["../../../components/switch/switch.tsx"],"sourcesContent":["import { Switch as SwitchPrimitive } from '@base-ui/react/switch';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { forwardRef } from 'react';\n\nimport styles from './switch.module.css';\n\nconst switchVariants = cva(styles.switch, {\n  variants: {\n    size: {\n      large: styles.large,\n      small: styles.small\n    }\n  },\n  defaultVariants: {\n    size: 'large'\n  }\n});\n\nexport interface SwitchProps\n  extends SwitchPrimitive.Root.Props,\n    VariantProps<typeof switchVariants> {}\n\nexport const Switch = forwardRef<HTMLButtonElement, SwitchProps>(\n  ({ className, size, ...props }, forwardedRef) => (\n    <SwitchPrimitive.Root\n      {...props}\n      ref={forwardedRef}\n      className={switchVariants({ size, className })}\n    >\n      <SwitchPrimitive.Thumb className={styles.thumb} />\n    </SwitchPrimitive.Root>\n  )\n);\n\nSwitch.displayName = 'Switch';\n"],"names":["cva","styles","forwardRef","_jsx","SwitchPrimitive"],"mappings":";;;;;;;;AAMA,MAAM,cAAc,GAAGA,0BAAG,CAACC,qBAAM,CAAC,MAAM,EAAE;AACxC,IAAA,QAAQ,EAAE;AACR,QAAA,IAAI,EAAE;YACJ,KAAK,EAAEA,qBAAM,CAAC,KAAK;YACnB,KAAK,EAAEA,qBAAM,CAAC,KAAK;AACpB,SAAA;AACF,KAAA;AACD,IAAA,eAAe,EAAE;AACf,QAAA,IAAI,EAAE,OAAO;AACd,KAAA;AACF,CAAA,CAAC,CAAC;AAMU,MAAA,MAAM,GAAGC,gBAAU,CAC9B,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,GAAG,KAAK,EAAE,EAAE,YAAY,MAC1CC,cAAA,CAACC,cAAe,CAAC,IAAI,EAAA,EAAA,GACf,KAAK,EACT,GAAG,EAAE,YAAY,EACjB,SAAS,EAAE,cAAc,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC,EAAA,QAAA,EAE9CD,cAAC,CAAAC,cAAe,CAAC,KAAK,EAAC,EAAA,SAAS,EAAEH,qBAAM,CAAC,KAAK,EAAI,CAAA,EAAA,CAC7B,CACxB,EACD;AAEF,MAAM,CAAC,WAAW,GAAG,QAAQ;;;;"}

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

@@ -1,11 +1,10 @@
-import { VariantProps } from 'class-variance-authority';
-import { Switch as SwitchPrimitive } from 'radix-ui';
-import { ComponentPropsWithoutRef } from 'react';
+import { Switch as SwitchPrimitive } from '@base-ui/react/switch';
+import { type VariantProps } from 'class-variance-authority';
 declare const switchVariants: (props?: ({
     size?: "small" | "large" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
-export interface SwitchProps extends ComponentPropsWithoutRef<typeof SwitchPrimitive.Root>, VariantProps<typeof switchVariants> {
+export interface SwitchProps extends SwitchPrimitive.Root.Props, VariantProps<typeof switchVariants> {
 }
-export declare const Switch: import("react").ForwardRefExoticComponent<SwitchProps & import("react").RefAttributes<HTMLButtonElement>>;
+export declare const Switch: import("react").ForwardRefExoticComponent<Omit<SwitchProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
 export {};
 //# sourceMappingURL=switch.d.ts.map

package/dist/components/switch/switch.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"switch.d.ts","sourceRoot":"","sources":["../../../components/switch/switch.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAW,MAAM,0BAA0B,CAAC;AACjE,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,UAAU,CAAC;AACrD,OAAO,EAAE,wBAAwB,EAA0B,MAAM,OAAO,CAAC;AAIzE,QAAA,MAAM,cAAc;;8EAUlB,CAAC;AAEH,MAAM,WAAW,WACf,SAAQ,wBAAwB,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,EAC3D,YAAY,CAAC,OAAO,cAAc,CAAC;CAAG;AAE1C,eAAO,MAAM,MAAM,2GA6BlB,CAAC"}
+{"version":3,"file":"switch.d.ts","sourceRoot":"","sources":["../../../components/switch/switch.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAClE,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAKlE,QAAA,MAAM,cAAc;;8EAUlB,CAAC;AAEH,MAAM,WAAW,WACf,SAAQ,eAAe,CAAC,IAAI,CAAC,KAAK,EAChC,YAAY,CAAC,OAAO,cAAc,CAAC;CAAG;AAE1C,eAAO,MAAM,MAAM,wHAUlB,CAAC"}

package/dist/components/switch/switch.js

@@ -1,6 +1,6 @@
-import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-import { cva, cx } from 'class-variance-authority';
-import { Switch as Switch$1 } from 'radix-ui';
+import { jsx } from 'react/jsx-runtime';
+import { Switch as Switch$1 } from '@base-ui/react/switch';
+import { cva } from 'class-variance-authority';
 import { forwardRef } from 'react';
 import styles from './switch.module.css.js';
 
@@ -15,8 +15,7 @@ const switchVariants = cva(styles.switch, {
         size: 'large'
     }
 });
-const Switch = forwardRef(({ className, disabled, required, size, name, value, ...props }, forwardedRef) => (jsxs(Fragment, { children: [jsx(Switch$1.Root, { ...props, ref: forwardedRef, disabled: disabled, required: required, className: switchVariants({ size, className }), "data-disabled": disabled, children: jsx(SwitchThumb, {}) }), name && (jsx("input", { type: 'hidden', name: name, value: value || 'on', disabled: disabled }))] })));
-const SwitchThumb = forwardRef(({ className, ...props }, ref) => (jsx(Switch$1.Thumb, { ref: ref, className: cx(styles.thumb, className), ...props })));
+const Switch = forwardRef(({ className, size, ...props }, forwardedRef) => (jsx(Switch$1.Root, { ...props, ref: forwardedRef, className: switchVariants({ size, className }), children: jsx(Switch$1.Thumb, { className: styles.thumb }) })));
 Switch.displayName = 'Switch';
 
 export { Switch };

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

@@ -1 +1 @@
-{"version":3,"file":"switch.js","sources":["../../../components/switch/switch.tsx"],"sourcesContent":["import { VariantProps, cva, cx } from 'class-variance-authority';\nimport { Switch as SwitchPrimitive } from 'radix-ui';\nimport { ComponentPropsWithoutRef, ElementRef, forwardRef } from 'react';\n\nimport styles from './switch.module.css';\n\nconst switchVariants = cva(styles.switch, {\n  variants: {\n    size: {\n      large: styles.large,\n      small: styles.small\n    }\n  },\n  defaultVariants: {\n    size: 'large'\n  }\n});\n\nexport interface SwitchProps\n  extends ComponentPropsWithoutRef<typeof SwitchPrimitive.Root>,\n    VariantProps<typeof switchVariants> {}\n\nexport const Switch = forwardRef<\n  ElementRef<typeof SwitchPrimitive.Root>,\n  SwitchProps\n>(\n  (\n    { className, disabled, required, size, name, value, ...props },\n    forwardedRef\n  ) => (\n    <>\n      <SwitchPrimitive.Root\n        {...props}\n        ref={forwardedRef}\n        disabled={disabled}\n        required={required}\n        className={switchVariants({ size, className })}\n        data-disabled={disabled}\n      >\n        <SwitchThumb />\n      </SwitchPrimitive.Root>\n      {name && (\n        <input\n          type='hidden'\n          name={name}\n          value={value || 'on'}\n          disabled={disabled}\n        />\n      )}\n    </>\n  )\n);\n\ninterface ThumbProps\n  extends ComponentPropsWithoutRef<typeof SwitchPrimitive.Thumb> {}\n\nconst SwitchThumb = forwardRef<\n  ElementRef<typeof SwitchPrimitive.Thumb>,\n  ThumbProps\n>(({ className, ...props }, ref) => (\n  <SwitchPrimitive.Thumb\n    ref={ref}\n    className={cx(styles.thumb, className)}\n    {...props}\n  />\n));\n\nSwitch.displayName = 'Switch';\n"],"names":["_jsxs","_Fragment","_jsx","SwitchPrimitive"],"mappings":";;;;;;AAMA,MAAM,cAAc,GAAG,GAAG,CAAC,MAAM,CAAC,MAAM,EAAE;AACxC,IAAA,QAAQ,EAAE;AACR,QAAA,IAAI,EAAE;YACJ,KAAK,EAAE,MAAM,CAAC,KAAK;YACnB,KAAK,EAAE,MAAM,CAAC,KAAK;AACpB,SAAA;AACF,KAAA;AACD,IAAA,eAAe,EAAE;AACf,QAAA,IAAI,EAAE,OAAO;AACd,KAAA;AACF,CAAA,CAAC,CAAC;MAMU,MAAM,GAAG,UAAU,CAI9B,CACE,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAC9D,YAAY,MAEZA,IACE,CAAAC,QAAA,EAAA,EAAA,QAAA,EAAA,CAAAC,GAAA,CAACC,QAAe,CAAC,IAAI,OACf,KAAK,EACT,GAAG,EAAE,YAAY,EACjB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,cAAc,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC,EAC/B,eAAA,EAAA,QAAQ,YAEvBD,GAAC,CAAA,WAAW,KAAG,EACM,CAAA,EACtB,IAAI,KACHA,eACE,IAAI,EAAC,QAAQ,EACb,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,IAAI,IAAI,EACpB,QAAQ,EAAE,QAAQ,GAClB,CACH,CAAA,EAAA,CACA,CACJ,EACD;AAKF,MAAM,WAAW,GAAG,UAAU,CAG5B,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,MAC7BA,IAACC,QAAe,CAAC,KAAK,EAAA,EACpB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,EAAE,SAAS,CAAC,EAAA,GAClC,KAAK,EACT,CAAA,CACH,CAAC,CAAC;AAEH,MAAM,CAAC,WAAW,GAAG,QAAQ;;;;"}
+{"version":3,"file":"switch.js","sources":["../../../components/switch/switch.tsx"],"sourcesContent":["import { Switch as SwitchPrimitive } from '@base-ui/react/switch';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { forwardRef } from 'react';\n\nimport styles from './switch.module.css';\n\nconst switchVariants = cva(styles.switch, {\n  variants: {\n    size: {\n      large: styles.large,\n      small: styles.small\n    }\n  },\n  defaultVariants: {\n    size: 'large'\n  }\n});\n\nexport interface SwitchProps\n  extends SwitchPrimitive.Root.Props,\n    VariantProps<typeof switchVariants> {}\n\nexport const Switch = forwardRef<HTMLButtonElement, SwitchProps>(\n  ({ className, size, ...props }, forwardedRef) => (\n    <SwitchPrimitive.Root\n      {...props}\n      ref={forwardedRef}\n      className={switchVariants({ size, className })}\n    >\n      <SwitchPrimitive.Thumb className={styles.thumb} />\n    </SwitchPrimitive.Root>\n  )\n);\n\nSwitch.displayName = 'Switch';\n"],"names":["_jsx","SwitchPrimitive"],"mappings":";;;;;;AAMA,MAAM,cAAc,GAAG,GAAG,CAAC,MAAM,CAAC,MAAM,EAAE;AACxC,IAAA,QAAQ,EAAE;AACR,QAAA,IAAI,EAAE;YACJ,KAAK,EAAE,MAAM,CAAC,KAAK;YACnB,KAAK,EAAE,MAAM,CAAC,KAAK;AACpB,SAAA;AACF,KAAA;AACD,IAAA,eAAe,EAAE;AACf,QAAA,IAAI,EAAE,OAAO;AACd,KAAA;AACF,CAAA,CAAC,CAAC;AAMU,MAAA,MAAM,GAAG,UAAU,CAC9B,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,GAAG,KAAK,EAAE,EAAE,YAAY,MAC1CA,GAAA,CAACC,QAAe,CAAC,IAAI,EAAA,EAAA,GACf,KAAK,EACT,GAAG,EAAE,YAAY,EACjB,SAAS,EAAE,cAAc,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC,EAAA,QAAA,EAE9CD,GAAC,CAAAC,QAAe,CAAC,KAAK,EAAC,EAAA,SAAS,EAAE,MAAM,CAAC,KAAK,EAAI,CAAA,EAAA,CAC7B,CACxB,EACD;AAEF,MAAM,CAAC,WAAW,GAAG,QAAQ;;;;"}

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

@@ -1,2 +1,2 @@
-export { Tabs } from "./tabs";
+export { Tabs } from './tabs';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/tabs/tabs.cjs

@@ -1,26 +1,22 @@
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
+var react = require('@base-ui/react');
 var classVarianceAuthority = require('class-variance-authority');
-var radixUi = require('radix-ui');
 var React = require('react');
 var tabs_module = require('./tabs.module.css.cjs');
 
-const root = classVarianceAuthority.cva(tabs_module.default.root);
-const list = classVarianceAuthority.cva(tabs_module.default.list);
-const trigger = classVarianceAuthority.cva(tabs_module.default.trigger);
-const content = classVarianceAuthority.cva(tabs_module.default.content);
-const TabsRoot = React.forwardRef(({ className, 'aria-label': ariaLabel, ...props }, ref) => (jsxRuntime.jsx(radixUi.Tabs.Root, { ref: ref, className: root({ className }), "aria-label": ariaLabel || 'Tabs', ...props })));
-const TabsList = React.forwardRef(({ className, ...props }, ref) => (jsxRuntime.jsx(radixUi.Tabs.List, { ref: ref, role: 'tablist', className: list({ className }), ...props })));
-const TabsTrigger = React.forwardRef(({ className, icon, children, disabled, ...props }, ref) => (jsxRuntime.jsxs(radixUi.Tabs.Trigger, { ref: ref, className: trigger({ className }), disabled: disabled, "aria-disabled": disabled, ...props, children: [icon && jsxRuntime.jsx("span", { className: tabs_module.default['trigger-icon'], children: icon }), children] })));
-const TabsContent = React.forwardRef(({ className, ...props }, ref) => (jsxRuntime.jsx(radixUi.Tabs.Content, { ref: ref, role: 'tabpanel', className: content({ className }), ...props })));
-TabsRoot.displayName = radixUi.Tabs.Root.displayName;
-TabsList.displayName = radixUi.Tabs.List.displayName;
-TabsTrigger.displayName = radixUi.Tabs.Trigger.displayName;
-TabsContent.displayName = radixUi.Tabs.Content.displayName;
+const TabsRoot = React.forwardRef(({ className, ...props }, ref) => (jsxRuntime.jsx(react.Tabs.Root, { ref: ref, className: classVarianceAuthority.cx(tabs_module.default.root, className), ...props })));
+TabsRoot.displayName = 'Tabs.Root';
+const TabsList = React.forwardRef(({ className, children, ...props }, ref) => (jsxRuntime.jsxs(react.Tabs.List, { ref: ref, className: classVarianceAuthority.cx(tabs_module.default.list, className), ...props, children: [children, jsxRuntime.jsx(react.Tabs.Indicator, { className: tabs_module.default.indicator })] })));
+TabsList.displayName = 'Tabs.List';
+const TabsTab = React.forwardRef(({ className, leadingIcon, children, ...props }, ref) => (jsxRuntime.jsxs(react.Tabs.Tab, { ref: ref, className: classVarianceAuthority.cx(tabs_module.default.trigger, className), ...props, children: [leadingIcon && (jsxRuntime.jsx("span", { className: tabs_module.default['trigger-icon'], "aria-hidden": true, children: leadingIcon })), children] })));
+TabsTab.displayName = 'Tabs.Tab';
+const TabsContent = React.forwardRef(({ className, ...props }, ref) => (jsxRuntime.jsx(react.Tabs.Panel, { ref: ref, className: classVarianceAuthority.cx(tabs_module.default.content, className), ...props })));
+TabsContent.displayName = 'Tabs.Content';
 const Tabs = Object.assign(TabsRoot, {
     List: TabsList,
-    Trigger: TabsTrigger,
+    Tab: TabsTab,
     Content: TabsContent
 });
 

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

@@ -1 +1 @@
-{"version":3,"file":"tabs.cjs","sources":["../../../components/tabs/tabs.tsx"],"sourcesContent":["import { type VariantProps, cva } from 'class-variance-authority';\nimport { Tabs as TabsPrimitive } from 'radix-ui';\nimport {\n  ComponentPropsWithoutRef,\n  ElementRef,\n  ReactNode,\n  forwardRef\n} from 'react';\n\nimport styles from './tabs.module.css';\n\nconst root = cva(styles.root);\nconst list = cva(styles.list);\nconst trigger = cva(styles.trigger);\nconst content = cva(styles.content);\n\nexport interface TabsRootProps\n  extends ComponentPropsWithoutRef<typeof TabsPrimitive.Root>,\n    VariantProps<typeof root> {\n  defaultValue?: string;\n  'aria-label'?: string;\n}\n\ninterface TabsTriggerProps\n  extends ComponentPropsWithoutRef<typeof TabsPrimitive.Trigger> {\n  icon?: ReactNode;\n  disabled?: boolean;\n}\n\nconst TabsRoot = forwardRef<\n  ElementRef<typeof TabsPrimitive.Root>,\n  TabsRootProps\n>(({ className, 'aria-label': ariaLabel, ...props }, ref) => (\n  <TabsPrimitive.Root\n    ref={ref}\n    className={root({ className })}\n    aria-label={ariaLabel || 'Tabs'}\n    {...props}\n  />\n));\n\nconst TabsList = forwardRef<\n  ElementRef<typeof TabsPrimitive.List>,\n  ComponentPropsWithoutRef<typeof TabsPrimitive.List>\n>(({ className, ...props }, ref) => (\n  <TabsPrimitive.List\n    ref={ref}\n    role='tablist'\n    className={list({ className })}\n    {...props}\n  />\n));\n\nconst TabsTrigger = forwardRef<\n  ElementRef<typeof TabsPrimitive.Trigger>,\n  TabsTriggerProps\n>(({ className, icon, children, disabled, ...props }, ref) => (\n  <TabsPrimitive.Trigger\n    ref={ref}\n    className={trigger({ className })}\n    disabled={disabled}\n    aria-disabled={disabled}\n    {...props}\n  >\n    {icon && <span className={styles['trigger-icon']}>{icon}</span>}\n    {children}\n  </TabsPrimitive.Trigger>\n));\n\nconst TabsContent = forwardRef<\n  ElementRef<typeof TabsPrimitive.Content>,\n  ComponentPropsWithoutRef<typeof TabsPrimitive.Content>\n>(({ className, ...props }, ref) => (\n  <TabsPrimitive.Content\n    ref={ref}\n    role='tabpanel'\n    className={content({ className })}\n    {...props}\n  />\n));\n\nTabsRoot.displayName = TabsPrimitive.Root.displayName;\nTabsList.displayName = TabsPrimitive.List.displayName;\nTabsTrigger.displayName = TabsPrimitive.Trigger.displayName;\nTabsContent.displayName = TabsPrimitive.Content.displayName;\n\nexport const Tabs = Object.assign(TabsRoot, {\n  List: TabsList,\n  Trigger: TabsTrigger,\n  Content: TabsContent\n});\n"],"names":["cva","styles","forwardRef","_jsx","TabsPrimitive","_jsxs"],"mappings":";;;;;;;;AAWA,MAAM,IAAI,GAAGA,0BAAG,CAACC,mBAAM,CAAC,IAAI,CAAC,CAAC;AAC9B,MAAM,IAAI,GAAGD,0BAAG,CAACC,mBAAM,CAAC,IAAI,CAAC,CAAC;AAC9B,MAAM,OAAO,GAAGD,0BAAG,CAACC,mBAAM,CAAC,OAAO,CAAC,CAAC;AACpC,MAAM,OAAO,GAAGD,0BAAG,CAACC,mBAAM,CAAC,OAAO,CAAC,CAAC;AAepC,MAAM,QAAQ,GAAGC,gBAAU,CAGzB,CAAC,EAAE,SAAS,EAAE,YAAY,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,MACtDC,cAAC,CAAAC,YAAa,CAAC,IAAI,EAAA,EACjB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAI,CAAC,EAAE,SAAS,EAAE,CAAC,EAAA,YAAA,EAClB,SAAS,IAAI,MAAM,KAC3B,KAAK,EAAA,CACT,CACH,CAAC,CAAC;AAEH,MAAM,QAAQ,GAAGF,gBAAU,CAGzB,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,MAC7BC,cAAA,CAACC,YAAa,CAAC,IAAI,IACjB,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,SAAS,EACd,SAAS,EAAE,IAAI,CAAC,EAAE,SAAS,EAAE,CAAC,EAAA,GAC1B,KAAK,EACT,CAAA,CACH,CAAC,CAAC;AAEH,MAAM,WAAW,GAAGF,gBAAU,CAG5B,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,MACvDG,eAAA,CAACD,YAAa,CAAC,OAAO,EAAA,EACpB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,OAAO,CAAC,EAAE,SAAS,EAAE,CAAC,EACjC,QAAQ,EAAE,QAAQ,EAAA,eAAA,EACH,QAAQ,EAAA,GACnB,KAAK,EAER,QAAA,EAAA,CAAA,IAAI,IAAID,cAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAEF,mBAAM,CAAC,cAAc,CAAC,EAAA,QAAA,EAAG,IAAI,EAAA,CAAQ,EAC9D,QAAQ,CACa,EAAA,CAAA,CACzB,CAAC,CAAC;AAEH,MAAM,WAAW,GAAGC,gBAAU,CAG5B,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,MAC7BC,cAAA,CAACC,YAAa,CAAC,OAAO,IACpB,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,UAAU,EACf,SAAS,EAAE,OAAO,CAAC,EAAE,SAAS,EAAE,CAAC,EAAA,GAC7B,KAAK,EACT,CAAA,CACH,CAAC,CAAC;AAEH,QAAQ,CAAC,WAAW,GAAGA,YAAa,CAAC,IAAI,CAAC,WAAW,CAAC;AACtD,QAAQ,CAAC,WAAW,GAAGA,YAAa,CAAC,IAAI,CAAC,WAAW,CAAC;AACtD,WAAW,CAAC,WAAW,GAAGA,YAAa,CAAC,OAAO,CAAC,WAAW,CAAC;AAC5D,WAAW,CAAC,WAAW,GAAGA,YAAa,CAAC,OAAO,CAAC,WAAW,CAAC;MAE/C,IAAI,GAAG,MAAM,CAAC,MAAM,CAAC,QAAQ,EAAE;AAC1C,IAAA,IAAI,EAAE,QAAQ;AACd,IAAA,OAAO,EAAE,WAAW;AACpB,IAAA,OAAO,EAAE,WAAW;AACrB,CAAA;;;;"}
+{"version":3,"file":"tabs.cjs","sources":["../../../components/tabs/tabs.tsx"],"sourcesContent":["import { Tabs as TabsPrimitive } from '@base-ui/react';\nimport { cx } from 'class-variance-authority';\nimport { ComponentPropsWithoutRef, forwardRef, ReactNode } from 'react';\nimport styles from './tabs.module.css';\n\nconst TabsRoot = forwardRef<HTMLDivElement, TabsPrimitive.Root.Props>(\n  ({ className, ...props }, ref) => (\n    <TabsPrimitive.Root\n      ref={ref}\n      className={cx(styles.root, className)}\n      {...props}\n    />\n  )\n);\nTabsRoot.displayName = 'Tabs.Root';\n\nconst TabsList = forwardRef<HTMLDivElement, TabsPrimitive.List.Props>(\n  ({ className, children, ...props }, ref) => (\n    <TabsPrimitive.List\n      ref={ref}\n      className={cx(styles.list, className)}\n      {...props}\n    >\n      {children}\n      <TabsPrimitive.Indicator className={styles.indicator} />\n    </TabsPrimitive.List>\n  )\n);\nTabsList.displayName = 'Tabs.List';\n\ninterface TabsTabProps\n  extends ComponentPropsWithoutRef<typeof TabsPrimitive.Tab> {\n  leadingIcon?: ReactNode;\n}\n\nconst TabsTab = forwardRef<HTMLButtonElement, TabsTabProps>(\n  ({ className, leadingIcon, children, ...props }, ref) => (\n    <TabsPrimitive.Tab\n      ref={ref}\n      className={cx(styles.trigger, className)}\n      {...props}\n    >\n      {leadingIcon && (\n        <span className={styles['trigger-icon']} aria-hidden>\n          {leadingIcon}\n        </span>\n      )}\n      {children}\n    </TabsPrimitive.Tab>\n  )\n);\nTabsTab.displayName = 'Tabs.Tab';\n\nconst TabsContent = forwardRef<HTMLDivElement, TabsPrimitive.Panel.Props>(\n  ({ className, ...props }, ref) => (\n    <TabsPrimitive.Panel\n      ref={ref}\n      className={cx(styles.content, className)}\n      {...props}\n    />\n  )\n);\nTabsContent.displayName = 'Tabs.Content';\n\nexport const Tabs = Object.assign(TabsRoot, {\n  List: TabsList,\n  Tab: TabsTab,\n  Content: TabsContent\n});\n"],"names":["forwardRef","_jsx","TabsPrimitive","cx","styles","_jsxs"],"mappings":";;;;;;;;AAKA,MAAM,QAAQ,GAAGA,gBAAU,CACzB,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,MAC3BC,eAACC,UAAa,CAAC,IAAI,EAAA,EACjB,GAAG,EAAE,GAAG,EACR,SAAS,EAAEC,yBAAE,CAACC,mBAAM,CAAC,IAAI,EAAE,SAAS,CAAC,EAAA,GACjC,KAAK,EACT,CAAA,CACH,CACF,CAAC;AACF,QAAQ,CAAC,WAAW,GAAG,WAAW,CAAC;AAEnC,MAAM,QAAQ,GAAGJ,gBAAU,CACzB,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,MACrCK,eAAA,CAACH,UAAa,CAAC,IAAI,EAAA,EACjB,GAAG,EAAE,GAAG,EACR,SAAS,EAAEC,yBAAE,CAACC,mBAAM,CAAC,IAAI,EAAE,SAAS,CAAC,EAAA,GACjC,KAAK,EAAA,QAAA,EAAA,CAER,QAAQ,EACTH,cAAC,CAAAC,UAAa,CAAC,SAAS,EAAC,EAAA,SAAS,EAAEE,mBAAM,CAAC,SAAS,EAAI,CAAA,CAAA,EAAA,CACrC,CACtB,CACF,CAAC;AACF,QAAQ,CAAC,WAAW,GAAG,WAAW,CAAC;AAOnC,MAAM,OAAO,GAAGJ,gBAAU,CACxB,CAAC,EAAE,SAAS,EAAE,WAAW,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,MAClDK,eAAA,CAACH,UAAa,CAAC,GAAG,EAAA,EAChB,GAAG,EAAE,GAAG,EACR,SAAS,EAAEC,yBAAE,CAACC,mBAAM,CAAC,OAAO,EAAE,SAAS,CAAC,EAAA,GACpC,KAAK,EAAA,QAAA,EAAA,CAER,WAAW,KACVH,cAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAEG,mBAAM,CAAC,cAAc,CAAC,EACpC,aAAA,EAAA,IAAA,EAAA,QAAA,EAAA,WAAW,EACP,CAAA,CACR,EACA,QAAQ,CACS,EAAA,CAAA,CACrB,CACF,CAAC;AACF,OAAO,CAAC,WAAW,GAAG,UAAU,CAAC;AAEjC,MAAM,WAAW,GAAGJ,gBAAU,CAC5B,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,MAC3BC,eAACC,UAAa,CAAC,KAAK,EAAA,EAClB,GAAG,EAAE,GAAG,EACR,SAAS,EAAEC,yBAAE,CAACC,mBAAM,CAAC,OAAO,EAAE,SAAS,CAAC,EAAA,GACpC,KAAK,EACT,CAAA,CACH,CACF,CAAC;AACF,WAAW,CAAC,WAAW,GAAG,cAAc,CAAC;MAE5B,IAAI,GAAG,MAAM,CAAC,MAAM,CAAC,QAAQ,EAAE;AAC1C,IAAA,IAAI,EAAE,QAAQ;AACd,IAAA,GAAG,EAAE,OAAO;AACZ,IAAA,OAAO,EAAE,WAAW;AACrB,CAAA;;;;"}

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

@@ -1,19 +1,12 @@
-import { type VariantProps } from 'class-variance-authority';
-import { Tabs as TabsPrimitive } from 'radix-ui';
+import { Tabs as TabsPrimitive } from '@base-ui/react';
 import { ComponentPropsWithoutRef, ReactNode } from 'react';
-declare const root: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
-export interface TabsRootProps extends ComponentPropsWithoutRef<typeof TabsPrimitive.Root>, VariantProps<typeof root> {
-    defaultValue?: string;
-    'aria-label'?: string;
+interface TabsTabProps extends ComponentPropsWithoutRef<typeof TabsPrimitive.Tab> {
+    leadingIcon?: ReactNode;
 }
-interface TabsTriggerProps extends ComponentPropsWithoutRef<typeof TabsPrimitive.Trigger> {
-    icon?: ReactNode;
-    disabled?: boolean;
-}
-export declare const Tabs: import("react").ForwardRefExoticComponent<TabsRootProps & import("react").RefAttributes<HTMLDivElement>> & {
-    List: import("react").ForwardRefExoticComponent<Omit<TabsPrimitive.TabsListProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-    Trigger: import("react").ForwardRefExoticComponent<TabsTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
-    Content: import("react").ForwardRefExoticComponent<Omit<TabsPrimitive.TabsContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const Tabs: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").TabsRootProps, "ref"> & import("react").RefAttributes<HTMLDivElement>> & {
+    List: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").TabsListProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Tab: import("react").ForwardRefExoticComponent<TabsTabProps & import("react").RefAttributes<HTMLButtonElement>>;
+    Content: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").TabsPanelProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
 };
 export {};
 //# sourceMappingURL=tabs.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../../../components/tabs/tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,YAAY,EAAO,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,IAAI,IAAI,aAAa,EAAE,MAAM,UAAU,CAAC;AACjD,OAAO,EACL,wBAAwB,EAExB,SAAS,EAEV,MAAM,OAAO,CAAC;AAIf,QAAA,MAAM,IAAI,oFAAmB,CAAC;AAK9B,MAAM,WAAW,aACf,SAAQ,wBAAwB,CAAC,OAAO,aAAa,CAAC,IAAI,CAAC,EACzD,YAAY,CAAC,OAAO,IAAI,CAAC;IAC3B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,UAAU,gBACR,SAAQ,wBAAwB,CAAC,OAAO,aAAa,CAAC,OAAO,CAAC;IAC9D,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AA2DD,eAAO,MAAM,IAAI;;;;CAIf,CAAC"}
+{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../../../components/tabs/tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,IAAI,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAEvD,OAAO,EAAE,wBAAwB,EAAc,SAAS,EAAE,MAAM,OAAO,CAAC;AA4BxE,UAAU,YACR,SAAQ,wBAAwB,CAAC,OAAO,aAAa,CAAC,GAAG,CAAC;IAC1D,WAAW,CAAC,EAAE,SAAS,CAAC;CACzB;AA+BD,eAAO,MAAM,IAAI;;;;CAIf,CAAC"}