@soroush.tech/design-system 0.1.0

package/dist/index-BH8jQOdF.d.mts

@@ -0,0 +1,46 @@
+import { l as index_d_exports, o as Theme } from "./index-Dm9HfgV6.mjs";
+import { t as TableCellPadding } from "./TableContext-2qH7XYJB.mjs";
+import { ElementType, ThHTMLAttributes } from "react";
+//#region src/Table/TableSectionContext.d.ts
+/** The table section a cell lives in — drives `TableCell`'s th/td element resolution. */
+type TableSection = 'head' | 'body' | 'footer';
+declare const TableSectionContext: import("react").Context<TableSection | undefined>;
+//#endregion
+//#region src/Table/TableCell/TableCell.d.ts
+/** Cell type — inherited from the enclosing section, overridable per cell. */
+type TableCellVariant = TableSection;
+type TableCellAlign = 'left' | 'right' | 'center' | 'justify' | 'inherit';
+type TableCellSortDirection = 'asc' | 'desc';
+/** Valid values for the color prop — derived from theme.text keys. */
+type TableCellColorToken = keyof Theme['text'];
+/** Valid values for the bg prop — derived from theme.background keys. */
+type TableCellBackgroundToken = keyof Theme['background'];
+/** Valid values for the borderColor prop — derived from theme.border keys. */
+type TableCellBorderColorToken = keyof Theme['border'];
+interface TableCellProps extends Omit<ThHTMLAttributes<HTMLTableCellElement>, 'color' | 'align'>, index_d_exports.SpaceProps<Theme>, index_d_exports.TypographyProps<Theme>, Omit<index_d_exports.BorderProps<Theme>, 'borderColor' | 'borderRadius'> {
+  /** Resolves against theme.text */
+  color?: TableCellColorToken;
+  /** Resolves against theme.background */
+  bg?: TableCellBackgroundToken;
+  /** Resolves against theme.border — light · primary · dark */
+  borderColor?: TableCellBorderColorToken;
+  /** Cell type — overrides the enclosing `TableHead`/`TableBody`/`TableFooter` section. */
+  variant?: TableCellVariant;
+  /** Text alignment of the cell content. Numbers should be right-aligned. Default: `'inherit'`. */
+  align?: TableCellAlign;
+  /** Cell density — overrides the `Table`'s `size`. Resolves against `theme.sizes`. */
+  size?: keyof Theme['sizes'];
+  /** Cell padding mode — overrides the `Table`'s `cellPadding`. `'none'` zeroes padding. */
+  cellPadding?: TableCellPadding;
+  /** Sets `aria-sort` on the cell — a11y only, pair with `TableSortLabel` for the control. */
+  sortDirection?: TableCellSortDirection;
+  /**
+   * Truncates overflowing text with an ellipsis — inherits the `Table`'s
+   * `hasEllipsis`. Needs a constrained width (e.g. `maxWidth`) to kick in.
+   */
+  hasEllipsis?: boolean;
+  as?: ElementType;
+}
+declare function TableCell({ variant, align, size, cellPadding, sortDirection, hasEllipsis, scope, as, children, ...rest }: Readonly<TableCellProps>): import("react").JSX.Element;
+//#endregion
+export { TableCellColorToken as a, TableCellVariant as c, TableCellBorderColorToken as i, TableSection as l, TableCellAlign as n, TableCellProps as o, TableCellBackgroundToken as r, TableCellSortDirection as s, TableCell as t, TableSectionContext as u };

package/dist/index-BLRMuO_x.d.mts

@@ -0,0 +1,24 @@
+import { o as Theme } from "./index-Dm9HfgV6.mjs";
+import { n as FlexProps } from "./index-z35LEYG8.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 */
+  borderColor?: keyof Theme['border'];
+  /** Resolves against theme.borderWidths — none · thin · base · thick */
+  borderWidth?: keyof Theme['borderWidths'];
+  /** CSS border-style value (e.g. 'solid', 'dashed'). */
+  borderStyle?: CSSProperties['borderStyle'];
+  /** Renders the surface as a different element (e.g. 'section'). */
+  as?: ElementType;
+}
+declare function Paper({ elevation, p, bg, borderRadius, ...rest }: Readonly<PaperProps>): import("react").JSX.Element;
+//#endregion
+export { PaperElevation as n, PaperProps as r, Paper as t };

package/dist/index-BLfFycfJ.d.mts

@@ -0,0 +1,72 @@
+import { l as index_d_exports } from "./index-Dm9HfgV6.mjs";
+import { n as TextColorToken } from "./index-DE5PtzPn.mjs";
+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-BPrjvi7B.d.cts

@@ -0,0 +1,13 @@
+import { s as ViewProps } from "./index-FwTocqhP.cjs";
+import { ReactNode } from "react";
+//#region src/CodeBlock/CodeBlock.d.ts
+interface CodeBlockProps extends ViewProps {
+  children: ReactNode;
+}
+/**
+ * Fenced-code block: a horizontally scrollable, syntax-highlighted surface with a
+ * copy-to-clipboard button that sticks to the top-right while the block is in view.
+ */
+declare function CodeBlock({ children, ...rest }: Readonly<CodeBlockProps>): import("react").JSX.Element;
+//#endregion
+export { CodeBlockProps as n, CodeBlock as t };

package/dist/index-BX5-NfbX.d.cts

@@ -0,0 +1,94 @@
+import { o as Theme } from "./index-Bihpwn75.cjs";
+import { KeyboardEvent, MouseEvent, ReactNode, Ref, RefCallback, SyntheticEvent } from "react";
+//#region src/Modal/useModal.d.ts
+type ModalCloseReason = 'escapeKey' | 'backdropClick';
+type EventHandlers = Record<string, ((event: SyntheticEvent) => void) | undefined>;
+interface UseModalParameters {
+  /** Whether the modal is shown. */
+  isOpen: boolean;
+  /** Fired on Escape (top modal only) or backdrop click. */
+  onClose?: (event: KeyboardEvent | MouseEvent, reason: ModalCloseReason) => void;
+  /** Portal container, or a function returning one. Defaults to the document body. */
+  container?: HTMLElement | (() => HTMLElement | null) | null;
+  /** Disable body scroll-lock while open. */
+  disableScrollLock?: boolean;
+  /** Skip `aria-hidden` on background siblings (for non-modal popovers). */
+  disableAriaHidden?: boolean;
+  /** Forwarded ref for the modal root element. */
+  rootRef?: Ref<Element>;
+}
+interface UseModalReturnValue {
+  getRootProps: (otherHandlers?: EventHandlers) => Record<string, unknown>;
+  getBackdropProps: (otherHandlers?: EventHandlers) => Record<string, unknown>;
+  rootRef: RefCallback<Element> | null;
+  portalRef: (node: HTMLElement | null) => void;
+  isTopModal: () => boolean;
+}
+declare function useModal(parameters: UseModalParameters): UseModalReturnValue;
+//#endregion
+//#region src/Modal/Modal.d.ts
+type ModalScroll = 'paper' | 'body';
+interface ModalProps {
+  /** If true, the modal is shown. */
+  isOpen: boolean;
+  /** A single content element. */
+  children: ReactNode;
+  /** Fired on Escape (top modal only) or backdrop click. */
+  onClose?: (event: Event | React.SyntheticEvent, reason: ModalCloseReason) => void;
+  /** Render the dimmed backdrop. Default: true. */
+  hasBackdrop?: boolean;
+  /** Keep the children mounted while closed. Default: false. */
+  shouldKeepMounted?: boolean;
+  /** Portal the modal into `portalContainer`. Default: true. */
+  shouldUsePortal?: boolean;
+  /** Portal target, or a function returning one. Defaults to the document body. */
+  portalContainer?: HTMLElement | (() => HTMLElement | null) | null;
+  /** Lock body scroll while open. Default: true. */
+  shouldLockScroll?: boolean;
+  /** Skip `aria-hidden` on background content — for non-modal popovers whose trigger stays focused. Default: false. */
+  disableAriaHidden?: boolean;
+  /** Move focus into the modal on open. Default: true. */
+  shouldAutoFocus?: boolean;
+  /** Trap Tab focus within the modal. Default: true. */
+  shouldTrapFocus?: boolean;
+  /** Pull focus back into the modal whenever it escapes. Default: true. */
+  shouldEnforceFocus?: boolean;
+  /** Restore focus to the trigger on close. Default: true. */
+  shouldRestoreFocus?: boolean;
+  /** How long content scrolls: within the content (`'paper'`) or the whole root (`'body'`). Default: 'paper'. */
+  scroll?: ModalScroll;
+  /** Stacking layer from `theme.zOrder`. Default: 'modal'. */
+  layer?: keyof Theme['zOrder'];
+}
+/**
+ * @description Accessible overlay primitive: portals its content, dims the page,
+ * traps focus, locks scroll, and closes on Escape or backdrop click. The base for
+ * higher-level overlays such as Drawer.
+ */
+declare function Modal({ isOpen, children, onClose, hasBackdrop, shouldKeepMounted, shouldUsePortal, portalContainer, shouldLockScroll, disableAriaHidden, shouldAutoFocus, shouldTrapFocus, shouldEnforceFocus, shouldRestoreFocus, scroll, layer }: Readonly<ModalProps>): import("react").JSX.Element | null;
+//#endregion
+//#region src/Modal/ModalManager.d.ts
+/** A modal tracked by the manager: its portal mount node and its root element. */
+interface ManagedModal {
+  mount: Element;
+  modalRef: Element;
+}
+interface ManagedModalProps {
+  disableScrollLock?: boolean;
+}
+declare function ariaHidden(element: Element, hide: boolean): void;
+/**
+ * Tracks every open modal and the containers they live in. A single shared
+ * instance coordinates stacking (`isTopModal`), scroll-lock, and `aria-hidden`
+ * on background siblings so assistive tech only sees the active modal.
+ */
+declare class ModalManager {
+  private readonly modals;
+  private readonly containers;
+  add(modal: ManagedModal, container: HTMLElement, disableAriaHidden?: boolean): number;
+  mount(modal: ManagedModal, props: ManagedModalProps): void;
+  remove(modal: ManagedModal, ariaHiddenState?: boolean): number;
+  isTopModal(modal: ManagedModal): boolean;
+}
+//#endregion
+export { Modal as a, ModalCloseReason as c, useModal as d, ariaHidden as i, UseModalParameters as l, ManagedModalProps as n, ModalProps as o, ModalManager as r, ModalScroll as s, ManagedModal as t, UseModalReturnValue as u };

package/dist/index-Bihpwn75.d.cts

@@ -0,0 +1,64 @@
+import { l as PaletteColor } from "./themes-D81JYbqm.cjs";
+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 { ComponentClass, ComponentProps, ComponentType, JSX, Ref } from "react";
+import { createShouldForwardProp, props } from "@soroush.tech/styled-system/should-forward-prop";
+//#endregion
+//#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-BlfIbAMs.d.cts

@@ -0,0 +1,45 @@
+import { o as TableCellProps } from "./index-4rC2j7fR.cjs";
+import { t as TablePaginationActionType } from "./index-DSCMXFTn.cjs";
+import { ElementType, ReactNode } from "react";
+//#region src/Table/TablePagination/TablePagination.d.ts
+interface TablePaginationDisplayedRowsInfo {
+  from: number;
+  to: number;
+  count: number;
+  page: number;
+}
+interface TablePaginationProps extends Omit<TableCellProps, 'children' | 'variant' | 'align' | 'sortDirection'> {
+  /** Total number of rows; `-1` = unknown (server-side pagination). */
+  count: number;
+  /** Zero-based current page. */
+  page: number;
+  /** Rows per page; `-1` shows all rows. */
+  rowsPerPage: number;
+  /** Fired with the target zero-based page. */
+  onPageChange: (page: number) => void;
+  /** Fired with the new rows-per-page value. */
+  onRowsPerPageChange?: (rowsPerPage: number) => void;
+  /** Options for the rows-per-page selector. Fewer than two options hides it. */
+  rowsPerPageOptions?: Array<number | {
+    label: string;
+    value: number;
+  }>;
+  /** Disables all controls. Default: `false`. */
+  disabled?: boolean;
+  shouldShowFirstButton?: boolean;
+  shouldShowLastButton?: boolean;
+  /** Label for the rows-per-page selector. Default: `'Rows per page:'`. */
+  rowsPerPageLabel?: ReactNode;
+  /** Renders the displayed-rows range. A sensible default (`1–10 of 57`) is provided. */
+  displayedRowsLabel?: (info: TablePaginationDisplayedRowsInfo) => ReactNode;
+  /** Accessible name per nav button. A sensible default is provided. */
+  getItemAriaLabel?: (type: TablePaginationActionType) => string;
+  as?: ElementType;
+}
+/**
+ * A `TableCell`-based pagination control for `TableFooter > TableRow`.
+ * Controlled only — the consumer owns `page` and `rowsPerPage`.
+ */
+declare function TablePagination({ count, page, rowsPerPage, onPageChange, onRowsPerPageChange, rowsPerPageOptions, disabled, shouldShowFirstButton, shouldShowLastButton, rowsPerPageLabel, displayedRowsLabel, getItemAriaLabel, colSpan, as, ...rest }: Readonly<TablePaginationProps>): import("react").JSX.Element;
+//#endregion
+export { TablePaginationDisplayedRowsInfo as n, TablePaginationProps as r, TablePagination as t };

package/dist/index-BnzUumAC2.d.mts

@@ -0,0 +1,30 @@
+import { a as PaginationItemSize } from "./index-CxSNNzBT2.mjs";
+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-BoqlPb3Z.d.mts

@@ -0,0 +1,13 @@
+import { s as ViewProps } from "./index-pX7tBQdJ.mjs";
+import { ReactNode } from "react";
+//#region src/CodeBlock/CodeBlock.d.ts
+interface CodeBlockProps extends ViewProps {
+  children: ReactNode;
+}
+/**
+ * Fenced-code block: a horizontally scrollable, syntax-highlighted surface with a
+ * copy-to-clipboard button that sticks to the top-right while the block is in view.
+ */
+declare function CodeBlock({ children, ...rest }: Readonly<CodeBlockProps>): import("react").JSX.Element;
+//#endregion
+export { CodeBlockProps as n, CodeBlock as t };

package/dist/index-BqVgv2B_.d.mts

@@ -0,0 +1,42 @@
+import { l as index_d_exports, o as Theme } from "./index-Dm9HfgV6.mjs";
+import { n as ButtonColor, o as ButtonSize, s as ButtonVariant } from "./index-C0xMvDjL.mjs";
+import { ElementType, HTMLAttributes } from "react";
+//#region src/ButtonGroup/ButtonGroup.d.ts
+type ButtonGroupOrientation = 'horizontal' | 'vertical';
+type ButtonGroupRadius = keyof Theme['radii'];
+interface ButtonGroupProps extends Omit<HTMLAttributes<HTMLDivElement>, 'color'>, index_d_exports.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).
+ */
+declare function ButtonGroup({ variant, color, size, orientation, borderRadius, disabled, fullWidth, as, children, ...rest }: Readonly<ButtonGroupProps>): import("react").JSX.Element;
+//#endregion
+//#region src/ButtonGroup/ButtonGroupContext.d.ts
+/** Group-wide defaults provided by `ButtonGroup` and consumed by `Button` (explicit props win). */
+interface ButtonGroupContextValue {
+  variant?: ButtonVariant;
+  color?: ButtonColor;
+  size?: ButtonSize;
+  disabled?: boolean;
+  fullWidth?: boolean;
+}
+declare const ButtonGroupContext: import("react").Context<ButtonGroupContextValue>;
+//#endregion
+export { ButtonGroupProps as a, ButtonGroupOrientation as i, ButtonGroupContextValue as n, ButtonGroupRadius as o, ButtonGroup as r, ButtonGroupContext as t };

package/dist/index-Bwi4kRpf.d.mts

@@ -0,0 +1,79 @@
+import { l as index_d_exports, o as Theme } from "./index-Dm9HfgV6.mjs";
+import { ChangeEventHandler, ElementType, InputHTMLAttributes, TextareaHTMLAttributes } from "react";
+//#region src/TextInput/TextInput.d.ts
+type TextInputColor = keyof Theme['palette'];
+type TextInputTextColor = keyof Theme['text'];
+type TextInputVariant = 'default' | 'outlined' | 'text' | 'underline';
+type TextInputSize = keyof Theme['sizes'];
+interface TextInputClasses {
+  root?: string;
+  input?: string;
+}
+interface TextInputProps extends index_d_exports.SpaceProps<Theme>, Pick<index_d_exports.LayoutProps<Theme>, 'width' | 'minWidth' | 'maxWidth'> {
+  /** Corner radius — applies only to `default` and `outlined` variants. Resolves against `theme.radii`. */
+  borderRadius?: keyof Theme['radii'];
+  autoComplete?: string;
+  autoFocus?: boolean;
+  /** Class names applied to inner elements. `root` targets the wrapper; `input` targets the native element. */
+  classes?: TextInputClasses;
+  /** Override components for the Root and Input slots. */
+  components?: {
+    Input?: ElementType;
+    Root?: ElementType;
+  };
+  /** Focus/active border color — resolves to `theme.palette[color].main`. Default: 'primary', overridable via `theme.defaults.color`. */
+  color?: TextInputColor;
+  /** Text color of the typed value — resolves against `theme.text`. Default: 'primary', overridable via `theme.defaults.accentTextColor`. */
+  textColor?: TextInputTextColor;
+  /** Disables the input. */
+  disabled?: boolean;
+  /** Marks the field as invalid — applies error border color. */
+  error?: boolean;
+  /** Stretches the root to fill its container. */
+  fullWidth?: boolean;
+  id?: string;
+  /** Custom component for the input element. Takes priority over `components.Input`. Default: `'input'`. */
+  inputComponent?: ElementType;
+  /** Native HTML `size` attribute — visible width in character widths. Has no effect with `multiline` or `resize`. */
+  inputSize?: number;
+  /** Extra props spread onto the native element. Explicit top-level props take priority. */
+  inputProps?: InputHTMLAttributes<HTMLInputElement> & TextareaHTMLAttributes<HTMLTextAreaElement>;
+  /** Maximum rows before the auto-grow textarea starts scrolling. Only applies when `resize` is set. */
+  maxRows?: number | string;
+  /** Minimum rows for the auto-grow textarea. Only applies when `resize` is set. */
+  minRows?: number | string;
+  /**
+   * Renders a `<textarea>` that grows with its content.
+   * Combine with `rows` to fix the height instead of auto-growing.
+   */
+  multiline?: boolean;
+  name?: string;
+  onChange?: ChangeEventHandler<HTMLInputElement | HTMLTextAreaElement>;
+  placeholder?: string;
+  readOnly?: boolean;
+  required?: boolean;
+  /** Auto-grows the textarea as content increases. Requires `multiline`. */
+  resize?: boolean;
+  /** Controls padding and font size. Default: 'md', overridable via `theme.defaults.size`. */
+  size?: TextInputSize;
+  /**
+   * Fixes the textarea height to this many rows. Also enables `multiline`
+   * when value is greater than 1. Disables resize.
+   */
+  rows?: number | string;
+  /** HTML input type. Ignored when multiline. Default: `'text'`. */
+  type?: string;
+  /**
+   * Visual style of the input.
+   * - `outlined` / `default` — full border box (default)
+   * - `underline` — border on bottom only
+   * - `text` — no border, transparent background
+   */
+  variant?: TextInputVariant;
+  value?: string | number | readonly string[];
+  className?: string;
+  'data-testid'?: string;
+}
+declare function TextInput({ autoComplete, autoFocus, borderRadius, classes, components, color: colorProp, textColor: textColorProp, disabled: disabledProp, error: errorProp, fullWidth: fullWidthProp, id: idProp, inputComponent, inputProps, inputSize, maxRows, minRows, multiline, name, onChange, placeholder, readOnly, required: requiredProp, resize, rows, size: sizeProp, type, value, variant: variantProp, className, 'data-testid': dataTestid, ...spaceProps }: Readonly<TextInputProps>): import("react").JSX.Element;
+//#endregion
+export { TextInputSize as a, TextInputProps as i, TextInputClasses as n, TextInputTextColor as o, TextInputColor as r, TextInputVariant as s, TextInput as t };

package/dist/index-Bx24ZnOV.d.mts

@@ -0,0 +1,43 @@
+import { l as index_d_exports, o as Theme } from "./index-Dm9HfgV6.mjs";
+import { l as PaletteColor } from "./themes-D1SAp3SL.mjs";
+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-C-P_hipv.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/TableBody/TableBody.d.ts
+/** Valid values for the color prop — derived from theme.text keys. */
+type TableBodyColorToken = keyof Theme['text'];
+/** Valid values for the bg prop — derived from theme.background keys. */
+type TableBodyBackgroundToken = keyof Theme['background'];
+/** Valid values for the borderColor prop — derived from theme.border keys. */
+type TableBodyBorderColorToken = keyof Theme['border'];
+interface TableBodyProps extends Omit<HTMLAttributes<HTMLTableSectionElement>, 'color'>, index_d_exports.SpaceProps<Theme>, Omit<index_d_exports.BorderProps<Theme>, 'borderColor' | 'borderRadius'> {
+  /** Resolves against theme.text */
+  color?: TableBodyColorToken;
+  /** Resolves against theme.background */
+  bg?: TableBodyBackgroundToken;
+  /** Resolves against theme.border — light · primary · dark */
+  borderColor?: TableBodyBorderColorToken;
+  as?: ElementType;
+}
+declare function TableBody({ as, children, ...rest }: Readonly<TableBodyProps>): import("react").JSX.Element;
+//#endregion
+export { TableBodyProps as a, TableBodyColorToken as i, TableBodyBackgroundToken as n, TableBodyBorderColorToken as r, TableBody as t };