@raystack/apsara 0.56.6 → 1.0.0-rc.0

package/dist/components/select/select-value.cjs

@@ -3,14 +3,16 @@
 
 var jsxRuntime = require('react/jsx-runtime');
 var classVarianceAuthority = require('class-variance-authority');
-var radixUi = require('radix-ui');
 var React = require('react');
+var select_module = require('./select.module.css.cjs');
 var selectMultipleValue = require('./select-multiple-value.cjs');
 var selectRoot = require('./select-root.cjs');
-var select_module = require('./select.module.css.cjs');
 
-const SelectValue = React.forwardRef(({ children, ...props }, ref) => {
+const SelectValue = React.forwardRef(({ children, placeholder, className, ...props }, ref) => {
     const { value, items, multiple } = selectRoot.useSelectContext();
+    const hasValue = multiple
+        ? Array.isArray(value) && value.length > 0
+        : !!value;
     const item = React.useMemo(() => {
         if (!value)
             return undefined;
@@ -22,14 +24,21 @@ const SelectValue = React.forwardRef(({ children, ...props }, ref) => {
         }
         return items[value];
     }, [value, items, multiple]);
+    if (!hasValue) {
+        return (jsxRuntime.jsx("span", { ref: ref, "data-placeholder": '', className: classVarianceAuthority.cx(select_module.default.placeholder, className), ...props, children: placeholder }));
+    }
+    if (typeof children === 'function') {
+        return (jsxRuntime.jsx("span", { ref: ref, className: className, ...props, children: children(item) }));
+    }
     if (children) {
-        return (jsxRuntime.jsx(radixUi.Select.Value, { ref: ref, ...props, children: typeof children === 'function' ? children(item) : children }));
+        return (jsxRuntime.jsx("span", { ref: ref, className: className, ...props, children: children }));
+    }
+    if (Array.isArray(item)) {
+        return jsxRuntime.jsx(selectMultipleValue.SelectMultipleValue, { data: item });
     }
-    if (Array.isArray(item))
-        return jsxRuntime.jsx(selectMultipleValue.SelectMultipleValue, { data: item, ref: ref, ...props });
-    return (jsxRuntime.jsx(radixUi.Select.Value, { ref: ref, ...props, children: jsxRuntime.jsxs("div", { className: classVarianceAuthority.cx(select_module.default.valueContent), children: [typeof item?.children === 'string' && item?.leadingIcon && (jsxRuntime.jsx("div", { className: select_module.default.itemIcon, children: item.leadingIcon })), item?.children ?? value] }) }));
+    return (jsxRuntime.jsx("span", { ref: ref, className: className, ...props, children: jsxRuntime.jsxs("div", { className: classVarianceAuthority.cx(select_module.default.valueContent), children: [typeof item?.children === 'string' && item?.leadingIcon && (jsxRuntime.jsx("div", { className: select_module.default.itemIcon, children: item.leadingIcon })), item?.children ?? value] }) }));
 });
-SelectValue.displayName = radixUi.Select.Value.displayName;
+SelectValue.displayName = 'Select.Value';
 
 exports.SelectValue = SelectValue;
 //# sourceMappingURL=select-value.cjs.map

package/dist/components/select/select-value.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"select-value.cjs","sources":["../../../components/select/select-value.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'class-variance-authority';\nimport { Select as SelectPrimitive } from 'radix-ui';\nimport { ElementRef, ReactNode, forwardRef, useMemo } from 'react';\nimport { SelectMultipleValue } from './select-multiple-value';\nimport { useSelectContext } from './select-root';\nimport styles from './select.module.css';\nimport { ItemType } from './types';\n\ntype ValueType = Omit<ItemType, 'children'>;\n\ntype SelectValueProps = Omit<SelectPrimitive.SelectValueProps, 'children'> & {\n  children?: ((value?: ValueType | ValueType[]) => ReactNode) | ReactNode;\n};\n\nexport const SelectValue = forwardRef<\n  ElementRef<typeof SelectPrimitive.Value>,\n  SelectValueProps\n>(({ children, ...props }, ref) => {\n  const { value, items, multiple } = useSelectContext();\n\n  const item = useMemo(() => {\n    if (!value) return undefined;\n    if (multiple && Array.isArray(value)) {\n      const itemValues = value.map(v => items[v]);\n      if (itemValues.length === 1) return itemValues[0];\n      return itemValues;\n    }\n    return items[value as string];\n  }, [value, items, multiple]);\n\n  if (children) {\n    return (\n      <SelectPrimitive.Value ref={ref} {...props}>\n        {typeof children === 'function' ? children(item) : children}\n      </SelectPrimitive.Value>\n    );\n  }\n\n  if (Array.isArray(item))\n    return <SelectMultipleValue data={item} ref={ref} {...props} />;\n\n  return (\n    <SelectPrimitive.Value ref={ref} {...props}>\n      <div className={cx(styles.valueContent)}>\n        {typeof item?.children === 'string' && item?.leadingIcon && (\n          <div className={styles.itemIcon}>{item.leadingIcon}</div>\n        )}\n        {item?.children ?? value}\n      </div>\n    </SelectPrimitive.Value>\n  );\n});\nSelectValue.displayName = SelectPrimitive.Value.displayName;\n"],"names":[],"mappings":";;;;;;;;;;;AAgBa;;AAMX;AACE;AAAY;;AAEV;AACA;AAA6B;AAC7B;;AAEF;;;AAIA;;AAOF;AACE;;AAYJ;AACA;;"}
+{"version":3,"file":"select-value.cjs","sources":["../../../components/select/select-value.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'class-variance-authority';\nimport { forwardRef, ReactNode, useMemo } from 'react';\nimport styles from './select.module.css';\nimport { SelectMultipleValue } from './select-multiple-value';\nimport { useSelectContext } from './select-root';\nimport { ItemType } from './types';\n\ntype ValueType = Omit<ItemType, 'children'>;\n\ntype SelectValueProps = {\n  placeholder?: string;\n  children?: ((value?: ValueType | ValueType[]) => ReactNode) | ReactNode;\n  className?: string;\n};\n\nexport const SelectValue = forwardRef<HTMLSpanElement, SelectValueProps>(\n  ({ children, placeholder, className, ...props }, ref) => {\n    const { value, items, multiple } = useSelectContext();\n\n    const hasValue = multiple\n      ? Array.isArray(value) && value.length > 0\n      : !!value;\n\n    const item = useMemo(() => {\n      if (!value) return undefined;\n      if (multiple && Array.isArray(value)) {\n        const itemValues = value.map(v => items[v]);\n        if (itemValues.length === 1) return itemValues[0];\n        return itemValues;\n      }\n      return items[value as string];\n    }, [value, items, multiple]);\n\n    if (!hasValue) {\n      return (\n        <span\n          ref={ref}\n          data-placeholder=''\n          className={cx(styles.placeholder, className)}\n          {...props}\n        >\n          {placeholder}\n        </span>\n      );\n    }\n\n    if (typeof children === 'function') {\n      return (\n        <span ref={ref} className={className} {...props}>\n          {children(item)}\n        </span>\n      );\n    }\n\n    if (children) {\n      return (\n        <span ref={ref} className={className} {...props}>\n          {children}\n        </span>\n      );\n    }\n\n    if (Array.isArray(item)) {\n      return <SelectMultipleValue data={item} />;\n    }\n\n    return (\n      <span ref={ref} className={className} {...props}>\n        <div className={cx(styles.valueContent)}>\n          {typeof item?.children === 'string' && item?.leadingIcon && (\n            <div className={styles.itemIcon}>{item.leadingIcon}</div>\n          )}\n          {item?.children ?? value}\n        </div>\n      </span>\n    );\n  }\n);\nSelectValue.displayName = 'Select.Value';\n"],"names":[],"mappings":";;;;;;;;;;;;;AAsBM;AACA;AAEF;AACE;AAAY;;AAEV;AACA;AAA6B;AAC7B;;AAEF;;;;;AAgBF;AACE;;;AAQA;;AAOF;AACE;;;AAaJ;AAEF;;"}

package/dist/components/select/select-value.d.ts

@@ -1,9 +1,11 @@
-import { Select as SelectPrimitive } from 'radix-ui';
 import { ReactNode } from 'react';
 import { ItemType } from './types';
 type ValueType = Omit<ItemType, 'children'>;
-export declare const SelectValue: import("react").ForwardRefExoticComponent<Omit<SelectPrimitive.SelectValueProps, "children"> & {
-    children?: ReactNode | ((value?: ValueType | ValueType[]) => ReactNode);
-} & import("react").RefAttributes<HTMLSpanElement>>;
+type SelectValueProps = {
+    placeholder?: string;
+    children?: ((value?: ValueType | ValueType[]) => ReactNode) | ReactNode;
+    className?: string;
+};
+export declare const SelectValue: import("react").ForwardRefExoticComponent<SelectValueProps & import("react").RefAttributes<HTMLSpanElement>>;
 export {};
 //# sourceMappingURL=select-value.d.ts.map

package/dist/components/select/select-value.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"select-value.d.ts","sourceRoot":"","sources":["../../../components/select/select-value.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,UAAU,CAAC;AACrD,OAAO,EAAc,SAAS,EAAuB,MAAM,OAAO,CAAC;AAInE,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAEnC,KAAK,SAAS,GAAG,IAAI,CAAC,QAAQ,EAAE,UAAU,CAAC,CAAC;AAM5C,eAAO,MAAM,WAAW;qCAHD,SAAS,GAAG,SAAS,EAAE,KAAK,SAAS;mDAwC1D,CAAC"}
+{"version":3,"file":"select-value.d.ts","sourceRoot":"","sources":["../../../components/select/select-value.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAc,SAAS,EAAW,MAAM,OAAO,CAAC;AAIvD,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAEnC,KAAK,SAAS,GAAG,IAAI,CAAC,QAAQ,EAAE,UAAU,CAAC,CAAC;AAE5C,KAAK,gBAAgB,GAAG;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,EAAE,SAAS,GAAG,SAAS,EAAE,KAAK,SAAS,CAAC,GAAG,SAAS,CAAC;IACxE,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,WAAW,8GA8DvB,CAAC"}

package/dist/components/select/select-value.js

@@ -1,14 +1,16 @@
 "use client";
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { cx } from 'class-variance-authority';
-import { Select } from 'radix-ui';
 import { forwardRef, useMemo } from 'react';
+import styles from './select.module.css.js';
 import { SelectMultipleValue } from './select-multiple-value.js';
 import { useSelectContext } from './select-root.js';
-import styles from './select.module.css.js';
 
-const SelectValue = forwardRef(({ children, ...props }, ref) => {
+const SelectValue = forwardRef(({ children, placeholder, className, ...props }, ref) => {
     const { value, items, multiple } = useSelectContext();
+    const hasValue = multiple
+        ? Array.isArray(value) && value.length > 0
+        : !!value;
     const item = useMemo(() => {
         if (!value)
             return undefined;
@@ -20,14 +22,21 @@ const SelectValue = forwardRef(({ children, ...props }, ref) => {
         }
         return items[value];
     }, [value, items, multiple]);
+    if (!hasValue) {
+        return (jsx("span", { ref: ref, "data-placeholder": '', className: cx(styles.placeholder, className), ...props, children: placeholder }));
+    }
+    if (typeof children === 'function') {
+        return (jsx("span", { ref: ref, className: className, ...props, children: children(item) }));
+    }
     if (children) {
-        return (jsx(Select.Value, { ref: ref, ...props, children: typeof children === 'function' ? children(item) : children }));
+        return (jsx("span", { ref: ref, className: className, ...props, children: children }));
+    }
+    if (Array.isArray(item)) {
+        return jsx(SelectMultipleValue, { data: item });
     }
-    if (Array.isArray(item))
-        return jsx(SelectMultipleValue, { data: item, ref: ref, ...props });
-    return (jsx(Select.Value, { ref: ref, ...props, children: jsxs("div", { className: cx(styles.valueContent), children: [typeof item?.children === 'string' && item?.leadingIcon && (jsx("div", { className: styles.itemIcon, children: item.leadingIcon })), item?.children ?? value] }) }));
+    return (jsx("span", { ref: ref, className: className, ...props, children: jsxs("div", { className: cx(styles.valueContent), children: [typeof item?.children === 'string' && item?.leadingIcon && (jsx("div", { className: styles.itemIcon, children: item.leadingIcon })), item?.children ?? value] }) }));
 });
-SelectValue.displayName = Select.Value.displayName;
+SelectValue.displayName = 'Select.Value';
 
 export { SelectValue };
 //# sourceMappingURL=select-value.js.map

package/dist/components/select/select-value.js.map

@@ -1 +1 @@
-{"version":3,"file":"select-value.js","sources":["../../../components/select/select-value.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'class-variance-authority';\nimport { Select as SelectPrimitive } from 'radix-ui';\nimport { ElementRef, ReactNode, forwardRef, useMemo } from 'react';\nimport { SelectMultipleValue } from './select-multiple-value';\nimport { useSelectContext } from './select-root';\nimport styles from './select.module.css';\nimport { ItemType } from './types';\n\ntype ValueType = Omit<ItemType, 'children'>;\n\ntype SelectValueProps = Omit<SelectPrimitive.SelectValueProps, 'children'> & {\n  children?: ((value?: ValueType | ValueType[]) => ReactNode) | ReactNode;\n};\n\nexport const SelectValue = forwardRef<\n  ElementRef<typeof SelectPrimitive.Value>,\n  SelectValueProps\n>(({ children, ...props }, ref) => {\n  const { value, items, multiple } = useSelectContext();\n\n  const item = useMemo(() => {\n    if (!value) return undefined;\n    if (multiple && Array.isArray(value)) {\n      const itemValues = value.map(v => items[v]);\n      if (itemValues.length === 1) return itemValues[0];\n      return itemValues;\n    }\n    return items[value as string];\n  }, [value, items, multiple]);\n\n  if (children) {\n    return (\n      <SelectPrimitive.Value ref={ref} {...props}>\n        {typeof children === 'function' ? children(item) : children}\n      </SelectPrimitive.Value>\n    );\n  }\n\n  if (Array.isArray(item))\n    return <SelectMultipleValue data={item} ref={ref} {...props} />;\n\n  return (\n    <SelectPrimitive.Value ref={ref} {...props}>\n      <div className={cx(styles.valueContent)}>\n        {typeof item?.children === 'string' && item?.leadingIcon && (\n          <div className={styles.itemIcon}>{item.leadingIcon}</div>\n        )}\n        {item?.children ?? value}\n      </div>\n    </SelectPrimitive.Value>\n  );\n});\nSelectValue.displayName = SelectPrimitive.Value.displayName;\n"],"names":[],"mappings":";;;;;;;;;AAgBa;;AAMX;AACE;AAAY;;AAEV;AACA;AAA6B;AAC7B;;AAEF;;;AAIA;;AAOF;AACE;;AAYJ;AACA;;"}
+{"version":3,"file":"select-value.js","sources":["../../../components/select/select-value.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'class-variance-authority';\nimport { forwardRef, ReactNode, useMemo } from 'react';\nimport styles from './select.module.css';\nimport { SelectMultipleValue } from './select-multiple-value';\nimport { useSelectContext } from './select-root';\nimport { ItemType } from './types';\n\ntype ValueType = Omit<ItemType, 'children'>;\n\ntype SelectValueProps = {\n  placeholder?: string;\n  children?: ((value?: ValueType | ValueType[]) => ReactNode) | ReactNode;\n  className?: string;\n};\n\nexport const SelectValue = forwardRef<HTMLSpanElement, SelectValueProps>(\n  ({ children, placeholder, className, ...props }, ref) => {\n    const { value, items, multiple } = useSelectContext();\n\n    const hasValue = multiple\n      ? Array.isArray(value) && value.length > 0\n      : !!value;\n\n    const item = useMemo(() => {\n      if (!value) return undefined;\n      if (multiple && Array.isArray(value)) {\n        const itemValues = value.map(v => items[v]);\n        if (itemValues.length === 1) return itemValues[0];\n        return itemValues;\n      }\n      return items[value as string];\n    }, [value, items, multiple]);\n\n    if (!hasValue) {\n      return (\n        <span\n          ref={ref}\n          data-placeholder=''\n          className={cx(styles.placeholder, className)}\n          {...props}\n        >\n          {placeholder}\n        </span>\n      );\n    }\n\n    if (typeof children === 'function') {\n      return (\n        <span ref={ref} className={className} {...props}>\n          {children(item)}\n        </span>\n      );\n    }\n\n    if (children) {\n      return (\n        <span ref={ref} className={className} {...props}>\n          {children}\n        </span>\n      );\n    }\n\n    if (Array.isArray(item)) {\n      return <SelectMultipleValue data={item} />;\n    }\n\n    return (\n      <span ref={ref} className={className} {...props}>\n        <div className={cx(styles.valueContent)}>\n          {typeof item?.children === 'string' && item?.leadingIcon && (\n            <div className={styles.itemIcon}>{item.leadingIcon}</div>\n          )}\n          {item?.children ?? value}\n        </div>\n      </span>\n    );\n  }\n);\nSelectValue.displayName = 'Select.Value';\n"],"names":[],"mappings":";;;;;;;;;;;AAsBM;AACA;AAEF;AACE;AAAY;;AAEV;AACA;AAA6B;AAC7B;;AAEF;;;;;AAgBF;AACE;;;AAQA;;AAOF;AACE;;;AAaJ;AAEF;;"}

package/dist/components/select/select.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-var radixUi = require('radix-ui');
+var react = require('@base-ui/react');
 var selectContent = require('./select-content.cjs');
 var selectItem = require('./select-item.cjs');
 var selectMisc = require('./select-misc.cjs');
@@ -11,9 +11,9 @@ var selectValue = require('./select-value.cjs');
 const Select = Object.assign(selectRoot.SelectRoot, {
     Group: selectMisc.SelectGroup,
     Value: selectValue.SelectValue,
-    ScrollUpButton: radixUi.Select.ScrollDownButton,
-    ScrollDownButton: radixUi.Select.ScrollDownButton,
-    Viewport: radixUi.Select.Viewport,
+    ScrollUpArrow: react.Select.ScrollUpArrow,
+    ScrollDownArrow: react.Select.ScrollDownArrow,
+    List: react.Select.List,
     Trigger: selectTrigger.SelectTrigger,
     Content: selectContent.SelectContent,
     Item: selectItem.SelectItem,

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

@@ -1 +1 @@
-{"version":3,"file":"select.cjs","sources":["../../../components/select/select.tsx"],"sourcesContent":["import { Select as SelectPrimitive } from 'radix-ui';\nimport { SelectContent } from './select-content';\nimport { SelectItem } from './select-item';\nimport { SelectGroup, SelectLabel, SelectSeparator } from './select-misc';\nimport { SelectRoot } from './select-root';\nimport { SelectTrigger } from './select-trigger';\nimport { SelectValue } from './select-value';\n\nexport const Select = Object.assign(SelectRoot, {\n  Group: SelectGroup,\n  Value: SelectValue,\n  ScrollUpButton: SelectPrimitive.ScrollDownButton,\n  ScrollDownButton: SelectPrimitive.ScrollDownButton,\n  Viewport: SelectPrimitive.Viewport,\n  Trigger: SelectTrigger,\n  Content: SelectContent,\n  Item: SelectItem,\n  Separator: SelectSeparator,\n  Label: SelectLabel\n});\n"],"names":["SelectRoot","SelectGroup","SelectValue","SelectPrimitive","SelectTrigger","SelectContent","SelectItem","SelectSeparator","SelectLabel"],"mappings":";;;;;;;;;;MAQa,MAAM,GAAG,MAAM,CAAC,MAAM,CAACA,qBAAU,EAAE;AAC9C,IAAA,KAAK,EAAEC,sBAAW;AAClB,IAAA,KAAK,EAAEC,uBAAW;IAClB,cAAc,EAAEC,cAAe,CAAC,gBAAgB;IAChD,gBAAgB,EAAEA,cAAe,CAAC,gBAAgB;IAClD,QAAQ,EAAEA,cAAe,CAAC,QAAQ;AAClC,IAAA,OAAO,EAAEC,2BAAa;AACtB,IAAA,OAAO,EAAEC,2BAAa;AACtB,IAAA,IAAI,EAAEC,qBAAU;AAChB,IAAA,SAAS,EAAEC,0BAAe;AAC1B,IAAA,KAAK,EAAEC,sBAAW;AACnB,CAAA;;;;"}
+{"version":3,"file":"select.cjs","sources":["../../../components/select/select.tsx"],"sourcesContent":["import { Select as SelectPrimitive } from '@base-ui/react';\nimport { SelectContent } from './select-content';\nimport { SelectItem } from './select-item';\nimport { SelectGroup, SelectLabel, SelectSeparator } from './select-misc';\nimport { SelectRoot } from './select-root';\nimport { SelectTrigger } from './select-trigger';\nimport { SelectValue } from './select-value';\n\nexport const Select = Object.assign(SelectRoot, {\n  Group: SelectGroup,\n  Value: SelectValue,\n  ScrollUpArrow: SelectPrimitive.ScrollUpArrow,\n  ScrollDownArrow: SelectPrimitive.ScrollDownArrow,\n  List: SelectPrimitive.List,\n  Trigger: SelectTrigger,\n  Content: SelectContent,\n  Item: SelectItem,\n  Separator: SelectSeparator,\n  Label: SelectLabel\n});\n"],"names":["SelectRoot","SelectGroup","SelectValue","SelectPrimitive","SelectTrigger","SelectContent","SelectItem","SelectSeparator","SelectLabel"],"mappings":";;;;;;;;;;MAQa,MAAM,GAAG,MAAM,CAAC,MAAM,CAACA,qBAAU,EAAE;AAC9C,IAAA,KAAK,EAAEC,sBAAW;AAClB,IAAA,KAAK,EAAEC,uBAAW;IAClB,aAAa,EAAEC,YAAe,CAAC,aAAa;IAC5C,eAAe,EAAEA,YAAe,CAAC,eAAe;IAChD,IAAI,EAAEA,YAAe,CAAC,IAAI;AAC1B,IAAA,OAAO,EAAEC,2BAAa;AACtB,IAAA,OAAO,EAAEC,2BAAa;AACtB,IAAA,IAAI,EAAEC,qBAAU;AAChB,IAAA,SAAS,EAAEC,0BAAe;AAC1B,IAAA,KAAK,EAAEC,sBAAW;AACnB,CAAA;;;;"}

package/dist/components/select/select.d.ts

@@ -1,7 +1,7 @@
-import { Select as SelectPrimitive } from 'radix-ui';
 export declare const Select: ((props: import("./select-root").SelectRootProps) => import("react/jsx-runtime").JSX.Element) & {
-    Group: import("react").ForwardRefExoticComponent<SelectPrimitive.SelectGroupProps & import("react").RefAttributes<HTMLDivElement>>;
-    Value: import("react").ForwardRefExoticComponent<Omit<SelectPrimitive.SelectValueProps, "children"> & {
+    Group: import("react").ForwardRefExoticComponent<import("./select-misc").SelectGroupProps & import("react").RefAttributes<HTMLDivElement>>;
+    Value: import("react").ForwardRefExoticComponent<{
+        placeholder?: string | undefined;
         children?: import("react").ReactNode | ((value?: {
             value: string;
             leadingIcon?: import("react").ReactNode;
@@ -9,16 +9,15 @@ export declare const Select: ((props: import("./select-root").SelectRootProps) =
             value: string;
             leadingIcon?: import("react").ReactNode;
         }[] | undefined) => import("react").ReactNode);
+        className?: string | undefined;
     } & import("react").RefAttributes<HTMLSpanElement>>;
-    ScrollUpButton: import("react").ForwardRefExoticComponent<SelectPrimitive.SelectScrollDownButtonProps & import("react").RefAttributes<HTMLDivElement>>;
-    ScrollDownButton: import("react").ForwardRefExoticComponent<SelectPrimitive.SelectScrollDownButtonProps & import("react").RefAttributes<HTMLDivElement>>;
-    Viewport: import("react").ForwardRefExoticComponent<SelectPrimitive.SelectViewportProps & import("react").RefAttributes<HTMLDivElement>>;
+    ScrollUpArrow: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").SelectScrollUpArrowProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    ScrollDownArrow: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").SelectScrollDownArrowProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    List: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").SelectListProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
     Trigger: import("react").ForwardRefExoticComponent<import("./select-trigger").SelectTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
     Content: import("react").ForwardRefExoticComponent<import("./select-content").SelectContentProps & import("react").RefAttributes<HTMLDivElement>>;
-    Item: import("react").ForwardRefExoticComponent<Omit<SelectPrimitive.SelectItemProps, "asChild"> & {
-        leadingIcon?: import("react").ReactNode;
-    } & import("react").RefAttributes<HTMLDivElement>>;
-    Separator: import("react").ForwardRefExoticComponent<SelectPrimitive.SelectSeparatorProps & import("react").RefAttributes<HTMLDivElement>>;
-    Label: import("react").ForwardRefExoticComponent<SelectPrimitive.SelectLabelProps & import("react").RefAttributes<HTMLDivElement>>;
+    Item: import("react").ForwardRefExoticComponent<import("./select-item").SelectItemProps & import("react").RefAttributes<HTMLDivElement>>;
+    Separator: import("react").ForwardRefExoticComponent<import("./select-misc").SelectSeparatorProps & import("react").RefAttributes<HTMLDivElement>>;
+    Label: import("react").ForwardRefExoticComponent<import("./select-misc").SelectLabelProps & import("react").RefAttributes<HTMLDivElement>>;
 };
 //# sourceMappingURL=select.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../components/select/select.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,UAAU,CAAC;AAQrD,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;CAWjB,CAAC"}
+{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../components/select/select.tsx"],"names":[],"mappings":"AAQA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;CAWjB,CAAC"}

package/dist/components/select/select.js

@@ -1,4 +1,4 @@
-import { Select as Select$1 } from 'radix-ui';
+import { Select as Select$1 } from '@base-ui/react';
 import { SelectContent } from './select-content.js';
 import { SelectItem } from './select-item.js';
 import { SelectGroup, SelectSeparator, SelectLabel } from './select-misc.js';
@@ -9,9 +9,9 @@ import { SelectValue } from './select-value.js';
 const Select = Object.assign(SelectRoot, {
     Group: SelectGroup,
     Value: SelectValue,
-    ScrollUpButton: Select$1.ScrollDownButton,
-    ScrollDownButton: Select$1.ScrollDownButton,
-    Viewport: Select$1.Viewport,
+    ScrollUpArrow: Select$1.ScrollUpArrow,
+    ScrollDownArrow: Select$1.ScrollDownArrow,
+    List: Select$1.List,
     Trigger: SelectTrigger,
     Content: SelectContent,
     Item: SelectItem,

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

@@ -1 +1 @@
-{"version":3,"file":"select.js","sources":["../../../components/select/select.tsx"],"sourcesContent":["import { Select as SelectPrimitive } from 'radix-ui';\nimport { SelectContent } from './select-content';\nimport { SelectItem } from './select-item';\nimport { SelectGroup, SelectLabel, SelectSeparator } from './select-misc';\nimport { SelectRoot } from './select-root';\nimport { SelectTrigger } from './select-trigger';\nimport { SelectValue } from './select-value';\n\nexport const Select = Object.assign(SelectRoot, {\n  Group: SelectGroup,\n  Value: SelectValue,\n  ScrollUpButton: SelectPrimitive.ScrollDownButton,\n  ScrollDownButton: SelectPrimitive.ScrollDownButton,\n  Viewport: SelectPrimitive.Viewport,\n  Trigger: SelectTrigger,\n  Content: SelectContent,\n  Item: SelectItem,\n  Separator: SelectSeparator,\n  Label: SelectLabel\n});\n"],"names":["SelectPrimitive"],"mappings":";;;;;;;;MAQa,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC,UAAU,EAAE;AAC9C,IAAA,KAAK,EAAE,WAAW;AAClB,IAAA,KAAK,EAAE,WAAW;IAClB,cAAc,EAAEA,QAAe,CAAC,gBAAgB;IAChD,gBAAgB,EAAEA,QAAe,CAAC,gBAAgB;IAClD,QAAQ,EAAEA,QAAe,CAAC,QAAQ;AAClC,IAAA,OAAO,EAAE,aAAa;AACtB,IAAA,OAAO,EAAE,aAAa;AACtB,IAAA,IAAI,EAAE,UAAU;AAChB,IAAA,SAAS,EAAE,eAAe;AAC1B,IAAA,KAAK,EAAE,WAAW;AACnB,CAAA;;;;"}
+{"version":3,"file":"select.js","sources":["../../../components/select/select.tsx"],"sourcesContent":["import { Select as SelectPrimitive } from '@base-ui/react';\nimport { SelectContent } from './select-content';\nimport { SelectItem } from './select-item';\nimport { SelectGroup, SelectLabel, SelectSeparator } from './select-misc';\nimport { SelectRoot } from './select-root';\nimport { SelectTrigger } from './select-trigger';\nimport { SelectValue } from './select-value';\n\nexport const Select = Object.assign(SelectRoot, {\n  Group: SelectGroup,\n  Value: SelectValue,\n  ScrollUpArrow: SelectPrimitive.ScrollUpArrow,\n  ScrollDownArrow: SelectPrimitive.ScrollDownArrow,\n  List: SelectPrimitive.List,\n  Trigger: SelectTrigger,\n  Content: SelectContent,\n  Item: SelectItem,\n  Separator: SelectSeparator,\n  Label: SelectLabel\n});\n"],"names":["SelectPrimitive"],"mappings":";;;;;;;;MAQa,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC,UAAU,EAAE;AAC9C,IAAA,KAAK,EAAE,WAAW;AAClB,IAAA,KAAK,EAAE,WAAW;IAClB,aAAa,EAAEA,QAAe,CAAC,aAAa;IAC5C,eAAe,EAAEA,QAAe,CAAC,eAAe;IAChD,IAAI,EAAEA,QAAe,CAAC,IAAI;AAC1B,IAAA,OAAO,EAAE,aAAa;AACtB,IAAA,OAAO,EAAE,aAAa;AACtB,IAAA,IAAI,EAAE,UAAU;AAChB,IAAA,SAAS,EAAE,eAAe;AAC1B,IAAA,KAAK,EAAE,WAAW;AACnB,CAAA;;;;"}

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var styles = {"content":"select-module_content__Du64z","menuitem":"select-module_menuitem__dJfYG","label":"select-module_label__LXFWZ","separator":"select-module_separator__9CYDY","trigger":"select-module_trigger__vW-JA","trigger-outline":"select-module_trigger-outline__llM-Z","trigger-text":"select-module_trigger-text__agtgX","trigger-small":"select-module_trigger-small__GWDnR","triggerContent":"select-module_triggerContent__FEfyb","trigger-medium":"select-module_trigger-medium__4Uyjl","triggerIcon":"select-module_triggerIcon__GaINJ","valueContent":"select-module_valueContent__qjT6c","itemIcon":"select-module_itemIcon__IBsS4","placeholder":"select-module_placeholder__PSr94","comboboxContent":"select-module_comboboxContent__NRAbk","viewport":"select-module_viewport__6eCxI","comboboxViewport":"select-module_comboboxViewport__Zn68D","comboboxContainer":"select-module_comboboxContainer__aNQuA","comboboxInput":"select-module_comboboxInput__Ox9-U","hidden":"select-module_hidden__NMsTy","trigger___outline":"select-module_trigger-outline__llM-Z","trigger___text":"select-module_trigger-text__agtgX","trigger___small":"select-module_trigger-small__GWDnR","trigger___medium":"select-module_trigger-medium__4Uyjl"};
+var styles = {"positioner":"select-module_positioner__dIsqN","content":"select-module_content__Du64z","menuitem":"select-module_menuitem__dJfYG","label":"select-module_label__LXFWZ","separator":"select-module_separator__9CYDY","trigger":"select-module_trigger__vW-JA","trigger-outline":"select-module_trigger-outline__llM-Z","trigger-text":"select-module_trigger-text__agtgX","trigger-small":"select-module_trigger-small__GWDnR","triggerContent":"select-module_triggerContent__FEfyb","trigger-medium":"select-module_trigger-medium__4Uyjl","triggerIcon":"select-module_triggerIcon__GaINJ","valueContent":"select-module_valueContent__qjT6c","itemIcon":"select-module_itemIcon__IBsS4","placeholder":"select-module_placeholder__PSr94","comboboxContent":"select-module_comboboxContent__NRAbk","viewport":"select-module_viewport__6eCxI","comboboxInput":"select-module_comboboxInput__Ox9-U","hidden":"select-module_hidden__NMsTy","trigger___outline":"select-module_trigger-outline__llM-Z","trigger___text":"select-module_trigger-text__agtgX","trigger___small":"select-module_trigger-small__GWDnR","trigger___medium":"select-module_trigger-medium__4Uyjl"};
 
 exports.default = styles;
 //# sourceMappingURL=select.module.css.cjs.map

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

@@ -1,4 +1,4 @@
-var styles = {"content":"select-module_content__Du64z","menuitem":"select-module_menuitem__dJfYG","label":"select-module_label__LXFWZ","separator":"select-module_separator__9CYDY","trigger":"select-module_trigger__vW-JA","trigger-outline":"select-module_trigger-outline__llM-Z","trigger-text":"select-module_trigger-text__agtgX","trigger-small":"select-module_trigger-small__GWDnR","triggerContent":"select-module_triggerContent__FEfyb","trigger-medium":"select-module_trigger-medium__4Uyjl","triggerIcon":"select-module_triggerIcon__GaINJ","valueContent":"select-module_valueContent__qjT6c","itemIcon":"select-module_itemIcon__IBsS4","placeholder":"select-module_placeholder__PSr94","comboboxContent":"select-module_comboboxContent__NRAbk","viewport":"select-module_viewport__6eCxI","comboboxViewport":"select-module_comboboxViewport__Zn68D","comboboxContainer":"select-module_comboboxContainer__aNQuA","comboboxInput":"select-module_comboboxInput__Ox9-U","hidden":"select-module_hidden__NMsTy","trigger___outline":"select-module_trigger-outline__llM-Z","trigger___text":"select-module_trigger-text__agtgX","trigger___small":"select-module_trigger-small__GWDnR","trigger___medium":"select-module_trigger-medium__4Uyjl"};
+var styles = {"positioner":"select-module_positioner__dIsqN","content":"select-module_content__Du64z","menuitem":"select-module_menuitem__dJfYG","label":"select-module_label__LXFWZ","separator":"select-module_separator__9CYDY","trigger":"select-module_trigger__vW-JA","trigger-outline":"select-module_trigger-outline__llM-Z","trigger-text":"select-module_trigger-text__agtgX","trigger-small":"select-module_trigger-small__GWDnR","triggerContent":"select-module_triggerContent__FEfyb","trigger-medium":"select-module_trigger-medium__4Uyjl","triggerIcon":"select-module_triggerIcon__GaINJ","valueContent":"select-module_valueContent__qjT6c","itemIcon":"select-module_itemIcon__IBsS4","placeholder":"select-module_placeholder__PSr94","comboboxContent":"select-module_comboboxContent__NRAbk","viewport":"select-module_viewport__6eCxI","comboboxInput":"select-module_comboboxInput__Ox9-U","hidden":"select-module_hidden__NMsTy","trigger___outline":"select-module_trigger-outline__llM-Z","trigger___text":"select-module_trigger-text__agtgX","trigger___small":"select-module_trigger-small__GWDnR","trigger___medium":"select-module_trigger-medium__4Uyjl"};
 
 export { styles as default };
 //# sourceMappingURL=select.module.css.js.map

package/dist/components/separator/separator.cjs

@@ -1,8 +1,8 @@
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
+var separator$1 = require('@base-ui/react/separator');
 var classVarianceAuthority = require('class-variance-authority');
-var radixUi = require('radix-ui');
 var separator_module = require('./separator.module.css.cjs');
 
 const separator = classVarianceAuthority.cva(separator_module.default.separator, {
@@ -23,8 +23,8 @@ const separator = classVarianceAuthority.cva(separator_module.default.separator,
         color: 'primary'
     }
 });
-function Separator({ className, orientation = 'horizontal', size, color, 'aria-label': ariaLabel, ...props }) {
-    return (jsxRuntime.jsx(radixUi.Separator.Root, { decorative: true, orientation: orientation, className: separator({ size, color, className }), "aria-orientation": orientation, "aria-label": ariaLabel || `${orientation} separator`, role: 'separator', ...props }));
+function Separator({ className, orientation = 'horizontal', size, color, ...props }) {
+    return (jsxRuntime.jsx(separator$1.Separator, { orientation: orientation, className: separator({ size, color, className }), ...props }));
 }
 Separator.displayName = 'Separator';
 

package/dist/components/separator/separator.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"separator.cjs","sources":["../../../components/separator/separator.tsx"],"sourcesContent":["import { cva } from 'class-variance-authority';\nimport { Separator as SeparatorPrimitive } from 'radix-ui';\n\nimport styles from './separator.module.css';\n\nconst separator = cva(styles.separator, {\n  variants: {\n    size: {\n      small: styles['separator-small'],\n      half: styles['separator-half'],\n      full: styles['separator-full']\n    },\n    color: {\n      primary: styles['separator-primary'],\n      secondary: styles['separator-secondary'],\n      tertiary: styles['separator-tertiary']\n    }\n  },\n  defaultVariants: {\n    size: 'full',\n    color: 'primary'\n  }\n});\n\ninterface SeparatorProps {\n  className?: string;\n  orientation?: 'horizontal' | 'vertical';\n  size?: 'small' | 'half' | 'full';\n  color?: 'primary' | 'secondary' | 'tertiary';\n  'aria-label'?: string;\n}\n\nexport function Separator({\n  className,\n  orientation = 'horizontal',\n  size,\n  color,\n  'aria-label': ariaLabel,\n  ...props\n}: SeparatorProps) {\n  return (\n    <SeparatorPrimitive.Root\n      decorative\n      orientation={orientation}\n      className={separator({ size, color, className })}\n      aria-orientation={orientation}\n      aria-label={ariaLabel || `${orientation} separator`}\n      role='separator'\n      {...props}\n    />\n  );\n}\n\nSeparator.displayName = 'Separator';\n"],"names":["cva","styles","_jsx","SeparatorPrimitive"],"mappings":";;;;;;;AAKA,MAAM,SAAS,GAAGA,0BAAG,CAACC,wBAAM,CAAC,SAAS,EAAE;AACtC,IAAA,QAAQ,EAAE;AACR,QAAA,IAAI,EAAE;AACJ,YAAA,KAAK,EAAEA,wBAAM,CAAC,iBAAiB,CAAC;AAChC,YAAA,IAAI,EAAEA,wBAAM,CAAC,gBAAgB,CAAC;AAC9B,YAAA,IAAI,EAAEA,wBAAM,CAAC,gBAAgB,CAAC;AAC/B,SAAA;AACD,QAAA,KAAK,EAAE;AACL,YAAA,OAAO,EAAEA,wBAAM,CAAC,mBAAmB,CAAC;AACpC,YAAA,SAAS,EAAEA,wBAAM,CAAC,qBAAqB,CAAC;AACxC,YAAA,QAAQ,EAAEA,wBAAM,CAAC,oBAAoB,CAAC;AACvC,SAAA;AACF,KAAA;AACD,IAAA,eAAe,EAAE;AACf,QAAA,IAAI,EAAE,MAAM;AACZ,QAAA,KAAK,EAAE,SAAS;AACjB,KAAA;AACF,CAAA,CAAC,CAAC;AAUG,SAAU,SAAS,CAAC,EACxB,SAAS,EACT,WAAW,GAAG,YAAY,EAC1B,IAAI,EACJ,KAAK,EACL,YAAY,EAAE,SAAS,EACvB,GAAG,KAAK,EACO,EAAA;AACf,IAAA,QACEC,cAAC,CAAAC,iBAAkB,CAAC,IAAI,EAAA,EACtB,UAAU,EACV,IAAA,EAAA,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,SAAS,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,EAAA,kBAAA,EAC9B,WAAW,EACjB,YAAA,EAAA,SAAS,IAAI,CAAG,EAAA,WAAW,CAAY,UAAA,CAAA,EACnD,IAAI,EAAC,WAAW,KACZ,KAAK,EAAA,CACT,EACF;AACJ,CAAC;AAED,SAAS,CAAC,WAAW,GAAG,WAAW;;;;"}
+{"version":3,"file":"separator.cjs","sources":["../../../components/separator/separator.tsx"],"sourcesContent":["import { Separator as SeparatorPrimitive } from '@base-ui/react/separator';\nimport { cva } from 'class-variance-authority';\n\nimport styles from './separator.module.css';\n\nconst separator = cva(styles.separator, {\n  variants: {\n    size: {\n      small: styles['separator-small'],\n      half: styles['separator-half'],\n      full: styles['separator-full']\n    },\n    color: {\n      primary: styles['separator-primary'],\n      secondary: styles['separator-secondary'],\n      tertiary: styles['separator-tertiary']\n    }\n  },\n  defaultVariants: {\n    size: 'full',\n    color: 'primary'\n  }\n});\n\ninterface SeparatorProps extends SeparatorPrimitive.Props {\n  size?: 'small' | 'half' | 'full';\n  color?: 'primary' | 'secondary' | 'tertiary';\n}\n\nexport function Separator({\n  className,\n  orientation = 'horizontal',\n  size,\n  color,\n  ...props\n}: SeparatorProps) {\n  return (\n    <SeparatorPrimitive\n      orientation={orientation}\n      className={separator({ size, color, className })}\n      {...props}\n    />\n  );\n}\n\nSeparator.displayName = 'Separator';\n"],"names":["cva","styles","_jsx","SeparatorPrimitive"],"mappings":";;;;;;;AAKA,MAAM,SAAS,GAAGA,0BAAG,CAACC,wBAAM,CAAC,SAAS,EAAE;AACtC,IAAA,QAAQ,EAAE;AACR,QAAA,IAAI,EAAE;AACJ,YAAA,KAAK,EAAEA,wBAAM,CAAC,iBAAiB,CAAC;AAChC,YAAA,IAAI,EAAEA,wBAAM,CAAC,gBAAgB,CAAC;AAC9B,YAAA,IAAI,EAAEA,wBAAM,CAAC,gBAAgB,CAAC;AAC/B,SAAA;AACD,QAAA,KAAK,EAAE;AACL,YAAA,OAAO,EAAEA,wBAAM,CAAC,mBAAmB,CAAC;AACpC,YAAA,SAAS,EAAEA,wBAAM,CAAC,qBAAqB,CAAC;AACxC,YAAA,QAAQ,EAAEA,wBAAM,CAAC,oBAAoB,CAAC;AACvC,SAAA;AACF,KAAA;AACD,IAAA,eAAe,EAAE;AACf,QAAA,IAAI,EAAE,MAAM;AACZ,QAAA,KAAK,EAAE,SAAS;AACjB,KAAA;AACF,CAAA,CAAC,CAAC;SAOa,SAAS,CAAC,EACxB,SAAS,EACT,WAAW,GAAG,YAAY,EAC1B,IAAI,EACJ,KAAK,EACL,GAAG,KAAK,EACO,EAAA;IACf,QACEC,cAAC,CAAAC,qBAAkB,EACjB,EAAA,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,SAAS,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,EAC5C,GAAA,KAAK,EACT,CAAA,EACF;AACJ,CAAC;AAED,SAAS,CAAC,WAAW,GAAG,WAAW;;;;"}

package/dist/components/separator/separator.d.ts

@@ -1,11 +1,9 @@
-interface SeparatorProps {
-    className?: string;
-    orientation?: 'horizontal' | 'vertical';
+import { Separator as SeparatorPrimitive } from '@base-ui/react/separator';
+interface SeparatorProps extends SeparatorPrimitive.Props {
     size?: 'small' | 'half' | 'full';
     color?: 'primary' | 'secondary' | 'tertiary';
-    'aria-label'?: string;
 }
-export declare function Separator({ className, orientation, size, color, 'aria-label': ariaLabel, ...props }: SeparatorProps): import("react/jsx-runtime").JSX.Element;
+export declare function Separator({ className, orientation, size, color, ...props }: SeparatorProps): import("react/jsx-runtime").JSX.Element;
 export declare namespace Separator {
     var displayName: string;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"separator.d.ts","sourceRoot":"","sources":["../../../components/separator/separator.tsx"],"names":[],"mappings":"AAwBA,UAAU,cAAc;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACxC,IAAI,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,MAAM,CAAC;IACjC,KAAK,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,UAAU,CAAC;IAC7C,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,wBAAgB,SAAS,CAAC,EACxB,SAAS,EACT,WAA0B,EAC1B,IAAI,EACJ,KAAK,EACL,YAAY,EAAE,SAAS,EACvB,GAAG,KAAK,EACT,EAAE,cAAc,2CAYhB;yBAnBe,SAAS"}
+{"version":3,"file":"separator.d.ts","sourceRoot":"","sources":["../../../components/separator/separator.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,IAAI,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAwB3E,UAAU,cAAe,SAAQ,kBAAkB,CAAC,KAAK;IACvD,IAAI,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,MAAM,CAAC;IACjC,KAAK,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,UAAU,CAAC;CAC9C;AAED,wBAAgB,SAAS,CAAC,EACxB,SAAS,EACT,WAA0B,EAC1B,IAAI,EACJ,KAAK,EACL,GAAG,KAAK,EACT,EAAE,cAAc,2CAQhB;yBAde,SAAS"}

package/dist/components/separator/separator.js

@@ -1,6 +1,6 @@
 import { jsx } from 'react/jsx-runtime';
+import { Separator as Separator$1 } from '@base-ui/react/separator';
 import { cva } from 'class-variance-authority';
-import { Separator as Separator$1 } from 'radix-ui';
 import styles from './separator.module.css.js';
 
 const separator = cva(styles.separator, {
@@ -21,8 +21,8 @@ const separator = cva(styles.separator, {
         color: 'primary'
     }
 });
-function Separator({ className, orientation = 'horizontal', size, color, 'aria-label': ariaLabel, ...props }) {
-    return (jsx(Separator$1.Root, { decorative: true, orientation: orientation, className: separator({ size, color, className }), "aria-orientation": orientation, "aria-label": ariaLabel || `${orientation} separator`, role: 'separator', ...props }));
+function Separator({ className, orientation = 'horizontal', size, color, ...props }) {
+    return (jsx(Separator$1, { orientation: orientation, className: separator({ size, color, className }), ...props }));
 }
 Separator.displayName = 'Separator';
 

package/dist/components/separator/separator.js.map

@@ -1 +1 @@
-{"version":3,"file":"separator.js","sources":["../../../components/separator/separator.tsx"],"sourcesContent":["import { cva } from 'class-variance-authority';\nimport { Separator as SeparatorPrimitive } from 'radix-ui';\n\nimport styles from './separator.module.css';\n\nconst separator = cva(styles.separator, {\n  variants: {\n    size: {\n      small: styles['separator-small'],\n      half: styles['separator-half'],\n      full: styles['separator-full']\n    },\n    color: {\n      primary: styles['separator-primary'],\n      secondary: styles['separator-secondary'],\n      tertiary: styles['separator-tertiary']\n    }\n  },\n  defaultVariants: {\n    size: 'full',\n    color: 'primary'\n  }\n});\n\ninterface SeparatorProps {\n  className?: string;\n  orientation?: 'horizontal' | 'vertical';\n  size?: 'small' | 'half' | 'full';\n  color?: 'primary' | 'secondary' | 'tertiary';\n  'aria-label'?: string;\n}\n\nexport function Separator({\n  className,\n  orientation = 'horizontal',\n  size,\n  color,\n  'aria-label': ariaLabel,\n  ...props\n}: SeparatorProps) {\n  return (\n    <SeparatorPrimitive.Root\n      decorative\n      orientation={orientation}\n      className={separator({ size, color, className })}\n      aria-orientation={orientation}\n      aria-label={ariaLabel || `${orientation} separator`}\n      role='separator'\n      {...props}\n    />\n  );\n}\n\nSeparator.displayName = 'Separator';\n"],"names":["_jsx","SeparatorPrimitive"],"mappings":";;;;;AAKA,MAAM,SAAS,GAAG,GAAG,CAAC,MAAM,CAAC,SAAS,EAAE;AACtC,IAAA,QAAQ,EAAE;AACR,QAAA,IAAI,EAAE;AACJ,YAAA,KAAK,EAAE,MAAM,CAAC,iBAAiB,CAAC;AAChC,YAAA,IAAI,EAAE,MAAM,CAAC,gBAAgB,CAAC;AAC9B,YAAA,IAAI,EAAE,MAAM,CAAC,gBAAgB,CAAC;AAC/B,SAAA;AACD,QAAA,KAAK,EAAE;AACL,YAAA,OAAO,EAAE,MAAM,CAAC,mBAAmB,CAAC;AACpC,YAAA,SAAS,EAAE,MAAM,CAAC,qBAAqB,CAAC;AACxC,YAAA,QAAQ,EAAE,MAAM,CAAC,oBAAoB,CAAC;AACvC,SAAA;AACF,KAAA;AACD,IAAA,eAAe,EAAE;AACf,QAAA,IAAI,EAAE,MAAM;AACZ,QAAA,KAAK,EAAE,SAAS;AACjB,KAAA;AACF,CAAA,CAAC,CAAC;AAUG,SAAU,SAAS,CAAC,EACxB,SAAS,EACT,WAAW,GAAG,YAAY,EAC1B,IAAI,EACJ,KAAK,EACL,YAAY,EAAE,SAAS,EACvB,GAAG,KAAK,EACO,EAAA;AACf,IAAA,QACEA,GAAC,CAAAC,WAAkB,CAAC,IAAI,EAAA,EACtB,UAAU,EACV,IAAA,EAAA,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,SAAS,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,EAAA,kBAAA,EAC9B,WAAW,EACjB,YAAA,EAAA,SAAS,IAAI,CAAG,EAAA,WAAW,CAAY,UAAA,CAAA,EACnD,IAAI,EAAC,WAAW,KACZ,KAAK,EAAA,CACT,EACF;AACJ,CAAC;AAED,SAAS,CAAC,WAAW,GAAG,WAAW;;;;"}
+{"version":3,"file":"separator.js","sources":["../../../components/separator/separator.tsx"],"sourcesContent":["import { Separator as SeparatorPrimitive } from '@base-ui/react/separator';\nimport { cva } from 'class-variance-authority';\n\nimport styles from './separator.module.css';\n\nconst separator = cva(styles.separator, {\n  variants: {\n    size: {\n      small: styles['separator-small'],\n      half: styles['separator-half'],\n      full: styles['separator-full']\n    },\n    color: {\n      primary: styles['separator-primary'],\n      secondary: styles['separator-secondary'],\n      tertiary: styles['separator-tertiary']\n    }\n  },\n  defaultVariants: {\n    size: 'full',\n    color: 'primary'\n  }\n});\n\ninterface SeparatorProps extends SeparatorPrimitive.Props {\n  size?: 'small' | 'half' | 'full';\n  color?: 'primary' | 'secondary' | 'tertiary';\n}\n\nexport function Separator({\n  className,\n  orientation = 'horizontal',\n  size,\n  color,\n  ...props\n}: SeparatorProps) {\n  return (\n    <SeparatorPrimitive\n      orientation={orientation}\n      className={separator({ size, color, className })}\n      {...props}\n    />\n  );\n}\n\nSeparator.displayName = 'Separator';\n"],"names":["_jsx","SeparatorPrimitive"],"mappings":";;;;;AAKA,MAAM,SAAS,GAAG,GAAG,CAAC,MAAM,CAAC,SAAS,EAAE;AACtC,IAAA,QAAQ,EAAE;AACR,QAAA,IAAI,EAAE;AACJ,YAAA,KAAK,EAAE,MAAM,CAAC,iBAAiB,CAAC;AAChC,YAAA,IAAI,EAAE,MAAM,CAAC,gBAAgB,CAAC;AAC9B,YAAA,IAAI,EAAE,MAAM,CAAC,gBAAgB,CAAC;AAC/B,SAAA;AACD,QAAA,KAAK,EAAE;AACL,YAAA,OAAO,EAAE,MAAM,CAAC,mBAAmB,CAAC;AACpC,YAAA,SAAS,EAAE,MAAM,CAAC,qBAAqB,CAAC;AACxC,YAAA,QAAQ,EAAE,MAAM,CAAC,oBAAoB,CAAC;AACvC,SAAA;AACF,KAAA;AACD,IAAA,eAAe,EAAE;AACf,QAAA,IAAI,EAAE,MAAM;AACZ,QAAA,KAAK,EAAE,SAAS;AACjB,KAAA;AACF,CAAA,CAAC,CAAC;SAOa,SAAS,CAAC,EACxB,SAAS,EACT,WAAW,GAAG,YAAY,EAC1B,IAAI,EACJ,KAAK,EACL,GAAG,KAAK,EACO,EAAA;IACf,QACEA,GAAC,CAAAC,WAAkB,EACjB,EAAA,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,SAAS,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,EAC5C,GAAA,KAAK,EACT,CAAA,EACF;AACJ,CAAC;AAED,SAAS,CAAC,WAAW,GAAG,WAAW;;;;"}

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

@@ -20,20 +20,23 @@ const SidebarItem = React.forwardRef(({ classNames, leadingIcon, children, activ
         align: 'center',
         gap: 3,
         className: classVarianceAuthority.cx(sidebar_module.default['nav-leading-icon'], classNames?.leadingIcon),
-        ariaHidden: true
+        'aria-hidden': true
     };
     const content = React.cloneElement(as, {
         ref,
         className: classVarianceAuthority.cx(sidebar_module.default['nav-item'], classNames?.root),
         'data-active': active,
         'data-disabled': disabled,
-        role: 'menuitem',
+        role: 'listitem',
         'aria-current': active ? 'page' : undefined,
         'aria-disabled': disabled,
+        ...(isCollapsed && typeof children === 'string'
+            ? { 'aria-label': children }
+            : {}),
         ...props
-    }, jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [shouldShowFallback ? (jsxRuntime.jsx(flex.Flex, { ...iconProps, children: jsxRuntime.jsx(avatar.Avatar, { size: 1, variant: 'soft', color: 'neutral', fallback: children[0].toUpperCase(), style: { cursor: 'pointer' } }) })) : null, !shouldShowFallback && leadingIcon ? (jsxRuntime.jsx(flex.Flex, { ...iconProps, children: leadingIcon })) : null, !isCollapsed && (jsxRuntime.jsx("span", { className: classVarianceAuthority.cx(sidebar_module.default['nav-text'], classNames?.text), children: children }))] }));
+    }, jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [shouldShowFallback ? (jsxRuntime.jsx(flex.Flex, { ...iconProps, children: jsxRuntime.jsx(avatar.Avatar, { size: 1, variant: 'soft', color: 'neutral', fallback: children[0].toUpperCase(), className: sidebar_module.default['nav-fallback-avatar'] }) })) : null, !shouldShowFallback && leadingIcon ? (jsxRuntime.jsx(flex.Flex, { ...iconProps, children: leadingIcon })) : null, !isCollapsed && (jsxRuntime.jsx("span", { className: classVarianceAuthority.cx(sidebar_module.default['nav-text'], classNames?.text), children: children }))] }));
     if (isCollapsed && !hideCollapsedItemTooltip) {
-        return (jsxRuntime.jsx(tooltip.Tooltip, { message: children, side: 'right', children: content }));
+        return (jsxRuntime.jsxs(tooltip.Tooltip, { children: [jsxRuntime.jsx(tooltip.Tooltip.Trigger, { render: content }), jsxRuntime.jsx(tooltip.Tooltip.Content, { side: 'right', children: children })] }));
     }
     return content;
 });

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

@@ -1 +1 @@
-{"version":3,"file":"sidebar-item.cjs","sources":["../../../components/sidebar/sidebar-item.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'class-variance-authority';\nimport {\n  ComponentPropsWithoutRef,\n  cloneElement,\n  forwardRef,\n  ReactElement,\n  ReactNode,\n  useContext\n} from 'react';\nimport { Avatar } from '../avatar';\nimport { Flex } from '../flex';\nimport { Tooltip } from '../tooltip';\nimport styles from './sidebar.module.css';\nimport { SidebarContext } from './sidebar-root';\n\nexport interface 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\nexport const 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 iconProps = {\n      align: 'center',\n      gap: 3,\n      className: cx(styles['nav-leading-icon'], classNames?.leadingIcon),\n      ariaHidden: true\n    } as const;\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        {shouldShowFallback ? (\n          <Flex {...iconProps}>\n            <Avatar\n              size={1}\n              variant='soft'\n              color='neutral'\n              fallback={children[0].toUpperCase()}\n              style={{ cursor: 'pointer' }}\n            />\n          </Flex>\n        ) : null}\n        {!shouldShowFallback && leadingIcon ? (\n          <Flex {...iconProps}>{leadingIcon}</Flex>\n        ) : null}\n        {!isCollapsed && (\n          <span className={cx(styles['nav-text'], classNames?.text)}>\n            {children}\n          </span>\n        )}\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\nSidebarItem.displayName = 'Sidebar.Item';\n"],"names":[],"mappings":";;;;;;;;;;;;AA6BO;;AAgBH;;;AAIE;AAEF;AACE;AACA;;AAEA;;AAGF;;;AAKI;AACA;AACA;;AAEA;AACA;;AAyBJ;AACE;;AAOF;AACF;AAGF;;"}
+{"version":3,"file":"sidebar-item.cjs","sources":["../../../components/sidebar/sidebar-item.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'class-variance-authority';\nimport {\n  ComponentPropsWithoutRef,\n  cloneElement,\n  forwardRef,\n  ReactElement,\n  ReactNode,\n  useContext\n} from 'react';\nimport { Avatar } from '../avatar';\nimport { Flex } from '../flex';\nimport { Tooltip } from '../tooltip';\nimport styles from './sidebar.module.css';\nimport { SidebarContext } from './sidebar-root';\n\nexport interface 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\nexport const 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 iconProps = {\n      align: 'center',\n      gap: 3,\n      className: cx(styles['nav-leading-icon'], classNames?.leadingIcon),\n      'aria-hidden': true\n    } as const;\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: 'listitem',\n        'aria-current': active ? 'page' : undefined,\n        'aria-disabled': disabled,\n        ...(isCollapsed && typeof children === 'string'\n          ? { 'aria-label': children }\n          : {}),\n        ...props\n      },\n      <>\n        {shouldShowFallback ? (\n          <Flex {...iconProps}>\n            <Avatar\n              size={1}\n              variant='soft'\n              color='neutral'\n              fallback={children[0].toUpperCase()}\n              className={styles['nav-fallback-avatar']}\n            />\n          </Flex>\n        ) : null}\n        {!shouldShowFallback && leadingIcon ? (\n          <Flex {...iconProps}>{leadingIcon}</Flex>\n        ) : null}\n        {!isCollapsed && (\n          <span className={cx(styles['nav-text'], classNames?.text)}>\n            {children}\n          </span>\n        )}\n      </>\n    );\n\n    if (isCollapsed && !hideCollapsedItemTooltip) {\n      return (\n        <Tooltip>\n          <Tooltip.Trigger render={content} />\n          <Tooltip.Content side='right'>{children}</Tooltip.Content>\n        </Tooltip>\n      );\n    }\n\n    return content;\n  }\n);\n\nSidebarItem.displayName = 'Sidebar.Item';\n"],"names":[],"mappings":";;;;;;;;;;;;AA6BO;;AAgBH;;;AAIE;AAEF;AACE;AACA;;AAEA;;AAGF;;;AAKI;AACA;AACA;;AAEA;AACA;AACE;;AAEF;;AAyBJ;;;AASA;AACF;AAGF;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"sidebar-item.d.ts","sourceRoot":"","sources":["../../../components/sidebar/sidebar-item.tsx"],"names":[],"mappings":"AAGA,OAAO,EACL,wBAAwB,EAGxB,YAAY,EACZ,SAAS,EAEV,MAAM,OAAO,CAAC;AAOf,MAAM,WAAW,gBAAiB,SAAQ,wBAAwB,CAAC,GAAG,CAAC;IACrE,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,eAAO,MAAM,WAAW,gHA0EvB,CAAC"}
+{"version":3,"file":"sidebar-item.d.ts","sourceRoot":"","sources":["../../../components/sidebar/sidebar-item.tsx"],"names":[],"mappings":"AAGA,OAAO,EACL,wBAAwB,EAGxB,YAAY,EACZ,SAAS,EAEV,MAAM,OAAO,CAAC;AAOf,MAAM,WAAW,gBAAiB,SAAQ,wBAAwB,CAAC,GAAG,CAAC;IACrE,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,eAAO,MAAM,WAAW,gHA8EvB,CAAC"}

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

@@ -18,20 +18,23 @@ const SidebarItem = forwardRef(({ classNames, leadingIcon, children, active, dis
         align: 'center',
         gap: 3,
         className: cx(styles['nav-leading-icon'], classNames?.leadingIcon),
-        ariaHidden: true
+        'aria-hidden': true
     };
     const content = cloneElement(as, {
         ref,
         className: cx(styles['nav-item'], classNames?.root),
         'data-active': active,
         'data-disabled': disabled,
-        role: 'menuitem',
+        role: 'listitem',
         'aria-current': active ? 'page' : undefined,
         'aria-disabled': disabled,
+        ...(isCollapsed && typeof children === 'string'
+            ? { 'aria-label': children }
+            : {}),
         ...props
-    }, jsxs(Fragment, { children: [shouldShowFallback ? (jsx(Flex, { ...iconProps, children: jsx(Avatar, { size: 1, variant: 'soft', color: 'neutral', fallback: children[0].toUpperCase(), style: { cursor: 'pointer' } }) })) : null, !shouldShowFallback && leadingIcon ? (jsx(Flex, { ...iconProps, children: leadingIcon })) : null, !isCollapsed && (jsx("span", { className: cx(styles['nav-text'], classNames?.text), children: children }))] }));
+    }, jsxs(Fragment, { children: [shouldShowFallback ? (jsx(Flex, { ...iconProps, children: jsx(Avatar, { size: 1, variant: 'soft', color: 'neutral', fallback: children[0].toUpperCase(), className: styles['nav-fallback-avatar'] }) })) : null, !shouldShowFallback && leadingIcon ? (jsx(Flex, { ...iconProps, children: leadingIcon })) : null, !isCollapsed && (jsx("span", { className: cx(styles['nav-text'], classNames?.text), children: children }))] }));
     if (isCollapsed && !hideCollapsedItemTooltip) {
-        return (jsx(Tooltip, { message: children, side: 'right', children: content }));
+        return (jsxs(Tooltip, { children: [jsx(Tooltip.Trigger, { render: content }), jsx(Tooltip.Content, { side: 'right', children: children })] }));
     }
     return content;
 });

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

@@ -1 +1 @@
-{"version":3,"file":"sidebar-item.js","sources":["../../../components/sidebar/sidebar-item.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'class-variance-authority';\nimport {\n  ComponentPropsWithoutRef,\n  cloneElement,\n  forwardRef,\n  ReactElement,\n  ReactNode,\n  useContext\n} from 'react';\nimport { Avatar } from '../avatar';\nimport { Flex } from '../flex';\nimport { Tooltip } from '../tooltip';\nimport styles from './sidebar.module.css';\nimport { SidebarContext } from './sidebar-root';\n\nexport interface 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\nexport const 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 iconProps = {\n      align: 'center',\n      gap: 3,\n      className: cx(styles['nav-leading-icon'], classNames?.leadingIcon),\n      ariaHidden: true\n    } as const;\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        {shouldShowFallback ? (\n          <Flex {...iconProps}>\n            <Avatar\n              size={1}\n              variant='soft'\n              color='neutral'\n              fallback={children[0].toUpperCase()}\n              style={{ cursor: 'pointer' }}\n            />\n          </Flex>\n        ) : null}\n        {!shouldShowFallback && leadingIcon ? (\n          <Flex {...iconProps}>{leadingIcon}</Flex>\n        ) : null}\n        {!isCollapsed && (\n          <span className={cx(styles['nav-text'], classNames?.text)}>\n            {children}\n          </span>\n        )}\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\nSidebarItem.displayName = 'Sidebar.Item';\n"],"names":[],"mappings":";;;;;;;;;;AA6BO;;AAgBH;;;AAIE;AAEF;AACE;AACA;;AAEA;;AAGF;;;AAKI;AACA;AACA;;AAEA;AACA;;AAyBJ;AACE;;AAOF;AACF;AAGF;;"}
+{"version":3,"file":"sidebar-item.js","sources":["../../../components/sidebar/sidebar-item.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'class-variance-authority';\nimport {\n  ComponentPropsWithoutRef,\n  cloneElement,\n  forwardRef,\n  ReactElement,\n  ReactNode,\n  useContext\n} from 'react';\nimport { Avatar } from '../avatar';\nimport { Flex } from '../flex';\nimport { Tooltip } from '../tooltip';\nimport styles from './sidebar.module.css';\nimport { SidebarContext } from './sidebar-root';\n\nexport interface 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\nexport const 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 iconProps = {\n      align: 'center',\n      gap: 3,\n      className: cx(styles['nav-leading-icon'], classNames?.leadingIcon),\n      'aria-hidden': true\n    } as const;\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: 'listitem',\n        'aria-current': active ? 'page' : undefined,\n        'aria-disabled': disabled,\n        ...(isCollapsed && typeof children === 'string'\n          ? { 'aria-label': children }\n          : {}),\n        ...props\n      },\n      <>\n        {shouldShowFallback ? (\n          <Flex {...iconProps}>\n            <Avatar\n              size={1}\n              variant='soft'\n              color='neutral'\n              fallback={children[0].toUpperCase()}\n              className={styles['nav-fallback-avatar']}\n            />\n          </Flex>\n        ) : null}\n        {!shouldShowFallback && leadingIcon ? (\n          <Flex {...iconProps}>{leadingIcon}</Flex>\n        ) : null}\n        {!isCollapsed && (\n          <span className={cx(styles['nav-text'], classNames?.text)}>\n            {children}\n          </span>\n        )}\n      </>\n    );\n\n    if (isCollapsed && !hideCollapsedItemTooltip) {\n      return (\n        <Tooltip>\n          <Tooltip.Trigger render={content} />\n          <Tooltip.Content side='right'>{children}</Tooltip.Content>\n        </Tooltip>\n      );\n    }\n\n    return content;\n  }\n);\n\nSidebarItem.displayName = 'Sidebar.Item';\n"],"names":[],"mappings":";;;;;;;;;;AA6BO;;AAgBH;;;AAIE;AAEF;AACE;AACA;;AAEA;;AAGF;;;AAKI;AACA;AACA;;AAEA;AACA;AACE;;AAEF;;AAyBJ;;;AASA;AACF;AAGF;;"}

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

@@ -9,7 +9,7 @@ var sidebar_module = require('./sidebar.module.css.cjs');
 
 const SidebarHeader = React.forwardRef(({ className, children, ...props }, ref) => (jsxRuntime.jsx(flex.Flex, { align: 'center', ref: ref, className: classVarianceAuthority.cx(sidebar_module.default.header, className), role: 'banner', ...props, children: children })));
 SidebarHeader.displayName = 'Sidebar.Header';
-const SidebarFooter = React.forwardRef(({ className, children, ...props }, ref) => (jsxRuntime.jsx(flex.Flex, { ref: ref, className: classVarianceAuthority.cx(sidebar_module.default.footer, className), direction: 'column', role: 'group', "aria-label": 'Footer navigation', ...props, children: children })));
+const SidebarFooter = React.forwardRef(({ className, children, ...props }, ref) => (jsxRuntime.jsx(flex.Flex, { ref: ref, className: classVarianceAuthority.cx(sidebar_module.default.footer, className), direction: 'column', role: 'list', "aria-label": 'Footer navigation', ...props, children: children })));
 SidebarFooter.displayName = 'Sidebar.Footer';
 const SidebarNavigationGroup = React.forwardRef(({ className, label, leadingIcon, classNames, children, ...props }, ref) => (jsxRuntime.jsxs("section", { ref: ref, className: classVarianceAuthority.cx(sidebar_module.default['nav-group'], className), "aria-label": label, ...props, children: [jsxRuntime.jsxs(flex.Flex, { align: 'center', gap: 3, className: classVarianceAuthority.cx(sidebar_module.default['nav-group-header'], classNames?.header), children: [leadingIcon && (jsxRuntime.jsx("span", { className: classVarianceAuthority.cx(sidebar_module.default['nav-leading-icon'], classNames?.icon), children: leadingIcon })), jsxRuntime.jsx("span", { className: classVarianceAuthority.cx(sidebar_module.default['nav-group-label'], classNames?.label), children: label })] }), jsxRuntime.jsx(flex.Flex, { direction: 'column', className: classVarianceAuthority.cx(sidebar_module.default['nav-group-items'], classNames?.items), role: 'list', children: children })] })));
 SidebarNavigationGroup.displayName = 'Sidebar.Group';

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

@@ -1 +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, forwardRef, ReactNode } 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={cx(styles.header, className)}\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={cx(styles.footer, className)}\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  classNames?: {\n    header?: string;\n    items?: string;\n    label?: string;\n    icon?: string;\n  };\n}\n\nexport const SidebarNavigationGroup = forwardRef<\n  HTMLElement,\n  SidebarNavigationGroupProps\n>(({ className, label, leadingIcon, classNames, children, ...props }, ref) => (\n  <section\n    ref={ref}\n    className={cx(styles['nav-group'], className)}\n    aria-label={label}\n    {...props}\n  >\n    <Flex\n      align='center'\n      gap={3}\n      className={cx(styles['nav-group-header'], classNames?.header)}\n    >\n      {leadingIcon && (\n        <span className={cx(styles['nav-leading-icon'], classNames?.icon)}>\n          {leadingIcon}\n        </span>\n      )}\n      <span className={cx(styles['nav-group-label'], classNames?.label)}>\n        {label}\n      </span>\n    </Flex>\n    <Flex\n      direction='column'\n      className={cx(styles['nav-group-items'], classNames?.items)}\n      role='list'\n    >\n      {children}\n    </Flex>\n  </section>\n));\n\nSidebarNavigationGroup.displayName = 'Sidebar.Group';\n"],"names":[],"mappings":";;;;;;;;;AAOa;AAcb;AAEa;AAeb;AAcO;AAkCP;;;;"}
+{"version":3,"file":"sidebar-misc.cjs","sources":["../../../components/sidebar/sidebar-misc.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'class-variance-authority';\nimport { ComponentPropsWithoutRef, forwardRef, ReactNode } 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={cx(styles.header, className)}\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={cx(styles.footer, className)}\n    direction='column'\n    role='list'\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  classNames?: {\n    header?: string;\n    items?: string;\n    label?: string;\n    icon?: string;\n  };\n}\n\nexport const SidebarNavigationGroup = forwardRef<\n  HTMLElement,\n  SidebarNavigationGroupProps\n>(({ className, label, leadingIcon, classNames, children, ...props }, ref) => (\n  <section\n    ref={ref}\n    className={cx(styles['nav-group'], className)}\n    aria-label={label}\n    {...props}\n  >\n    <Flex\n      align='center'\n      gap={3}\n      className={cx(styles['nav-group-header'], classNames?.header)}\n    >\n      {leadingIcon && (\n        <span className={cx(styles['nav-leading-icon'], classNames?.icon)}>\n          {leadingIcon}\n        </span>\n      )}\n      <span className={cx(styles['nav-group-label'], classNames?.label)}>\n        {label}\n      </span>\n    </Flex>\n    <Flex\n      direction='column'\n      className={cx(styles['nav-group-items'], classNames?.items)}\n      role='list'\n    >\n      {children}\n    </Flex>\n  </section>\n));\n\nSidebarNavigationGroup.displayName = 'Sidebar.Group';\n"],"names":[],"mappings":";;;;;;;;;AAOa;AAcb;AAEa;AAeb;AAcO;AAkCP;;;;"}

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

@@ -7,7 +7,7 @@ import styles from './sidebar.module.css.js';
 
 const SidebarHeader = forwardRef(({ className, children, ...props }, ref) => (jsx(Flex, { align: 'center', ref: ref, className: cx(styles.header, className), role: 'banner', ...props, children: children })));
 SidebarHeader.displayName = 'Sidebar.Header';
-const SidebarFooter = forwardRef(({ className, children, ...props }, ref) => (jsx(Flex, { ref: ref, className: cx(styles.footer, className), direction: 'column', role: 'group', "aria-label": 'Footer navigation', ...props, children: children })));
+const SidebarFooter = forwardRef(({ className, children, ...props }, ref) => (jsx(Flex, { ref: ref, className: cx(styles.footer, className), direction: 'column', role: 'list', "aria-label": 'Footer navigation', ...props, children: children })));
 SidebarFooter.displayName = 'Sidebar.Footer';
 const SidebarNavigationGroup = forwardRef(({ className, label, leadingIcon, classNames, 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: cx(styles['nav-group-header'], classNames?.header), children: [leadingIcon && (jsx("span", { className: cx(styles['nav-leading-icon'], classNames?.icon), children: leadingIcon })), jsx("span", { className: cx(styles['nav-group-label'], classNames?.label), children: label })] }), jsx(Flex, { direction: 'column', className: cx(styles['nav-group-items'], classNames?.items), role: 'list', children: children })] })));
 SidebarNavigationGroup.displayName = 'Sidebar.Group';

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

@@ -1 +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, forwardRef, ReactNode } 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={cx(styles.header, className)}\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={cx(styles.footer, className)}\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  classNames?: {\n    header?: string;\n    items?: string;\n    label?: string;\n    icon?: string;\n  };\n}\n\nexport const SidebarNavigationGroup = forwardRef<\n  HTMLElement,\n  SidebarNavigationGroupProps\n>(({ className, label, leadingIcon, classNames, children, ...props }, ref) => (\n  <section\n    ref={ref}\n    className={cx(styles['nav-group'], className)}\n    aria-label={label}\n    {...props}\n  >\n    <Flex\n      align='center'\n      gap={3}\n      className={cx(styles['nav-group-header'], classNames?.header)}\n    >\n      {leadingIcon && (\n        <span className={cx(styles['nav-leading-icon'], classNames?.icon)}>\n          {leadingIcon}\n        </span>\n      )}\n      <span className={cx(styles['nav-group-label'], classNames?.label)}>\n        {label}\n      </span>\n    </Flex>\n    <Flex\n      direction='column'\n      className={cx(styles['nav-group-items'], classNames?.items)}\n      role='list'\n    >\n      {children}\n    </Flex>\n  </section>\n));\n\nSidebarNavigationGroup.displayName = 'Sidebar.Group';\n"],"names":[],"mappings":";;;;;;;AAOa;AAcb;AAEa;AAeb;AAcO;AAkCP;;"}
+{"version":3,"file":"sidebar-misc.js","sources":["../../../components/sidebar/sidebar-misc.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'class-variance-authority';\nimport { ComponentPropsWithoutRef, forwardRef, ReactNode } 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={cx(styles.header, className)}\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={cx(styles.footer, className)}\n    direction='column'\n    role='list'\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  classNames?: {\n    header?: string;\n    items?: string;\n    label?: string;\n    icon?: string;\n  };\n}\n\nexport const SidebarNavigationGroup = forwardRef<\n  HTMLElement,\n  SidebarNavigationGroupProps\n>(({ className, label, leadingIcon, classNames, children, ...props }, ref) => (\n  <section\n    ref={ref}\n    className={cx(styles['nav-group'], className)}\n    aria-label={label}\n    {...props}\n  >\n    <Flex\n      align='center'\n      gap={3}\n      className={cx(styles['nav-group-header'], classNames?.header)}\n    >\n      {leadingIcon && (\n        <span className={cx(styles['nav-leading-icon'], classNames?.icon)}>\n          {leadingIcon}\n        </span>\n      )}\n      <span className={cx(styles['nav-group-label'], classNames?.label)}>\n        {label}\n      </span>\n    </Flex>\n    <Flex\n      direction='column'\n      className={cx(styles['nav-group-items'], classNames?.items)}\n      role='list'\n    >\n      {children}\n    </Flex>\n  </section>\n));\n\nSidebarNavigationGroup.displayName = 'Sidebar.Group';\n"],"names":[],"mappings":";;;;;;;AAOa;AAcb;AAEa;AAeb;AAcO;AAkCP;;"}