@raystack/apsara 0.51.0 → 0.52.0

package/dist/components/sidebar/sidebar-misc.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar-misc.cjs","sources":["../../../components/sidebar/sidebar-misc.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'class-variance-authority';\nimport { ComponentPropsWithoutRef, ReactNode, forwardRef } from 'react';\nimport { Flex } from '../flex';\nimport styles from './sidebar.module.css';\n\nexport const SidebarHeader = forwardRef<\n  HTMLDivElement,\n  ComponentPropsWithoutRef<'div'>\n>(({ className, children, ...props }, ref) => (\n  <Flex\n    align='center'\n    ref={ref}\n    className={styles.header}\n    role='banner'\n    {...props}\n  >\n    {children}\n  </Flex>\n));\nSidebarHeader.displayName = 'Sidebar.Header';\n\nexport const SidebarFooter = forwardRef<\n  HTMLDivElement,\n  ComponentPropsWithoutRef<'div'>\n>(({ className, children, ...props }, ref) => (\n  <Flex\n    ref={ref}\n    className={styles.footer}\n    direction='column'\n    role='group'\n    aria-label='Footer navigation'\n    {...props}\n  >\n    {children}\n  </Flex>\n));\nSidebarFooter.displayName = 'Sidebar.Footer';\n\nexport interface SidebarNavigationGroupProps\n  extends ComponentPropsWithoutRef<'div'> {\n  label: string;\n  leadingIcon?: ReactNode;\n}\n\nexport const SidebarNavigationGroup = forwardRef<\n  HTMLElement,\n  SidebarNavigationGroupProps\n>(({ className, label, leadingIcon, children, ...props }, ref) => (\n  <section\n    ref={ref}\n    className={cx(styles['nav-group'], className)}\n    aria-label={label}\n    {...props}\n  >\n    <Flex align='center' gap={3} className={styles['nav-group-header']}>\n      {leadingIcon && (\n        <span className={styles['nav-leading-icon']}>{leadingIcon}</span>\n      )}\n      <span className={styles['nav-group-label']}>{label}</span>\n    </Flex>\n    <Flex direction='column' className={styles['nav-group-items']} role='list'>\n      {children}\n    </Flex>\n  </section>\n));\n\nSidebarNavigationGroup.displayName = 'Sidebar.Group';\n"],"names":[],"mappings":";;;;;;;;;;AAqBA;;AAiBA;AAQa;AAsBb;;;;"}

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

@@ -0,0 +1,9 @@
+import { ComponentPropsWithoutRef, ReactNode } from 'react';
+export declare const SidebarHeader: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const SidebarFooter: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export interface SidebarNavigationGroupProps extends ComponentPropsWithoutRef<'div'> {
+    label: string;
+    leadingIcon?: ReactNode;
+}
+export declare const SidebarNavigationGroup: import("react").ForwardRefExoticComponent<SidebarNavigationGroupProps & import("react").RefAttributes<HTMLElement>>;
+//# sourceMappingURL=sidebar-misc.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar-misc.d.ts","sourceRoot":"","sources":["../../../components/sidebar/sidebar-misc.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,wBAAwB,EAAE,SAAS,EAAc,MAAM,OAAO,CAAC;AAIxE,eAAO,MAAM,aAAa,2MAaxB,CAAC;AAGH,eAAO,MAAM,aAAa,2MAcxB,CAAC;AAGH,MAAM,WAAW,2BACf,SAAQ,wBAAwB,CAAC,KAAK,CAAC;IACvC,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,SAAS,CAAC;CACzB;AAED,eAAO,MAAM,sBAAsB,qHAoBjC,CAAC"}

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

@@ -0,0 +1,16 @@
+"use client";
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { cx } from '../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js';
+import { forwardRef } from 'react';
+import { Flex } from '../flex/flex.js';
+import styles from './sidebar.module.css.js';
+
+const SidebarHeader = forwardRef(({ className, children, ...props }, ref) => (jsx(Flex, { align: 'center', ref: ref, className: styles.header, role: 'banner', ...props, children: children })));
+SidebarHeader.displayName = 'Sidebar.Header';
+const SidebarFooter = forwardRef(({ className, children, ...props }, ref) => (jsx(Flex, { ref: ref, className: styles.footer, direction: 'column', role: 'group', "aria-label": 'Footer navigation', ...props, children: children })));
+SidebarFooter.displayName = 'Sidebar.Footer';
+const SidebarNavigationGroup = forwardRef(({ className, label, leadingIcon, children, ...props }, ref) => (jsxs("section", { ref: ref, className: cx(styles['nav-group'], className), "aria-label": label, ...props, children: [jsxs(Flex, { align: 'center', gap: 3, className: styles['nav-group-header'], children: [leadingIcon && (jsx("span", { className: styles['nav-leading-icon'], children: leadingIcon })), jsx("span", { className: styles['nav-group-label'], children: label })] }), jsx(Flex, { direction: 'column', className: styles['nav-group-items'], role: 'list', children: children })] })));
+SidebarNavigationGroup.displayName = 'Sidebar.Group';
+
+export { SidebarFooter, SidebarHeader, SidebarNavigationGroup };
+//# sourceMappingURL=sidebar-misc.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar-misc.js","sources":["../../../components/sidebar/sidebar-misc.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'class-variance-authority';\nimport { ComponentPropsWithoutRef, ReactNode, forwardRef } from 'react';\nimport { Flex } from '../flex';\nimport styles from './sidebar.module.css';\n\nexport const SidebarHeader = forwardRef<\n  HTMLDivElement,\n  ComponentPropsWithoutRef<'div'>\n>(({ className, children, ...props }, ref) => (\n  <Flex\n    align='center'\n    ref={ref}\n    className={styles.header}\n    role='banner'\n    {...props}\n  >\n    {children}\n  </Flex>\n));\nSidebarHeader.displayName = 'Sidebar.Header';\n\nexport const SidebarFooter = forwardRef<\n  HTMLDivElement,\n  ComponentPropsWithoutRef<'div'>\n>(({ className, children, ...props }, ref) => (\n  <Flex\n    ref={ref}\n    className={styles.footer}\n    direction='column'\n    role='group'\n    aria-label='Footer navigation'\n    {...props}\n  >\n    {children}\n  </Flex>\n));\nSidebarFooter.displayName = 'Sidebar.Footer';\n\nexport interface SidebarNavigationGroupProps\n  extends ComponentPropsWithoutRef<'div'> {\n  label: string;\n  leadingIcon?: ReactNode;\n}\n\nexport const SidebarNavigationGroup = forwardRef<\n  HTMLElement,\n  SidebarNavigationGroupProps\n>(({ className, label, leadingIcon, children, ...props }, ref) => (\n  <section\n    ref={ref}\n    className={cx(styles['nav-group'], className)}\n    aria-label={label}\n    {...props}\n  >\n    <Flex align='center' gap={3} className={styles['nav-group-header']}>\n      {leadingIcon && (\n        <span className={styles['nav-leading-icon']}>{leadingIcon}</span>\n      )}\n      <span className={styles['nav-group-label']}>{label}</span>\n    </Flex>\n    <Flex direction='column' className={styles['nav-group-items']} role='list'>\n      {children}\n    </Flex>\n  </section>\n));\n\nSidebarNavigationGroup.displayName = 'Sidebar.Group';\n"],"names":[],"mappings":";;;;;;;;AAqBA;;AAiBA;AAQa;AAsBb;;"}

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

@@ -0,0 +1,34 @@
+"use client";
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var index$1 = require('../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.cjs');
+var React = require('react');
+var tooltip = require('../tooltip/tooltip.cjs');
+var sidebar_module = require('./sidebar.module.css.cjs');
+var index = require('../../node_modules/.pnpm/@radix-ui_react-collapsible@1.1.11_@types_react-dom@19.1.7_@types_react@19.1.9__@types_react@_a35yqe6vcc2vmteafw4xyimtca/node_modules/@radix-ui/react-collapsible/dist/index.cjs');
+
+const SidebarContext = React.createContext({
+    isCollapsed: false
+});
+const root = index$1.cva(sidebar_module.default.root);
+const SidebarRoot = React.forwardRef(({ className, position = 'left', open: providedOpen, onOpenChange, hideCollapsedItemTooltip, collapsible = true, tooltipMessage, defaultOpen, children, ...props }, ref) => {
+    const [internalOpen, setInternalOpen] = React.useState(defaultOpen);
+    const open = providedOpen ?? internalOpen;
+    const handleOpenChange = React.useCallback((value) => {
+        setInternalOpen(value);
+        onOpenChange?.(value);
+    }, [onOpenChange]);
+    return (jsxRuntime.jsx(SidebarContext.Provider, { value: { isCollapsed: !open, hideCollapsedItemTooltip }, children: jsxRuntime.jsx(tooltip.Tooltip.Provider, { children: jsxRuntime.jsx(index.Root, { ref: ref, className: 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: jsxRuntime.jsxs("aside", { children: [collapsible && (jsxRuntime.jsx(tooltip.Tooltip, { message: tooltipMessage ??
+                                (open ? 'Click to collapse' : 'Click to expand'), side: position === 'left' ? 'right' : 'left', asChild: true, followCursor: true, sideOffset: 10, children: jsxRuntime.jsx("div", { className: sidebar_module.default.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] }) }) }) }));
+});
+SidebarRoot.displayName = 'Sidebar';
+
+exports.SidebarContext = SidebarContext;
+exports.SidebarRoot = SidebarRoot;
+//# sourceMappingURL=sidebar-root.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar-root.cjs","sources":["../../../components/sidebar/sidebar-root.tsx"],"sourcesContent":["'use client';\n\nimport { cva } 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\nconst root = cva(styles.root);\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={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;AAED;AAUa;;AAqBT;AAEA;;AAGI;AACF;;AA4Bc;AAcE;;AAEE;;;AAYtB;AAGF;;;"}

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

@@ -0,0 +1,15 @@
+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> {
+    position?: 'left' | 'right';
+    hideCollapsedItemTooltip?: boolean;
+    collapsible?: boolean;
+    tooltipMessage?: ReactNode;
+}
+export declare const SidebarRoot: import("react").ForwardRefExoticComponent<SidebarRootProps & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=sidebar-root.d.ts.map

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

@@ -0,0 +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;AAIH,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"}

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

@@ -0,0 +1,31 @@
+"use client";
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { cva } from '../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js';
+import { createContext, forwardRef, useState, useCallback } from 'react';
+import { Tooltip } from '../tooltip/tooltip.js';
+import styles from './sidebar.module.css.js';
+import { Root } from '../../node_modules/.pnpm/@radix-ui_react-collapsible@1.1.11_@types_react-dom@19.1.7_@types_react@19.1.9__@types_react@_a35yqe6vcc2vmteafw4xyimtca/node_modules/@radix-ui/react-collapsible/dist/index.js';
+
+const SidebarContext = createContext({
+    isCollapsed: false
+});
+const root = cva(styles.root);
+const SidebarRoot = forwardRef(({ className, position = 'left', open: providedOpen, onOpenChange, hideCollapsedItemTooltip, collapsible = true, tooltipMessage, defaultOpen, 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(Root, { ref: ref, className: 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 => {
+                                    if (e.key === 'Enter' || e.key === ' ') {
+                                        e.preventDefault();
+                                        handleOpenChange(!open);
+                                    }
+                                } }) })), children] }) }) }) }));
+});
+SidebarRoot.displayName = 'Sidebar';
+
+export { SidebarContext, SidebarRoot };
+//# sourceMappingURL=sidebar-root.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar-root.js","sources":["../../../components/sidebar/sidebar-root.tsx"],"sourcesContent":["'use client';\n\nimport { cva } 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\nconst root = cva(styles.root);\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={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;AAED;AAUa;;AAqBT;AAEA;;AAGI;AACF;;AA4Bc;AAcE;;AAEE;;;AAYtB;AAGF;;"}

package/dist/components/sidebar/sidebar.cjs

@@ -1,70 +1,16 @@
-"use client";
 'use strict';
 
-var jsxRuntime = require('react/jsx-runtime');
-var index$1 = require('../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.cjs');
-var React = require('react');
-var avatar = require('../avatar/avatar.cjs');
-var flex = require('../flex/flex.cjs');
-var tooltip = require('../tooltip/tooltip.cjs');
-var sidebar_module = require('./sidebar.module.css.cjs');
-var index = require('../../node_modules/.pnpm/@radix-ui_react-collapsible@1.1.11_@types_react-dom@19.1.7_@types_react@19.1.9__@types_react@_a35yqe6vcc2vmteafw4xyimtca/node_modules/@radix-ui/react-collapsible/dist/index.cjs');
+var sidebarItem = require('./sidebar-item.cjs');
+var sidebarMain = require('./sidebar-main.cjs');
+var sidebarMisc = require('./sidebar-misc.cjs');
+var sidebarRoot = require('./sidebar-root.cjs');
 
-const SidebarContext = React.createContext({
-    isCollapsed: false
-});
-const root = index$1.cva(sidebar_module.default.root);
-const SidebarRoot = React.forwardRef(({ className, position = 'left', open: providedOpen, onOpenChange, hideCollapsedItemTooltip, collapsible = true, defaultOpen, children, ...props }, ref) => {
-    const [internalOpen, setInternalOpen] = React.useState(defaultOpen);
-    const open = providedOpen ?? internalOpen;
-    const handleOpenChange = React.useCallback((value) => {
-        setInternalOpen(value);
-        onOpenChange?.(value);
-    }, [onOpenChange]);
-    return (jsxRuntime.jsx(SidebarContext.Provider, { value: { isCollapsed: !open, hideCollapsedItemTooltip }, children: jsxRuntime.jsx(tooltip.Tooltip.Provider, { children: jsxRuntime.jsx(index.Root, { ref: ref, className: 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: jsxRuntime.jsxs("aside", { children: [collapsible && (jsxRuntime.jsx(tooltip.Tooltip, { message: open ? 'Click to collapse' : 'Click to expand', side: position === 'left' ? 'right' : 'left', asChild: true, followCursor: true, sideOffset: 10, children: jsxRuntime.jsx("div", { className: sidebar_module.default.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] }) }) }) }));
-});
-const SidebarHeader = React.forwardRef(({ className, children, ...props }, ref) => (jsxRuntime.jsx(flex.Flex, { align: 'center', ref: ref, className: sidebar_module.default.header, role: 'banner', ...props, children: children })));
-const SidebarMain = React.forwardRef(({ className, children, ...props }, ref) => (jsxRuntime.jsx(flex.Flex, { ref: ref, className: sidebar_module.default.main, direction: 'column', role: 'group', "aria-label": 'Main navigation', ...props, children: children })));
-const SidebarFooter = React.forwardRef(({ className, children, ...props }, ref) => (jsxRuntime.jsx(flex.Flex, { ref: ref, className: sidebar_module.default.footer, direction: 'column', role: 'group', "aria-label": 'Footer navigation', ...props, children: children })));
-const SidebarItem = React.forwardRef(({ classNames, leadingIcon, children, active, disabled, as = jsxRuntime.jsx("a", {}), ...props }, ref) => {
-    const { isCollapsed, hideCollapsedItemTooltip } = React.useContext(SidebarContext);
-    const shouldShowFallback = leadingIcon == undefined &&
-        isCollapsed &&
-        typeof children === 'string' &&
-        children.length > 0;
-    const content = React.cloneElement(as, {
-        ref,
-        className: index$1.cx(sidebar_module.default['nav-item'], classNames?.root),
-        'data-active': active,
-        'data-disabled': disabled,
-        role: 'menuitem',
-        'aria-current': active ? 'page' : undefined,
-        'aria-disabled': disabled,
-        ...props
-    }, jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(flex.Flex, { align: 'center', gap: 3, className: index$1.cx(sidebar_module.default['nav-leading-icon'], classNames?.leadingIcon), "aria-hidden": 'true', children: shouldShowFallback ? (jsxRuntime.jsx(avatar.Avatar, { size: 1, variant: 'soft', color: 'neutral', fallback: children[0].toUpperCase(), style: { cursor: 'pointer' } })) : (leadingIcon) }), !isCollapsed && jsxRuntime.jsx("span", { className: sidebar_module.default['nav-text'], children: children })] }));
-    if (isCollapsed && !hideCollapsedItemTooltip) {
-        return (jsxRuntime.jsx(tooltip.Tooltip, { message: children, side: 'right', children: content }));
-    }
-    return content;
-});
-const SidebarNavigationGroup = React.forwardRef(({ className, label, leadingIcon, children, ...props }, ref) => (jsxRuntime.jsxs("section", { ref: ref, className: index$1.cx(sidebar_module.default['nav-group'], className), "aria-label": label, ...props, children: [jsxRuntime.jsxs(flex.Flex, { align: 'center', gap: 3, className: sidebar_module.default['nav-group-header'], children: [leadingIcon && (jsxRuntime.jsx("span", { className: sidebar_module.default['nav-leading-icon'], children: leadingIcon })), jsxRuntime.jsx("span", { className: sidebar_module.default['nav-group-label'], children: label })] }), jsxRuntime.jsx(flex.Flex, { direction: 'column', className: sidebar_module.default['nav-group-items'], role: 'list', children: children })] })));
-SidebarRoot.displayName = 'Sidebar.Root';
-SidebarHeader.displayName = 'Sidebar.Header';
-SidebarMain.displayName = 'Sidebar.Main';
-SidebarFooter.displayName = 'Sidebar.Footer';
-SidebarItem.displayName = 'Sidebar.Item';
-SidebarNavigationGroup.displayName = 'Sidebar.Group';
-const Sidebar = Object.assign(SidebarRoot, {
-    Header: SidebarHeader,
-    Main: SidebarMain,
-    Footer: SidebarFooter,
-    Item: SidebarItem,
-    Group: SidebarNavigationGroup
+const Sidebar = Object.assign(sidebarRoot.SidebarRoot, {
+    Header: sidebarMisc.SidebarHeader,
+    Main: sidebarMain.SidebarMain,
+    Footer: sidebarMisc.SidebarFooter,
+    Item: sidebarItem.SidebarItem,
+    Group: sidebarMisc.SidebarNavigationGroup
 });
 
 exports.Sidebar = Sidebar;

package/dist/components/sidebar/sidebar.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"sidebar.cjs","sources":["../../../components/sidebar/sidebar.tsx"],"sourcesContent":["'use client';\n\nimport { cva, cx } from 'class-variance-authority';\nimport { Collapsible } from 'radix-ui';\nimport {\n  ComponentPropsWithoutRef,\n  ComponentRef,\n  ReactElement,\n  ReactNode,\n  cloneElement,\n  createContext,\n  forwardRef,\n  useCallback,\n  useContext,\n  useState\n} from 'react';\nimport { Avatar } from '../avatar';\nimport { Flex } from '../flex';\nimport { Tooltip } from '../tooltip';\nimport styles from './sidebar.module.css';\n\ninterface SidebarContextValue {\n  isCollapsed: boolean;\n  hideCollapsedItemTooltip?: boolean;\n}\n\nconst SidebarContext = createContext<SidebarContextValue>({\n  isCollapsed: false\n});\n\nconst root = cva(styles.root);\n\ninterface SidebarProps\n  extends ComponentPropsWithoutRef<typeof Collapsible.Root> {\n  position?: 'left' | 'right';\n  hideCollapsedItemTooltip?: boolean;\n  collapsible?: boolean;\n}\n\ninterface SidebarItemProps extends ComponentPropsWithoutRef<'a'> {\n  leadingIcon?: ReactNode;\n  active?: boolean;\n  disabled?: boolean;\n  as?: ReactElement;\n  classNames?: {\n    root?: string;\n    leadingIcon?: string;\n    text?: string;\n  };\n}\n\ninterface SidebarFooterProps extends ComponentPropsWithoutRef<'div'> {}\n\ninterface SidebarNavigationGroupProps extends ComponentPropsWithoutRef<'div'> {\n  label: string;\n  leadingIcon?: ReactNode;\n}\n\nconst SidebarRoot = forwardRef<\n  ComponentRef<typeof Collapsible.Root>,\n  SidebarProps\n>(\n  (\n    {\n      className,\n      position = 'left',\n      open: providedOpen,\n      onOpenChange,\n      hideCollapsedItemTooltip,\n      collapsible = true,\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={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={open ? 'Click to collapse' : 'Click to expand'}\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\nconst SidebarHeader = forwardRef<\n  HTMLDivElement,\n  ComponentPropsWithoutRef<'div'>\n>(({ className, children, ...props }, ref) => (\n  <Flex\n    align='center'\n    ref={ref}\n    className={styles.header}\n    role='banner'\n    {...props}\n  >\n    {children}\n  </Flex>\n));\n\nconst SidebarMain = forwardRef<HTMLDivElement, ComponentPropsWithoutRef<'div'>>(\n  ({ className, children, ...props }, ref) => (\n    <Flex\n      ref={ref}\n      className={styles.main}\n      direction='column'\n      role='group'\n      aria-label='Main navigation'\n      {...props}\n    >\n      {children}\n    </Flex>\n  )\n);\n\nconst SidebarFooter = forwardRef<HTMLDivElement, SidebarFooterProps>(\n  ({ className, children, ...props }, ref) => (\n    <Flex\n      ref={ref}\n      className={styles.footer}\n      direction='column'\n      role='group'\n      aria-label='Footer navigation'\n      {...props}\n    >\n      {children}\n    </Flex>\n  )\n);\n\nconst SidebarItem = forwardRef<HTMLAnchorElement, SidebarItemProps>(\n  (\n    {\n      classNames,\n      leadingIcon,\n      children,\n      active,\n      disabled,\n      as = <a />,\n      ...props\n    },\n    ref\n  ) => {\n    const { isCollapsed, hideCollapsedItemTooltip } =\n      useContext(SidebarContext);\n\n    const shouldShowFallback =\n      leadingIcon == undefined &&\n      isCollapsed &&\n      typeof children === 'string' &&\n      children.length > 0;\n\n    const content = cloneElement(\n      as,\n      {\n        ref,\n        className: cx(styles['nav-item'], classNames?.root),\n        'data-active': active,\n        'data-disabled': disabled,\n        role: 'menuitem',\n        'aria-current': active ? 'page' : undefined,\n        'aria-disabled': disabled,\n        ...props\n      },\n      <>\n        <Flex\n          align='center'\n          gap={3}\n          className={cx(styles['nav-leading-icon'], classNames?.leadingIcon)}\n          aria-hidden='true'\n        >\n          {shouldShowFallback ? (\n            <Avatar\n              size={1}\n              variant='soft'\n              color='neutral'\n              fallback={children[0].toUpperCase()}\n              style={{ cursor: 'pointer' }}\n            />\n          ) : (\n            leadingIcon\n          )}\n        </Flex>\n        {!isCollapsed && <span className={styles['nav-text']}>{children}</span>}\n      </>\n    );\n\n    if (isCollapsed && !hideCollapsedItemTooltip) {\n      return (\n        <Tooltip message={children} side='right'>\n          {content}\n        </Tooltip>\n      );\n    }\n\n    return content;\n  }\n);\n\nconst SidebarNavigationGroup = forwardRef<\n  HTMLElement,\n  SidebarNavigationGroupProps\n>(({ className, label, leadingIcon, children, ...props }, ref) => (\n  <section\n    ref={ref}\n    className={cx(styles['nav-group'], className)}\n    aria-label={label}\n    {...props}\n  >\n    <Flex align='center' gap={3} className={styles['nav-group-header']}>\n      {leadingIcon && (\n        <span className={styles['nav-leading-icon']}>{leadingIcon}</span>\n      )}\n      <span className={styles['nav-group-label']}>{label}</span>\n    </Flex>\n    <Flex direction='column' className={styles['nav-group-items']} role='list'>\n      {children}\n    </Flex>\n  </section>\n));\n\nSidebarRoot.displayName = 'Sidebar.Root';\nSidebarHeader.displayName = 'Sidebar.Header';\nSidebarMain.displayName = 'Sidebar.Main';\nSidebarFooter.displayName = 'Sidebar.Footer';\nSidebarItem.displayName = 'Sidebar.Item';\nSidebarNavigationGroup.displayName = 'Sidebar.Group';\n\nexport const Sidebar = Object.assign(SidebarRoot, {\n  Header: SidebarHeader,\n  Main: SidebarMain,\n  Footer: SidebarFooter,\n  Item: SidebarItem,\n  Group: SidebarNavigationGroup\n});\n"],"names":[],"mappings":";;;;;;;;;;;;AA0BA;AACE;AACD;AAED;AA4BA;;AAoBI;AAEA;;AAGI;AACF;AAIF;AAmCkB;;AAEE;;;AAYtB;AAGF;AAeA;AAeA;AAeA;;AAgBI;;;AAIE;AAEF;;;AAKI;AACA;AACA;;AAEA;AACA;AACD;AAwBH;AACE;;AAOF;AACF;AAGF;AAsBA;AACA;AACA;AACA;AACA;AACA;;AAGE;AACA;AACA;AACA;AACA;AACD;;"}
+{"version":3,"file":"sidebar.cjs","sources":["../../../components/sidebar/sidebar.tsx"],"sourcesContent":["import { SidebarItem } from './sidebar-item';\nimport { SidebarMain } from './sidebar-main';\nimport {\n  SidebarFooter,\n  SidebarHeader,\n  SidebarNavigationGroup\n} from './sidebar-misc';\nimport { SidebarRoot } from './sidebar-root';\n\nexport const Sidebar = Object.assign(SidebarRoot, {\n  Header: SidebarHeader,\n  Main: SidebarMain,\n  Footer: SidebarFooter,\n  Item: SidebarItem,\n  Group: SidebarNavigationGroup\n});\n"],"names":["SidebarRoot","SidebarHeader","SidebarMain","SidebarFooter","SidebarItem","SidebarNavigationGroup"],"mappings":";;;;;;;MASa,OAAO,GAAG,MAAM,CAAC,MAAM,CAACA,uBAAW,EAAE;AAChD,IAAA,MAAM,EAAEC,yBAAa;AACrB,IAAA,IAAI,EAAEC,uBAAW;AACjB,IAAA,MAAM,EAAEC,yBAAa;AACrB,IAAA,IAAI,EAAEC,uBAAW;AACjB,IAAA,KAAK,EAAEC,kCAAsB;AAC9B,CAAA;;;;"}

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

@@ -1,33 +1,8 @@
-import { Collapsible } from 'radix-ui';
-import { ComponentPropsWithoutRef, ReactElement, ReactNode } from 'react';
-interface SidebarProps extends ComponentPropsWithoutRef<typeof Collapsible.Root> {
-    position?: 'left' | 'right';
-    hideCollapsedItemTooltip?: boolean;
-    collapsible?: boolean;
-}
-interface SidebarItemProps extends ComponentPropsWithoutRef<'a'> {
-    leadingIcon?: ReactNode;
-    active?: boolean;
-    disabled?: boolean;
-    as?: ReactElement;
-    classNames?: {
-        root?: string;
-        leadingIcon?: string;
-        text?: string;
-    };
-}
-interface SidebarFooterProps extends ComponentPropsWithoutRef<'div'> {
-}
-interface SidebarNavigationGroupProps extends ComponentPropsWithoutRef<'div'> {
-    label: string;
-    leadingIcon?: ReactNode;
-}
-export declare const Sidebar: import("react").ForwardRefExoticComponent<SidebarProps & import("react").RefAttributes<HTMLDivElement>> & {
+export declare const Sidebar: import("react").ForwardRefExoticComponent<import("./sidebar-root").SidebarRootProps & import("react").RefAttributes<HTMLDivElement>> & {
     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<SidebarFooterProps & import("react").RefAttributes<HTMLDivElement>>;
-    Item: import("react").ForwardRefExoticComponent<SidebarItemProps & import("react").RefAttributes<HTMLAnchorElement>>;
-    Group: import("react").ForwardRefExoticComponent<SidebarNavigationGroupProps & import("react").RefAttributes<HTMLElement>>;
+    Footer: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Item: import("react").ForwardRefExoticComponent<import("./sidebar-item").SidebarItemProps & import("react").RefAttributes<HTMLAnchorElement>>;
+    Group: import("react").ForwardRefExoticComponent<import("./sidebar-misc").SidebarNavigationGroupProps & import("react").RefAttributes<HTMLElement>>;
 };
-export {};
 //# sourceMappingURL=sidebar.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"sidebar.d.ts","sourceRoot":"","sources":["../../../components/sidebar/sidebar.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AACvC,OAAO,EACL,wBAAwB,EAExB,YAAY,EACZ,SAAS,EAOV,MAAM,OAAO,CAAC;AAiBf,UAAU,YACR,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;CACvB;AAED,UAAU,gBAAiB,SAAQ,wBAAwB,CAAC,GAAG,CAAC;IAC9D,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,EAAE,CAAC,EAAE,YAAY,CAAC;IAClB,UAAU,CAAC,EAAE;QACX,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,IAAI,CAAC,EAAE,MAAM,CAAC;KACf,CAAC;CACH;AAED,UAAU,kBAAmB,SAAQ,wBAAwB,CAAC,KAAK,CAAC;CAAG;AAEvE,UAAU,2BAA4B,SAAQ,wBAAwB,CAAC,KAAK,CAAC;IAC3E,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,SAAS,CAAC;CACzB;AAmOD,eAAO,MAAM,OAAO;;;;;;CAMlB,CAAC"}
+{"version":3,"file":"sidebar.d.ts","sourceRoot":"","sources":["../../../components/sidebar/sidebar.tsx"],"names":[],"mappings":"AASA,eAAO,MAAM,OAAO;;;;;;CAMlB,CAAC"}

package/dist/components/sidebar/sidebar.js

@@ -1,62 +1,8 @@
-"use client";
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { cx, cva } from '../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js';
-import { createContext, forwardRef, useState, useCallback, useContext, cloneElement } from 'react';
-import { Avatar } from '../avatar/avatar.js';
-import { Flex } from '../flex/flex.js';
-import { Tooltip } from '../tooltip/tooltip.js';
-import styles from './sidebar.module.css.js';
-import { Root } from '../../node_modules/.pnpm/@radix-ui_react-collapsible@1.1.11_@types_react-dom@19.1.7_@types_react@19.1.9__@types_react@_a35yqe6vcc2vmteafw4xyimtca/node_modules/@radix-ui/react-collapsible/dist/index.js';
+import { SidebarItem } from './sidebar-item.js';
+import { SidebarMain } from './sidebar-main.js';
+import { SidebarHeader, SidebarFooter, SidebarNavigationGroup } from './sidebar-misc.js';
+import { SidebarRoot } from './sidebar-root.js';
 
-const SidebarContext = createContext({
-    isCollapsed: false
-});
-const root = cva(styles.root);
-const SidebarRoot = forwardRef(({ className, position = 'left', open: providedOpen, onOpenChange, hideCollapsedItemTooltip, collapsible = true, defaultOpen, 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(Root, { ref: ref, className: 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: 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 => {
-                                    if (e.key === 'Enter' || e.key === ' ') {
-                                        e.preventDefault();
-                                        handleOpenChange(!open);
-                                    }
-                                } }) })), children] }) }) }) }));
-});
-const SidebarHeader = forwardRef(({ className, children, ...props }, ref) => (jsx(Flex, { align: 'center', ref: ref, className: styles.header, role: 'banner', ...props, children: children })));
-const SidebarMain = forwardRef(({ className, children, ...props }, ref) => (jsx(Flex, { ref: ref, className: styles.main, direction: 'column', role: 'group', "aria-label": 'Main navigation', ...props, children: children })));
-const SidebarFooter = forwardRef(({ className, children, ...props }, ref) => (jsx(Flex, { ref: ref, className: styles.footer, direction: 'column', role: 'group', "aria-label": 'Footer navigation', ...props, children: children })));
-const SidebarItem = forwardRef(({ classNames, leadingIcon, children, active, disabled, as = jsx("a", {}), ...props }, ref) => {
-    const { isCollapsed, hideCollapsedItemTooltip } = useContext(SidebarContext);
-    const shouldShowFallback = leadingIcon == undefined &&
-        isCollapsed &&
-        typeof children === 'string' &&
-        children.length > 0;
-    const content = cloneElement(as, {
-        ref,
-        className: cx(styles['nav-item'], classNames?.root),
-        'data-active': active,
-        'data-disabled': disabled,
-        role: 'menuitem',
-        'aria-current': active ? 'page' : undefined,
-        'aria-disabled': disabled,
-        ...props
-    }, jsxs(Fragment, { children: [jsx(Flex, { align: 'center', gap: 3, className: cx(styles['nav-leading-icon'], classNames?.leadingIcon), "aria-hidden": 'true', children: shouldShowFallback ? (jsx(Avatar, { size: 1, variant: 'soft', color: 'neutral', fallback: children[0].toUpperCase(), style: { cursor: 'pointer' } })) : (leadingIcon) }), !isCollapsed && jsx("span", { className: styles['nav-text'], children: children })] }));
-    if (isCollapsed && !hideCollapsedItemTooltip) {
-        return (jsx(Tooltip, { message: children, side: 'right', children: content }));
-    }
-    return content;
-});
-const SidebarNavigationGroup = forwardRef(({ className, label, leadingIcon, children, ...props }, ref) => (jsxs("section", { ref: ref, className: cx(styles['nav-group'], className), "aria-label": label, ...props, children: [jsxs(Flex, { align: 'center', gap: 3, className: styles['nav-group-header'], children: [leadingIcon && (jsx("span", { className: styles['nav-leading-icon'], children: leadingIcon })), jsx("span", { className: styles['nav-group-label'], children: label })] }), jsx(Flex, { direction: 'column', className: styles['nav-group-items'], role: 'list', children: children })] })));
-SidebarRoot.displayName = 'Sidebar.Root';
-SidebarHeader.displayName = 'Sidebar.Header';
-SidebarMain.displayName = 'Sidebar.Main';
-SidebarFooter.displayName = 'Sidebar.Footer';
-SidebarItem.displayName = 'Sidebar.Item';
-SidebarNavigationGroup.displayName = 'Sidebar.Group';
 const Sidebar = Object.assign(SidebarRoot, {
     Header: SidebarHeader,
     Main: SidebarMain,

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

@@ -1 +1 @@
-{"version":3,"file":"sidebar.js","sources":["../../../components/sidebar/sidebar.tsx"],"sourcesContent":["'use client';\n\nimport { cva, cx } from 'class-variance-authority';\nimport { Collapsible } from 'radix-ui';\nimport {\n  ComponentPropsWithoutRef,\n  ComponentRef,\n  ReactElement,\n  ReactNode,\n  cloneElement,\n  createContext,\n  forwardRef,\n  useCallback,\n  useContext,\n  useState\n} from 'react';\nimport { Avatar } from '../avatar';\nimport { Flex } from '../flex';\nimport { Tooltip } from '../tooltip';\nimport styles from './sidebar.module.css';\n\ninterface SidebarContextValue {\n  isCollapsed: boolean;\n  hideCollapsedItemTooltip?: boolean;\n}\n\nconst SidebarContext = createContext<SidebarContextValue>({\n  isCollapsed: false\n});\n\nconst root = cva(styles.root);\n\ninterface SidebarProps\n  extends ComponentPropsWithoutRef<typeof Collapsible.Root> {\n  position?: 'left' | 'right';\n  hideCollapsedItemTooltip?: boolean;\n  collapsible?: boolean;\n}\n\ninterface SidebarItemProps extends ComponentPropsWithoutRef<'a'> {\n  leadingIcon?: ReactNode;\n  active?: boolean;\n  disabled?: boolean;\n  as?: ReactElement;\n  classNames?: {\n    root?: string;\n    leadingIcon?: string;\n    text?: string;\n  };\n}\n\ninterface SidebarFooterProps extends ComponentPropsWithoutRef<'div'> {}\n\ninterface SidebarNavigationGroupProps extends ComponentPropsWithoutRef<'div'> {\n  label: string;\n  leadingIcon?: ReactNode;\n}\n\nconst SidebarRoot = forwardRef<\n  ComponentRef<typeof Collapsible.Root>,\n  SidebarProps\n>(\n  (\n    {\n      className,\n      position = 'left',\n      open: providedOpen,\n      onOpenChange,\n      hideCollapsedItemTooltip,\n      collapsible = true,\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={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={open ? 'Click to collapse' : 'Click to expand'}\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\nconst SidebarHeader = forwardRef<\n  HTMLDivElement,\n  ComponentPropsWithoutRef<'div'>\n>(({ className, children, ...props }, ref) => (\n  <Flex\n    align='center'\n    ref={ref}\n    className={styles.header}\n    role='banner'\n    {...props}\n  >\n    {children}\n  </Flex>\n));\n\nconst SidebarMain = forwardRef<HTMLDivElement, ComponentPropsWithoutRef<'div'>>(\n  ({ className, children, ...props }, ref) => (\n    <Flex\n      ref={ref}\n      className={styles.main}\n      direction='column'\n      role='group'\n      aria-label='Main navigation'\n      {...props}\n    >\n      {children}\n    </Flex>\n  )\n);\n\nconst SidebarFooter = forwardRef<HTMLDivElement, SidebarFooterProps>(\n  ({ className, children, ...props }, ref) => (\n    <Flex\n      ref={ref}\n      className={styles.footer}\n      direction='column'\n      role='group'\n      aria-label='Footer navigation'\n      {...props}\n    >\n      {children}\n    </Flex>\n  )\n);\n\nconst SidebarItem = forwardRef<HTMLAnchorElement, SidebarItemProps>(\n  (\n    {\n      classNames,\n      leadingIcon,\n      children,\n      active,\n      disabled,\n      as = <a />,\n      ...props\n    },\n    ref\n  ) => {\n    const { isCollapsed, hideCollapsedItemTooltip } =\n      useContext(SidebarContext);\n\n    const shouldShowFallback =\n      leadingIcon == undefined &&\n      isCollapsed &&\n      typeof children === 'string' &&\n      children.length > 0;\n\n    const content = cloneElement(\n      as,\n      {\n        ref,\n        className: cx(styles['nav-item'], classNames?.root),\n        'data-active': active,\n        'data-disabled': disabled,\n        role: 'menuitem',\n        'aria-current': active ? 'page' : undefined,\n        'aria-disabled': disabled,\n        ...props\n      },\n      <>\n        <Flex\n          align='center'\n          gap={3}\n          className={cx(styles['nav-leading-icon'], classNames?.leadingIcon)}\n          aria-hidden='true'\n        >\n          {shouldShowFallback ? (\n            <Avatar\n              size={1}\n              variant='soft'\n              color='neutral'\n              fallback={children[0].toUpperCase()}\n              style={{ cursor: 'pointer' }}\n            />\n          ) : (\n            leadingIcon\n          )}\n        </Flex>\n        {!isCollapsed && <span className={styles['nav-text']}>{children}</span>}\n      </>\n    );\n\n    if (isCollapsed && !hideCollapsedItemTooltip) {\n      return (\n        <Tooltip message={children} side='right'>\n          {content}\n        </Tooltip>\n      );\n    }\n\n    return content;\n  }\n);\n\nconst SidebarNavigationGroup = forwardRef<\n  HTMLElement,\n  SidebarNavigationGroupProps\n>(({ className, label, leadingIcon, children, ...props }, ref) => (\n  <section\n    ref={ref}\n    className={cx(styles['nav-group'], className)}\n    aria-label={label}\n    {...props}\n  >\n    <Flex align='center' gap={3} className={styles['nav-group-header']}>\n      {leadingIcon && (\n        <span className={styles['nav-leading-icon']}>{leadingIcon}</span>\n      )}\n      <span className={styles['nav-group-label']}>{label}</span>\n    </Flex>\n    <Flex direction='column' className={styles['nav-group-items']} role='list'>\n      {children}\n    </Flex>\n  </section>\n));\n\nSidebarRoot.displayName = 'Sidebar.Root';\nSidebarHeader.displayName = 'Sidebar.Header';\nSidebarMain.displayName = 'Sidebar.Main';\nSidebarFooter.displayName = 'Sidebar.Footer';\nSidebarItem.displayName = 'Sidebar.Item';\nSidebarNavigationGroup.displayName = 'Sidebar.Group';\n\nexport const Sidebar = Object.assign(SidebarRoot, {\n  Header: SidebarHeader,\n  Main: SidebarMain,\n  Footer: SidebarFooter,\n  Item: SidebarItem,\n  Group: SidebarNavigationGroup\n});\n"],"names":[],"mappings":";;;;;;;;;;AA0BA;AACE;AACD;AAED;AA4BA;;AAoBI;AAEA;;AAGI;AACF;AAIF;AAmCkB;;AAEE;;;AAYtB;AAGF;AAeA;AAeA;AAeA;;AAgBI;;;AAIE;AAEF;;;AAKI;AACA;AACA;;AAEA;AACA;AACD;AAwBH;AACE;;AAOF;AACF;AAGF;AAsBA;AACA;AACA;AACA;AACA;AACA;;AAGE;AACA;AACA;AACA;AACA;AACD;;"}
+{"version":3,"file":"sidebar.js","sources":["../../../components/sidebar/sidebar.tsx"],"sourcesContent":["import { SidebarItem } from './sidebar-item';\nimport { SidebarMain } from './sidebar-main';\nimport {\n  SidebarFooter,\n  SidebarHeader,\n  SidebarNavigationGroup\n} from './sidebar-misc';\nimport { SidebarRoot } from './sidebar-root';\n\nexport const Sidebar = Object.assign(SidebarRoot, {\n  Header: SidebarHeader,\n  Main: SidebarMain,\n  Footer: SidebarFooter,\n  Item: SidebarItem,\n  Group: SidebarNavigationGroup\n});\n"],"names":[],"mappings":";;;;;MASa,OAAO,GAAG,MAAM,CAAC,MAAM,CAAC,WAAW,EAAE;AAChD,IAAA,MAAM,EAAE,aAAa;AACrB,IAAA,IAAI,EAAE,WAAW;AACjB,IAAA,MAAM,EAAE,aAAa;AACrB,IAAA,IAAI,EAAE,WAAW;AACjB,IAAA,KAAK,EAAE,sBAAsB;AAC9B,CAAA;;;;"}

package/dist/components/skeleton/__tests__/skeleton.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=skeleton.test.d.ts.map

package/dist/components/skeleton/__tests__/skeleton.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"skeleton.test.d.ts","sourceRoot":"","sources":["../../../../components/skeleton/__tests__/skeleton.test.tsx"],"names":[],"mappings":""}

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

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=slider.test.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"slider.test.d.ts","sourceRoot":"","sources":["../../../../components/slider/__tests__/slider.test.tsx"],"names":[],"mappings":""}

package/dist/components/slider/slider.cjs

@@ -4,29 +4,11 @@
 var jsxRuntime = require('react/jsx-runtime');
 var index$1 = require('../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.cjs');
 var React = require('react');
+var text = require('../text/text.cjs');
 var slider_module = require('./slider.module.css.cjs');
 var thumb = require('./thumb.cjs');
 var index = require('../../node_modules/.pnpm/@radix-ui_react-slider@1.3.5_@types_react-dom@19.1.7_@types_react@19.1.9__@types_react@19.1.9_p32zwhugtqgn4tfikzqx3cas2u/node_modules/@radix-ui/react-slider/dist/index.cjs');
 
-function _interopNamespaceDefault(e) {
-    var n = Object.create(null);
-    if (e) {
-        Object.keys(e).forEach(function (k) {
-            if (k !== 'default') {
-                var d = Object.getOwnPropertyDescriptor(e, k);
-                Object.defineProperty(n, k, d.get ? d : {
-                    enumerable: true,
-                    get: function () { return e[k]; }
-                });
-            }
-        });
-    }
-    n.default = e;
-    return Object.freeze(n);
-}
-
-var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
-
 const slider = index$1.cva(slider_module.default.slider, {
     variants: {
         variant: {
@@ -38,8 +20,9 @@ const slider = index$1.cva(slider_module.default.slider, {
         variant: 'single'
     }
 });
-const Slider = React__namespace.forwardRef(({ className, variant = 'single', value, defaultValue, min = 0, max = 100, step = 1, label, onChange, 'aria-label': ariaLabel, 'aria-valuetext': ariaValueText, ...props }, ref) => {
+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 isRange = variant === 'range';
+    const isThumbSmall = thumbSize === 'small';
     const defaultVal = isRange
         ? defaultValue || [min, max]
         : [defaultValue || min];
@@ -62,7 +45,7 @@ const Slider = React__namespace.forwardRef(({ className, variant = 'single', val
         const val = currentValue[index];
         return labelText ? `${labelText}: ${val}` : `${val}`;
     };
-    return (jsxRuntime.jsxs(index.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(index.Track, { className: slider_module.default.track, children: jsxRuntime.jsx(index.Range, { className: slider_module.default.range }) }), defaultVal.map((_, i) => (jsxRuntime.jsx(index.Thumb, { className: slider_module.default.thumb, asChild: true, "aria-label": getLabel(i) || `Thumb ${i + 1}`, "aria-valuetext": getAriaValueText(i), children: jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx(thumb.ThumbIcon, {}), getLabel(i) && jsxRuntime.jsx("div", { className: slider_module.default.label, children: getLabel(i) })] }) }, i)))] }));
+    return (jsxRuntime.jsxs(index.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(index.Track, { className: slider_module.default.track, children: jsxRuntime.jsx(index.Range, { className: slider_module.default.range }) }), defaultVal.map((_, i) => (jsxRuntime.jsx(index.Thumb, { className: index$1.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)))] }));
 });
 Slider.displayName = 'Slider';
 

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 } from 'class-variance-authority';\nimport { Slider as SliderPrimitive } from 'radix-ui';\nimport * as React from 'react';\nimport { type ComponentPropsWithoutRef } from 'react';\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}\n\nexport const Slider = React.forwardRef<\n  React.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      ...props\n    },\n    ref\n  ) => {\n    const isRange = variant === 'range';\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={styles.thumb}\n            asChild\n            aria-label={getLabel(i) || `Thumb ${i + 1}`}\n            aria-valuetext={getAriaValueText(i)}\n          >\n            <div>\n              <ThumbIcon />\n              {getLabel(i) && <div className={styles.label}>{getLabel(i)}</div>}\n            </div>\n          </SliderPrimitive.Thumb>\n        ))}\n      </SliderPrimitive.Root>\n    );\n  }\n);\n\nSlider.displayName = 'Slider';\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASA;AACE;AACE;AACE;AACA;AACD;AACF;AACD;AACE;AACD;AACF;;AAwCG;;AAEE;AACA;;AAEA;AACE;;;AAIJ;AACE;AAAY;;AACmB;AAC/B;AACF;AAEA;AACE;AAAmB;AACnB;AACA;AACA;AACF;AAEA;AAkCF;AAGF;;"}
+{"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;;"}

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

@@ -1,9 +1,8 @@
 import { type VariantProps } from 'class-variance-authority';
 import { Slider as SliderPrimitive } from 'radix-ui';
-import * as React from 'react';
 import { type ComponentPropsWithoutRef } from 'react';
 declare const slider: (props?: ({
-    variant?: "range" | "single" | null | undefined;
+    variant?: "single" | "range" | 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];
@@ -15,7 +14,8 @@ export interface SliderProps extends Omit<ComponentPropsWithoutRef<typeof Slider
     onChange?: (value: number | [number, number]) => void;
     'aria-label'?: string;
     'aria-valuetext'?: string;
+    thumbSize?: 'small' | 'large';
 }
-export declare const Slider: React.ForwardRefExoticComponent<SliderProps & React.RefAttributes<HTMLSpanElement>>;
+export declare const Slider: import("react").ForwardRefExoticComponent<SliderProps & import("react").RefAttributes<HTMLSpanElement>>;
 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,EAAO,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,UAAU,CAAC;AACrD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,KAAK,wBAAwB,EAAE,MAAM,OAAO,CAAC;AAItD,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;CAC3B;AAED,eAAO,MAAM,MAAM,qFA+ElB,CAAC"}
+{"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"}

package/dist/components/slider/slider.js

@@ -1,7 +1,8 @@
 "use client";
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { cva } from '../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js';
-import * as React from 'react';
+import { cx, cva } from '../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js';
+import { forwardRef } from 'react';
+import { Text } from '../text/text.js';
 import styles from './slider.module.css.js';
 import { ThumbIcon } from './thumb.js';
 import { Root, Track, Range, Thumb } from '../../node_modules/.pnpm/@radix-ui_react-slider@1.3.5_@types_react-dom@19.1.7_@types_react@19.1.9__@types_react@19.1.9_p32zwhugtqgn4tfikzqx3cas2u/node_modules/@radix-ui/react-slider/dist/index.js';
@@ -17,8 +18,9 @@ const slider = cva(styles.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, ...props }, ref) => {
+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 isRange = variant === 'range';
+    const isThumbSmall = thumbSize === 'small';
     const defaultVal = isRange
         ? defaultValue || [min, max]
         : [defaultValue || min];
@@ -41,7 +43,7 @@ const Slider = React.forwardRef(({ className, variant = 'single', value, default
         const val = currentValue[index];
         return labelText ? `${labelText}: ${val}` : `${val}`;
     };
-    return (jsxs(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(Track, { className: styles.track, children: jsx(Range, { className: styles.range }) }), defaultVal.map((_, i) => (jsx(Thumb, { className: styles.thumb, asChild: true, "aria-label": getLabel(i) || `Thumb ${i + 1}`, "aria-valuetext": getAriaValueText(i), children: jsxs("div", { children: [jsx(ThumbIcon, {}), getLabel(i) && jsx("div", { className: styles.label, children: getLabel(i) })] }) }, i)))] }));
+    return (jsxs(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(Track, { className: styles.track, children: jsx(Range, { className: styles.range }) }), defaultVal.map((_, i) => (jsx(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)))] }));
 });
 Slider.displayName = 'Slider';