@soroush.tech/design-system 1.0.0 → 1.1.0

package/dist/{index-CYNgNatZ.d.mts → index-DjtGkwRM.d.cts}

@@ -1,5 +1,5 @@
-import { m as Theme } from "./themes-BTGww2YK.mjs";
-import { r as index_d_exports } from "./index-B66h9kbP.mjs";
+import { r as index_d_exports } from "./index-DLJ-li1B.cjs";
+import { h as Theme } from "./themes-CUV79qWU.cjs";
 import { CSSProperties, HTMLAttributes } from "react";
 //#region src/View/View.d.ts
 /** Valid values for the color prop — derived from theme.text keys. */
@@ -22,8 +22,6 @@ interface ViewProps extends Omit<HTMLAttributes<HTMLElement>, 'color'>, index_d_
   borderRadius?: ViewBorderRadiusToken;
   opacity?: number;
   cursor?: CSSProperties['cursor'];
-  /** CSS aspect-ratio for fixed-ratio surfaces (e.g. 16/9, 1). */
-  aspectRatio?: CSSProperties['aspectRatio'];
   /** CSS order for flex/grid item placement. Accepts responsive arrays. */
   order?: index_d_exports.FlexboxProps<Theme>['order'];
 }

package/dist/{index-DdFxl06Q.d.cts → index-Ds__py2h.d.mts}

@@ -1,5 +1,5 @@
-import "./index-BVX_Jq2G.cjs";
-import { m as Theme } from "./themes-BTGww2YK.cjs";
+import { h as Theme } from "./themes-CUV79qWU.mjs";
+import "./index-D8b5OCLe.mjs";
 import { KeyboardEvent, MouseEvent, ReactNode, Ref, RefCallback, SyntheticEvent } from "react";
 //#region src/Modal/useModal.d.ts
 type ModalCloseReason = 'escapeKey' | 'backdropClick';

package/dist/{index-HnvGdPCp.d.cts → index-KZUd8B5E.d.mts}

@@ -1,14 +1,12 @@
-import "./index-BVX_Jq2G.cjs";
-import { m as Theme } from "./themes-BTGww2YK.cjs";
-import { n as FlexProps } from "./index-DhcmRr8Q.cjs";
+import { h as Theme } from "./themes-CUV79qWU.mjs";
+import "./index-D8b5OCLe.mjs";
+import { n as FlexProps } from "./index-DEv2QslH.mjs";
 import { CSSProperties, ElementType } from "react";
 //#region src/Paper/Paper.d.ts
 type PaperElevation = 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24;
 interface PaperProps extends FlexProps {
   /** Shadow depth — 0 (flat) to 24 (highest). Resolves to theme.shadows[n]. Default: 1. */
   elevation?: PaperElevation;
-  /** CSS aspect-ratio for fixed-ratio surfaces (e.g. 16/9, 1). */
-  aspectRatio?: CSSProperties['aspectRatio'];
   /** CSS transition for surface animations (e.g. hover elevation change). */
   transition?: CSSProperties['transition'];
   /** Resolves against theme.border — light · primary · dark */

package/dist/{index-CJQXZ4hq.d.cts → index-MsUtFRul.d.cts}

@@ -1,4 +1,4 @@
-import { b as ThemeDefaults, m as Theme, y as ThemeComponents } from "./themes-BTGww2YK.cjs";
+import { b as ThemeComponents, h as Theme, x as ThemeDefaults } from "./themes-CUV79qWU.cjs";
 import { ComponentType, ReactNode } from "react";
 //#region src/theme/ThemeProvider.d.ts
 interface ThemeProviderProps {

package/dist/index-dtLxevvf.d.cts

@@ -0,0 +1,49 @@
+import { r as index_d_exports } from "./index-DLJ-li1B.cjs";
+import { d as PaletteColor, h as Theme } from "./themes-CUV79qWU.cjs";
+import { ButtonHTMLAttributes, ElementType } from "react";
+//#region src/Pressable/Pressable.d.ts
+/**
+ * Press feedback: `none` leaves the wrapped content untouched, `opacity` dims it
+ * while held, `highlight` tints the surface behind it while held.
+ */
+type PressableFeedback = 'none' | 'opacity' | 'highlight';
+type PressableColor = PaletteColor;
+interface PressableProps extends Omit<ButtonHTMLAttributes<HTMLElement>, 'color'>, index_d_exports.SpaceProps<Theme>, index_d_exports.LayoutProps<Theme>, index_d_exports.BorderProps<Theme>, index_d_exports.TypographyProps<Theme> {
+  /**
+   * Element to render. Default: `'div'` — which still behaves as a button
+   * (`role`, tab stop, Enter/Space) because a `<button>` may not legally contain
+   * links, buttons, or block-level content. Pass `'button'` for a native button
+   * when the content is phrasing-only, or any other tag you need.
+   */
+  as?: ElementType;
+  /** Feedback shown while pressed. Default: `'none'`, overridable via `theme.components.Pressable.defaultProps`. */
+  feedback?: PressableFeedback;
+  /** Palette the `highlight` tint derives from — maps to `theme.palette[color]`. Default: `'primary'`, overridable via `theme.defaults.color`. */
+  color?: PressableColor;
+  /** Opacity held content fades to under `feedback="opacity"`. Default: `0.7`. */
+  activeOpacity?: number;
+  /** The URL to link to. If defined and `as` is unset, an `a` element is used. */
+  href?: string;
+  /** Anchor `target` — only meaningful when `href` is set. */
+  target?: string;
+  /** Anchor `rel` — only meaningful when `href` is set. */
+  rel?: string;
+}
+/**
+ * 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
+ * `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.
+ *
+ * `feedback` picks what happens while it is held: nothing (default), the content
+ * dims, or the surface tints.
+ */
+declare function Pressable({ as, feedback, color, activeOpacity, href, type, disabled, onClick, onKeyDown, onKeyUp, ...rest }: Readonly<PressableProps>): import("react").JSX.Element;
+//#endregion
+export { PressableProps as i, PressableColor as n, PressableFeedback as r, Pressable as t };

package/dist/{index-B8FOqBiS.d.cts → index-q6EgsH9R.d.mts}

@@ -1,5 +1,5 @@
-import { r as index_d_exports } from "./index-BVX_Jq2G.cjs";
-import { m as Theme } from "./themes-BTGww2YK.cjs";
+import { h as Theme } from "./themes-CUV79qWU.mjs";
+import { r as index_d_exports } from "./index-D8b5OCLe.mjs";
 import { CSSProperties, HTMLAttributes } from "react";
 //#region src/View/View.d.ts
 /** Valid values for the color prop — derived from theme.text keys. */
@@ -22,8 +22,6 @@ interface ViewProps extends Omit<HTMLAttributes<HTMLElement>, 'color'>, index_d_
   borderRadius?: ViewBorderRadiusToken;
   opacity?: number;
   cursor?: CSSProperties['cursor'];
-  /** CSS aspect-ratio for fixed-ratio surfaces (e.g. 16/9, 1). */
-  aspectRatio?: CSSProperties['aspectRatio'];
   /** CSS order for flex/grid item placement. Accepts responsive arrays. */
   order?: index_d_exports.FlexboxProps<Theme>['order'];
 }

package/dist/{index-BahGB82c.d.cts → index-v99yMdts.d.cts}

@@ -1,6 +1,6 @@
-import { r as index_d_exports } from "./index-BVX_Jq2G.cjs";
-import { m as Theme } from "./themes-BTGww2YK.cjs";
-import { n as IconProps, r as IconName } from "./index-DN7IvJeV.cjs";
+import { r as index_d_exports } from "./index-DLJ-li1B.cjs";
+import { h as Theme } from "./themes-CUV79qWU.cjs";
+import { n as IconProps, r as IconName } from "./index-CA_X-mXg.cjs";
 import { ButtonHTMLAttributes } from "react";
 //#region src/Table/TableSortLabel/TableSortLabel.d.ts
 type TableSortLabelDirection = 'asc' | 'desc';

package/dist/{index-BGWm4HKR.d.cts → index-yr4HkKOj.d.cts}

@@ -1,5 +1,5 @@
-import { r as index_d_exports } from "./index-BVX_Jq2G.cjs";
-import { d as PaletteColor, m as Theme } from "./themes-BTGww2YK.cjs";
+import { r as index_d_exports } from "./index-DLJ-li1B.cjs";
+import { d as PaletteColor, h as Theme } from "./themes-CUV79qWU.cjs";
 import { ButtonHTMLAttributes, ElementType, ReactNode } from "react";
 //#region src/Pagination/hooks/usePagination.d.ts
 type PaginationItemType = 'page' | 'first' | 'previous' | 'next' | 'last' | 'start-ellipsis' | 'end-ellipsis';

package/dist/{index-BJcHQUga.d.mts → index-zFYi0f1t.d.cts}

@@ -1,13 +1,10 @@
-import { m as Theme } from "./themes-BTGww2YK.mjs";
-import { r as index_d_exports } from "./index-B66h9kbP.mjs";
-import { s as ViewProps } from "./index-CYNgNatZ.mjs";
+import { r as index_d_exports } from "./index-DLJ-li1B.cjs";
+import { h as Theme } from "./themes-CUV79qWU.cjs";
+import { s as ViewProps } from "./index-DjtGkwRM.cjs";
 //#region src/Flex/Flex.d.ts
 /** Valid values for the gap prop — derived from theme.space keys. */
 type GapToken = keyof Theme['space'];
-interface FlexProps extends ViewProps, index_d_exports.FlexboxProps<Theme> {
-  /** Resolves against theme.space — maps to CSS gap. Accepts responsive arrays. */
-  gap?: index_d_exports.ResponsiveValue<GapToken>;
-}
+interface FlexProps extends ViewProps, index_d_exports.FlexboxProps<Theme> {}
 declare const Flex: import("@emotion/styled").StyledComponent<{
   theme?: Theme;
   as?: React.ElementType;

package/dist/index.d.cts

@@ -1,4 +1,4 @@
-import { a as props, i as keyframes, n as css, o as ThemeCustomizationOptions, s as styled, t as createShouldForwardProp } from "./index-BVX_Jq2G.cjs";
-import { d as PaletteColor, m as Theme, r as CSSObject } from "./themes-BTGww2YK.cjs";
+import { a as props, i as keyframes, n as css, o as ThemeCustomizationOptions, s as styled, t as createShouldForwardProp } from "./index-DLJ-li1B.cjs";
+import { d as PaletteColor, h as Theme, r as CSSObject } from "./themes-CUV79qWU.cjs";
 export * from "@soroush.tech/styled-system";
 export { type CSSObject, type PaletteColor, type Theme, type ThemeCustomizationOptions, createShouldForwardProp, css, keyframes, props, styled };

package/dist/index.d.mts

@@ -1,4 +1,4 @@
-import { d as PaletteColor, m as Theme, r as CSSObject } from "./themes-BTGww2YK.mjs";
-import { a as props, i as keyframes, n as css, o as ThemeCustomizationOptions, s as styled, t as createShouldForwardProp } from "./index-B66h9kbP.mjs";
+import { d as PaletteColor, h as Theme, r as CSSObject } from "./themes-CUV79qWU.mjs";
+import { a as props, i as keyframes, n as css, o as ThemeCustomizationOptions, s as styled, t as createShouldForwardProp } from "./index-D8b5OCLe.mjs";
 export * from "@soroush.tech/styled-system";
 export { type CSSObject, type PaletteColor, type Theme, type ThemeCustomizationOptions, createShouldForwardProp, css, keyframes, props, styled };

package/dist/style.d.cts

@@ -1,5 +1,5 @@
-import { m as Theme, r as CSSObject } from "./themes-BTGww2YK.cjs";
-import "./index-CJQXZ4hq.cjs";
+import { h as Theme, r as CSSObject } from "./themes-CUV79qWU.cjs";
+import "./index-MsUtFRul.cjs";
 import { ComponentType, ReactNode } from "react";
 //#region src/style/hooks/useStyle.d.ts
 type StyleFactory = {

package/dist/style.d.mts

@@ -1,5 +1,5 @@
-import { m as Theme, r as CSSObject } from "./themes-BTGww2YK.mjs";
-import "./index-0J6U39Rl.mjs";
+import { h as Theme, r as CSSObject } from "./themes-CUV79qWU.mjs";
+import "./index-BoOs5h_b.mjs";
 import { ComponentType, ReactNode } from "react";
 //#region src/style/hooks/useStyle.d.ts
 type StyleFactory = {

package/dist/theme.d.cts

@@ -1,3 +1,3 @@
-import { $ as ThemeOverride, A as ThemeSkeleton, B as borderWidths, C as ThemeIconSizes, D as ThemeRadii, E as ThemePalette, F as ThemeZOrder, G as letterSpacings, H as fontWeights, I as TypographyVariant, J as sizes, K as lineHeights, L as TypographyVariantStyle, M as ThemeSwitch, N as ThemeText, O as ThemeShadow, P as ThemeTypographyVariants, Q as DeepPartial, R as avatar, S as ThemeFonts, T as ThemeLineHeights, U as fonts, V as fontSizes, W as icon, X as typography, Y as space, Z as zOrder, _ as ThemeBorder, a as CardSlotIconProps, b as ThemeDefaults, c as ComponentStyle, d as PaletteColor, et as createTheme, f as PaletteEntry, g as ThemeBackground, h as ThemeAvatarSizes, i as CardOwnerState, j as ThemeSpace, k as ThemeSizes, l as ComponentVariant, m as Theme, n as ButtonVariants, o as CardSlotTypographyProps, p as SizeEntry, q as radii, r as CSSObject, s as ComponentConfig, t as ButtonOwnerState, u as OpenScale, v as ThemeBorderWidths, w as ThemeLetterSpacings, x as ThemeFontWeights, y as ThemeComponents, z as baseTheme } from "./themes-BTGww2YK.cjs";
-import { a as ThemeProvider, i as themeDefault, n as useDefaultProps, r as useTheme, t as withTheme } from "./index-CJQXZ4hq.cjs";
-export { ButtonOwnerState, ButtonVariants, CSSObject, CardOwnerState, CardSlotIconProps, CardSlotTypographyProps, ComponentConfig, ComponentStyle, ComponentVariant, type DeepPartial, OpenScale, PaletteColor, PaletteEntry, SizeEntry, Theme, ThemeAvatarSizes, ThemeBackground, ThemeBorder, ThemeBorderWidths, ThemeComponents, ThemeDefaults, ThemeFontWeights, ThemeFonts, ThemeIconSizes, ThemeLetterSpacings, ThemeLineHeights, type ThemeOverride, ThemePalette, ThemeProvider, ThemeRadii, ThemeShadow, ThemeSizes, ThemeSkeleton, ThemeSpace, ThemeSwitch, ThemeText, ThemeTypographyVariants, ThemeZOrder, TypographyVariant, TypographyVariantStyle, avatar, baseTheme, borderWidths, createTheme, fontSizes, fontWeights, fonts, icon, letterSpacings, lineHeights, radii, sizes, space, themeDefault, typography, useDefaultProps, useTheme, withTheme, zOrder };
+import { $ as DeepPartial, A as ThemeSizes, B as baseTheme, C as ThemeFonts, D as ThemePalette, E as ThemeLineHeights, F as ThemeTypographyVariants, G as icon, H as fontSizes, I as ThemeZOrder, J as radii, K as letterSpacings, L as TypographyVariant, M as ThemeSpace, N as ThemeSwitch, O as ThemeRadii, P as ThemeText, Q as zOrder, R as TypographyVariantStyle, S as ThemeFontWeights, T as ThemeLetterSpacings, U as fontWeights, V as borderWidths, W as fonts, X as space, Y as sizes, Z as typography, _ as ThemeBackground, a as CardSlotIconProps, b as ThemeComponents, c as ComponentStyle, d as PaletteColor, et as ThemeOverride, f as PaletteEntry, g as ThemeAvatarSizes, h as Theme, i as CardOwnerState, j as ThemeSkeleton, k as ThemeShadow, l as ComponentVariant, m as SizeEntry, n as ButtonVariants, o as CardSlotTypographyProps, p as PressableOwnerState, q as lineHeights, r as CSSObject, s as ComponentConfig, t as ButtonOwnerState, tt as createTheme, u as OpenScale, v as ThemeBorder, w as ThemeIconSizes, x as ThemeDefaults, y as ThemeBorderWidths, z as avatar } from "./themes-CUV79qWU.cjs";
+import { a as ThemeProvider, i as themeDefault, n as useDefaultProps, r as useTheme, t as withTheme } from "./index-MsUtFRul.cjs";
+export { ButtonOwnerState, ButtonVariants, CSSObject, CardOwnerState, CardSlotIconProps, CardSlotTypographyProps, ComponentConfig, ComponentStyle, ComponentVariant, type DeepPartial, OpenScale, PaletteColor, PaletteEntry, PressableOwnerState, SizeEntry, Theme, ThemeAvatarSizes, ThemeBackground, ThemeBorder, ThemeBorderWidths, ThemeComponents, ThemeDefaults, ThemeFontWeights, ThemeFonts, ThemeIconSizes, ThemeLetterSpacings, ThemeLineHeights, type ThemeOverride, ThemePalette, ThemeProvider, ThemeRadii, ThemeShadow, ThemeSizes, ThemeSkeleton, ThemeSpace, ThemeSwitch, ThemeText, ThemeTypographyVariants, ThemeZOrder, TypographyVariant, TypographyVariantStyle, avatar, baseTheme, borderWidths, createTheme, fontSizes, fontWeights, fonts, icon, letterSpacings, lineHeights, radii, sizes, space, themeDefault, typography, useDefaultProps, useTheme, withTheme, zOrder };

package/dist/theme.d.mts

@@ -1,3 +1,3 @@
-import { $ as ThemeOverride, A as ThemeSkeleton, B as borderWidths, C as ThemeIconSizes, D as ThemeRadii, E as ThemePalette, F as ThemeZOrder, G as letterSpacings, H as fontWeights, I as TypographyVariant, J as sizes, K as lineHeights, L as TypographyVariantStyle, M as ThemeSwitch, N as ThemeText, O as ThemeShadow, P as ThemeTypographyVariants, Q as DeepPartial, R as avatar, S as ThemeFonts, T as ThemeLineHeights, U as fonts, V as fontSizes, W as icon, X as typography, Y as space, Z as zOrder, _ as ThemeBorder, a as CardSlotIconProps, b as ThemeDefaults, c as ComponentStyle, d as PaletteColor, et as createTheme, f as PaletteEntry, g as ThemeBackground, h as ThemeAvatarSizes, i as CardOwnerState, j as ThemeSpace, k as ThemeSizes, l as ComponentVariant, m as Theme, n as ButtonVariants, o as CardSlotTypographyProps, p as SizeEntry, q as radii, r as CSSObject, s as ComponentConfig, t as ButtonOwnerState, u as OpenScale, v as ThemeBorderWidths, w as ThemeLetterSpacings, x as ThemeFontWeights, y as ThemeComponents, z as baseTheme } from "./themes-BTGww2YK.mjs";
-import { a as ThemeProvider, i as themeDefault, n as useDefaultProps, r as useTheme, t as withTheme } from "./index-0J6U39Rl.mjs";
-export { ButtonOwnerState, ButtonVariants, CSSObject, CardOwnerState, CardSlotIconProps, CardSlotTypographyProps, ComponentConfig, ComponentStyle, ComponentVariant, type DeepPartial, OpenScale, PaletteColor, PaletteEntry, SizeEntry, Theme, ThemeAvatarSizes, ThemeBackground, ThemeBorder, ThemeBorderWidths, ThemeComponents, ThemeDefaults, ThemeFontWeights, ThemeFonts, ThemeIconSizes, ThemeLetterSpacings, ThemeLineHeights, type ThemeOverride, ThemePalette, ThemeProvider, ThemeRadii, ThemeShadow, ThemeSizes, ThemeSkeleton, ThemeSpace, ThemeSwitch, ThemeText, ThemeTypographyVariants, ThemeZOrder, TypographyVariant, TypographyVariantStyle, avatar, baseTheme, borderWidths, createTheme, fontSizes, fontWeights, fonts, icon, letterSpacings, lineHeights, radii, sizes, space, themeDefault, typography, useDefaultProps, useTheme, withTheme, zOrder };
+import { $ as DeepPartial, A as ThemeSizes, B as baseTheme, C as ThemeFonts, D as ThemePalette, E as ThemeLineHeights, F as ThemeTypographyVariants, G as icon, H as fontSizes, I as ThemeZOrder, J as radii, K as letterSpacings, L as TypographyVariant, M as ThemeSpace, N as ThemeSwitch, O as ThemeRadii, P as ThemeText, Q as zOrder, R as TypographyVariantStyle, S as ThemeFontWeights, T as ThemeLetterSpacings, U as fontWeights, V as borderWidths, W as fonts, X as space, Y as sizes, Z as typography, _ as ThemeBackground, a as CardSlotIconProps, b as ThemeComponents, c as ComponentStyle, d as PaletteColor, et as ThemeOverride, f as PaletteEntry, g as ThemeAvatarSizes, h as Theme, i as CardOwnerState, j as ThemeSkeleton, k as ThemeShadow, l as ComponentVariant, m as SizeEntry, n as ButtonVariants, o as CardSlotTypographyProps, p as PressableOwnerState, q as lineHeights, r as CSSObject, s as ComponentConfig, t as ButtonOwnerState, tt as createTheme, u as OpenScale, v as ThemeBorder, w as ThemeIconSizes, x as ThemeDefaults, y as ThemeBorderWidths, z as avatar } from "./themes-CUV79qWU.mjs";
+import { a as ThemeProvider, i as themeDefault, n as useDefaultProps, r as useTheme, t as withTheme } from "./index-BoOs5h_b.mjs";
+export { ButtonOwnerState, ButtonVariants, CSSObject, CardOwnerState, CardSlotIconProps, CardSlotTypographyProps, ComponentConfig, ComponentStyle, ComponentVariant, type DeepPartial, OpenScale, PaletteColor, PaletteEntry, PressableOwnerState, SizeEntry, Theme, ThemeAvatarSizes, ThemeBackground, ThemeBorder, ThemeBorderWidths, ThemeComponents, ThemeDefaults, ThemeFontWeights, ThemeFonts, ThemeIconSizes, ThemeLetterSpacings, ThemeLineHeights, type ThemeOverride, ThemePalette, ThemeProvider, ThemeRadii, ThemeShadow, ThemeSizes, ThemeSkeleton, ThemeSpace, ThemeSwitch, ThemeText, ThemeTypographyVariants, ThemeZOrder, TypographyVariant, TypographyVariantStyle, avatar, baseTheme, borderWidths, createTheme, fontSizes, fontWeights, fonts, icon, letterSpacings, lineHeights, radii, sizes, space, themeDefault, typography, useDefaultProps, useTheme, withTheme, zOrder };

package/dist/{themes-BTGww2YK.d.cts → themes-CUV79qWU.d.cts}

@@ -326,6 +326,18 @@ interface CardOwnerState {
   /** Merged under any per-instance `iconProps` (instance wins). */
   iconProps?: CardSlotIconProps;
 }
+/**
+ * Pressable's resolved props / theme-settable defaults. Only the three keys it
+ * actually resolves through `useDefaultProps` — the disabled state reaches the
+ * styled root as `isDisabled` and is never read from here, so exposing it would
+ * promise theme authors an override that does nothing.
+ */
+interface PressableOwnerState {
+  feedback?: 'none' | 'opacity' | 'highlight';
+  color?: keyof ThemePalette;
+  /** Opacity held content fades to under `feedback: 'opacity'`. */
+  activeOpacity?: number;
+}
 /**
  * Per-component theme customization, keyed by component name. Augment this
  * interface to register additional components (including your own, when their
@@ -359,9 +371,12 @@ interface ThemeComponents {
   PaginationItem?: ComponentConfig<Record<string, unknown>, 'root' | 'ellipsis'>;
   Paper?: ComponentConfig;
   Popover?: ComponentConfig<Record<string, unknown>, 'root' | 'positioner'>;
+  Pressable?: ComponentConfig<PressableOwnerState>;
   Quote?: ComponentConfig;
   Radio?: ComponentConfig<Record<string, unknown>, 'root' | 'input' | 'icon'>;
   Select?: ComponentConfig<Record<string, unknown>, 'root' | 'value' | 'valueArea' | 'valueGhost' | 'listbox'>;
+  Sidebar?: ComponentConfig<Record<string, unknown>, 'root' | 'rail' | 'panel'>;
+  SidebarItem?: ComponentConfig;
   Skeleton?: ComponentConfig<Record<string, unknown>, 'root' | 'content'>;
   Switch?: ComponentConfig<Record<string, unknown>, 'root' | 'input' | 'track' | 'thumb'>;
   Table?: ComponentConfig;
@@ -485,4 +500,4 @@ declare const typography: ThemeTypographyVariants;
  */
 declare const baseTheme: Theme;
 //#endregion
-export { ThemeOverride as $, ThemeSkeleton as A, borderWidths as B, ThemeIconSizes as C, ThemeRadii as D, ThemePalette as E, ThemeZOrder as F, letterSpacings as G, fontWeights as H, TypographyVariant as I, sizes as J, lineHeights as K, TypographyVariantStyle as L, ThemeSwitch as M, ThemeText as N, ThemeShadow as O, ThemeTypographyVariants as P, DeepPartial as Q, avatar as R, ThemeFonts as S, ThemeLineHeights as T, fonts as U, fontSizes as V, icon as W, typography as X, space as Y, zOrder as Z, ThemeBorder as _, CardSlotIconProps as a, ThemeDefaults as b, ComponentStyle as c, PaletteColor as d, createTheme as et, PaletteEntry as f, ThemeBackground as g, ThemeAvatarSizes as h, CardOwnerState as i, ThemeSpace as j, ThemeSizes as k, ComponentVariant as l, Theme as m, ButtonVariants as n, CardSlotTypographyProps as o, SizeEntry as p, radii as q, CSSObject$1 as r, ComponentConfig as s, ButtonOwnerState as t, OpenScale as u, ThemeBorderWidths as v, ThemeLetterSpacings as w, ThemeFontWeights as x, ThemeComponents as y, baseTheme as z };
+export { DeepPartial as $, ThemeSizes as A, baseTheme as B, ThemeFonts as C, ThemePalette as D, ThemeLineHeights as E, ThemeTypographyVariants as F, icon as G, fontSizes as H, ThemeZOrder as I, radii as J, letterSpacings as K, TypographyVariant as L, ThemeSpace as M, ThemeSwitch as N, ThemeRadii as O, ThemeText as P, zOrder as Q, TypographyVariantStyle as R, ThemeFontWeights as S, ThemeLetterSpacings as T, fontWeights as U, borderWidths as V, fonts as W, space as X, sizes as Y, typography as Z, ThemeBackground as _, CardSlotIconProps as a, ThemeComponents as b, ComponentStyle as c, PaletteColor as d, ThemeOverride as et, PaletteEntry as f, ThemeAvatarSizes as g, Theme as h, CardOwnerState as i, ThemeSkeleton as j, ThemeShadow as k, ComponentVariant as l, SizeEntry as m, ButtonVariants as n, CardSlotTypographyProps as o, PressableOwnerState as p, lineHeights as q, CSSObject$1 as r, ComponentConfig as s, ButtonOwnerState as t, createTheme as tt, OpenScale as u, ThemeBorder as v, ThemeIconSizes as w, ThemeDefaults as x, ThemeBorderWidths as y, avatar as z };

package/dist/{themes-BTGww2YK.d.mts → themes-CUV79qWU.d.mts}

@@ -326,6 +326,18 @@ interface CardOwnerState {
   /** Merged under any per-instance `iconProps` (instance wins). */
   iconProps?: CardSlotIconProps;
 }
+/**
+ * Pressable's resolved props / theme-settable defaults. Only the three keys it
+ * actually resolves through `useDefaultProps` — the disabled state reaches the
+ * styled root as `isDisabled` and is never read from here, so exposing it would
+ * promise theme authors an override that does nothing.
+ */
+interface PressableOwnerState {
+  feedback?: 'none' | 'opacity' | 'highlight';
+  color?: keyof ThemePalette;
+  /** Opacity held content fades to under `feedback: 'opacity'`. */
+  activeOpacity?: number;
+}
 /**
  * Per-component theme customization, keyed by component name. Augment this
  * interface to register additional components (including your own, when their
@@ -359,9 +371,12 @@ interface ThemeComponents {
   PaginationItem?: ComponentConfig<Record<string, unknown>, 'root' | 'ellipsis'>;
   Paper?: ComponentConfig;
   Popover?: ComponentConfig<Record<string, unknown>, 'root' | 'positioner'>;
+  Pressable?: ComponentConfig<PressableOwnerState>;
   Quote?: ComponentConfig;
   Radio?: ComponentConfig<Record<string, unknown>, 'root' | 'input' | 'icon'>;
   Select?: ComponentConfig<Record<string, unknown>, 'root' | 'value' | 'valueArea' | 'valueGhost' | 'listbox'>;
+  Sidebar?: ComponentConfig<Record<string, unknown>, 'root' | 'rail' | 'panel'>;
+  SidebarItem?: ComponentConfig;
   Skeleton?: ComponentConfig<Record<string, unknown>, 'root' | 'content'>;
   Switch?: ComponentConfig<Record<string, unknown>, 'root' | 'input' | 'track' | 'thumb'>;
   Table?: ComponentConfig;
@@ -485,4 +500,4 @@ declare const typography: ThemeTypographyVariants;
  */
 declare const baseTheme: Theme;
 //#endregion
-export { ThemeOverride as $, ThemeSkeleton as A, borderWidths as B, ThemeIconSizes as C, ThemeRadii as D, ThemePalette as E, ThemeZOrder as F, letterSpacings as G, fontWeights as H, TypographyVariant as I, sizes as J, lineHeights as K, TypographyVariantStyle as L, ThemeSwitch as M, ThemeText as N, ThemeShadow as O, ThemeTypographyVariants as P, DeepPartial as Q, avatar as R, ThemeFonts as S, ThemeLineHeights as T, fonts as U, fontSizes as V, icon as W, typography as X, space as Y, zOrder as Z, ThemeBorder as _, CardSlotIconProps as a, ThemeDefaults as b, ComponentStyle as c, PaletteColor as d, createTheme as et, PaletteEntry as f, ThemeBackground as g, ThemeAvatarSizes as h, CardOwnerState as i, ThemeSpace as j, ThemeSizes as k, ComponentVariant as l, Theme as m, ButtonVariants as n, CardSlotTypographyProps as o, SizeEntry as p, radii as q, CSSObject$1 as r, ComponentConfig as s, ButtonOwnerState as t, OpenScale as u, ThemeBorderWidths as v, ThemeLetterSpacings as w, ThemeFontWeights as x, ThemeComponents as y, baseTheme as z };
+export { DeepPartial as $, ThemeSizes as A, baseTheme as B, ThemeFonts as C, ThemePalette as D, ThemeLineHeights as E, ThemeTypographyVariants as F, icon as G, fontSizes as H, ThemeZOrder as I, radii as J, letterSpacings as K, TypographyVariant as L, ThemeSpace as M, ThemeSwitch as N, ThemeRadii as O, ThemeText as P, zOrder as Q, TypographyVariantStyle as R, ThemeFontWeights as S, ThemeLetterSpacings as T, fontWeights as U, borderWidths as V, fonts as W, space as X, sizes as Y, typography as Z, ThemeBackground as _, CardSlotIconProps as a, ThemeComponents as b, ComponentStyle as c, PaletteColor as d, ThemeOverride as et, PaletteEntry as f, ThemeAvatarSizes as g, Theme as h, CardOwnerState as i, ThemeSkeleton as j, ThemeShadow as k, ComponentVariant as l, SizeEntry as m, ButtonVariants as n, CardSlotTypographyProps as o, PressableOwnerState as p, lineHeights as q, CSSObject$1 as r, ComponentConfig as s, ButtonOwnerState as t, createTheme as tt, OpenScale as u, ThemeBorder as v, ThemeIconSizes as w, ThemeDefaults as x, ThemeBorderWidths as y, avatar as z };

package/dist/{useTablePagination-D6T-fQFc.d.mts → useTablePagination-7jiSvKCh.d.cts}

@@ -1,4 +1,4 @@
-import { n as TableSortLabelDirection } from "./index-BGzs2cKy.mjs";
+import { n as TableSortLabelDirection } from "./index-v99yMdts.cjs";
 //#region src/Table/hooks/useTableSort.d.ts
 /** One column's sort state — spreads directly onto `TableSortLabel`. */
 interface TableSortEntry {

package/dist/{useTablePagination-_94Wrvj9.d.cts → useTablePagination-HaIcJPv-.d.mts}

@@ -1,4 +1,4 @@
-import { n as TableSortLabelDirection } from "./index-BahGB82c.cjs";
+import { n as TableSortLabelDirection } from "./index-BItZoGZ1.mjs";
 //#region src/Table/hooks/useTableSort.d.ts
 /** One column's sort state — spreads directly onto `TableSortLabel`. */
 interface TableSortEntry {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@soroush.tech/design-system",
-  "version": "1.0.0",
+  "version": "1.1.0",
   "description": "Emotion + @soroush.tech/styled-system React component library — token-driven light/dark themes, layout primitives, forms, and overlays.",
   "keywords": [
     "design-system",
@@ -308,6 +308,16 @@
         "default": "./dist/Portal.cjs"
       }
     },
+    "./Pressable": {
+      "import": {
+        "types": "./dist/Pressable.d.mts",
+        "default": "./dist/Pressable.mjs"
+      },
+      "require": {
+        "types": "./dist/Pressable.d.cts",
+        "default": "./dist/Pressable.cjs"
+      }
+    },
     "./Quote": {
       "import": {
         "types": "./dist/Quote.d.mts",
@@ -338,6 +348,16 @@
         "default": "./dist/Select.cjs"
       }
     },
+    "./Sidebar": {
+      "import": {
+        "types": "./dist/Sidebar.d.mts",
+        "default": "./dist/Sidebar.mjs"
+      },
+      "require": {
+        "types": "./dist/Sidebar.d.cts",
+        "default": "./dist/Sidebar.cjs"
+      }
+    },
     "./Skeleton": {
       "import": {
         "types": "./dist/Skeleton.d.mts",
@@ -457,7 +477,7 @@
     "@emotion/cache": "^11.14.0",
     "@emotion/react": "^11.14.0",
     "@emotion/styled": "^11.14.1",
-    "@soroush.tech/styled-system": "^5.7.1"
+    "@soroush.tech/styled-system": "^5.8.0"
   },
   "peerDependencies": {
     "react": "^19.0.0",