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

package/dist/Avatar.cjs

@@ -1,8 +1,8 @@
 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_Flex = require("./Flex.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/Avatar.d.cts

@@ -1,10 +1,10 @@
-import { dn as FlexProps, nt as Theme } from "./index-CK-uaK5U.cjs";
-type AvatarVariant = 'circular' | 'rounded' | 'square';
-type AvatarSize = keyof Theme['avatar'];
-type AvatarRingColor = keyof Theme['border'];
-type AvatarRingWidth = keyof Theme['borderWidths'];
+import { dn as FlexProps, nt as Theme } from "./index-MipJMh6w.cjs";
+export type AvatarVariant = 'circular' | 'rounded' | 'square';
+export type AvatarSize = keyof Theme['avatar'];
+export type AvatarRingColor = keyof Theme['border'];
+export type AvatarRingWidth = keyof Theme['borderWidths'];
 type OmittedProps = 'p' | 'pt' | 'pr' | 'pb' | 'pl' | 'px' | 'py' | 'size';
-interface AvatarProps extends Omit<FlexProps, OmittedProps> {
+export interface AvatarProps extends Omit<FlexProps, OmittedProps> {
   src?: string;
   srcSet?: string;
   alt?: string;
@@ -21,5 +21,5 @@ interface AvatarProps extends Omit<FlexProps, OmittedProps> {
   /** Ring width - resolves against theme.borderWidths. */
   ringWidth?: AvatarRingWidth;
 }
-declare function Avatar({ src, srcSet, alt, fallback, children, variant: variantProp, size: sizeProp, ring, ringColor: ringColorProp, ringWidth: ringWidthProp, ...rest }: Readonly<AvatarProps>): import("react").JSX.Element;
-export { Avatar, AvatarProps, AvatarRingColor, AvatarRingWidth, AvatarSize, AvatarVariant };
+export declare function Avatar({ src, srcSet, alt, fallback, children, variant: variantProp, size: sizeProp, ring, ringColor: ringColorProp, ringWidth: ringWidthProp, ...rest }: Readonly<AvatarProps>): import("react").JSX.Element;
+export {};

package/dist/Avatar.d.mts

@@ -1,10 +1,10 @@
-import { dn as FlexProps, nt as Theme } from "./index-B-1sp9oV.mjs";
-type AvatarVariant = 'circular' | 'rounded' | 'square';
-type AvatarSize = keyof Theme['avatar'];
-type AvatarRingColor = keyof Theme['border'];
-type AvatarRingWidth = keyof Theme['borderWidths'];
+import { dn as FlexProps, nt as Theme } from "./index-nw0pvCoK.mjs";
+export type AvatarVariant = 'circular' | 'rounded' | 'square';
+export type AvatarSize = keyof Theme['avatar'];
+export type AvatarRingColor = keyof Theme['border'];
+export type AvatarRingWidth = keyof Theme['borderWidths'];
 type OmittedProps = 'p' | 'pt' | 'pr' | 'pb' | 'pl' | 'px' | 'py' | 'size';
-interface AvatarProps extends Omit<FlexProps, OmittedProps> {
+export interface AvatarProps extends Omit<FlexProps, OmittedProps> {
   src?: string;
   srcSet?: string;
   alt?: string;
@@ -21,5 +21,5 @@ interface AvatarProps extends Omit<FlexProps, OmittedProps> {
   /** Ring width - resolves against theme.borderWidths. */
   ringWidth?: AvatarRingWidth;
 }
-declare function Avatar({ src, srcSet, alt, fallback, children, variant: variantProp, size: sizeProp, ring, ringColor: ringColorProp, ringWidth: ringWidthProp, ...rest }: Readonly<AvatarProps>): import("react").JSX.Element;
-export { Avatar, AvatarProps, AvatarRingColor, AvatarRingWidth, AvatarSize, AvatarVariant };
+export declare function Avatar({ src, srcSet, alt, fallback, children, variant: variantProp, size: sizeProp, ring, ringColor: ringColorProp, ringWidth: ringWidthProp, ...rest }: Readonly<AvatarProps>): import("react").JSX.Element;
+export {};

package/dist/Avatar.mjs

@@ -1,7 +1,7 @@
-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 { 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 { Flex } from "./Flex.mjs";
+import { t as themeDefault } from "./themeDefault-BeZJzqJj.mjs";
 import { useState } from "react";
 import { jsx } from "react/jsx-runtime";
 // src/Avatar/Avatar.tsx

package/dist/Backdrop.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_View = require("./View.cjs");
 let react_jsx_runtime = require("react/jsx-runtime");
 // src/Backdrop/Backdrop.tsx

package/dist/Backdrop.d.cts

@@ -1,8 +1,7 @@
-import { yn as ViewProps } from "./index-CK-uaK5U.cjs";
-type BackdropProps = ViewProps;
+import { yn as ViewProps } from "./index-MipJMh6w.cjs";
+export type BackdropProps = ViewProps;
 /**
  * @description Dimmed overlay rendered behind a modal's content. Defaults to the
  * theme `backdrop` background; forwards click and other props to the surface.
  */
-declare function Backdrop(props: Readonly<BackdropProps>): import("react").JSX.Element;
-export { Backdrop, BackdropProps };
+export declare function Backdrop(props: Readonly<BackdropProps>): import("react").JSX.Element;

package/dist/Backdrop.d.mts

@@ -1,8 +1,7 @@
-import { yn as ViewProps } from "./index-B-1sp9oV.mjs";
-type BackdropProps = ViewProps;
+import { yn as ViewProps } from "./index-nw0pvCoK.mjs";
+export type BackdropProps = ViewProps;
 /**
  * @description Dimmed overlay rendered behind a modal's content. Defaults to the
  * theme `backdrop` background; forwards click and other props to the surface.
  */
-declare function Backdrop(props: Readonly<BackdropProps>): import("react").JSX.Element;
-export { Backdrop, BackdropProps };
+export declare function Backdrop(props: Readonly<BackdropProps>): import("react").JSX.Element;

package/dist/Backdrop.mjs

@@ -1,4 +1,4 @@
-import { o as styled } from "./src-B-rNjHIL.mjs";
+import { o as styled } from "./src-BSo7bM2g.mjs";
 import { View } from "./View.mjs";
 import { jsx } from "react/jsx-runtime";
 // src/Backdrop/Backdrop.tsx

package/dist/Badge.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_theme = require("./theme-XJvMdOnY.cjs");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");

package/dist/Badge.d.cts

@@ -1,15 +1,15 @@
-import { nt as Theme } from "./index-CK-uaK5U.cjs";
+import { nt as Theme } from "./index-MipJMh6w.cjs";
 import { ReactNode } from "react";
 import { SpaceProps } from "@soroush.tech/styled-system";
-type BadgeVariant = 'standard' | 'dot';
-type BadgeOverlap = 'rectangular' | 'circular';
-type BadgeColor = keyof Theme['palette'];
-interface BadgeAnchorOrigin {
+export type BadgeVariant = 'standard' | 'dot';
+export type BadgeOverlap = 'rectangular' | 'circular';
+export type BadgeColor = keyof Theme['palette'];
+export interface BadgeAnchorOrigin {
   vertical: 'top' | 'bottom';
   /** `'end'` is the right side, and the left in a right-to-left page. */
   horizontal: 'start' | 'end';
 }
-interface BadgeProps extends SpaceProps<Theme> {
+export interface BadgeProps extends SpaceProps<Theme> {
   /** What the badge sits over. */
   children?: ReactNode;
   /** The count or the text. */
@@ -39,5 +39,4 @@ interface BadgeProps extends SpaceProps<Theme> {
  * for one element, as that element's description. A count over `max` shows as `max+`, and a count
  * of zero shows nothing, unless `shouldShowZero`.
  */
-declare function Badge({ children, badgeContent, max: maxProp, variant: variantProp, color: colorProp, isHidden, shouldShowZero, anchorOrigin: anchorOriginProp, overlap: overlapProp, badgeLabel, className, 'data-testid': dataTestid, ...spaceProps }: Readonly<BadgeProps>): import("react").JSX.Element;
-export { Badge, BadgeAnchorOrigin, BadgeColor, BadgeOverlap, BadgeProps, BadgeVariant };
+export declare function Badge({ children, badgeContent, max: maxProp, variant: variantProp, color: colorProp, isHidden, shouldShowZero, anchorOrigin: anchorOriginProp, overlap: overlapProp, badgeLabel, className, 'data-testid': dataTestid, ...spaceProps }: Readonly<BadgeProps>): import("react").JSX.Element;

package/dist/Badge.d.mts

@@ -1,15 +1,15 @@
-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 { ReactNode } from "react";
-type BadgeVariant = 'standard' | 'dot';
-type BadgeOverlap = 'rectangular' | 'circular';
-type BadgeColor = keyof Theme['palette'];
-interface BadgeAnchorOrigin {
+export type BadgeVariant = 'standard' | 'dot';
+export type BadgeOverlap = 'rectangular' | 'circular';
+export type BadgeColor = keyof Theme['palette'];
+export interface BadgeAnchorOrigin {
   vertical: 'top' | 'bottom';
   /** `'end'` is the right side, and the left in a right-to-left page. */
   horizontal: 'start' | 'end';
 }
-interface BadgeProps extends SpaceProps<Theme> {
+export interface BadgeProps extends SpaceProps<Theme> {
   /** What the badge sits over. */
   children?: ReactNode;
   /** The count or the text. */
@@ -39,5 +39,4 @@ interface BadgeProps extends SpaceProps<Theme> {
  * for one element, as that element's description. A count over `max` shows as `max+`, and a count
  * of zero shows nothing, unless `shouldShowZero`.
  */
-declare function Badge({ children, badgeContent, max: maxProp, variant: variantProp, color: colorProp, isHidden, shouldShowZero, anchorOrigin: anchorOriginProp, overlap: overlapProp, badgeLabel, className, 'data-testid': dataTestid, ...spaceProps }: Readonly<BadgeProps>): import("react").JSX.Element;
-export { Badge, BadgeAnchorOrigin, BadgeColor, BadgeOverlap, BadgeProps, BadgeVariant };
+export declare function Badge({ children, badgeContent, max: maxProp, variant: variantProp, color: colorProp, isHidden, shouldShowZero, anchorOrigin: anchorOriginProp, overlap: overlapProp, badgeLabel, className, 'data-testid': dataTestid, ...spaceProps }: Readonly<BadgeProps>): import("react").JSX.Element;

package/dist/Badge.mjs

@@ -1,5 +1,5 @@
-import { a as src_exports, i as props, o as styled, t as createShouldForwardProp } from "./src-B-rNjHIL.mjs";
-import { n as useDefaultProps } from "./theme-DyyZQFzQ.mjs";
+import { a as src_exports, i as props, o as styled, t as createShouldForwardProp } from "./src-BSo7bM2g.mjs";
+import { n as useDefaultProps } from "./theme-B6LFWZ98.mjs";
 import { cloneElement, isValidElement, useId } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 // src/Badge/Badge.tsx

package/dist/Breadcrumbs.cjs

@@ -1,9 +1,9 @@
 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_Icon = require("./Icon-C4QMiNHJ.cjs");
 const require_Typography = require("./Typography.cjs");
-const require_Icon = require("./Icon-C5Iz5ekp.cjs");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 // src/Breadcrumbs/Breadcrumbs.tsx

package/dist/Breadcrumbs.d.cts

@@ -1,8 +1,8 @@
-import { jt as TypographyVariant } from "./index-CK-uaK5U.cjs";
-import { a as TypographyProps } from "./index-Cp96BUYc.cjs";
-import { n as IconProps } from "./index-CLTH0nFB.cjs";
+import { jt as TypographyVariant } from "./index-MipJMh6w.cjs";
+import { n as IconProps } from "./index-CjIlieUz.cjs";
+import { TypographyProps } from "./Typography.cjs";
 import { ElementType, ReactNode } from "react";
-interface BreadcrumbsProps extends Omit<TypographyProps, 'children' | 'variant'> {
+export interface BreadcrumbsProps extends Omit<TypographyProps, 'children' | 'variant'> {
   /** The crumbs - the app's `Link`s, and the current page as `Typography` or a `Link` with `aria-current="page"`. */
   children?: ReactNode;
   /** The trail's type - a `theme.typography` variant, given to its root `Typography`. Default: `'body1'`. */
@@ -34,5 +34,4 @@ interface BreadcrumbsProps extends Omit<TypographyProps, 'children' | 'variant'>
  * by `aria-label`, its crumbs an ordered list with a separator between two. Past `maxItems` the
  * trail collapses to its first and last crumbs and a button that shows them all.
  */
-declare function Breadcrumbs({ children, as, separator: separatorProp, maxItems: maxItemsProp, itemsBeforeCollapse: itemsBeforeCollapseProp, itemsAfterCollapse: itemsAfterCollapseProp, expandLabel: expandLabelProp, color: colorProp, typography, slots, slotProps, ...rest }: Readonly<BreadcrumbsProps>): import("react").JSX.Element;
-export { Breadcrumbs, BreadcrumbsProps };
+export declare function Breadcrumbs({ children, as, separator: separatorProp, maxItems: maxItemsProp, itemsBeforeCollapse: itemsBeforeCollapseProp, itemsAfterCollapse: itemsAfterCollapseProp, expandLabel: expandLabelProp, color: colorProp, typography, slots, slotProps, ...rest }: Readonly<BreadcrumbsProps>): import("react").JSX.Element;

package/dist/Breadcrumbs.d.mts

@@ -1,8 +1,8 @@
-import { jt as TypographyVariant } from "./index-B-1sp9oV.mjs";
-import { a as TypographyProps } from "./index-F81TdZtB.mjs";
-import { n as IconProps } from "./index-BDVi1DNs.mjs";
+import { jt as TypographyVariant } from "./index-nw0pvCoK.mjs";
+import { n as IconProps } from "./index-Dv-JacXL.mjs";
+import { a as TypographyProps } from "./index-C_6hDoX5.mjs";
 import { ElementType, ReactNode } from "react";
-interface BreadcrumbsProps extends Omit<TypographyProps, 'children' | 'variant'> {
+export interface BreadcrumbsProps extends Omit<TypographyProps, 'children' | 'variant'> {
   /** The crumbs - the app's `Link`s, and the current page as `Typography` or a `Link` with `aria-current="page"`. */
   children?: ReactNode;
   /** The trail's type - a `theme.typography` variant, given to its root `Typography`. Default: `'body1'`. */
@@ -34,5 +34,4 @@ interface BreadcrumbsProps extends Omit<TypographyProps, 'children' | 'variant'>
  * by `aria-label`, its crumbs an ordered list with a separator between two. Past `maxItems` the
  * trail collapses to its first and last crumbs and a button that shows them all.
  */
-declare function Breadcrumbs({ children, as, separator: separatorProp, maxItems: maxItemsProp, itemsBeforeCollapse: itemsBeforeCollapseProp, itemsAfterCollapse: itemsAfterCollapseProp, expandLabel: expandLabelProp, color: colorProp, typography, slots, slotProps, ...rest }: Readonly<BreadcrumbsProps>): import("react").JSX.Element;
-export { Breadcrumbs, BreadcrumbsProps };
+export declare function Breadcrumbs({ children, as, separator: separatorProp, maxItems: maxItemsProp, itemsBeforeCollapse: itemsBeforeCollapseProp, itemsAfterCollapse: itemsAfterCollapseProp, expandLabel: expandLabelProp, color: colorProp, typography, slots, slotProps, ...rest }: Readonly<BreadcrumbsProps>): import("react").JSX.Element;

package/dist/Breadcrumbs.mjs

@@ -1,8 +1,8 @@
-import { a as src_exports, o as styled } from "./src-B-rNjHIL.mjs";
-import { n as useDefaultProps } from "./theme-DyyZQFzQ.mjs";
+import { a as src_exports, o as styled } from "./src-BSo7bM2g.mjs";
+import { n as useDefaultProps } from "./theme-B6LFWZ98.mjs";
 import { t as themeDefault } from "./themeDefault-BeZJzqJj.mjs";
+import { t as Icon } from "./Icon-gVHlFgdH.mjs";
 import { Typography } from "./Typography.mjs";
-import { t as Icon } from "./Icon-XpXU-SuF.mjs";
 import { Children, isValidElement, useLayoutEffect, useRef, useState } from "react";
 import { jsx } from "react/jsx-runtime";
 // src/Breadcrumbs/Breadcrumbs.tsx

package/dist/Button.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_theme = require("./theme-XJvMdOnY.cjs");
-const require_themeDefault = require("./themeDefault-DbPHBbNO.cjs");
 const require_CircularProgress = require("./CircularProgress.cjs");
 const require_ButtonGroupContext = require("./ButtonGroupContext-n0wa0q6H.cjs");
+const require_src = require("./src-B1PmaZ-2.cjs");
+const require_utils = require("./utils.cjs");
 const require_getAnchorRel = require("./getAnchorRel-DFMc_uIR.cjs");
+const require_themeDefault = require("./themeDefault-DbPHBbNO.cjs");
+const require_theme = require("./theme-XJvMdOnY.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/Button.d.cts

@@ -1,2 +1,46 @@
-import { a as ButtonShape, c as GapToken, i as ButtonProps, n as ButtonColor, o as ButtonSize, r as ButtonLoadingPosition, s as ButtonVariant, t as Button } from "./index-Cf2D7Y1b.cjs";
-export { Button, ButtonColor, ButtonLoadingPosition, ButtonProps, ButtonShape, ButtonSize, ButtonVariant, GapToken };
+import { U as PaletteColor, _ as ButtonVariants, nt as Theme } from "./index-MipJMh6w.cjs";
+import { ButtonHTMLAttributes, ReactNode } from "react";
+import { BorderProps, LayoutProps, SpaceProps, TypographyProps } from "@soroush.tech/styled-system";
+/** Augmentable via the `ButtonVariants` interface - style new values through `theme.components.Button.variants`. */
+export type ButtonVariant = keyof ButtonVariants;
+export type ButtonColor = PaletteColor;
+export type ButtonSize = keyof Theme['sizes'];
+export type ButtonShape = 'square' | 'rounded' | 'pill';
+export type ButtonLoadingPosition = 'start' | 'end' | 'center';
+/** Valid values for the gap prop - resolves against theme.space. */
+export type GapToken = keyof Theme['space'];
+export interface ButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'color'>, SpaceProps<Theme>, LayoutProps<Theme>, BorderProps<Theme>, TypographyProps<Theme> {
+  /** Visual style - filled, stroked, or ghost. Default: `'contained'`, overridable via `theme.defaults.buttonVariant`. */
+  variant?: ButtonVariant;
+  /** Color palette - maps to `theme.palette[color]`. Default: `'primary'`, overridable via `theme.defaults.color`. */
+  color?: ButtonColor;
+  /** Size token - controls padding and font size. Default: `'md'`, overridable via `theme.defaults.size`. */
+  size?: ButtonSize;
+  /** Gap between icon and label - resolves against theme.space. Default: `1` (8px). */
+  gap?: GapToken;
+  /** Icon rendered before the label. */
+  startIcon?: ReactNode;
+  /** Icon rendered after the label. */
+  endIcon?: ReactNode;
+  /** Stretch button to full container width. */
+  fullWidth?: boolean;
+  /** Shows loading indicator and disables the button. */
+  loading?: boolean;
+  /** Custom loading element. Default: animated spinner. */
+  loadingIndicator?: ReactNode;
+  /**
+   * Corner shape - sets the default `borderRadius`.
+   * `"square"` → 0 · `"rounded"` → `theme.radii.md` (default) · `"pill"` → 9999px
+   * The `borderRadius` prop always overrides this.
+   */
+  shape?: ButtonShape;
+  /** Where the loading indicator appears. Default: `"center"`. */
+  loadingPosition?: ButtonLoadingPosition;
+  /** The URL to link to when the button is clicked. If defined, an `a` element will be used as the root node. */
+  href?: string;
+  /** Anchor `target` - only meaningful when `href` is set. */
+  target?: string;
+  /** Anchor `rel` - only meaningful when `href` is set. */
+  rel?: string;
+}
+export declare function Button({ variant, color, size, shape, gap, fontWeight, letterSpacing, startIcon, endIcon, fullWidth, loading, loadingIndicator, loadingPosition, children, disabled, href, target, rel, ...rest }: Readonly<ButtonProps>): import("react").JSX.Element;

package/dist/Button.d.mts

@@ -1,2 +1,2 @@
-import { a as ButtonShape, c as GapToken, i as ButtonProps, n as ButtonColor, o as ButtonSize, r as ButtonLoadingPosition, s as ButtonVariant, t as Button } from "./index-BMeqk34D.mjs";
+import { a as ButtonShape, c as GapToken, i as ButtonProps, n as ButtonColor, o as ButtonSize, r as ButtonLoadingPosition, s as ButtonVariant, t as Button } from "./index-DuW9P_vU.mjs";
 export { Button, ButtonColor, ButtonLoadingPosition, ButtonProps, ButtonShape, ButtonSize, ButtonVariant, GapToken };

package/dist/Button.mjs

@@ -1,10 +1,10 @@
-import { a as src_exports, i as props, o as styled, t as createShouldForwardProp } from "./src-B-rNjHIL.mjs";
-import { alpha } from "./utils.mjs";
-import { n as useDefaultProps, r as useTheme } from "./theme-DyyZQFzQ.mjs";
-import { t as themeDefault } from "./themeDefault-BeZJzqJj.mjs";
 import { CircularProgress } from "./CircularProgress.mjs";
 import { t as ButtonGroupContext } from "./ButtonGroupContext-DK9whWFt.mjs";
+import { a as src_exports, i as props, o as styled, t as createShouldForwardProp } from "./src-BSo7bM2g.mjs";
+import { alpha } from "./utils.mjs";
 import { t as getAnchorRel } from "./getAnchorRel-BLYap7aE.mjs";
+import { t as themeDefault } from "./themeDefault-BeZJzqJj.mjs";
+import { n as useDefaultProps, r as useTheme } from "./theme-B6LFWZ98.mjs";
 import { useContext } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 // src/Button/Button.tsx

package/dist/ButtonGroup.cjs

@@ -1,8 +1,8 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_src = require("./src-yC1f5WR2.cjs");
 const require_utils = require("./utils.cjs");
-const require_themeDefault = require("./themeDefault-DbPHBbNO.cjs");
 const require_ButtonGroupContext = require("./ButtonGroupContext-n0wa0q6H.cjs");
+const require_src = require("./src-B1PmaZ-2.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/ButtonGroup.d.cts

@@ -1,2 +1,38 @@
-import { a as ButtonGroupProps, i as ButtonGroupOrientation, n as ButtonGroupContextValue, o as ButtonGroupRadius, r as ButtonGroup, t as ButtonGroupContext } from "./index-CZofj6vc.cjs";
-export { ButtonGroup, ButtonGroupContext, ButtonGroupContextValue, ButtonGroupOrientation, ButtonGroupProps, ButtonGroupRadius };
+import { ButtonColor, ButtonSize, ButtonVariant } from "./Button.cjs";
+import { nt as Theme } from "./index-MipJMh6w.cjs";
+import { ElementType, HTMLAttributes } from "react";
+import { SpaceProps } from "@soroush.tech/styled-system";
+export type ButtonGroupOrientation = 'horizontal' | 'vertical';
+export type ButtonGroupRadius = keyof Theme['radii'];
+export interface ButtonGroupProps extends Omit<HTMLAttributes<HTMLDivElement>, 'color'>, SpaceProps<Theme> {
+  /** Visual style for all child buttons. Default: `'outlined'`. */
+  variant?: ButtonVariant;
+  /** Color palette for all child buttons - resolves against `theme.palette`. Default: 'primary', overridable via `theme.defaults.color`. */
+  color?: ButtonColor;
+  /** Density for all child buttons - resolves against `theme.sizes`. Default: 'md', overridable via `theme.defaults.size`. */
+  size?: ButtonSize;
+  /** Layout flow direction. Default: `'horizontal'`. */
+  orientation?: ButtonGroupOrientation;
+  /** Group corner radius - rounds the group's outer corners only. Resolves against `theme.radii`. Default: 'md', overridable via `theme.defaults.borderRadius`. */
+  borderRadius?: ButtonGroupRadius;
+  /** Disables all child buttons. Default: `false`. */
+  disabled?: boolean;
+  /** Group fills its container; children share the width. Default: `false`. */
+  fullWidth?: boolean;
+  as?: ElementType;
+}
+/**
+ * Groups related `Button` immediate children into a visually joined cluster and
+ * broadcasts `variant` / `color` / `size` / `disabled` / `fullWidth` to them via
+ * `ButtonGroupContext` (explicit props on a child win).
+ */
+export declare function ButtonGroup({ variant, color, size, orientation, borderRadius, disabled, fullWidth, as, children, ...rest }: Readonly<ButtonGroupProps>): import("react").JSX.Element;
+/** Group-wide defaults provided by `ButtonGroup` and consumed by `Button` (explicit props win). */
+export interface ButtonGroupContextValue {
+  variant?: ButtonVariant;
+  color?: ButtonColor;
+  size?: ButtonSize;
+  disabled?: boolean;
+  fullWidth?: boolean;
+}
+export declare const ButtonGroupContext: import("react").Context<ButtonGroupContextValue>;

package/dist/ButtonGroup.d.mts

@@ -1,2 +1,2 @@
-import { a as ButtonGroupProps, i as ButtonGroupOrientation, n as ButtonGroupContextValue, o as ButtonGroupRadius, r as ButtonGroup, t as ButtonGroupContext } from "./index-3-LXZL7g.mjs";
+import { a as ButtonGroupProps, i as ButtonGroupOrientation, n as ButtonGroupContextValue, o as ButtonGroupRadius, r as ButtonGroup, t as ButtonGroupContext } from "./index-BX05FTzq.mjs";
 export { ButtonGroup, ButtonGroupContext, ButtonGroupContextValue, ButtonGroupOrientation, ButtonGroupProps, ButtonGroupRadius };

package/dist/ButtonGroup.mjs

@@ -1,7 +1,7 @@
-import { a as src_exports, i as props, o as styled, t as createShouldForwardProp } from "./src-B-rNjHIL.mjs";
 import { alpha } from "./utils.mjs";
-import { t as themeDefault } from "./themeDefault-BeZJzqJj.mjs";
 import { t as ButtonGroupContext } from "./ButtonGroupContext-DK9whWFt.mjs";
+import { a as src_exports, i as props, o as styled, t as createShouldForwardProp } from "./src-BSo7bM2g.mjs";
+import { t as themeDefault } from "./themeDefault-BeZJzqJj.mjs";
 import { useMemo } from "react";
 import { jsx } from "react/jsx-runtime";
 // src/ButtonGroup/ButtonGroup.tsx

package/dist/Card.cjs

@@ -1,10 +1,10 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_src = require("./src-yC1f5WR2.cjs");
-const require_theme = require("./theme-XJvMdOnY.cjs");
+const require_src = require("./src-B1PmaZ-2.cjs");
 const require_themeDefault = require("./themeDefault-DbPHBbNO.cjs");
-const require_Typography = require("./Typography.cjs");
-const require_Icon = require("./Icon-C5Iz5ekp.cjs");
+const require_theme = require("./theme-XJvMdOnY.cjs");
 const require_Paper = require("./Paper.cjs");
+const require_Typography = require("./Typography.cjs");
+const require_Icon = require("./Icon-C4QMiNHJ.cjs");
 require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 // src/Card/Card.tsx

package/dist/Card.d.cts

@@ -1,10 +1,10 @@
-import { ln as PaperProps } from "./index-CK-uaK5U.cjs";
-import { a as TypographyProps } from "./index-Cp96BUYc.cjs";
-import { n as IconProps, r as IconName } from "./index-CLTH0nFB.cjs";
-import "./index-fwRQcB91.cjs";
+import { ln as PaperProps } from "./index-MipJMh6w.cjs";
+import "./Paper.cjs";
+import { TypographyProps } from "./Typography.cjs";
+import { n as IconProps, r as IconName } from "./index-CjIlieUz.cjs";
 import { ReactNode } from "react";
-type CardVariant = 'paper' | 'bracketBox' | 'interactive';
-interface CardProps extends Omit<PaperProps, 'title'> {
+export type CardVariant = 'paper' | 'bracketBox' | 'interactive';
+export interface CardProps extends Omit<PaperProps, 'title'> {
   variant?: CardVariant;
   icon?: IconName;
   title?: string | ReactNode;
@@ -13,5 +13,4 @@ interface CardProps extends Omit<PaperProps, 'title'> {
   titleProps?: Omit<TypographyProps, 'children'>;
   captionProps?: Omit<TypographyProps, 'children'>;
 }
-declare function Card({ variant: variantProp, icon, title, caption, iconProps, titleProps, captionProps, flexDirection, children, ...rest }: Readonly<CardProps>): import("react").JSX.Element;
-export { Card, CardProps, CardVariant };
+export declare function Card({ variant: variantProp, icon, title, caption, iconProps, titleProps, captionProps, flexDirection, children, ...rest }: Readonly<CardProps>): import("react").JSX.Element;

package/dist/Card.d.mts

@@ -1,10 +1,10 @@
-import { ln as PaperProps } from "./index-B-1sp9oV.mjs";
-import { a as TypographyProps } from "./index-F81TdZtB.mjs";
-import { n as IconProps, r as IconName } from "./index-BDVi1DNs.mjs";
-import "./index-C_n4ZPpQ.mjs";
+import { ln as PaperProps } from "./index-nw0pvCoK.mjs";
+import "./index-BzWmnUjW.mjs";
+import { a as TypographyProps } from "./index-C_6hDoX5.mjs";
+import { n as IconProps, r as IconName } from "./index-Dv-JacXL.mjs";
 import { ReactNode } from "react";
-type CardVariant = 'paper' | 'bracketBox' | 'interactive';
-interface CardProps extends Omit<PaperProps, 'title'> {
+export type CardVariant = 'paper' | 'bracketBox' | 'interactive';
+export interface CardProps extends Omit<PaperProps, 'title'> {
   variant?: CardVariant;
   icon?: IconName;
   title?: string | ReactNode;
@@ -13,5 +13,4 @@ interface CardProps extends Omit<PaperProps, 'title'> {
   titleProps?: Omit<TypographyProps, 'children'>;
   captionProps?: Omit<TypographyProps, 'children'>;
 }
-declare function Card({ variant: variantProp, icon, title, caption, iconProps, titleProps, captionProps, flexDirection, children, ...rest }: Readonly<CardProps>): import("react").JSX.Element;
-export { Card, CardProps, CardVariant };
+export declare function Card({ variant: variantProp, icon, title, caption, iconProps, titleProps, captionProps, flexDirection, children, ...rest }: Readonly<CardProps>): import("react").JSX.Element;

package/dist/Card.mjs

@@ -1,9 +1,9 @@
-import { o as styled } from "./src-B-rNjHIL.mjs";
-import { n as useDefaultProps, r as useTheme } from "./theme-DyyZQFzQ.mjs";
+import { o as styled } from "./src-BSo7bM2g.mjs";
 import { t as themeDefault } from "./themeDefault-BeZJzqJj.mjs";
-import { Typography } from "./Typography.mjs";
-import { t as Icon } from "./Icon-XpXU-SuF.mjs";
+import { n as useDefaultProps, r as useTheme } from "./theme-B6LFWZ98.mjs";
 import { Paper } from "./Paper.mjs";
+import { Typography } from "./Typography.mjs";
+import { t as Icon } from "./Icon-gVHlFgdH.mjs";
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 // src/Card/Card.tsx

package/dist/Checkbox.cjs

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

@@ -1,9 +1,9 @@
-import { U as PaletteColor, nt as Theme } from "./index-CK-uaK5U.cjs";
+import { U as PaletteColor, nt as Theme } from "./index-MipJMh6w.cjs";
 import { ChangeEvent, ReactNode } from "react";
 import { SpaceProps } from "@soroush.tech/styled-system";
-type CheckboxColor = PaletteColor;
-type CheckboxSize = keyof Theme['sizes'];
-interface CheckboxProps extends SpaceProps<Theme> {
+export type CheckboxColor = PaletteColor;
+export type CheckboxSize = keyof Theme['sizes'];
+export interface CheckboxProps extends SpaceProps<Theme> {
   /** Controlled checked state. */
   checked?: boolean;
   /** Initial checked state for uncontrolled usage. */
@@ -39,5 +39,4 @@ interface CheckboxProps extends SpaceProps<Theme> {
   'aria-describedby'?: string;
   'data-testid'?: string;
 }
-declare function Checkbox({ checked, defaultChecked, disabled: disabledProp, color: colorProp, textColor: textColorProp, size: sizeProp, fullWidth: fullWidthProp, indeterminate, icon, checkedIcon, onChange, id: idProp, required: requiredProp, name, value, children, className, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby, 'aria-describedby': ariaDescribedby, 'data-testid': dataTestid, ...spaceProps }: Readonly<CheckboxProps>): import("react").JSX.Element;
-export { Checkbox, CheckboxColor, CheckboxProps, CheckboxSize };
+export declare function Checkbox({ checked, defaultChecked, disabled: disabledProp, color: colorProp, textColor: textColorProp, size: sizeProp, fullWidth: fullWidthProp, indeterminate, icon, checkedIcon, onChange, id: idProp, required: requiredProp, name, value, children, className, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby, 'aria-describedby': ariaDescribedby, 'data-testid': dataTestid, ...spaceProps }: Readonly<CheckboxProps>): import("react").JSX.Element;

package/dist/Checkbox.d.mts

@@ -1,9 +1,9 @@
-import { U as PaletteColor, nt as Theme } from "./index-B-1sp9oV.mjs";
+import { U as PaletteColor, nt as Theme } from "./index-nw0pvCoK.mjs";
 import { SpaceProps } from "@soroush.tech/styled-system";
 import { ChangeEvent, ReactNode } from "react";
-type CheckboxColor = PaletteColor;
-type CheckboxSize = keyof Theme['sizes'];
-interface CheckboxProps extends SpaceProps<Theme> {
+export type CheckboxColor = PaletteColor;
+export type CheckboxSize = keyof Theme['sizes'];
+export interface CheckboxProps extends SpaceProps<Theme> {
   /** Controlled checked state. */
   checked?: boolean;
   /** Initial checked state for uncontrolled usage. */
@@ -39,5 +39,4 @@ interface CheckboxProps extends SpaceProps<Theme> {
   'aria-describedby'?: string;
   'data-testid'?: string;
 }
-declare function Checkbox({ checked, defaultChecked, disabled: disabledProp, color: colorProp, textColor: textColorProp, size: sizeProp, fullWidth: fullWidthProp, indeterminate, icon, checkedIcon, onChange, id: idProp, required: requiredProp, name, value, children, className, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby, 'aria-describedby': ariaDescribedby, 'data-testid': dataTestid, ...spaceProps }: Readonly<CheckboxProps>): import("react").JSX.Element;
-export { Checkbox, CheckboxColor, CheckboxProps, CheckboxSize };
+export declare function Checkbox({ checked, defaultChecked, disabled: disabledProp, color: colorProp, textColor: textColorProp, size: sizeProp, fullWidth: fullWidthProp, indeterminate, icon, checkedIcon, onChange, id: idProp, required: requiredProp, name, value, children, className, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby, 'aria-describedby': ariaDescribedby, 'data-testid': dataTestid, ...spaceProps }: Readonly<CheckboxProps>): import("react").JSX.Element;

package/dist/Checkbox.mjs

@@ -1,6 +1,6 @@
-import { a as src_exports, i as props, o as styled, t as createShouldForwardProp } from "./src-B-rNjHIL.mjs";
-import { t as themeDefault } from "./themeDefault-BeZJzqJj.mjs";
 import { useFormControl } from "./FormControl.mjs";
+import { a as src_exports, i as props, o as styled, t as createShouldForwardProp } from "./src-BSo7bM2g.mjs";
+import { t as themeDefault } from "./themeDefault-BeZJzqJj.mjs";
 import { useEffect, useRef } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 // src/Checkbox/Checkbox.tsx

package/dist/Chip.cjs

@@ -1,10 +1,10 @@
 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_Icon = require("./Icon-C4QMiNHJ.cjs");
 const require_themeDefault = require("./themeDefault-DbPHBbNO.cjs");
-const require_Icon = require("./Icon-C5Iz5ekp.cjs");
 const require_getShapeRadius = require("./getShapeRadius-C2xXOKCl.cjs");
+const require_utils = require("./utils.cjs");
 let react_jsx_runtime = require("react/jsx-runtime");
 let _soroush_tech_styled_system_should_forward_prop = require("@soroush.tech/styled-system/should-forward-prop");
 // src/Chip/Chip.tsx