@soroush.tech/design-system 1.3.2 → 1.3.3

package/dist/Popover.d.mts

@@ -1,7 +1,7 @@
-import { h as Theme } from "./themes-CUV79qWU.mjs";
-import "./index-q9peil7T.mjs";
-import { n as PaperElevation, r as PaperProps } from "./index-CKz1lEdR.mjs";
-import { l as ModalCloseReason } from "./index-CTYZyQ2g.mjs";
+import { h as Theme } from "./themes-kbuYiwCi.mjs";
+import "./index-v_otepCe.mjs";
+import { n as PaperElevation, r as PaperProps } from "./index-BCvkP5R1.mjs";
+import { l as ModalCloseReason } from "./index-CTVFwvju.mjs";
 import { ReactNode, Ref } from "react";
 //#region src/Popover/utils/resolveAnchorEl.d.ts
 type PopoverAnchorEl = HTMLElement | (() => HTMLElement | null) | null;
@@ -49,7 +49,7 @@ interface PopoverProps {
   marginThreshold?: Exclude<keyof Theme['space'], 'auto'> | null;
   /** Portal target passed to the underlying Modal. */
   container?: HTMLElement | (() => HTMLElement | null) | null;
-  /** Ref for imperative actions — currently `updatePosition()`. */
+  /** Ref for imperative actions - currently `updatePosition()`. */
   action?: Ref<PopoverActions>;
   /** Props for the paper slot (the surface). */
   slotProps?: {
@@ -59,7 +59,7 @@ interface PopoverProps {
   hasBackdrop?: boolean;
   /** Disable body scroll-lock. When true, the popover re-positions on scroll. Default: false. */
   disableScrollLock?: boolean;
-  /** Skip `aria-hidden` on background content — for non-modal popovers whose trigger stays focused. Default: false. */
+  /** Skip `aria-hidden` on background content - for non-modal popovers whose trigger stays focused. Default: false. */
   disableAriaHidden?: boolean;
   /** Move focus into the popover on open. Default: true. */
   shouldAutoFocus?: boolean;
@@ -77,7 +77,7 @@ interface PopoverProps {
 /**
  * @description Positions its content next to an anchor, portaled above the page.
  * Built on `Modal`, so it inherits the portal, optional backdrop, focus management,
- * scroll lock, and Escape/click-away close — then adds anchor positioning
+ * scroll lock, and Escape/click-away close - then adds anchor positioning
  * (`anchorOrigin`/`transformOrigin`/`marginThreshold`).
  */
 declare function Popover({ open, children, anchorEl, anchorReference, anchorPosition, anchorOrigin, transformOrigin, onClose, elevation, marginThreshold, container, action, slotProps, hasBackdrop, disableScrollLock, disableAriaHidden, shouldAutoFocus, shouldTrapFocus, shouldEnforceFocus, shouldRestoreFocus, shouldKeepMounted, layer }: Readonly<PopoverProps>): import("react").JSX.Element;

package/dist/Popover.mjs

@@ -1,2 +1,2 @@
-import { t as Popover } from "./Popover-CH3yI-j-.mjs";
+import { t as Popover } from "./Popover-Bq31OTEl.mjs";
 export { Popover };

package/dist/Portal.cjs

@@ -8,7 +8,7 @@ function resolveContainer(container) {
 /**
 * Renders its children into a DOM node outside the parent hierarchy (the document
 * body by default). Resolves the container synchronously during render, so the
-* portaled content mounts in the same commit — consumers like Modal can rely on
+* portaled content mounts in the same commit - consumers like Modal can rely on
 * their root ref being attached before their effects run. Renders nothing during
 * server rendering.
 */

package/dist/Portal.d.cts

@@ -9,7 +9,7 @@ interface PortalProps {
 /**
  * Renders its children into a DOM node outside the parent hierarchy (the document
  * body by default). Resolves the container synchronously during render, so the
- * portaled content mounts in the same commit — consumers like Modal can rely on
+ * portaled content mounts in the same commit - consumers like Modal can rely on
  * their root ref being attached before their effects run. Renders nothing during
  * server rendering.
  */

package/dist/Portal.d.mts

@@ -9,7 +9,7 @@ interface PortalProps {
 /**
  * Renders its children into a DOM node outside the parent hierarchy (the document
  * body by default). Resolves the container synchronously during render, so the
- * portaled content mounts in the same commit — consumers like Modal can rely on
+ * portaled content mounts in the same commit - consumers like Modal can rely on
  * their root ref being attached before their effects run. Renders nothing during
  * server rendering.
  */

package/dist/Portal.mjs

@@ -7,7 +7,7 @@ function resolveContainer(container) {
 /**
 * Renders its children into a DOM node outside the parent hierarchy (the document
 * body by default). Resolves the container synchronously during render, so the
-* portaled content mounts in the same commit — consumers like Modal can rely on
+* portaled content mounts in the same commit - consumers like Modal can rely on
 * their root ref being attached before their effects run. Renders nothing during
 * server rendering.
 */

package/dist/Pressable.cjs

@@ -1,8 +1,8 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_src = require("./src-BJrcLd7P.cjs");
+const require_src = require("./src-DU81aGy9.cjs");
 const require_themeDefault = require("./themeDefault-Cebi08Cv.cjs");
 const require_utils = require("./utils.cjs");
-const require_theme = require("./theme-CleLAV6A.cjs");
+const require_theme = require("./theme-Bnc03K83.cjs");
 require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 let _soroush_tech_styled_system_should_forward_prop = require("@soroush.tech/styled-system/should-forward-prop");
@@ -52,13 +52,13 @@ const PressableRoot = require_src.styled("div", {
 	]
 })(baseStyles, feedbackStyles, focusVisibleStyles);
 /**
-* An unstyled clickable surface — button semantics (keyboard activation, focus
+* An unstyled clickable surface - button semantics (keyboard activation, focus
 * ring, disabled state) with none of a button's looks, so it can wrap arbitrary
 * content without changing its layout. Use it instead of an `onClick` on a
 * `div`, which no keyboard or screen-reader user can reach.
 *
 * It renders a `div` by default, because `<button>` may not legally contain a
-* link, another button, or block-level content — the shim gives that div a
+* link, another button, or block-level content - the shim gives that div a
 * `role`, a tab stop, and Enter/Space activation, so it is announced and
 * operated as a button either way. Pass `as="button"` for a native button, or
 * `href` for an anchor; both skip the shim and let the browser do the work.

package/dist/Pressable.d.cts

@@ -1,2 +1,2 @@
-import { i as PressableProps, n as PressableColor, r as PressableFeedback, t as Pressable } from "./index-CSXMCqrV.cjs";
+import { i as PressableProps, n as PressableColor, r as PressableFeedback, t as Pressable } from "./index-DzuXwDCW.cjs";
 export { Pressable, PressableColor, PressableFeedback, PressableProps };

package/dist/Pressable.d.mts

@@ -1,2 +1,2 @@
-import { i as PressableProps, n as PressableColor, r as PressableFeedback, t as Pressable } from "./index-CrXLEJO4.mjs";
+import { i as PressableProps, n as PressableColor, r as PressableFeedback, t as Pressable } from "./index-COYxtrc0.mjs";
 export { Pressable, PressableColor, PressableFeedback, PressableProps };

package/dist/Pressable.mjs

@@ -1,7 +1,7 @@
-import { a as src_exports, i as props, o as styled, t as createShouldForwardProp } from "./src-D3tHU94W.mjs";
+import { a as src_exports, i as props, o as styled, t as createShouldForwardProp } from "./src-DLGYOJMh.mjs";
 import { t as themeDefault } from "./themeDefault-Z3KmyIbm.mjs";
 import { alpha } from "./utils.mjs";
-import { n as useDefaultProps, r as useTheme } from "./theme-Cudynq5K.mjs";
+import { n as useDefaultProps, r as useTheme } from "./theme-BuqqFbsz.mjs";
 import "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/Pressable/Pressable.tsx
@@ -50,13 +50,13 @@ const PressableRoot = styled("div", {
 	]
 })(baseStyles, feedbackStyles, focusVisibleStyles);
 /**
-* An unstyled clickable surface — button semantics (keyboard activation, focus
+* An unstyled clickable surface - button semantics (keyboard activation, focus
 * ring, disabled state) with none of a button's looks, so it can wrap arbitrary
 * content without changing its layout. Use it instead of an `onClick` on a
 * `div`, which no keyboard or screen-reader user can reach.
 *
 * It renders a `div` by default, because `<button>` may not legally contain a
-* link, another button, or block-level content — the shim gives that div a
+* link, another button, or block-level content - the shim gives that div a
 * `role`, a tab stop, and Enter/Space activation, so it is announced and
 * operated as a button either way. Pass `as="button"` for a native button, or
 * `href` for an anchor; both skip the shim and let the browser do the work.

package/dist/Quote.cjs

@@ -1,8 +1,8 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_src = require("./src-BJrcLd7P.cjs");
+const require_src = require("./src-DU81aGy9.cjs");
 const require_View = require("./View.cjs");
 //#region src/Quote/Quote.tsx
-/** A View with a 2px primary left-border — used for terminal readouts and markdown blockquotes. */
+/** A View with a 2px primary left-border - used for terminal readouts and markdown blockquotes. */
 const Quote = require_src.styled(require_View.View, {
 	name: "Quote",
 	label: "Quote"

package/dist/Quote.d.cts

@@ -1,9 +1,9 @@
-import { h as Theme } from "./themes-CUV79qWU.cjs";
-import "./index-2QPYJgCl.cjs";
-import { s as ViewProps } from "./index-BPzvFTi5.cjs";
+import { h as Theme } from "./themes-kbuYiwCi.cjs";
+import "./index-jmy5eXpx.cjs";
+import { s as ViewProps } from "./index-Btmdtbpb.cjs";
 //#region src/Quote/Quote.d.ts
 type QuoteProps = ViewProps;
-/** A View with a 2px primary left-border — used for terminal readouts and markdown blockquotes. */
+/** A View with a 2px primary left-border - used for terminal readouts and markdown blockquotes. */
 declare const Quote: import("@emotion/styled").StyledComponent<Pick<{
   theme?: Theme;
   as?: React.ElementType;

package/dist/Quote.d.mts

@@ -1,9 +1,9 @@
-import { h as Theme } from "./themes-CUV79qWU.mjs";
-import "./index-q9peil7T.mjs";
-import { s as ViewProps } from "./index-m9jUR509.mjs";
+import { h as Theme } from "./themes-kbuYiwCi.mjs";
+import "./index-v_otepCe.mjs";
+import { s as ViewProps } from "./index-DQ16ijxx.mjs";
 //#region src/Quote/Quote.d.ts
 type QuoteProps = ViewProps;
-/** A View with a 2px primary left-border — used for terminal readouts and markdown blockquotes. */
+/** A View with a 2px primary left-border - used for terminal readouts and markdown blockquotes. */
 declare const Quote: import("@emotion/styled").StyledComponent<Pick<{
   theme?: Theme;
   as?: React.ElementType;

package/dist/Quote.mjs

@@ -1,7 +1,7 @@
-import { o as styled } from "./src-D3tHU94W.mjs";
+import { o as styled } from "./src-DLGYOJMh.mjs";
 import { View } from "./View.mjs";
 //#region src/Quote/Quote.tsx
-/** A View with a 2px primary left-border — used for terminal readouts and markdown blockquotes. */
+/** A View with a 2px primary left-border - used for terminal readouts and markdown blockquotes. */
 const Quote = styled(View, {
 	name: "Quote",
 	label: "Quote"

package/dist/Radio.cjs

@@ -1,5 +1,5 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_src = require("./src-BJrcLd7P.cjs");
+const require_src = require("./src-DU81aGy9.cjs");
 const require_themeDefault = require("./themeDefault-Cebi08Cv.cjs");
 const require_FormControl = require("./FormControl.cjs");
 require("react");

package/dist/Radio.d.cts

@@ -1,5 +1,5 @@
-import { d as PaletteColor, h as Theme } from "./themes-CUV79qWU.cjs";
-import "./index-2QPYJgCl.cjs";
+import { d as PaletteColor, h as Theme } from "./themes-kbuYiwCi.cjs";
+import "./index-jmy5eXpx.cjs";
 import { ChangeEvent, InputHTMLAttributes, ReactNode } from "react";
 import { SpaceProps } from "@soroush.tech/styled-system";
 //#region src/Radio/Radio.d.ts
@@ -24,7 +24,7 @@ interface RadioProps extends SpaceProps<Theme> {
   id?: string;
   /** Marks the field as required in a form. */
   required?: boolean;
-  /** Radio group name — required for native group exclusivity. */
+  /** Radio group name - required for native group exclusivity. */
   name?: string;
   /** Value submitted with the form when this radio is selected. */
   value?: string | number | readonly string[];

package/dist/Radio.d.mts

@@ -1,5 +1,5 @@
-import { d as PaletteColor, h as Theme } from "./themes-CUV79qWU.mjs";
-import "./index-q9peil7T.mjs";
+import { d as PaletteColor, h as Theme } from "./themes-kbuYiwCi.mjs";
+import "./index-v_otepCe.mjs";
 import { SpaceProps } from "@soroush.tech/styled-system";
 import { ChangeEvent, InputHTMLAttributes, ReactNode } from "react";
 //#region src/Radio/Radio.d.ts
@@ -24,7 +24,7 @@ interface RadioProps extends SpaceProps<Theme> {
   id?: string;
   /** Marks the field as required in a form. */
   required?: boolean;
-  /** Radio group name — required for native group exclusivity. */
+  /** Radio group name - required for native group exclusivity. */
   name?: string;
   /** Value submitted with the form when this radio is selected. */
   value?: string | number | readonly string[];

package/dist/Radio.mjs

@@ -1,4 +1,4 @@
-import { a as src_exports, i as props, o as styled, t as createShouldForwardProp } from "./src-D3tHU94W.mjs";
+import { a as src_exports, i as props, o as styled, t as createShouldForwardProp } from "./src-DLGYOJMh.mjs";
 import { t as themeDefault } from "./themeDefault-Z3KmyIbm.mjs";
 import { useFormControl } from "./FormControl.mjs";
 import "react";

package/dist/Select.cjs

@@ -1,12 +1,12 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_src = require("./src-BJrcLd7P.cjs");
+const require_src = require("./src-DU81aGy9.cjs");
 const require_themeDefault = require("./themeDefault-Cebi08Cv.cjs");
-const require_theme = require("./theme-CleLAV6A.cjs");
-const require_Icon = require("./Icon-ByDvM-t1.cjs");
+const require_theme = require("./theme-Bnc03K83.cjs");
+const require_Icon = require("./Icon-BAMpe9SO.cjs");
 const require_FormControl = require("./FormControl.cjs");
 const require_inputVariantStyles = require("./inputVariantStyles-BBkkYQtE.cjs");
 const require_NativeSelect = require("./NativeSelect.cjs");
-const require_Popover = require("./Popover-COoJ2p2I.cjs");
+const require_Popover = require("./Popover-gg44qzwo.cjs");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 let _soroush_tech_styled_system_should_forward_prop = require("@soroush.tech/styled-system/should-forward-prop");

package/dist/Select.d.cts

@@ -1,6 +1,6 @@
-import { h as Theme } from "./themes-CUV79qWU.cjs";
-import "./index-2QPYJgCl.cjs";
-import { n as IconProps, r as IconName } from "./index-D_AwmCU5.cjs";
+import { h as Theme } from "./themes-kbuYiwCi.cjs";
+import "./index-jmy5eXpx.cjs";
+import { n as IconProps, r as IconName } from "./index-DCu7qjpa.cjs";
 import { ReactNode } from "react";
 import { LayoutProps, SpaceProps } from "@soroush.tech/styled-system";
 //#region src/Select/utils/isOptionSelected.d.ts
@@ -14,15 +14,15 @@ type SelectBackgroundToken = keyof Theme['background'];
 type SelectVariant = 'default' | 'outlined' | 'text' | 'underline';
 type SelectSize = keyof Theme['sizes'];
 interface SelectProps extends SpaceProps<Theme>, Pick<LayoutProps<Theme>, 'width' | 'minWidth' | 'maxWidth'> {
-  /** `MenuItem` children — one per option. */
+  /** `MenuItem` children - one per option. */
   children: ReactNode;
   /** Render a native `<select>` (delegates to `NativeSelect`, single-select) instead of the custom listbox. */
   native?: boolean;
-  /** Allow selecting several options — `value` becomes an array. Ignored on the native path. */
+  /** Allow selecting several options - `value` becomes an array. Ignored on the native path. */
   multiple?: boolean;
   /** Size the trigger to the current selection instead of reserving the widest option's width. When `false` (default) the trigger keeps a stable width, avoiding layout shift on selection. */
   autoWidth?: boolean;
-  /** Controlled value — a single option value, or an array when `multiple`. */
+  /** Controlled value - a single option value, or an array when `multiple`. */
   value?: SelectValue;
   /** Uncontrolled initial value. */
   defaultValue?: SelectValue;
@@ -38,13 +38,13 @@ interface SelectProps extends SpaceProps<Theme>, Pick<LayoutProps<Theme>, 'width
   placeholder?: string;
   /** Override the trigger's rendered content for the current value. */
   renderValue?: (value: SelectValue) => ReactNode;
-  /** Corner radius — applies only to `default` and `outlined` variants. */
+  /** Corner radius - applies only to `default` and `outlined` variants. */
   borderRadius?: keyof Theme['radii'];
-  /** Focus/active border color — resolves to `theme.palette[color].main`. Default: 'primary', overridable via `theme.defaults.color`. */
+  /** Focus/active border color - resolves to `theme.palette[color].main`. Default: 'primary', overridable via `theme.defaults.color`. */
   color?: SelectColor;
-  /** Text color of the trigger value — resolves against `theme.text`. Default: 'primary', overridable via `theme.defaults.accentTextColor`. */
+  /** Text color of the trigger value - resolves against `theme.text`. Default: 'primary', overridable via `theme.defaults.accentTextColor`. */
   textColor?: SelectTextColor;
-  /** Background color — resolves against `theme.background`. Default: `'terminal'`. */
+  /** Background color - resolves against `theme.background`. Default: `'terminal'`. */
   bg?: SelectBackgroundToken;
   disabled?: boolean;
   error?: boolean;
@@ -52,7 +52,7 @@ interface SelectProps extends SpaceProps<Theme>, Pick<LayoutProps<Theme>, 'width
   required?: boolean;
   /** Controls padding and font size. Default: 'md', overridable via `theme.defaults.size`. */
   size?: SelectSize;
-  /** Visual style — mirrors `TextInput`/`NativeSelect`. Default: `'default'`. */
+  /** Visual style - mirrors `TextInput`/`NativeSelect`. Default: `'default'`. */
   variant?: SelectVariant;
   /** Dropdown affordance icon. Default: `'expand_more'` / `'expand_less'` when open. */
   iconName?: IconName;

package/dist/Select.d.mts

@@ -1,6 +1,6 @@
-import { h as Theme } from "./themes-CUV79qWU.mjs";
-import "./index-q9peil7T.mjs";
-import { n as IconProps, r as IconName } from "./index-B0xTqpvt.mjs";
+import { h as Theme } from "./themes-kbuYiwCi.mjs";
+import "./index-v_otepCe.mjs";
+import { n as IconProps, r as IconName } from "./index-76XH-GEc.mjs";
 import { LayoutProps, SpaceProps } from "@soroush.tech/styled-system";
 import { ReactNode } from "react";
 //#region src/Select/utils/isOptionSelected.d.ts
@@ -14,15 +14,15 @@ type SelectBackgroundToken = keyof Theme['background'];
 type SelectVariant = 'default' | 'outlined' | 'text' | 'underline';
 type SelectSize = keyof Theme['sizes'];
 interface SelectProps extends SpaceProps<Theme>, Pick<LayoutProps<Theme>, 'width' | 'minWidth' | 'maxWidth'> {
-  /** `MenuItem` children — one per option. */
+  /** `MenuItem` children - one per option. */
   children: ReactNode;
   /** Render a native `<select>` (delegates to `NativeSelect`, single-select) instead of the custom listbox. */
   native?: boolean;
-  /** Allow selecting several options — `value` becomes an array. Ignored on the native path. */
+  /** Allow selecting several options - `value` becomes an array. Ignored on the native path. */
   multiple?: boolean;
   /** Size the trigger to the current selection instead of reserving the widest option's width. When `false` (default) the trigger keeps a stable width, avoiding layout shift on selection. */
   autoWidth?: boolean;
-  /** Controlled value — a single option value, or an array when `multiple`. */
+  /** Controlled value - a single option value, or an array when `multiple`. */
   value?: SelectValue;
   /** Uncontrolled initial value. */
   defaultValue?: SelectValue;
@@ -38,13 +38,13 @@ interface SelectProps extends SpaceProps<Theme>, Pick<LayoutProps<Theme>, 'width
   placeholder?: string;
   /** Override the trigger's rendered content for the current value. */
   renderValue?: (value: SelectValue) => ReactNode;
-  /** Corner radius — applies only to `default` and `outlined` variants. */
+  /** Corner radius - applies only to `default` and `outlined` variants. */
   borderRadius?: keyof Theme['radii'];
-  /** Focus/active border color — resolves to `theme.palette[color].main`. Default: 'primary', overridable via `theme.defaults.color`. */
+  /** Focus/active border color - resolves to `theme.palette[color].main`. Default: 'primary', overridable via `theme.defaults.color`. */
   color?: SelectColor;
-  /** Text color of the trigger value — resolves against `theme.text`. Default: 'primary', overridable via `theme.defaults.accentTextColor`. */
+  /** Text color of the trigger value - resolves against `theme.text`. Default: 'primary', overridable via `theme.defaults.accentTextColor`. */
   textColor?: SelectTextColor;
-  /** Background color — resolves against `theme.background`. Default: `'terminal'`. */
+  /** Background color - resolves against `theme.background`. Default: `'terminal'`. */
   bg?: SelectBackgroundToken;
   disabled?: boolean;
   error?: boolean;
@@ -52,7 +52,7 @@ interface SelectProps extends SpaceProps<Theme>, Pick<LayoutProps<Theme>, 'width
   required?: boolean;
   /** Controls padding and font size. Default: 'md', overridable via `theme.defaults.size`. */
   size?: SelectSize;
-  /** Visual style — mirrors `TextInput`/`NativeSelect`. Default: `'default'`. */
+  /** Visual style - mirrors `TextInput`/`NativeSelect`. Default: `'default'`. */
   variant?: SelectVariant;
   /** Dropdown affordance icon. Default: `'expand_more'` / `'expand_less'` when open. */
   iconName?: IconName;

package/dist/Select.mjs

@@ -1,11 +1,11 @@
-import { a as src_exports, i as props, o as styled, t as createShouldForwardProp } from "./src-D3tHU94W.mjs";
+import { a as src_exports, i as props, o as styled, t as createShouldForwardProp } from "./src-DLGYOJMh.mjs";
 import { t as themeDefault } from "./themeDefault-Z3KmyIbm.mjs";
-import { r as useTheme } from "./theme-Cudynq5K.mjs";
-import { t as Icon } from "./Icon-CU_nUmsU.mjs";
+import { r as useTheme } from "./theme-BuqqFbsz.mjs";
+import { t as Icon } from "./Icon-gSiGgU13.mjs";
 import { useFormControl } from "./FormControl.mjs";
 import { t as inputVariantStyles } from "./inputVariantStyles-CcqpGfuP.mjs";
 import { NativeSelect } from "./NativeSelect.mjs";
-import { t as Popover } from "./Popover-CH3yI-j-.mjs";
+import { t as Popover } from "./Popover-Bq31OTEl.mjs";
 import { Children, cloneElement, isValidElement, useCallback, useId, useState } from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 //#region src/Select/hooks/useSelectPopover.ts

package/dist/Sidebar/Sidebar.cjs

@@ -1,5 +1,5 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_src = require("../src-BJrcLd7P.cjs");
+const require_src = require("../src-DU81aGy9.cjs");
 const require_Flex = require("../Flex.cjs");
 const require_SidebarContext = require("../SidebarContext-jG6OioC-.cjs");
 let react = require("react");
@@ -33,12 +33,12 @@ const SidebarPanelRoot = require_src.styled(require_Flex.Flex, {
 /**
 * A collapsible vertical icon rail: collapsed it shows icon-only items; open
 * it also shows each item's label, rendered away from the anchored edge.
-* Purely controlled via `isOpen` — pair it with a menu button wherever your
+* Purely controlled via `isOpen` - pair it with a menu button wherever your
 * layout keeps one (usually the app bar). Children consume the state through
-* `SidebarContext`, and any `Flex` prop (`bg`, spacing, …) applies to the rail.
+* `SidebarContext`, and any `Flex` prop (`bg`, spacing, ...) applies to the rail.
 *
 * With `hasPanel`, the rail gains a second column and the selected item's
-* `children` render there instead of inside its row — an icon rail beside a
+* `children` render there instead of inside its row - an icon rail beside a
 * detail panel. The panel appears only when the selected item has children, and
 * is independent of `isOpen`, so a collapsed icons-only rail can sit beside an
 * open panel.

package/dist/Sidebar/Sidebar.d.cts

@@ -1,21 +1,21 @@
-import { n as FlexProps } from "../index-DLUE7t3O.cjs";
-import { i as SidebarItemVariant, t as SidebarAnchor } from "../SidebarContext-ao6lRfTX.cjs";
+import { n as FlexProps } from "../index-DOLA1VFD.cjs";
+import { i as SidebarItemVariant, t as SidebarAnchor } from "../SidebarContext-B1lWrt77.cjs";
 import { ElementType, ReactNode } from "react";
 //#region src/Sidebar/Sidebar/Sidebar.d.ts
 interface SidebarProps extends FlexProps {
   /**
-   * Rail contents — `SidebarItem`s, but any node composes (a sponsor logo,
-   * a footer, dividers, …). Items read the open state from `SidebarContext`.
+   * Rail contents - `SidebarItem`s, but any node composes (a sponsor logo,
+   * a footer, dividers, ...). Items read the open state from `SidebarContext`.
    */
   children: ReactNode;
   /**
-   * Whether item labels are shown. Controlled — the toggle lives with the
+   * Whether item labels are shown. Controlled - the toggle lives with the
    * consumer (typically a menu button in the app bar).
    */
   isOpen: boolean;
-  /** Screen edge the rail hugs — labels render away from it. Default: `'left'`. */
+  /** Screen edge the rail hugs - labels render away from it. Default: `'left'`. */
   anchor?: SidebarAnchor;
-  /** Default variant for every item — an item's own `variant` wins. Default: `'text'`. */
+  /** Default variant for every item - an item's own `variant` wins. Default: `'text'`. */
   variant?: SidebarItemVariant;
   /** Rail width while open. Default: `'14rem'`. */
   expandedWidth?: string;
@@ -30,7 +30,7 @@ interface SidebarProps extends FlexProps {
   /** Width of the panel column. Only meaningful with `hasPanel`. Default: `'18rem'`. */
   panelWidth?: string;
   /**
-   * Props for the panel column — any `Flex` prop, plus `as` to change its
+   * Props for the panel column - any `Flex` prop, plus `as` to change its
    * element. Overrides `panelWidth` and the derived `aria-label`; its `id` and
    * ref stay owned by the rail, which needs them as the port target and the
    * `aria-controls` anchor.
@@ -38,18 +38,18 @@ interface SidebarProps extends FlexProps {
   panelProps?: Omit<FlexProps, 'children' | 'id'> & {
     as?: ElementType;
   };
-  /** Accessible name of the navigation landmark — required so multiple navs stay distinguishable. */
+  /** Accessible name of the navigation landmark - required so multiple navs stay distinguishable. */
   'aria-label': string;
 }
 /**
  * A collapsible vertical icon rail: collapsed it shows icon-only items; open
  * it also shows each item's label, rendered away from the anchored edge.
- * Purely controlled via `isOpen` — pair it with a menu button wherever your
+ * Purely controlled via `isOpen` - pair it with a menu button wherever your
  * layout keeps one (usually the app bar). Children consume the state through
- * `SidebarContext`, and any `Flex` prop (`bg`, spacing, …) applies to the rail.
+ * `SidebarContext`, and any `Flex` prop (`bg`, spacing, ...) applies to the rail.
  *
  * With `hasPanel`, the rail gains a second column and the selected item's
- * `children` render there instead of inside its row — an icon rail beside a
+ * `children` render there instead of inside its row - an icon rail beside a
  * detail panel. The panel appears only when the selected item has children, and
  * is independent of `isOpen`, so a collapsed icons-only rail can sit beside an
  * open panel.

package/dist/Sidebar/Sidebar.d.mts

@@ -1,21 +1,21 @@
-import { n as FlexProps } from "../index-n2OyTMr6.mjs";
-import { i as SidebarItemVariant, t as SidebarAnchor } from "../SidebarContext-ao6lRfTX.mjs";
+import { n as FlexProps } from "../index-KZKeZDAF.mjs";
+import { i as SidebarItemVariant, t as SidebarAnchor } from "../SidebarContext-B1lWrt77.mjs";
 import { ElementType, ReactNode } from "react";
 //#region src/Sidebar/Sidebar/Sidebar.d.ts
 interface SidebarProps extends FlexProps {
   /**
-   * Rail contents — `SidebarItem`s, but any node composes (a sponsor logo,
-   * a footer, dividers, …). Items read the open state from `SidebarContext`.
+   * Rail contents - `SidebarItem`s, but any node composes (a sponsor logo,
+   * a footer, dividers, ...). Items read the open state from `SidebarContext`.
    */
   children: ReactNode;
   /**
-   * Whether item labels are shown. Controlled — the toggle lives with the
+   * Whether item labels are shown. Controlled - the toggle lives with the
    * consumer (typically a menu button in the app bar).
    */
   isOpen: boolean;
-  /** Screen edge the rail hugs — labels render away from it. Default: `'left'`. */
+  /** Screen edge the rail hugs - labels render away from it. Default: `'left'`. */
   anchor?: SidebarAnchor;
-  /** Default variant for every item — an item's own `variant` wins. Default: `'text'`. */
+  /** Default variant for every item - an item's own `variant` wins. Default: `'text'`. */
   variant?: SidebarItemVariant;
   /** Rail width while open. Default: `'14rem'`. */
   expandedWidth?: string;
@@ -30,7 +30,7 @@ interface SidebarProps extends FlexProps {
   /** Width of the panel column. Only meaningful with `hasPanel`. Default: `'18rem'`. */
   panelWidth?: string;
   /**
-   * Props for the panel column — any `Flex` prop, plus `as` to change its
+   * Props for the panel column - any `Flex` prop, plus `as` to change its
    * element. Overrides `panelWidth` and the derived `aria-label`; its `id` and
    * ref stay owned by the rail, which needs them as the port target and the
    * `aria-controls` anchor.
@@ -38,18 +38,18 @@ interface SidebarProps extends FlexProps {
   panelProps?: Omit<FlexProps, 'children' | 'id'> & {
     as?: ElementType;
   };
-  /** Accessible name of the navigation landmark — required so multiple navs stay distinguishable. */
+  /** Accessible name of the navigation landmark - required so multiple navs stay distinguishable. */
   'aria-label': string;
 }
 /**
  * A collapsible vertical icon rail: collapsed it shows icon-only items; open
  * it also shows each item's label, rendered away from the anchored edge.
- * Purely controlled via `isOpen` — pair it with a menu button wherever your
+ * Purely controlled via `isOpen` - pair it with a menu button wherever your
  * layout keeps one (usually the app bar). Children consume the state through
- * `SidebarContext`, and any `Flex` prop (`bg`, spacing, …) applies to the rail.
+ * `SidebarContext`, and any `Flex` prop (`bg`, spacing, ...) applies to the rail.
  *
  * With `hasPanel`, the rail gains a second column and the selected item's
- * `children` render there instead of inside its row — an icon rail beside a
+ * `children` render there instead of inside its row - an icon rail beside a
  * detail panel. The panel appears only when the selected item has children, and
  * is independent of `isOpen`, so a collapsed icons-only rail can sit beside an
  * open panel.

package/dist/Sidebar/Sidebar.mjs

@@ -1,4 +1,4 @@
-import { o as styled } from "../src-D3tHU94W.mjs";
+import { o as styled } from "../src-DLGYOJMh.mjs";
 import { Flex } from "../Flex.mjs";
 import { t as SidebarContext } from "../SidebarContext-DgSLwjur.mjs";
 import { useId, useMemo, useState } from "react";
@@ -32,12 +32,12 @@ const SidebarPanelRoot = styled(Flex, {
 /**
 * A collapsible vertical icon rail: collapsed it shows icon-only items; open
 * it also shows each item's label, rendered away from the anchored edge.
-* Purely controlled via `isOpen` — pair it with a menu button wherever your
+* Purely controlled via `isOpen` - pair it with a menu button wherever your
 * layout keeps one (usually the app bar). Children consume the state through
-* `SidebarContext`, and any `Flex` prop (`bg`, spacing, …) applies to the rail.
+* `SidebarContext`, and any `Flex` prop (`bg`, spacing, ...) applies to the rail.
 *
 * With `hasPanel`, the rail gains a second column and the selected item's
-* `children` render there instead of inside its row — an icon rail beside a
+* `children` render there instead of inside its row - an icon rail beside a
 * detail panel. The panel appears only when the selected item has children, and
 * is independent of `isOpen`, so a collapsed icons-only rail can sit beside an
 * open panel.

package/dist/Sidebar/SidebarItem.cjs

@@ -1,9 +1,9 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_src = require("../src-BJrcLd7P.cjs");
+const require_src = require("../src-DU81aGy9.cjs");
 const require_Flex = require("../Flex.cjs");
 const require_utils = require("../utils.cjs");
 const require_Typography = require("../Typography.cjs");
-const require_Icon = require("../Icon-ByDvM-t1.cjs");
+const require_Icon = require("../Icon-BAMpe9SO.cjs");
 const require_Portal = require("../Portal.cjs");
 const require_Pressable = require("../Pressable.cjs");
 const require_SidebarContext = require("../SidebarContext-jG6OioC-.cjs");
@@ -61,10 +61,10 @@ const SidebarItemRoot = require_src.styled(require_Pressable.Pressable, {
 })(densityStyles, layoutStyles, stateStyles);
 /**
 * One entry of a `Sidebar`: an icon pinned to the anchored edge, plus content
-* shown while the rail is open — the `label` by default, or custom `children`
+* shown while the rail is open - the `label` by default, or custom `children`
 * (on a right-anchored rail the content renders to the icon's left). Built on
 * `Pressable`, so it is a real button carrying nothing but the styling declared
-* here — no inherited uppercase, weight, or tracking.
+* here - no inherited uppercase, weight, or tracking.
 */
 function SidebarItem({ icon, label, variant, size = "sm", color = "primary", children, onSelect, onClick, isSelected, ...rest }) {
 	const { isOpen, anchor, variant: railVariant, hasPanel, panelId, panelNode, setPanelLabel } = (0, react.useContext)(require_SidebarContext.SidebarContext);