@soroush.tech/design-system 0.1.0

package/dist/index-DBGE6yKw.d.mts

@@ -0,0 +1,16 @@
+import { s as ViewProps } from "./index-pX7tBQdJ.mjs";
+//#region src/Table/TableContainer/TableContainer.d.ts
+type TableContainerProps = ViewProps;
+/**
+ * Scroll wrapper for `Table` — wide tables scroll horizontally inside it
+ * instead of breaking the page layout. Give it a bounded height to make
+ * `Table`'s `hasStickyHeader` stick.
+ */
+declare const TableContainer: import("@emotion/styled").StyledComponent<Pick<{
+  theme?: import("@emotion/react").Theme;
+  as?: React.ElementType;
+} & ViewProps & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, "p" | "slot" | "style" | "title" | "ref" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "hidden" | "id" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "content" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "popover" | "popoverTargetAction" | "popoverTarget" | "inert" | "inputMode" | "is" | "exportparts" | "part" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onScrollEnd" | "onScrollEndCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onToggle" | "onBeforeToggle" | "onTransitionCancel" | "onTransitionCancelCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "onTransitionRun" | "onTransitionRunCapture" | "onTransitionStart" | "onTransitionStartCapture" | "aspectRatio" | "borderBottomColor" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomStyle" | "borderBottomWidth" | "borderLeftColor" | "borderLeftStyle" | "borderLeftWidth" | "borderRightColor" | "borderRightStyle" | "borderRightWidth" | "borderTopColor" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopStyle" | "borderTopWidth" | "bottom" | "cursor" | "display" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "height" | "left" | "letterSpacing" | "lineHeight" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "opacity" | "order" | "overflowX" | "overflowY" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "textAlign" | "textAlignLast" | "textDecorationColor" | "textDecorationLine" | "textDecorationStyle" | "textDecorationThickness" | "textTransform" | "top" | "verticalAlign" | "width" | "zIndex" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderStyle" | "borderTop" | "borderWidth" | "margin" | "overflow" | "padding" | "textDecoration" | "borderX" | "borderY" | "theme" | "as" | "bg" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "size"> & {
+  theme?: import("@emotion/react").Theme;
+} & ViewProps, {}, {}>;
+//#endregion
+export { TableContainerProps as n, TableContainer as t };

package/dist/index-DCQ2fsDu.d.mts

@@ -0,0 +1,40 @@
+import "./useTableSort-CpDs4cGq.mjs";
+//#region src/Table/hooks/useTableSelection.d.ts
+/** Header select-all state — spreads directly onto `Checkbox`. */
+interface TableSelectionAllProps {
+  checked: boolean;
+  indeterminate: boolean;
+  /** All selected → clears; otherwise selects every key. */
+  onChange: () => void;
+}
+/** One row's selection state — spreads directly onto `Checkbox`. */
+interface TableSelectionRowProps {
+  checked: boolean;
+  /** Toggles this key in and out of the selection. */
+  onChange: () => void;
+}
+interface TableSelection<K extends string | number> {
+  /** Currently selected keys. */
+  selected: K[];
+  isSelected: (key: K) => boolean;
+  /** Spread onto the header select-all `Checkbox`. */
+  all: TableSelectionAllProps;
+  /** Spread onto a row's `Checkbox`. */
+  row: (key: K) => TableSelectionRowProps;
+  clear: () => void;
+}
+/**
+ * Key-based row selection that survives paging and re-sorting — selection is
+ * stored as row identities, and the select-all/indeterminate state is computed
+ * against the full `keys` list rather than the visible slice.
+ *
+ * ```tsx
+ * const selection = useTableSelection(services.map((s) => s.service))
+ * <Checkbox {...selection.all} aria-label="Select all" />
+ * <Checkbox {...selection.row(row.service)} aria-label={`Select ${row.service}`} />
+ * <TableRow isSelected={selection.isSelected(row.service)}>…</TableRow>
+ * ```
+ */
+declare function useTableSelection<K extends string | number>(keys: readonly K[], onChange?: (selected: K[]) => void): TableSelection<K>;
+//#endregion
+export { useTableSelection as i, TableSelectionAllProps as n, TableSelectionRowProps as r, TableSelection as t };

package/dist/index-DD2AVtiR.d.cts

@@ -0,0 +1,16 @@
+import { l as index_d_exports, o as Theme } from "./index-Bihpwn75.cjs";
+import { CSSProperties, ImgHTMLAttributes } from "react";
+//#region src/Image/Image.d.ts
+interface ImageProps extends Omit<ImgHTMLAttributes<HTMLImageElement>, 'height' | 'width' | 'color'>, index_d_exports.LayoutProps, index_d_exports.SpaceProps, index_d_exports.BackgroundProps, index_d_exports.PositionProps {
+  /** Fallback image URL tried when src (or srcSet) fails to load. */
+  fallback?: string;
+  objectFit?: CSSProperties['objectFit'];
+  objectPosition?: CSSProperties['objectPosition'];
+  /** Corner radius — resolves against `theme.radii`. */
+  borderRadius?: keyof Theme['radii'];
+  /** Called once when all image sources are exhausted. */
+  onError?: () => void;
+}
+declare function Image({ src, srcSet, fallback, alt, onError, ...rest }: Readonly<ImageProps>): import("react").JSX.Element;
+//#endregion
+export { ImageProps as n, Image as t };

package/dist/index-DE5PtzPn.d.mts

@@ -0,0 +1,27 @@
+import { l as index_d_exports, o as Theme } from "./index-Dm9HfgV6.mjs";
+import { F as TypographyVariant } from "./themes-D1SAp3SL.mjs";
+import { CSSProperties, ElementType, HTMLAttributes } from "react";
+//#region src/Typography/Typography.d.ts
+type TypographyAlign = 'left' | 'right' | 'center' | 'justify' | 'inherit';
+/** Valid values for the color prop — derived from theme.text keys. */
+type TextColorToken = keyof Theme['text'];
+/** Valid values for the bg prop — derived from theme.background keys. */
+type BackgroundToken = keyof Theme['background'];
+interface TypographyProps extends Omit<HTMLAttributes<HTMLElement>, 'color'>, index_d_exports.SpaceProps<Theme>, index_d_exports.LayoutProps<Theme>, index_d_exports.TypographyProps<Theme>, index_d_exports.FlexboxProps<Theme>, index_d_exports.BorderProps<Theme>, index_d_exports.PositionProps<Theme> {
+  /** Resolves against theme.text — inherit · initial · primary · secondary · error · success */
+  color?: TextColorToken;
+  /** Resolves against theme.background */
+  bg?: BackgroundToken;
+  opacity?: number;
+  textTransform?: CSSProperties['textTransform'];
+  variant?: TypographyVariant;
+  align?: TypographyAlign;
+  gutterBottom?: boolean;
+  noWrap?: boolean;
+  /** Machine-readable timestamp — forwarded when rendering as `<time>` (`as="time"`). */
+  dateTime?: string;
+  as?: ElementType;
+}
+declare function Typography({ variant, as, ...rest }: Readonly<TypographyProps>): import("react").JSX.Element;
+//#endregion
+export { TypographyProps as a, TypographyAlign as i, TextColorToken as n, Typography as r, BackgroundToken as t };

package/dist/index-DOPXpr2J.d.cts

@@ -0,0 +1,43 @@
+import { l as index_d_exports, o as Theme } from "./index-Bihpwn75.cjs";
+import { l as PaletteColor } from "./themes-D81JYbqm.cjs";
+import { ChangeEvent, ReactNode } from "react";
+//#region src/Checkbox/Checkbox.d.ts
+type CheckboxColor = PaletteColor;
+type CheckboxSize = keyof Theme['sizes'];
+interface CheckboxProps extends index_d_exports.SpaceProps<Theme> {
+  /** Controlled checked state. */
+  checked?: boolean;
+  /** Initial checked state for uncontrolled usage. */
+  defaultChecked?: boolean;
+  /** Disables the checkbox. */
+  disabled?: boolean;
+  /** Stroke/fill color. `'default'` resolves to `theme.text.secondary`. Default: `'default'`. */
+  color?: CheckboxColor;
+  /** Icon size. Default: `'medium'`. */
+  size?: CheckboxSize;
+  /** Stretches the root to `width: 100%`. Default: `false`. */
+  fullWidth?: boolean;
+  /** Displays the indeterminate state (dash icon). Takes priority over `checked`. */
+  indeterminate?: boolean;
+  /** Custom icon for the unchecked state. */
+  icon?: ReactNode;
+  /** Custom icon for the checked state. */
+  checkedIcon?: ReactNode;
+  /** Called when the user toggles the checkbox. */
+  onChange?: (event: ChangeEvent<HTMLInputElement>) => void;
+  /** Forwarded to the underlying `<input>` for label association. */
+  id?: string;
+  /** Marks the field as required in a form. */
+  required?: boolean;
+  name?: string;
+  value?: string | number | readonly string[];
+  children?: ReactNode;
+  className?: string;
+  'aria-label'?: string;
+  'aria-labelledby'?: string;
+  'aria-describedby'?: string;
+  'data-testid'?: string;
+}
+declare function Checkbox({ checked, defaultChecked, disabled: disabledProp, color: colorProp, 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;
+//#endregion
+export { CheckboxSize as i, CheckboxColor as n, CheckboxProps as r, Checkbox as t };

package/dist/index-DSCMXFTn.d.cts

@@ -0,0 +1,30 @@
+import { a as PaginationItemSize } from "./index-CeYkEXU2.cjs";
+import { HTMLAttributes } from "react";
+//#region src/Table/TablePaginationActions/TablePaginationActions.d.ts
+type TablePaginationActionType = 'first' | 'previous' | 'next' | 'last';
+interface TablePaginationActionsProps extends HTMLAttributes<HTMLDivElement> {
+  /** Total number of rows; `-1` = unknown (server-side pagination). */
+  count: number;
+  /** Zero-based current page. */
+  page: number;
+  /** Rows per page; `-1` = all rows. */
+  rowsPerPage: number;
+  /** Fired with the target zero-based page. */
+  onPageChange: (page: number) => void;
+  /** Accessible name per nav button — important for screen readers. */
+  getItemAriaLabel: (type: TablePaginationActionType) => string;
+  /** Disables all buttons. Default: `false`. */
+  disabled?: boolean;
+  shouldShowFirstButton?: boolean;
+  shouldShowLastButton?: boolean;
+  /** Button density — resolves against `theme.sizes`. Default: `'sm'`. */
+  size?: PaginationItemSize;
+}
+/**
+ * The first / previous / next / last button cluster inside `TablePagination`.
+ * Composes `PaginationItem`'s nav types; boundary state is derived from
+ * `count` / `page` / `rowsPerPage`.
+ */
+declare function TablePaginationActions({ count, page, rowsPerPage, onPageChange, getItemAriaLabel, disabled, shouldShowFirstButton, shouldShowLastButton, size: sizeProp, ...rest }: Readonly<TablePaginationActionsProps>): import("react").JSX.Element;
+//#endregion
+export { TablePaginationActions as n, TablePaginationActionsProps as r, TablePaginationActionType as t };

package/dist/index-DTkQSXQD.d.cts

@@ -0,0 +1,11 @@
+import { a as TypographyProps } from "./index-CDVnvjIE.cjs";
+import { AnchorHTMLAttributes } from "react";
+//#region src/Link/Link.d.ts
+type LinkUnderline = 'always' | 'hover' | 'none';
+interface LinkProps extends Omit<TypographyProps, 'as'>, Omit<AnchorHTMLAttributes<HTMLAnchorElement>, keyof Omit<TypographyProps, 'as'>> {
+  underline?: LinkUnderline;
+  gap?: number | string;
+}
+declare function Link({ underline: underlineProp, color, variant, target, rel, ...rest }: Readonly<LinkProps>): import("react").JSX.Element;
+//#endregion
+export { LinkProps as n, LinkUnderline as r, Link as t };

package/dist/index-DeJWkpf9.d.cts

@@ -0,0 +1,16 @@
+import { s as ViewProps } from "./index-FwTocqhP.cjs";
+//#region src/Table/TableContainer/TableContainer.d.ts
+type TableContainerProps = ViewProps;
+/**
+ * Scroll wrapper for `Table` — wide tables scroll horizontally inside it
+ * instead of breaking the page layout. Give it a bounded height to make
+ * `Table`'s `hasStickyHeader` stick.
+ */
+declare const TableContainer: import("@emotion/styled").StyledComponent<Pick<{
+  theme?: import("@emotion/react").Theme;
+  as?: React.ElementType;
+} & ViewProps & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, "p" | "slot" | "style" | "title" | "ref" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "hidden" | "id" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "content" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "popover" | "popoverTargetAction" | "popoverTarget" | "inert" | "inputMode" | "is" | "exportparts" | "part" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onScrollEnd" | "onScrollEndCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onToggle" | "onBeforeToggle" | "onTransitionCancel" | "onTransitionCancelCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "onTransitionRun" | "onTransitionRunCapture" | "onTransitionStart" | "onTransitionStartCapture" | "aspectRatio" | "borderBottomColor" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomStyle" | "borderBottomWidth" | "borderLeftColor" | "borderLeftStyle" | "borderLeftWidth" | "borderRightColor" | "borderRightStyle" | "borderRightWidth" | "borderTopColor" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopStyle" | "borderTopWidth" | "bottom" | "cursor" | "display" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "height" | "left" | "letterSpacing" | "lineHeight" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "opacity" | "order" | "overflowX" | "overflowY" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "textAlign" | "textAlignLast" | "textDecorationColor" | "textDecorationLine" | "textDecorationStyle" | "textDecorationThickness" | "textTransform" | "top" | "verticalAlign" | "width" | "zIndex" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderStyle" | "borderTop" | "borderWidth" | "margin" | "overflow" | "padding" | "textDecoration" | "borderX" | "borderY" | "theme" | "as" | "bg" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "size"> & {
+  theme?: import("@emotion/react").Theme;
+} & ViewProps, {}, {}>;
+//#endregion
+export { TableContainerProps as n, TableContainer as t };

package/dist/index-DeiZHSwA.d.cts

@@ -0,0 +1,12 @@
+import { s as ViewProps } from "./index-FwTocqhP.cjs";
+//#region src/Quote/Quote.d.ts
+type QuoteProps = ViewProps;
+/** A View with a 2px primary left-border — used for terminal readouts and markdown blockquotes. */
+declare const Quote: import("@emotion/styled").StyledComponent<Pick<{
+  theme?: import("@emotion/react").Theme;
+  as?: React.ElementType;
+} & ViewProps & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, "p" | "slot" | "style" | "title" | "ref" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "hidden" | "id" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "content" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "popover" | "popoverTargetAction" | "popoverTarget" | "inert" | "inputMode" | "is" | "exportparts" | "part" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onScrollEnd" | "onScrollEndCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onToggle" | "onBeforeToggle" | "onTransitionCancel" | "onTransitionCancelCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "onTransitionRun" | "onTransitionRunCapture" | "onTransitionStart" | "onTransitionStartCapture" | "aspectRatio" | "borderBottomColor" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomStyle" | "borderBottomWidth" | "borderLeftColor" | "borderLeftStyle" | "borderLeftWidth" | "borderRightColor" | "borderRightStyle" | "borderRightWidth" | "borderTopColor" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopStyle" | "borderTopWidth" | "bottom" | "cursor" | "display" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "height" | "left" | "letterSpacing" | "lineHeight" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "opacity" | "order" | "overflowX" | "overflowY" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "textAlign" | "textAlignLast" | "textDecorationColor" | "textDecorationLine" | "textDecorationStyle" | "textDecorationThickness" | "textTransform" | "top" | "verticalAlign" | "width" | "zIndex" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderStyle" | "borderTop" | "borderWidth" | "margin" | "overflow" | "padding" | "textDecoration" | "borderX" | "borderY" | "theme" | "as" | "bg" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "size"> & {
+  theme?: import("@emotion/react").Theme;
+}, {}, {}>;
+//#endregion
+export { QuoteProps as n, Quote as t };

package/dist/index-Des8BisQ.d.mts

@@ -0,0 +1,12 @@
+import { s as ViewProps } from "./index-pX7tBQdJ.mjs";
+//#region src/Quote/Quote.d.ts
+type QuoteProps = ViewProps;
+/** A View with a 2px primary left-border — used for terminal readouts and markdown blockquotes. */
+declare const Quote: import("@emotion/styled").StyledComponent<Pick<{
+  theme?: import("@emotion/react").Theme;
+  as?: React.ElementType;
+} & ViewProps & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, "p" | "slot" | "style" | "title" | "ref" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "hidden" | "id" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "content" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "popover" | "popoverTargetAction" | "popoverTarget" | "inert" | "inputMode" | "is" | "exportparts" | "part" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onScrollEnd" | "onScrollEndCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onToggle" | "onBeforeToggle" | "onTransitionCancel" | "onTransitionCancelCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "onTransitionRun" | "onTransitionRunCapture" | "onTransitionStart" | "onTransitionStartCapture" | "aspectRatio" | "borderBottomColor" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomStyle" | "borderBottomWidth" | "borderLeftColor" | "borderLeftStyle" | "borderLeftWidth" | "borderRightColor" | "borderRightStyle" | "borderRightWidth" | "borderTopColor" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopStyle" | "borderTopWidth" | "bottom" | "cursor" | "display" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "height" | "left" | "letterSpacing" | "lineHeight" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "opacity" | "order" | "overflowX" | "overflowY" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "textAlign" | "textAlignLast" | "textDecorationColor" | "textDecorationLine" | "textDecorationStyle" | "textDecorationThickness" | "textTransform" | "top" | "verticalAlign" | "width" | "zIndex" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderStyle" | "borderTop" | "borderWidth" | "margin" | "overflow" | "padding" | "textDecoration" | "borderX" | "borderY" | "theme" | "as" | "bg" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "size"> & {
+  theme?: import("@emotion/react").Theme;
+}, {}, {}>;
+//#endregion
+export { QuoteProps as n, Quote as t };

package/dist/index-Dg8-CPOO.d.cts

@@ -0,0 +1,18 @@
+import { a as TypographyProps } from "./index-CDVnvjIE.cjs";
+import { ReactNode } from "react";
+//#region src/FormLabel/FormLabel.d.ts
+interface FormLabelProps extends TypographyProps {
+  children: ReactNode;
+  /** Appends a `*` indicator. Falls back to the FormControl `required` value. */
+  required?: boolean;
+  /** Target control id. Falls back to the FormControl id. */
+  htmlFor?: string;
+}
+/**
+ * Renders a `<label>` linked to the control via `htmlFor`, reading the id and
+ * `required` flag from FormControl context. All Typography props pass through,
+ * so callers can restyle freely while keeping the wiring automatic.
+ */
+declare function FormLabel({ children, required, htmlFor, color, ...rest }: Readonly<FormLabelProps>): import("react").JSX.Element;
+//#endregion
+export { FormLabelProps as n, FormLabel as t };

package/dist/index-DgRS5Aqv.d.mts

@@ -0,0 +1,16 @@
+import { l as index_d_exports, o as Theme } from "./index-Dm9HfgV6.mjs";
+import { CSSProperties, ImgHTMLAttributes } from "react";
+//#region src/Image/Image.d.ts
+interface ImageProps extends Omit<ImgHTMLAttributes<HTMLImageElement>, 'height' | 'width' | 'color'>, index_d_exports.LayoutProps, index_d_exports.SpaceProps, index_d_exports.BackgroundProps, index_d_exports.PositionProps {
+  /** Fallback image URL tried when src (or srcSet) fails to load. */
+  fallback?: string;
+  objectFit?: CSSProperties['objectFit'];
+  objectPosition?: CSSProperties['objectPosition'];
+  /** Corner radius — resolves against `theme.radii`. */
+  borderRadius?: keyof Theme['radii'];
+  /** Called once when all image sources are exhausted. */
+  onError?: () => void;
+}
+declare function Image({ src, srcSet, fallback, alt, onError, ...rest }: Readonly<ImageProps>): import("react").JSX.Element;
+//#endregion
+export { ImageProps as n, Image as t };

package/dist/index-Dm9HfgV6.d.mts

@@ -0,0 +1,63 @@
+import { l as PaletteColor } from "./themes-D1SAp3SL.mjs";
+import { CreateStyled, CreateStyledComponent, FilteringStyledOptions, Interpolation, StyledOptions } from "@emotion/styled";
+import { CSSObject as CSSObject$1, CacheProvider, Global, PropsOf, Theme, Theme as Theme$1, ThemeContext as EmotionThemeContext, ThemeProvider as EmotionThemeProvider, css, keyframes, useTheme } from "@emotion/react";
+import { createShouldForwardProp, props } from "@soroush.tech/styled-system/should-forward-prop";
+import { ComponentClass, ComponentProps, ComponentType, JSX, Ref } from "react";
+//#region src/styled.d.ts
+/**
+ * Design-system additions to Emotion's styled options. A styled root that passes
+ * `name` becomes theme-customizable: `theme.components[name]` may contribute
+ * `styleOverrides` (per `slot`) and `variants`, appended after the component's
+ * own styles so the theme wins the cascade. Roots without `name` are plain
+ * Emotion — zero behavior change, zero cost.
+ */
+interface ThemeCustomizationOptions {
+  /** `theme.components` key enabling styleOverrides/variants for this root. */
+  name?: string;
+  /** The `styleOverrides` slot this root maps to. Default: `'root'`. */
+  slot?: string;
+  /**
+   * Styled-system prop parsers (`space`, `layout`, …) appended AFTER the theme
+   * override resolver, so per-instance props (`m`, `p`, `width`, …) always beat
+   * theme `styleOverrides`.
+   */
+  systemProps?: ReadonlyArray<Interpolation<never>>;
+  /**
+   * Custom mapping from render props to applied override styles — replaces the
+   * default `styleOverrides[slot]` lookup (for prop-keyed override keys).
+   */
+  overridesResolver?: (props: Record<string, unknown>, styleOverrides: Record<string, unknown>) => unknown;
+}
+/** Overloads mirroring Emotion's, with the theme-customization options added. */
+interface CreateThemedStyled extends CreateStyled {
+  <C extends ComponentClass<ComponentProps<C>>, ForwardedProps extends keyof ComponentProps<C> & string = keyof ComponentProps<C> & string>(component: C, options: FilteringStyledOptions<ComponentProps<C>, ForwardedProps> & ThemeCustomizationOptions): CreateStyledComponent<Pick<PropsOf<C>, ForwardedProps> & {
+    theme?: Theme;
+  }, {}, {
+    ref?: Ref<InstanceType<C>>;
+  }>;
+  <C extends ComponentType<ComponentProps<C>>, ForwardedProps extends keyof ComponentProps<C> & string = keyof ComponentProps<C> & string>(component: C, options: FilteringStyledOptions<ComponentProps<C>, ForwardedProps> & ThemeCustomizationOptions): CreateStyledComponent<Pick<PropsOf<C>, ForwardedProps> & {
+    theme?: Theme;
+  }>;
+  <C extends ComponentType<ComponentProps<C>>>(component: C, options?: StyledOptions<ComponentProps<C>> & ThemeCustomizationOptions): CreateStyledComponent<PropsOf<C> & {
+    theme?: Theme;
+  }>;
+  <Tag extends keyof JSX.IntrinsicElements, ForwardedProps extends keyof JSX.IntrinsicElements[Tag] & string = keyof JSX.IntrinsicElements[Tag] & string>(tag: Tag, options: FilteringStyledOptions<JSX.IntrinsicElements[Tag], ForwardedProps> & ThemeCustomizationOptions): CreateStyledComponent<{
+    theme?: Theme;
+    as?: React.ElementType;
+  }, Pick<JSX.IntrinsicElements[Tag], ForwardedProps>>;
+  <Tag extends keyof JSX.IntrinsicElements>(tag: Tag, options?: StyledOptions<JSX.IntrinsicElements[Tag]> & ThemeCustomizationOptions): CreateStyledComponent<{
+    theme?: Theme;
+    as?: React.ElementType;
+  }, JSX.IntrinsicElements[Tag]>;
+}
+/**
+ * The design system's `styled` — Emotion's styled plus theme-level component
+ * customization (`theme.components[name].styleOverrides` / `.variants`).
+ */
+declare const styled: CreateThemedStyled;
+declare namespace index_d_exports {
+  export { CSSObject$1 as CSSObject, CacheProvider, EmotionThemeContext, EmotionThemeProvider, Global, PaletteColor, Theme$1 as Theme, ThemeCustomizationOptions, createShouldForwardProp, css, keyframes, props, styled, useTheme };
+}
+import * as import__soroush_tech_styled_system from "@soroush.tech/styled-system";
+//#endregion
+export { Global as a, css as c, props as d, useTheme as f, EmotionThemeProvider as i, index_d_exports as l, styled as m, CacheProvider as n, Theme$1 as o, ThemeCustomizationOptions as p, EmotionThemeContext as r, createShouldForwardProp as s, CSSObject$1 as t, keyframes as u };

package/dist/index-DmJIuQJj.d.mts

@@ -0,0 +1,24 @@
+import { l as index_d_exports, o as Theme } from "./index-Dm9HfgV6.mjs";
+import { n as IconProps, r as IconName } from "./index-BLfFycfJ.mjs";
+import { ButtonHTMLAttributes } from "react";
+//#region src/Table/TableSortLabel/TableSortLabel.d.ts
+type TableSortLabelDirection = 'asc' | 'desc';
+interface TableSortLabelProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'color'>, index_d_exports.SpaceProps<Theme> {
+  /** Marks the currently-sorted column — shows the icon fully opaque. Default: `false`. */
+  isActive?: boolean;
+  /** Current sort direction — rotates the arrow. Default: `'asc'`. */
+  direction?: TableSortLabelDirection;
+  /**
+   * Hides the inactive sort icon, revealing it on hover/focus. Set `false` to
+   * keep it always visible (dimmed while inactive). Inherited from the
+   * enclosing `Table`'s `shouldHideSortIcon` via `TableContext`. Default: `true`.
+   */
+  shouldHideSortIcon?: boolean;
+  /** Sort arrow icon. Default: `'arrow_upward'`. */
+  iconName?: IconName;
+  /** Extra props for the sort arrow icon. */
+  iconProps?: Omit<IconProps, 'name'>;
+}
+declare function TableSortLabel({ isActive, direction, shouldHideSortIcon, iconName, iconProps, type, children, ...rest }: Readonly<TableSortLabelProps>): import("react").JSX.Element;
+//#endregion
+export { TableSortLabelDirection as n, TableSortLabelProps as r, TableSortLabel as t };

package/dist/index-Dp81rWM1.d.cts

@@ -0,0 +1,72 @@
+import { l as index_d_exports } from "./index-Bihpwn75.cjs";
+import { n as TextColorToken } from "./index-CDVnvjIE.cjs";
+import { SVGProps } from "react";
+//#region src/Icon/icons.d.ts
+/** Registry of available icons, keyed by their asset file name. */
+declare const icons: {
+  readonly account_tree: (props: import("react").SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+  readonly ads_click: (props: import("react").SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+  readonly analytics: (props: import("react").SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+  readonly architecture: (props: import("react").SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+  readonly arrow_back: (props: import("react").SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+  readonly arrow_forward: (props: import("react").SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+  readonly arrow_upward: (props: import("react").SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+  readonly check: (props: import("react").SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+  readonly chevron_left: (props: import("react").SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+  readonly chevron_right: (props: import("react").SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+  readonly checklist: (props: import("react").SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+  readonly cloud_done: (props: import("react").SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+  readonly close: (props: import("react").SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+  readonly code: (props: import("react").SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+  readonly content_copy: (props: import("react").SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+  readonly cookie: (props: import("react").SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+  readonly database: (props: import("react").SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+  readonly desktop_windows: (props: import("react").SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+  readonly dns: (props: import("react").SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+  readonly expand_less: (props: import("react").SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+  readonly expand_more: (props: import("react").SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+  readonly external_link: (props: import("react").SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+  readonly first_page: (props: import("react").SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+  readonly format_list_bulleted: (props: import("react").SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+  readonly format_list_numbered: (props: import("react").SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+  readonly format_quote: (props: import("react").SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+  readonly grid_view: (props: import("react").SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+  readonly groups: (props: import("react").SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+  readonly hub: (props: import("react").SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+  readonly image: (props: import("react").SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+  readonly language: (props: import("react").SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+  readonly last_page: (props: import("react").SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+  readonly link: (props: import("react").SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+  readonly lock: (props: import("react").SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+  readonly menu: (props: import("react").SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+  readonly neurology: (props: import("react").SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+  readonly psychology: (props: import("react").SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+  readonly rebase_edit: (props: import("react").SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+  readonly schema: (props: import("react").SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+  readonly security: (props: import("react").SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+  readonly settings_input_component: (props: import("react").SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+  readonly smart_toy: (props: import("react").SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+  readonly smartphone: (props: import("react").SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+  readonly speed: (props: import("react").SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+  readonly stacks: (props: import("react").SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+  readonly table: (props: import("react").SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+  readonly terminal: (props: import("react").SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+  readonly visibility: (props: import("react").SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+  readonly warning: (props: import("react").SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+  readonly web_asset: (props: import("react").SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+};
+/** Valid values for the Icon `name` prop — derived from the registry keys. */
+type IconName = keyof typeof icons;
+//#endregion
+//#region src/Icon/Icon.d.ts
+interface IconProps extends Omit<SVGProps<SVGSVGElement>, 'color' | 'ref' | 'width' | 'height' | 'display' | 'overflow'>, index_d_exports.LayoutProps, index_d_exports.SpaceProps {
+  /** Registry key of the icon to render. */
+  name: IconName;
+  /** Resolves against theme.text — applied as `color`, which the SVG inherits via `currentColor`. */
+  color?: TextColorToken;
+  /** Sets both width and height (icons are square). */
+  size?: string | number;
+}
+declare function Icon({ name, color, size, ...rest }: Readonly<IconProps>): import("react").JSX.Element;
+//#endregion
+export { icons as i, IconProps as n, IconName as r, Icon as t };

package/dist/index-Dtzj8X58.d.cts

@@ -0,0 +1,40 @@
+import "./useTableSort--XMWjujs.cjs";
+//#region src/Table/hooks/useTableSelection.d.ts
+/** Header select-all state — spreads directly onto `Checkbox`. */
+interface TableSelectionAllProps {
+  checked: boolean;
+  indeterminate: boolean;
+  /** All selected → clears; otherwise selects every key. */
+  onChange: () => void;
+}
+/** One row's selection state — spreads directly onto `Checkbox`. */
+interface TableSelectionRowProps {
+  checked: boolean;
+  /** Toggles this key in and out of the selection. */
+  onChange: () => void;
+}
+interface TableSelection<K extends string | number> {
+  /** Currently selected keys. */
+  selected: K[];
+  isSelected: (key: K) => boolean;
+  /** Spread onto the header select-all `Checkbox`. */
+  all: TableSelectionAllProps;
+  /** Spread onto a row's `Checkbox`. */
+  row: (key: K) => TableSelectionRowProps;
+  clear: () => void;
+}
+/**
+ * Key-based row selection that survives paging and re-sorting — selection is
+ * stored as row identities, and the select-all/indeterminate state is computed
+ * against the full `keys` list rather than the visible slice.
+ *
+ * ```tsx
+ * const selection = useTableSelection(services.map((s) => s.service))
+ * <Checkbox {...selection.all} aria-label="Select all" />
+ * <Checkbox {...selection.row(row.service)} aria-label={`Select ${row.service}`} />
+ * <TableRow isSelected={selection.isSelected(row.service)}>…</TableRow>
+ * ```
+ */
+declare function useTableSelection<K extends string | number>(keys: readonly K[], onChange?: (selected: K[]) => void): TableSelection<K>;
+//#endregion
+export { useTableSelection as i, TableSelectionAllProps as n, TableSelectionRowProps as r, TableSelection as t };

package/dist/index-DvW2eETV.d.mts

@@ -0,0 +1,21 @@
+import { l as index_d_exports, o as Theme } from "./index-Dm9HfgV6.mjs";
+import { ElementType, HTMLAttributes } from "react";
+//#region src/Table/TableHead/TableHead.d.ts
+/** Valid values for the color prop — derived from theme.text keys. */
+type TableHeadColorToken = keyof Theme['text'];
+/** Valid values for the bg prop — derived from theme.background keys. */
+type TableHeadBackgroundToken = keyof Theme['background'];
+/** Valid values for the borderColor prop — derived from theme.border keys. */
+type TableHeadBorderColorToken = keyof Theme['border'];
+interface TableHeadProps extends Omit<HTMLAttributes<HTMLTableSectionElement>, 'color'>, index_d_exports.SpaceProps<Theme>, Omit<index_d_exports.BorderProps<Theme>, 'borderColor' | 'borderRadius'> {
+  /** Resolves against theme.text */
+  color?: TableHeadColorToken;
+  /** Resolves against theme.background */
+  bg?: TableHeadBackgroundToken;
+  /** Resolves against theme.border — light · primary · dark */
+  borderColor?: TableHeadBorderColorToken;
+  as?: ElementType;
+}
+declare function TableHead({ as, children, ...rest }: Readonly<TableHeadProps>): import("react").JSX.Element;
+//#endregion
+export { TableHeadProps as a, TableHeadColorToken as i, TableHeadBackgroundToken as n, TableHeadBorderColorToken as r, TableHead as t };