@soroush.tech/design-system 2.1.0 → 2.1.2-rc.0

package/dist/Select.cjs

@@ -1,12 +1,12 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_src = require("./src-yC1f5WR2.cjs");
-const require_theme = require("./theme-XJvMdOnY.cjs");
-const require_themeDefault = require("./themeDefault-DbPHBbNO.cjs");
-const require_Icon = require("./Icon-C5Iz5ekp.cjs");
-const require_inputVariantStyles = require("./inputVariantStyles-DhClkDHY.cjs");
 const require_FormControl = require("./FormControl.cjs");
+const require_Icon = require("./Icon-C4QMiNHJ.cjs");
+const require_Popover = require("./Popover-CPB9wIFY.cjs");
 const require_NativeSelect = require("./NativeSelect.cjs");
-const require_Popover = require("./Popover-BniabG7D.cjs");
+const require_src = require("./src-B1PmaZ-2.cjs");
+const require_theme = require("./theme-XJvMdOnY.cjs");
+const require_inputVariantStyles = require("./inputVariantStyles-GsJaknFt.cjs");
+const require_themeDefault = require("./themeDefault-DbPHBbNO.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,15 +1,15 @@
-import { nt as Theme } from "./index-CK-uaK5U.cjs";
-import { n as IconProps, r as IconName } from "./index-CLTH0nFB.cjs";
+import { n as IconProps, r as IconName } from "./index-CjIlieUz.cjs";
+import { nt as Theme } from "./index-MipJMh6w.cjs";
 import { ReactNode } from "react";
 import { LayoutProps, SpaceProps } from "@soroush.tech/styled-system";
 /** The union of value shapes `Select` holds: a single value, or an array in multiple mode. */
 type SelectValue = string | number | Array<string | number>;
-type SelectColor = keyof Theme['palette'];
-type SelectTextColor = keyof Theme['text'];
-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'> {
+export type SelectColor = keyof Theme['palette'];
+export type SelectTextColor = keyof Theme['text'];
+export type SelectBackgroundToken = keyof Theme['background'];
+export type SelectVariant = 'default' | 'outlined' | 'text' | 'underline';
+export type SelectSize = keyof Theme['sizes'];
+export interface SelectProps extends SpaceProps<Theme>, Pick<LayoutProps<Theme>, 'width' | 'minWidth' | 'maxWidth'> {
   /** `MenuItem` children - one per option. */
   children: ReactNode;
   /** Render a native `<select>` (delegates to `NativeSelect`, single-select) instead of the custom listbox. */
@@ -61,5 +61,5 @@ interface SelectProps extends SpaceProps<Theme>, Pick<LayoutProps<Theme>, 'width
   className?: string;
   'data-testid'?: string;
 }
-declare function Select({ children, native, multiple, autoWidth, value: valueProp, defaultValue, onChange, open: openProp, defaultOpen, onOpen, onClose, placeholder, renderValue, borderRadius, color: colorProp, textColor: textColorProp, bg: bgProp, disabled: disabledProp, error: errorProp, fullWidth: fullWidthProp, required: requiredProp, size: sizeProp, variant: variantProp, iconName, iconProps, id: idProp, name, labelId: labelIdProp, 'aria-label': ariaLabel, className, 'data-testid': dataTestid, ...spaceProps }: Readonly<SelectProps>): import("react").JSX.Element;
-export { Select, SelectBackgroundToken, SelectColor, SelectProps, SelectSize, SelectTextColor, type SelectValue, SelectVariant };
+export declare function Select({ children, native, multiple, autoWidth, value: valueProp, defaultValue, onChange, open: openProp, defaultOpen, onOpen, onClose, placeholder, renderValue, borderRadius, color: colorProp, textColor: textColorProp, bg: bgProp, disabled: disabledProp, error: errorProp, fullWidth: fullWidthProp, required: requiredProp, size: sizeProp, variant: variantProp, iconName, iconProps, id: idProp, name, labelId: labelIdProp, 'aria-label': ariaLabel, className, 'data-testid': dataTestid, ...spaceProps }: Readonly<SelectProps>): import("react").JSX.Element;
+export type { SelectValue };

package/dist/Select.d.mts

@@ -1,15 +1,15 @@
-import { nt as Theme } from "./index-B-1sp9oV.mjs";
-import { n as IconProps, r as IconName } from "./index-BDVi1DNs.mjs";
+import { n as IconProps, r as IconName } from "./index-Dv-JacXL.mjs";
+import { nt as Theme } from "./index-nw0pvCoK.mjs";
 import { LayoutProps, SpaceProps } from "@soroush.tech/styled-system";
 import { ReactNode } from "react";
 /** The union of value shapes `Select` holds: a single value, or an array in multiple mode. */
 type SelectValue = string | number | Array<string | number>;
-type SelectColor = keyof Theme['palette'];
-type SelectTextColor = keyof Theme['text'];
-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'> {
+export type SelectColor = keyof Theme['palette'];
+export type SelectTextColor = keyof Theme['text'];
+export type SelectBackgroundToken = keyof Theme['background'];
+export type SelectVariant = 'default' | 'outlined' | 'text' | 'underline';
+export type SelectSize = keyof Theme['sizes'];
+export interface SelectProps extends SpaceProps<Theme>, Pick<LayoutProps<Theme>, 'width' | 'minWidth' | 'maxWidth'> {
   /** `MenuItem` children - one per option. */
   children: ReactNode;
   /** Render a native `<select>` (delegates to `NativeSelect`, single-select) instead of the custom listbox. */
@@ -61,5 +61,5 @@ interface SelectProps extends SpaceProps<Theme>, Pick<LayoutProps<Theme>, 'width
   className?: string;
   'data-testid'?: string;
 }
-declare function Select({ children, native, multiple, autoWidth, value: valueProp, defaultValue, onChange, open: openProp, defaultOpen, onOpen, onClose, placeholder, renderValue, borderRadius, color: colorProp, textColor: textColorProp, bg: bgProp, disabled: disabledProp, error: errorProp, fullWidth: fullWidthProp, required: requiredProp, size: sizeProp, variant: variantProp, iconName, iconProps, id: idProp, name, labelId: labelIdProp, 'aria-label': ariaLabel, className, 'data-testid': dataTestid, ...spaceProps }: Readonly<SelectProps>): import("react").JSX.Element;
-export { Select, SelectBackgroundToken, SelectColor, SelectProps, SelectSize, SelectTextColor, type SelectValue, SelectVariant };
+export declare function Select({ children, native, multiple, autoWidth, value: valueProp, defaultValue, onChange, open: openProp, defaultOpen, onOpen, onClose, placeholder, renderValue, borderRadius, color: colorProp, textColor: textColorProp, bg: bgProp, disabled: disabledProp, error: errorProp, fullWidth: fullWidthProp, required: requiredProp, size: sizeProp, variant: variantProp, iconName, iconProps, id: idProp, name, labelId: labelIdProp, 'aria-label': ariaLabel, className, 'data-testid': dataTestid, ...spaceProps }: Readonly<SelectProps>): import("react").JSX.Element;
+export type { SelectValue };

package/dist/Select.mjs

@@ -1,11 +1,11 @@
-import { a as src_exports, i as props, o as styled, t as createShouldForwardProp } from "./src-B-rNjHIL.mjs";
-import { r as useTheme } from "./theme-DyyZQFzQ.mjs";
-import { t as themeDefault } from "./themeDefault-BeZJzqJj.mjs";
-import { t as Icon } from "./Icon-XpXU-SuF.mjs";
-import { n as getFocusRing, r as getInputMinWidth, t as inputVariantStyles } from "./inputVariantStyles-DCGRUY9c.mjs";
 import { useFormControl } from "./FormControl.mjs";
+import { t as Icon } from "./Icon-gVHlFgdH.mjs";
+import { t as Popover } from "./Popover-JCnuplk4.mjs";
 import { NativeSelect } from "./NativeSelect.mjs";
-import { t as Popover } from "./Popover-Dnmeo0Av.mjs";
+import { a as src_exports, i as props, o as styled, t as createShouldForwardProp } from "./src-BSo7bM2g.mjs";
+import { r as useTheme } from "./theme-B6LFWZ98.mjs";
+import { n as getFocusRing, r as getInputMinWidth, t as inputVariantStyles } from "./inputVariantStyles-GEyyFeaq.mjs";
+import { t as themeDefault } from "./themeDefault-BeZJzqJj.mjs";
 import { Children, cloneElement, isValidElement, useCallback, useId, useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 // 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-yC1f5WR2.cjs");
+const require_src = require("../src-B1PmaZ-2.cjs");
 const require_Flex = require("../Flex.cjs");
 const require_SidebarContext = require("../SidebarContext-mXrB4z8v.cjs");
 let react = require("react");
@@ -13,8 +13,8 @@ const SidebarRail = require_src.styled(require_Flex.Flex, {
 	name: "Sidebar",
 	slot: "rail",
 	label: "SidebarRail",
-	shouldForwardProp: (prop) => prop !== "isOpen" && prop !== "layout" && prop !== "expandedWidth" && prop !== "collapsedWidth" && prop !== "stackedWidth"
-})(({ isOpen, layout, expandedWidth, collapsedWidth, stackedWidth }) => layout === "stacked" ? {
+	shouldForwardProp: (prop) => prop !== "isOpen" && prop !== "railLayout" && prop !== "expandedWidth" && prop !== "collapsedWidth" && prop !== "stackedWidth"
+})(({ isOpen, railLayout, expandedWidth, collapsedWidth, stackedWidth }) => railLayout === "stacked" ? {
 	width: stackedWidth,
 	alignItems: "center"
 } : {
@@ -81,7 +81,7 @@ function Sidebar({ children, isOpen = false, anchor = "left", variant = "text",
 				gap: 1,
 				flexShrink: 0,
 				isOpen,
-				layout,
+				railLayout: layout,
 				expandedWidth,
 				collapsedWidth,
 				stackedWidth,

package/dist/Sidebar/Sidebar.d.cts

@@ -1,7 +1,7 @@
-import { dn as FlexProps } from "../index-CK-uaK5U.cjs";
+import { dn as FlexProps } from "../index-MipJMh6w.cjs";
 import { a as SidebarLayout, i as SidebarItemVariant, t as SidebarAnchor } from "../SidebarContext-Bod_oUMi.cjs";
 import { ElementType, ReactNode } from "react";
-interface SidebarProps extends FlexProps {
+export 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`.
@@ -68,5 +68,4 @@ interface SidebarProps extends FlexProps {
  * is independent of `isOpen`, so a collapsed icons-only rail can sit beside an
  * open panel.
  */
-declare function Sidebar({ children, isOpen, anchor, variant, layout, expandedWidth, collapsedWidth, stackedWidth, hasPanel, panel, panelWidth, panelProps, 'aria-label': ariaLabel, ...rest }: Readonly<SidebarProps>): import("react").JSX.Element;
-export { Sidebar, SidebarProps };
+export declare function Sidebar({ children, isOpen, anchor, variant, layout, expandedWidth, collapsedWidth, stackedWidth, hasPanel, panel, panelWidth, panelProps, 'aria-label': ariaLabel, ...rest }: Readonly<SidebarProps>): import("react").JSX.Element;

package/dist/Sidebar/Sidebar.d.mts

@@ -1,7 +1,7 @@
-import { dn as FlexProps } from "../index-B-1sp9oV.mjs";
+import { dn as FlexProps } from "../index-nw0pvCoK.mjs";
 import { a as SidebarLayout, i as SidebarItemVariant, t as SidebarAnchor } from "../SidebarContext-Bod_oUMi.mjs";
 import { ElementType, ReactNode } from "react";
-interface SidebarProps extends FlexProps {
+export 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`.
@@ -68,5 +68,4 @@ interface SidebarProps extends FlexProps {
  * is independent of `isOpen`, so a collapsed icons-only rail can sit beside an
  * open panel.
  */
-declare function Sidebar({ children, isOpen, anchor, variant, layout, expandedWidth, collapsedWidth, stackedWidth, hasPanel, panel, panelWidth, panelProps, 'aria-label': ariaLabel, ...rest }: Readonly<SidebarProps>): import("react").JSX.Element;
-export { Sidebar, SidebarProps };
+export declare function Sidebar({ children, isOpen, anchor, variant, layout, expandedWidth, collapsedWidth, stackedWidth, hasPanel, panel, panelWidth, panelProps, 'aria-label': ariaLabel, ...rest }: Readonly<SidebarProps>): import("react").JSX.Element;

package/dist/Sidebar/Sidebar.mjs

@@ -1,4 +1,4 @@
-import { o as styled } from "../src-B-rNjHIL.mjs";
+import { o as styled } from "../src-BSo7bM2g.mjs";
 import { Flex } from "../Flex.mjs";
 import { t as SidebarContext } from "../SidebarContext-D3bF-Q4N.mjs";
 import { useId, useMemo, useState } from "react";
@@ -12,8 +12,8 @@ const SidebarRail = styled(Flex, {
 	name: "Sidebar",
 	slot: "rail",
 	label: "SidebarRail",
-	shouldForwardProp: (prop) => prop !== "isOpen" && prop !== "layout" && prop !== "expandedWidth" && prop !== "collapsedWidth" && prop !== "stackedWidth"
-})(({ isOpen, layout, expandedWidth, collapsedWidth, stackedWidth }) => layout === "stacked" ? {
+	shouldForwardProp: (prop) => prop !== "isOpen" && prop !== "railLayout" && prop !== "expandedWidth" && prop !== "collapsedWidth" && prop !== "stackedWidth"
+})(({ isOpen, railLayout, expandedWidth, collapsedWidth, stackedWidth }) => railLayout === "stacked" ? {
 	width: stackedWidth,
 	alignItems: "center"
 } : {
@@ -80,7 +80,7 @@ function Sidebar({ children, isOpen = false, anchor = "left", variant = "text",
 				gap: 1,
 				flexShrink: 0,
 				isOpen,
-				layout,
+				railLayout: layout,
 				expandedWidth,
 				collapsedWidth,
 				stackedWidth,

package/dist/Sidebar/SidebarItem.cjs

@@ -1,11 +1,11 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_src = require("../src-yC1f5WR2.cjs");
-const require_utils = require("../utils.cjs");
-const require_Typography = require("../Typography.cjs");
-const require_Icon = require("../Icon-C5Iz5ekp.cjs");
+const require_src = require("../src-B1PmaZ-2.cjs");
 const require_Flex = require("../Flex.cjs");
+const require_Icon = require("../Icon-C4QMiNHJ.cjs");
 const require_Portal = require("../Portal.cjs");
 const require_Pressable = require("../Pressable.cjs");
+const require_Typography = require("../Typography.cjs");
+const require_utils = require("../utils.cjs");
 const require_SidebarContext = require("../SidebarContext-mXrB4z8v.cjs");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");

package/dist/Sidebar/SidebarItem.d.cts

@@ -1,11 +1,11 @@
-import { nt as Theme } from "../index-CK-uaK5U.cjs";
-import { r as IconName } from "../index-CLTH0nFB.cjs";
-import { i as PressableProps } from "../index-Cc7Yhn7-.cjs";
+import { nt as Theme } from "../index-MipJMh6w.cjs";
+import { r as IconName } from "../index-CjIlieUz.cjs";
+import { PressableProps } from "../Pressable.cjs";
 import { i as SidebarItemVariant } from "../SidebarContext-Bod_oUMi.cjs";
 import { ReactNode } from "react";
 /** Density token - controls padding and font size. Resolves against `theme.sizes`. */
-type SidebarItemSize = keyof Theme['sizes'];
-interface SidebarItemProps extends Omit<PressableProps, 'children' | 'feedback' | 'activeOpacity' | 'size'> {
+export type SidebarItemSize = keyof Theme['sizes'];
+export interface SidebarItemProps extends Omit<PressableProps, 'children' | 'feedback' | 'activeOpacity' | 'size'> {
   /** Icon shown in both the collapsed and open states - pinned to the anchored edge. */
   icon: IconName;
   /** Accessible name; also the default visible content while open. */
@@ -36,5 +36,4 @@ interface SidebarItemProps extends Omit<PressableProps, 'children' | 'feedback'
  * `Pressable`, so it is a real button carrying nothing but the styling declared
  * here - no inherited uppercase, weight, or tracking.
  */
-declare function SidebarItem({ icon, label, variant, size, color, children, onSelect, onClick, isSelected, ...rest }: Readonly<SidebarItemProps>): import("react").JSX.Element;
-export { SidebarItem, SidebarItemProps, SidebarItemSize };
+export declare function SidebarItem({ icon, label, variant, size, color, children, onSelect, onClick, isSelected, ...rest }: Readonly<SidebarItemProps>): import("react").JSX.Element;

package/dist/Sidebar/SidebarItem.d.mts

@@ -1,11 +1,11 @@
-import { nt as Theme } from "../index-B-1sp9oV.mjs";
-import { r as IconName } from "../index-BDVi1DNs.mjs";
-import { i as PressableProps } from "../index-xhbtDtsc.mjs";
+import { nt as Theme } from "../index-nw0pvCoK.mjs";
+import { r as IconName } from "../index-Dv-JacXL.mjs";
+import { i as PressableProps } from "../index-DA-h_wfm.mjs";
 import { i as SidebarItemVariant } from "../SidebarContext-Bod_oUMi.mjs";
 import { ReactNode } from "react";
 /** Density token - controls padding and font size. Resolves against `theme.sizes`. */
-type SidebarItemSize = keyof Theme['sizes'];
-interface SidebarItemProps extends Omit<PressableProps, 'children' | 'feedback' | 'activeOpacity' | 'size'> {
+export type SidebarItemSize = keyof Theme['sizes'];
+export interface SidebarItemProps extends Omit<PressableProps, 'children' | 'feedback' | 'activeOpacity' | 'size'> {
   /** Icon shown in both the collapsed and open states - pinned to the anchored edge. */
   icon: IconName;
   /** Accessible name; also the default visible content while open. */
@@ -36,5 +36,4 @@ interface SidebarItemProps extends Omit<PressableProps, 'children' | 'feedback'
  * `Pressable`, so it is a real button carrying nothing but the styling declared
  * here - no inherited uppercase, weight, or tracking.
  */
-declare function SidebarItem({ icon, label, variant, size, color, children, onSelect, onClick, isSelected, ...rest }: Readonly<SidebarItemProps>): import("react").JSX.Element;
-export { SidebarItem, SidebarItemProps, SidebarItemSize };
+export declare function SidebarItem({ icon, label, variant, size, color, children, onSelect, onClick, isSelected, ...rest }: Readonly<SidebarItemProps>): import("react").JSX.Element;

package/dist/Sidebar/SidebarItem.mjs

@@ -1,10 +1,10 @@
-import { a as src_exports, o as styled } from "../src-B-rNjHIL.mjs";
-import { alpha } from "../utils.mjs";
-import { Typography } from "../Typography.mjs";
-import { t as Icon } from "../Icon-XpXU-SuF.mjs";
+import { a as src_exports, o as styled } from "../src-BSo7bM2g.mjs";
 import { Flex } from "../Flex.mjs";
+import { t as Icon } from "../Icon-gVHlFgdH.mjs";
 import { Portal } from "../Portal.mjs";
 import { Pressable } from "../Pressable.mjs";
+import { Typography } from "../Typography.mjs";
+import { alpha } from "../utils.mjs";
 import { t as SidebarContext } from "../SidebarContext-D3bF-Q4N.mjs";
 import { useContext, useEffect } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";

package/dist/Sidebar.d.cts

@@ -1,4 +1,4 @@
-import { a as SidebarLayout, i as SidebarItemVariant, n as SidebarContext, r as SidebarContextValue, t as SidebarAnchor } from "./SidebarContext-Bod_oUMi.cjs";
 import { Sidebar, SidebarProps } from "./Sidebar/Sidebar.cjs";
 import { SidebarItem, SidebarItemProps, SidebarItemSize } from "./Sidebar/SidebarItem.cjs";
+import { a as SidebarLayout, i as SidebarItemVariant, n as SidebarContext, r as SidebarContextValue, t as SidebarAnchor } from "./SidebarContext-Bod_oUMi.cjs";
 export { Sidebar, SidebarAnchor, SidebarContext, SidebarContextValue, SidebarItem, SidebarItemProps, SidebarItemSize, SidebarItemVariant, SidebarLayout, SidebarProps };

package/dist/Sidebar.d.mts

@@ -1,4 +1,4 @@
-import { a as SidebarLayout, i as SidebarItemVariant, n as SidebarContext, r as SidebarContextValue, t as SidebarAnchor } from "./SidebarContext-Bod_oUMi.mjs";
 import { Sidebar, SidebarProps } from "./Sidebar/Sidebar.mjs";
 import { SidebarItem, SidebarItemProps, SidebarItemSize } from "./Sidebar/SidebarItem.mjs";
+import { a as SidebarLayout, i as SidebarItemVariant, n as SidebarContext, r as SidebarContextValue, t as SidebarAnchor } from "./SidebarContext-Bod_oUMi.mjs";
 export { Sidebar, SidebarAnchor, SidebarContext, SidebarContextValue, SidebarItem, SidebarItemProps, SidebarItemSize, SidebarItemVariant, SidebarLayout, SidebarProps };

package/dist/Skeleton.cjs

@@ -1,5 +1,5 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_src = require("./src-yC1f5WR2.cjs");
+const require_src = require("./src-B1PmaZ-2.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");

package/dist/Skeleton.d.cts

@@ -1,10 +1,10 @@
-import { nt as Theme } from "./index-CK-uaK5U.cjs";
+import { nt as Theme } from "./index-MipJMh6w.cjs";
 import { HTMLAttributes } from "react";
 import { PaddingProps, SpaceProps } from "@soroush.tech/styled-system";
-type SkeletonVariant = 'text' | 'circular' | 'rectangular';
-type SkeletonAnimation = 'pulse' | 'wave' | false;
-type SkeletonRadius = keyof Theme['radii'];
-interface SkeletonProps extends HTMLAttributes<HTMLSpanElement>, Omit<SpaceProps<Theme>, keyof PaddingProps> {
+export type SkeletonVariant = 'text' | 'circular' | 'rectangular';
+export type SkeletonAnimation = 'pulse' | 'wave' | false;
+export type SkeletonRadius = keyof Theme['radii'];
+export interface SkeletonProps extends HTMLAttributes<HTMLSpanElement>, Omit<SpaceProps<Theme>, keyof PaddingProps> {
   /** Shape of the placeholder. Default: `'text'`. */
   variant?: SkeletonVariant;
   /** Corner radius - resolves against `theme.radii` (sq · sm · md · lg). Overrides the variant default. */
@@ -16,5 +16,4 @@ interface SkeletonProps extends HTMLAttributes<HTMLSpanElement>, Omit<SpaceProps
   /** Height. Number → px; string → raw CSS unit. */
   height?: number | string;
 }
-declare function Skeleton({ variant, animation, width, height, children, ...rest }: Readonly<SkeletonProps>): import("react").JSX.Element;
-export { Skeleton, SkeletonAnimation, SkeletonProps, SkeletonRadius, SkeletonVariant };
+export declare function Skeleton({ variant, animation, width, height, children, ...rest }: Readonly<SkeletonProps>): import("react").JSX.Element;

package/dist/Skeleton.d.mts

@@ -1,10 +1,10 @@
-import { nt as Theme } from "./index-B-1sp9oV.mjs";
+import { nt as Theme } from "./index-nw0pvCoK.mjs";
 import { PaddingProps, SpaceProps } from "@soroush.tech/styled-system";
 import { HTMLAttributes } from "react";
-type SkeletonVariant = 'text' | 'circular' | 'rectangular';
-type SkeletonAnimation = 'pulse' | 'wave' | false;
-type SkeletonRadius = keyof Theme['radii'];
-interface SkeletonProps extends HTMLAttributes<HTMLSpanElement>, Omit<SpaceProps<Theme>, keyof PaddingProps> {
+export type SkeletonVariant = 'text' | 'circular' | 'rectangular';
+export type SkeletonAnimation = 'pulse' | 'wave' | false;
+export type SkeletonRadius = keyof Theme['radii'];
+export interface SkeletonProps extends HTMLAttributes<HTMLSpanElement>, Omit<SpaceProps<Theme>, keyof PaddingProps> {
   /** Shape of the placeholder. Default: `'text'`. */
   variant?: SkeletonVariant;
   /** Corner radius - resolves against `theme.radii` (sq · sm · md · lg). Overrides the variant default. */
@@ -16,5 +16,4 @@ interface SkeletonProps extends HTMLAttributes<HTMLSpanElement>, Omit<SpaceProps
   /** Height. Number → px; string → raw CSS unit. */
   height?: number | string;
 }
-declare function Skeleton({ variant, animation, width, height, children, ...rest }: Readonly<SkeletonProps>): import("react").JSX.Element;
-export { Skeleton, SkeletonAnimation, SkeletonProps, SkeletonRadius, SkeletonVariant };
+export declare function Skeleton({ variant, animation, width, height, children, ...rest }: Readonly<SkeletonProps>): import("react").JSX.Element;

package/dist/Skeleton.mjs

@@ -1,4 +1,4 @@
-import { a as src_exports, i as props, o as styled, r as keyframes, t as createShouldForwardProp } from "./src-B-rNjHIL.mjs";
+import { a as src_exports, i as props, o as styled, r as keyframes, t as createShouldForwardProp } from "./src-BSo7bM2g.mjs";
 import "react";
 import { jsx } from "react/jsx-runtime";
 // src/Skeleton/Skeleton.tsx

package/dist/Slide.cjs

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_isRtl = require("./isRtl-Dl6QQWib.cjs");
-const require_useTransitionChild = require("./useTransitionChild-COlRozbU.cjs");
+const require_useTransitionChild = require("./useTransitionChild-B2W_GM3m.cjs");
 let react = require("react");
 // src/Slide/Slide.tsx
 const mirrored = {

package/dist/Slide.d.cts

@@ -1,7 +1,7 @@
-import { n as TransitionProps } from "./useTransition-DnOAXNav.cjs";
+import { n as TransitionProps } from "./useTransition-CdObuV2M.cjs";
 /** The edge of the window the child slides in from. */
-type SlideDirection = 'up' | 'down' | 'left' | 'right';
-interface SlideProps extends TransitionProps {
+export type SlideDirection = 'up' | 'down' | 'left' | 'right';
+export interface SlideProps extends TransitionProps {
   /** The edge it slides in from - and out to. Mirrored in right-to-left pages. Default: `'down'`. */
   direction?: SlideDirection;
 }
@@ -11,5 +11,4 @@ interface SlideProps extends TransitionProps {
  * leaves the window from wherever it sits. A user who asked for less motion sees it change at
  * once.
  */
-declare function Slide({ direction, ...props }: Readonly<SlideProps>): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | null;
-export { Slide, SlideDirection, SlideProps };
+export declare function Slide({ direction, ...props }: Readonly<SlideProps>): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | null;

package/dist/Slide.d.mts

@@ -1,7 +1,7 @@
-import { n as TransitionProps } from "./useTransition-Dk84FQFT.mjs";
+import { n as TransitionProps } from "./useTransition-DwlKWjUJ.mjs";
 /** The edge of the window the child slides in from. */
-type SlideDirection = 'up' | 'down' | 'left' | 'right';
-interface SlideProps extends TransitionProps {
+export type SlideDirection = 'up' | 'down' | 'left' | 'right';
+export interface SlideProps extends TransitionProps {
   /** The edge it slides in from - and out to. Mirrored in right-to-left pages. Default: `'down'`. */
   direction?: SlideDirection;
 }
@@ -11,5 +11,4 @@ interface SlideProps extends TransitionProps {
  * leaves the window from wherever it sits. A user who asked for less motion sees it change at
  * once.
  */
-declare function Slide({ direction, ...props }: Readonly<SlideProps>): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | null;
-export { Slide, SlideDirection, SlideProps };
+export declare function Slide({ direction, ...props }: Readonly<SlideProps>): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | null;

package/dist/Slide.mjs

@@ -1,5 +1,5 @@
 import { t as isRtl } from "./isRtl-DN-EdUlg.mjs";
-import { t as useTransitionChild } from "./useTransitionChild-CFhlMm65.mjs";
+import { t as useTransitionChild } from "./useTransitionChild-De79LIB9.mjs";
 import { useRef } from "react";
 // src/Slide/Slide.tsx
 const mirrored = {

package/dist/Snackbar.cjs

@@ -1,12 +1,12 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_src = require("./src-yC1f5WR2.cjs");
+const require_src = require("./src-B1PmaZ-2.cjs");
 const require_theme = require("./theme-XJvMdOnY.cjs");
 const require_themeDefault = require("./themeDefault-DbPHBbNO.cjs");
 const require_getSurfaceRadius = require("./getSurfaceRadius-DwOn3ALC.cjs");
-const require_useControlled = require("./useControlled-CzCxM4J3.cjs");
 const require_getShapeRadius = require("./getShapeRadius-C2xXOKCl.cjs");
-const require_Portal = require("./Portal.cjs");
 const require_Grow = require("./Grow.cjs");
+const require_Portal = require("./Portal.cjs");
+const require_useControlled = require("./useControlled-CzCxM4J3.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/Snackbar.d.cts

@@ -1,17 +1,17 @@
-import { nt as Theme } from "./index-CK-uaK5U.cjs";
-import { n as TransitionProps } from "./useTransition-DnOAXNav.cjs";
+import { nt as Theme } from "./index-MipJMh6w.cjs";
 import { t as Shape } from "./getShapeRadius-CdCQb8OT.cjs";
-import { n as PortalProps } from "./index-UloRwym_.cjs";
+import { PortalProps } from "./Portal.cjs";
+import { n as TransitionProps } from "./useTransition-CdObuV2M.cjs";
 import { ComponentType, ReactNode, SyntheticEvent } from "react";
 /** Why a snackbar asks to close. */
-type SnackbarCloseReason = 'timeout' | 'clickaway' | 'escapeKeyDown';
-interface SnackbarAnchorOrigin {
+export type SnackbarCloseReason = 'timeout' | 'clickaway' | 'escapeKeyDown';
+export interface SnackbarAnchorOrigin {
   vertical: 'top' | 'bottom';
   /** `'start'` and `'end'` are the left and the right, and swap right to left. */
   horizontal: 'start' | 'center' | 'end';
 }
-type SnackbarShape = Shape;
-interface SnackbarProps {
+export type SnackbarShape = Shape;
+export interface SnackbarProps {
   /**
    * Corner shape: `'square'` is 0, `'pill'` a full round, `'rounded'` the radius of `borderRadius`.
    * Default: `'rounded'`.
@@ -56,5 +56,4 @@ interface SnackbarProps {
  * close on Escape and on a click away, `onClose` told why. It is a `role="status"`, announced
  * politely, and never takes the focus. Several at once do not stack: the app queues them.
  */
-declare function Snackbar({ isOpen: isOpenProp, defaultOpen, onClose, autoHideDuration: autoHideDurationProp, resumeHideDuration: resumeHideDurationProp, message, action, children, anchorOrigin: anchorOriginProp, transition: Transition, layer: layerProp, shape: shapeProp, borderRadius: borderRadiusProp, bg: bgProp, textColor: textColorProp, container, className, 'data-testid': dataTestid }: Readonly<SnackbarProps>): import("react").JSX.Element | null;
-export { Snackbar, SnackbarAnchorOrigin, SnackbarCloseReason, SnackbarProps, SnackbarShape };
+export declare function Snackbar({ isOpen: isOpenProp, defaultOpen, onClose, autoHideDuration: autoHideDurationProp, resumeHideDuration: resumeHideDurationProp, message, action, children, anchorOrigin: anchorOriginProp, transition: Transition, layer: layerProp, shape: shapeProp, borderRadius: borderRadiusProp, bg: bgProp, textColor: textColorProp, container, className, 'data-testid': dataTestid }: Readonly<SnackbarProps>): import("react").JSX.Element | null;

package/dist/Snackbar.d.mts

@@ -1,17 +1,17 @@
-import { nt as Theme } from "./index-B-1sp9oV.mjs";
-import { n as TransitionProps } from "./useTransition-Dk84FQFT.mjs";
+import { nt as Theme } from "./index-nw0pvCoK.mjs";
 import { t as Shape } from "./getShapeRadius-CdCQb8OT.mjs";
 import { n as PortalProps } from "./index-UloRwym_.mjs";
+import { n as TransitionProps } from "./useTransition-DwlKWjUJ.mjs";
 import { ComponentType, ReactNode, SyntheticEvent } from "react";
 /** Why a snackbar asks to close. */
-type SnackbarCloseReason = 'timeout' | 'clickaway' | 'escapeKeyDown';
-interface SnackbarAnchorOrigin {
+export type SnackbarCloseReason = 'timeout' | 'clickaway' | 'escapeKeyDown';
+export interface SnackbarAnchorOrigin {
   vertical: 'top' | 'bottom';
   /** `'start'` and `'end'` are the left and the right, and swap right to left. */
   horizontal: 'start' | 'center' | 'end';
 }
-type SnackbarShape = Shape;
-interface SnackbarProps {
+export type SnackbarShape = Shape;
+export interface SnackbarProps {
   /**
    * Corner shape: `'square'` is 0, `'pill'` a full round, `'rounded'` the radius of `borderRadius`.
    * Default: `'rounded'`.
@@ -56,5 +56,4 @@ interface SnackbarProps {
  * close on Escape and on a click away, `onClose` told why. It is a `role="status"`, announced
  * politely, and never takes the focus. Several at once do not stack: the app queues them.
  */
-declare function Snackbar({ isOpen: isOpenProp, defaultOpen, onClose, autoHideDuration: autoHideDurationProp, resumeHideDuration: resumeHideDurationProp, message, action, children, anchorOrigin: anchorOriginProp, transition: Transition, layer: layerProp, shape: shapeProp, borderRadius: borderRadiusProp, bg: bgProp, textColor: textColorProp, container, className, 'data-testid': dataTestid }: Readonly<SnackbarProps>): import("react").JSX.Element | null;
-export { Snackbar, SnackbarAnchorOrigin, SnackbarCloseReason, SnackbarProps, SnackbarShape };
+export declare function Snackbar({ isOpen: isOpenProp, defaultOpen, onClose, autoHideDuration: autoHideDurationProp, resumeHideDuration: resumeHideDurationProp, message, action, children, anchorOrigin: anchorOriginProp, transition: Transition, layer: layerProp, shape: shapeProp, borderRadius: borderRadiusProp, bg: bgProp, textColor: textColorProp, container, className, 'data-testid': dataTestid }: Readonly<SnackbarProps>): import("react").JSX.Element | null;

package/dist/Snackbar.mjs

@@ -1,11 +1,11 @@
-import { a as src_exports, o as styled, t as createShouldForwardProp } from "./src-B-rNjHIL.mjs";
-import { n as useDefaultProps } from "./theme-DyyZQFzQ.mjs";
+import { a as src_exports, o as styled, t as createShouldForwardProp } from "./src-BSo7bM2g.mjs";
+import { n as useDefaultProps } from "./theme-B6LFWZ98.mjs";
 import { t as themeDefault } from "./themeDefault-BeZJzqJj.mjs";
 import { t as getSurfaceRadius } from "./getSurfaceRadius-B1QE_VLa.mjs";
-import { t as useControlled } from "./useControlled-B4uQ9Bj6.mjs";
 import { t as getShapeRadius } from "./getShapeRadius-DVQRARis.mjs";
-import { Portal } from "./Portal.mjs";
 import { Grow } from "./Grow.mjs";
+import { Portal } from "./Portal.mjs";
+import { t as useControlled } from "./useControlled-B4uQ9Bj6.mjs";
 import { useCallback, useEffect, useRef, useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 // src/Snackbar/hooks/useAutoHide.ts

package/dist/Switch.cjs

@@ -1,9 +1,9 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_src = require("./src-yC1f5WR2.cjs");
-const require_utils = require("./utils.cjs");
+const require_src = require("./src-B1PmaZ-2.cjs");
 const require_theme = require("./theme-XJvMdOnY.cjs");
-const require_themeDefault = require("./themeDefault-DbPHBbNO.cjs");
 const require_FormControl = require("./FormControl.cjs");
+const require_utils = require("./utils.cjs");
+const require_themeDefault = require("./themeDefault-DbPHBbNO.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");

package/dist/Switch.d.cts

@@ -1,11 +1,11 @@
-import { nt as Theme } from "./index-CK-uaK5U.cjs";
+import { nt as Theme } from "./index-MipJMh6w.cjs";
 import { ChangeEvent, ReactNode } from "react";
 import { SpaceProps } from "@soroush.tech/styled-system";
-type SwitchColor = keyof Theme['palette'];
-type SwitchSize = keyof Theme['sizes'];
-type SwitchEdge = 'start' | 'end' | false;
-type SwitchVariant = 'outside' | 'inside';
-interface SwitchProps extends SpaceProps<Theme> {
+export type SwitchColor = keyof Theme['palette'];
+export type SwitchSize = keyof Theme['sizes'];
+export type SwitchEdge = 'start' | 'end' | false;
+export type SwitchVariant = 'outside' | 'inside';
+export interface SwitchProps extends SpaceProps<Theme> {
   checked?: boolean;
   defaultChecked?: boolean;
   disabled?: boolean;
@@ -37,5 +37,4 @@ interface SwitchProps extends SpaceProps<Theme> {
   'aria-describedby'?: string;
   'data-testid'?: string;
 }
-declare function Switch({ checked, defaultChecked, disabled: disabledProp, disableRipple: _disableRipple, color: colorProp, textColor: textColorProp, size: sizeProp, variant: variantProp, marked, bg, edge, icon, checkedIcon, onChange, id: idProp, required: requiredProp, children, className, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby, 'aria-describedby': ariaDescribedby, 'data-testid': dataTestid, ...spaceProps }: Readonly<SwitchProps>): import("react").JSX.Element;
-export { Switch, SwitchColor, SwitchEdge, SwitchProps, SwitchSize, SwitchVariant };
+export declare function Switch({ checked, defaultChecked, disabled: disabledProp, disableRipple: _disableRipple, color: colorProp, textColor: textColorProp, size: sizeProp, variant: variantProp, marked, bg, edge, icon, checkedIcon, onChange, id: idProp, required: requiredProp, children, className, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby, 'aria-describedby': ariaDescribedby, 'data-testid': dataTestid, ...spaceProps }: Readonly<SwitchProps>): import("react").JSX.Element;

package/dist/Switch.d.mts

@@ -1,11 +1,11 @@
-import { nt as Theme } from "./index-B-1sp9oV.mjs";
+import { nt as Theme } from "./index-nw0pvCoK.mjs";
 import { SpaceProps } from "@soroush.tech/styled-system";
 import { ChangeEvent, ReactNode } from "react";
-type SwitchColor = keyof Theme['palette'];
-type SwitchSize = keyof Theme['sizes'];
-type SwitchEdge = 'start' | 'end' | false;
-type SwitchVariant = 'outside' | 'inside';
-interface SwitchProps extends SpaceProps<Theme> {
+export type SwitchColor = keyof Theme['palette'];
+export type SwitchSize = keyof Theme['sizes'];
+export type SwitchEdge = 'start' | 'end' | false;
+export type SwitchVariant = 'outside' | 'inside';
+export interface SwitchProps extends SpaceProps<Theme> {
   checked?: boolean;
   defaultChecked?: boolean;
   disabled?: boolean;
@@ -37,5 +37,4 @@ interface SwitchProps extends SpaceProps<Theme> {
   'aria-describedby'?: string;
   'data-testid'?: string;
 }
-declare function Switch({ checked, defaultChecked, disabled: disabledProp, disableRipple: _disableRipple, color: colorProp, textColor: textColorProp, size: sizeProp, variant: variantProp, marked, bg, edge, icon, checkedIcon, onChange, id: idProp, required: requiredProp, children, className, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby, 'aria-describedby': ariaDescribedby, 'data-testid': dataTestid, ...spaceProps }: Readonly<SwitchProps>): import("react").JSX.Element;
-export { Switch, SwitchColor, SwitchEdge, SwitchProps, SwitchSize, SwitchVariant };
+export declare function Switch({ checked, defaultChecked, disabled: disabledProp, disableRipple: _disableRipple, color: colorProp, textColor: textColorProp, size: sizeProp, variant: variantProp, marked, bg, edge, icon, checkedIcon, onChange, id: idProp, required: requiredProp, children, className, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby, 'aria-describedby': ariaDescribedby, 'data-testid': dataTestid, ...spaceProps }: Readonly<SwitchProps>): import("react").JSX.Element;

package/dist/Switch.mjs

@@ -1,8 +1,8 @@
-import { a as src_exports, i as props, o as styled, t as createShouldForwardProp } from "./src-B-rNjHIL.mjs";
+import { a as src_exports, i as props, o as styled, t as createShouldForwardProp } from "./src-BSo7bM2g.mjs";
+import { r as useTheme } from "./theme-B6LFWZ98.mjs";
+import { useFormControl } from "./FormControl.mjs";
 import { alpha } from "./utils.mjs";
-import { r as useTheme } from "./theme-DyyZQFzQ.mjs";
 import { t as themeDefault } from "./themeDefault-BeZJzqJj.mjs";
-import { useFormControl } from "./FormControl.mjs";
 import "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 // src/Switch/Switch.tsx

package/dist/Table/Table.cjs

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_src = require("../src-yC1f5WR2.cjs");
 const require_TableContext = require("../TableContext-CK5ALcd9.cjs");
+const require_src = require("../src-B1PmaZ-2.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");