@soroush.tech/design-system 0.1.0 → 1.1.0

package/dist/engine.cjs

@@ -0,0 +1,80 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_rolldown_runtime = require("./rolldown-runtime-DDXJien1.cjs");
+const require_emotion = require("./emotion-DviPkkGL.cjs");
+let _emotion_react = require("@emotion/react");
+let _emotion_cache = require("@emotion/cache");
+_emotion_cache = require_rolldown_runtime.__toESM(_emotion_cache, 1);
+//#region src/engine/styleCache.ts
+var styleCache_default = (0, _emotion_cache.default)({ key: "soroush" });
+//#endregion
+//#region src/engine/globalStyles.ts
+/**
+* The base reset this package owns — box-sizing, margin/table resets, and
+* theme-driven body colors. Font-family, webfont loading, and anything else
+* app-specific are app policy — compose this into your own `Global` styles array.
+*/
+const globalStyles = (theme) => _emotion_react.css`
+  *,
+  *::before,
+  *::after {
+    box-sizing: border-box;
+  }
+
+  html,
+  body {
+    margin: 0;
+    padding: 0;
+  }
+
+  html {
+    line-height: 1.15;
+    -webkit-text-size-adjust: 100%;
+    tab-size: 4;
+    color-scheme: ${theme.colorScheme};
+    font-synthesis: none;
+    text-rendering: optimizeLegibility;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+  }
+
+  body {
+    background: ${theme.background.primary};
+    color: ${theme.text.initial};
+  }
+
+  p,
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6 {
+    margin: 0;
+    font-weight: inherit;
+    margin-block-end: 0.5em;
+  }
+
+  textarea {
+    overflow: auto;
+  }
+
+  table {
+    border-collapse: collapse;
+    border-spacing: 0;
+  }
+
+  td,
+  th {
+    padding: 0;
+  }
+`;
+//#endregion
+Object.defineProperty(exports, "CacheProvider", {
+	enumerable: true,
+	get: function() {
+		return _emotion_react.CacheProvider;
+	}
+});
+exports.Global = require_emotion.Global;
+exports.globalStyles = globalStyles;
+exports.styleCache = styleCache_default;

package/dist/engine.d.cts

@@ -0,0 +1,21 @@
+import { h as Theme } from "./themes-CUV79qWU.cjs";
+import { CacheProvider, Interpolation } from "@emotion/react";
+import { ComponentType, RefAttributes } from "react";
+//#region src/theme/emotion.d.ts
+/** `Global`, retyped against this package's own `Theme` (see `styled.ts`'s `StyledTags`). */
+declare const Global: ComponentType<{
+  styles: Interpolation<Theme>;
+} & RefAttributes<unknown>>;
+//#endregion
+//#region src/engine/styleCache.d.ts
+declare const _default: import("@emotion/cache").EmotionCache;
+//#endregion
+//#region src/engine/globalStyles.d.ts
+/**
+ * The base reset this package owns — box-sizing, margin/table resets, and
+ * theme-driven body colors. Font-family, webfont loading, and anything else
+ * app-specific are app policy — compose this into your own `Global` styles array.
+ */
+declare const globalStyles: (theme: Theme) => import("@emotion/react").SerializedStyles;
+//#endregion
+export { CacheProvider, Global, globalStyles, _default as styleCache };

package/dist/engine.d.mts

@@ -0,0 +1,21 @@
+import { h as Theme } from "./themes-CUV79qWU.mjs";
+import { CacheProvider, Interpolation } from "@emotion/react";
+import { ComponentType, RefAttributes } from "react";
+//#region src/theme/emotion.d.ts
+/** `Global`, retyped against this package's own `Theme` (see `styled.ts`'s `StyledTags`). */
+declare const Global: ComponentType<{
+  styles: Interpolation<Theme>;
+} & RefAttributes<unknown>>;
+//#endregion
+//#region src/engine/styleCache.d.ts
+declare const _default: import("@emotion/cache").EmotionCache;
+//#endregion
+//#region src/engine/globalStyles.d.ts
+/**
+ * The base reset this package owns — box-sizing, margin/table resets, and
+ * theme-driven body colors. Font-family, webfont loading, and anything else
+ * app-specific are app policy — compose this into your own `Global` styles array.
+ */
+declare const globalStyles: (theme: Theme) => import("@emotion/react").SerializedStyles;
+//#endregion
+export { CacheProvider, Global, globalStyles, _default as styleCache };

package/dist/engine.mjs

@@ -0,0 +1,69 @@
+import { i as Global, t as CacheProvider } from "./emotion-BAyqVw0c.mjs";
+import { css } from "@emotion/react";
+import createCache from "@emotion/cache";
+//#region src/engine/styleCache.ts
+var styleCache_default = createCache({ key: "soroush" });
+//#endregion
+//#region src/engine/globalStyles.ts
+/**
+* The base reset this package owns — box-sizing, margin/table resets, and
+* theme-driven body colors. Font-family, webfont loading, and anything else
+* app-specific are app policy — compose this into your own `Global` styles array.
+*/
+const globalStyles = (theme) => css`
+  *,
+  *::before,
+  *::after {
+    box-sizing: border-box;
+  }
+
+  html,
+  body {
+    margin: 0;
+    padding: 0;
+  }
+
+  html {
+    line-height: 1.15;
+    -webkit-text-size-adjust: 100%;
+    tab-size: 4;
+    color-scheme: ${theme.colorScheme};
+    font-synthesis: none;
+    text-rendering: optimizeLegibility;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+  }
+
+  body {
+    background: ${theme.background.primary};
+    color: ${theme.text.initial};
+  }
+
+  p,
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6 {
+    margin: 0;
+    font-weight: inherit;
+    margin-block-end: 0.5em;
+  }
+
+  textarea {
+    overflow: auto;
+  }
+
+  table {
+    border-collapse: collapse;
+    border-spacing: 0;
+  }
+
+  td,
+  th {
+    padding: 0;
+  }
+`;
+//#endregion
+export { CacheProvider, Global, globalStyles, styleCache_default as styleCache };

package/dist/{index-BqVgv2B_.d.mts → index--mvTGo8F.d.cts}

@@ -1,5 +1,6 @@
-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 { r as index_d_exports } from "./index-DLJ-li1B.cjs";
+import { h as Theme } from "./themes-CUV79qWU.cjs";
+import { n as ButtonColor, o as ButtonSize, s as ButtonVariant } from "./index-BJ8OC_Zh.cjs";
 import { ElementType, HTMLAttributes } from "react";
 //#region src/ButtonGroup/ButtonGroup.d.ts
 type ButtonGroupOrientation = 'horizontal' | 'vertical';

package/dist/{index-DSCMXFTn.d.cts → index-ATXjtAOY.d.mts}

@@ -1,4 +1,5 @@
-import { a as PaginationItemSize } from "./index-CeYkEXU2.cjs";
+import { a as PaginationItemSize } from "./index-BwUnDd9W.mjs";
+import "./index-Ca0Pj5m2.mjs";
 import { HTMLAttributes } from "react";
 //#region src/Table/TablePaginationActions/TablePaginationActions.d.ts
 type TablePaginationActionType = 'first' | 'previous' | 'next' | 'last';

package/dist/{index-CDVnvjIE.d.cts → index-B2hrssyF.d.mts}

@@ -1,5 +1,5 @@
-import { l as index_d_exports, o as Theme } from "./index-Bihpwn75.cjs";
-import { F as TypographyVariant } from "./themes-D81JYbqm.cjs";
+import { L as TypographyVariant, h as Theme } from "./themes-CUV79qWU.mjs";
+import { r as index_d_exports } from "./index-D8b5OCLe.mjs";
 import { CSSProperties, ElementType, HTMLAttributes } from "react";
 //#region src/Typography/Typography.d.ts
 type TypographyAlign = 'left' | 'right' | 'center' | 'justify' | 'inherit';

package/dist/index-B3FrhO2r.d.cts

@@ -0,0 +1,24 @@
+import { r as index_d_exports } from "./index-DLJ-li1B.cjs";
+import { h as Theme } from "./themes-CUV79qWU.cjs";
+import { a as PaginationItemSize, i as PaginationItemShape, l as UsePaginationProps, n as PaginationItemColor, o as PaginationItemVariant, s as PaginationItemType } from "./index-yr4HkKOj.cjs";
+import { HTMLAttributes } from "react";
+//#region src/Pagination/Pagination.d.ts
+type PaginationColor = PaginationItemColor;
+type PaginationVariant = PaginationItemVariant;
+type PaginationShape = PaginationItemShape;
+type PaginationSize = PaginationItemSize;
+interface PaginationProps extends Omit<HTMLAttributes<HTMLElement>, 'color' | 'onChange'>, UsePaginationProps, index_d_exports.SpaceProps<Theme> {
+  /** Selected-item color — resolves against `theme.palette`. Default: 'primary', overridable via `theme.defaults.color`. */
+  color?: PaginationColor;
+  /** Item style — `text` or `outlined`. Default: `'text'`. */
+  variant?: PaginationVariant;
+  /** Item corner shape. Default: `'circular'`. */
+  shape?: PaginationShape;
+  /** Item density — resolves against `theme.sizes`. Default: 'md', overridable via `theme.defaults.size`. */
+  size?: PaginationSize;
+  /** Accessible name per item — important for screen readers. A sensible default is provided. */
+  getItemAriaLabel?: (type: PaginationItemType, page: number | null, isSelected: boolean) => string;
+}
+declare function Pagination({ count, page, defaultPage, siblingCount, boundaryCount, disabled, shouldShowFirstButton, shouldShowLastButton, shouldHidePrevButton, shouldHideNextButton, onChange, color, variant, shape, size, getItemAriaLabel, 'aria-label': ariaLabel, ...rest }: Readonly<PaginationProps>): import("react").JSX.Element;
+//#endregion
+export { PaginationSize as a, PaginationShape as i, PaginationColor as n, PaginationVariant as o, PaginationProps as r, Pagination as t };

package/dist/{index-BnzUumAC2.d.mts → index-B7aaTHOe.d.cts}

@@ -1,4 +1,5 @@
-import { a as PaginationItemSize } from "./index-CxSNNzBT2.mjs";
+import { a as PaginationItemSize } from "./index-yr4HkKOj.cjs";
+import "./index-B3FrhO2r.cjs";
 import { HTMLAttributes } from "react";
 //#region src/Table/TablePaginationActions/TablePaginationActions.d.ts
 type TablePaginationActionType = 'first' | 'previous' | 'next' | 'last';

package/dist/{index-DmJIuQJj.d.mts → index-BItZoGZ1.d.mts}

@@ -1,5 +1,6 @@
-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 { h as Theme } from "./themes-CUV79qWU.mjs";
+import { r as index_d_exports } from "./index-D8b5OCLe.mjs";
+import { n as IconProps, r as IconName } from "./index-BL3jwIQU.mjs";
 import { ButtonHTMLAttributes } from "react";
 //#region src/Table/TableSortLabel/TableSortLabel.d.ts
 type TableSortLabelDirection = 'asc' | 'desc';

package/dist/{index-DASvoACZ.d.cts → index-BJ8OC_Zh.d.cts}

@@ -1,5 +1,5 @@
-import { l as index_d_exports, o as Theme } from "./index-Bihpwn75.cjs";
-import { l as PaletteColor, n as ButtonVariants } from "./themes-D81JYbqm.cjs";
+import { r as index_d_exports } from "./index-DLJ-li1B.cjs";
+import { d as PaletteColor, h as Theme, n as ButtonVariants } from "./themes-CUV79qWU.cjs";
 import { ButtonHTMLAttributes, ReactNode } from "react";
 //#region src/Button/Button.d.ts
 /** Augmentable via the `ButtonVariants` interface — style new values through `theme.components.Button.variants`. */

package/dist/{index-BLfFycfJ.d.mts → index-BL3jwIQU.d.mts}

@@ -1,5 +1,5 @@
-import { l as index_d_exports } from "./index-Dm9HfgV6.mjs";
-import { n as TextColorToken } from "./index-DE5PtzPn.mjs";
+import { r as index_d_exports } from "./index-D8b5OCLe.mjs";
+import { n as TextColorToken } from "./index-B2hrssyF.mjs";
 import { SVGProps } from "react";
 //#region src/Icon/icons.d.ts
 /** Registry of available icons, keyed by their asset file name. */
@@ -23,15 +23,19 @@ declare const icons: {
   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 edit_note: (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 folder: (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 fullscreen: (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 history: (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;
@@ -42,6 +46,7 @@ declare const icons: {
   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 refresh: (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;
@@ -54,6 +59,8 @@ declare const icons: {
   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;
+  readonly zoom_in: (props: import("react").SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+  readonly zoom_out: (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;

package/dist/{index-4rC2j7fR.d.cts → index-BNP_iejT.d.cts}

@@ -1,5 +1,6 @@
-import { l as index_d_exports, o as Theme } from "./index-Bihpwn75.cjs";
-import { t as TableCellPadding } from "./TableContext-2qH7XYJB.cjs";
+import { r as index_d_exports } from "./index-DLJ-li1B.cjs";
+import { h as Theme } from "./themes-CUV79qWU.cjs";
+import { t as TableCellPadding } from "./TableContext-BoOxdk8p.cjs";
 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. */

package/dist/{index-Dy03o__A.d.mts → index-BfpjEqqt.d.cts}

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

package/dist/index-BoOs5h_b.d.mts

@@ -0,0 +1,53 @@
+import { b as ThemeComponents, h as Theme, x as ThemeDefaults } from "./themes-CUV79qWU.mjs";
+import { ComponentType, ReactNode } from "react";
+//#region src/theme/ThemeProvider.d.ts
+interface ThemeProviderProps {
+  children: ReactNode;
+  /**
+   * The active theme. Bring one theme, or as many as you like — switching
+   * between them is your state, not the provider's. Defaults to the built-in
+   * `baseTheme`.
+   */
+  theme?: Theme;
+  /**
+   * Optional component default token/variant keys, merged into the theme
+   * (e.g. `{ size: 'compact' }` makes every sized component default to your key).
+   */
+  defaults?: ThemeDefaults;
+}
+declare function ThemeProvider({ children, theme, defaults }: Readonly<ThemeProviderProps>): import("react").JSX.Element;
+//#endregion
+//#region src/theme/utils/themeDefault.d.ts
+/**
+ * Resolves a component's default token/variant key: the theme's optional
+ * `defaults` override wins, otherwise the component's literal `fallback`.
+ * Components call this in their prop defaults (`size = themeDefault(theme,
+ * 'size', 'md')`) so every built-in default stays visible in the component
+ * yet overridable per theme or via `ThemeProvider`'s `defaults` prop.
+ */
+declare const themeDefault: <K extends keyof ThemeDefaults>(theme: Theme, key: K, fallback: NonNullable<ThemeDefaults[K]>) => NonNullable<ThemeDefaults[K]>;
+//#endregion
+//#region src/theme/hooks/useTheme.d.ts
+/**
+ * The active theme, typed as this package's own `Theme` — Emotion is an
+ * internal implementation detail, never part of the public type surface.
+ */
+declare const useTheme: () => Theme;
+//#endregion
+//#region src/theme/hooks/useDefaultProps.d.ts
+type DefaultPropsOf<N extends keyof ThemeComponents> = NonNullable<NonNullable<ThemeComponents[N]>['defaultProps']>;
+/**
+ * The theme-contributed default prop values for a component
+ * (`theme.components[name].defaultProps`), or an empty object.
+ *
+ * Components apply it as one step of the default-resolution chain:
+ * explicit prop → group context → `useDefaultProps` → `theme.defaults.*` → literal fallback.
+ */
+declare function useDefaultProps<N extends keyof ThemeComponents>(name: N): DefaultPropsOf<N>;
+//#endregion
+//#region src/theme/hoc/withTheme.d.ts
+declare function withTheme<P extends object>(WrappedComponent: ComponentType<P & {
+  theme: Theme;
+}>): (props: P) => import("react").JSX.Element;
+//#endregion
+export { ThemeProvider as a, themeDefault as i, useDefaultProps as n, useTheme as r, withTheme as t };

package/dist/{index-CeYkEXU2.d.cts → index-BwUnDd9W.d.mts}

@@ -1,5 +1,5 @@
-import { l as index_d_exports, o as Theme } from "./index-Bihpwn75.cjs";
-import { l as PaletteColor } from "./themes-D81JYbqm.cjs";
+import { d as PaletteColor, h as Theme } from "./themes-CUV79qWU.mjs";
+import { r as index_d_exports } from "./index-D8b5OCLe.mjs";
 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-BH8jQOdF.d.mts → index-C7j38wne.d.mts}

@@ -1,5 +1,6 @@
-import { l as index_d_exports, o as Theme } from "./index-Dm9HfgV6.mjs";
-import { t as TableCellPadding } from "./TableContext-2qH7XYJB.mjs";
+import { h as Theme } from "./themes-CUV79qWU.mjs";
+import { r as index_d_exports } from "./index-D8b5OCLe.mjs";
+import { t as TableCellPadding } from "./TableContext-DV31j6HO.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. */

package/dist/{index-Dp81rWM1.d.cts → index-CA_X-mXg.d.cts}

@@ -1,5 +1,5 @@
-import { l as index_d_exports } from "./index-Bihpwn75.cjs";
-import { n as TextColorToken } from "./index-CDVnvjIE.cjs";
+import { r as index_d_exports } from "./index-DLJ-li1B.cjs";
+import { n as TextColorToken } from "./index-CvaEVk-f.cjs";
 import { SVGProps } from "react";
 //#region src/Icon/icons.d.ts
 /** Registry of available icons, keyed by their asset file name. */
@@ -23,15 +23,19 @@ declare const icons: {
   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 edit_note: (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 folder: (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 fullscreen: (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 history: (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;
@@ -42,6 +46,7 @@ declare const icons: {
   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 refresh: (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;
@@ -54,6 +59,8 @@ declare const icons: {
   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;
+  readonly zoom_in: (props: import("react").SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+  readonly zoom_out: (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;

package/dist/index-CO3Qq0I0.d.mts

@@ -0,0 +1,49 @@
+import { d as PaletteColor, h as Theme } from "./themes-CUV79qWU.mjs";
+import { r as index_d_exports } from "./index-D8b5OCLe.mjs";
+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-BLRMuO_x.d.mts → index-CYTaYcm3.d.cts}

@@ -1,13 +1,12 @@
-import { o as Theme } from "./index-Dm9HfgV6.mjs";
-import { n as FlexProps } from "./index-z35LEYG8.mjs";
+import "./index-DLJ-li1B.cjs";
+import { h as Theme } from "./themes-CUV79qWU.cjs";
+import { n as FlexProps } from "./index-zFYi0f1t.cjs";
 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-Ca0Pj5m2.d.mts

@@ -0,0 +1,24 @@
+import { h as Theme } from "./themes-CUV79qWU.mjs";
+import { r as index_d_exports } from "./index-D8b5OCLe.mjs";
+import { a as PaginationItemSize, i as PaginationItemShape, l as UsePaginationProps, n as PaginationItemColor, o as PaginationItemVariant, s as PaginationItemType } from "./index-BwUnDd9W.mjs";
+import { HTMLAttributes } from "react";
+//#region src/Pagination/Pagination.d.ts
+type PaginationColor = PaginationItemColor;
+type PaginationVariant = PaginationItemVariant;
+type PaginationShape = PaginationItemShape;
+type PaginationSize = PaginationItemSize;
+interface PaginationProps extends Omit<HTMLAttributes<HTMLElement>, 'color' | 'onChange'>, UsePaginationProps, index_d_exports.SpaceProps<Theme> {
+  /** Selected-item color — resolves against `theme.palette`. Default: 'primary', overridable via `theme.defaults.color`. */
+  color?: PaginationColor;
+  /** Item style — `text` or `outlined`. Default: `'text'`. */
+  variant?: PaginationVariant;
+  /** Item corner shape. Default: `'circular'`. */
+  shape?: PaginationShape;
+  /** Item density — resolves against `theme.sizes`. Default: 'md', overridable via `theme.defaults.size`. */
+  size?: PaginationSize;
+  /** Accessible name per item — important for screen readers. A sensible default is provided. */
+  getItemAriaLabel?: (type: PaginationItemType, page: number | null, isSelected: boolean) => string;
+}
+declare function Pagination({ count, page, defaultPage, siblingCount, boundaryCount, disabled, shouldShowFirstButton, shouldShowLastButton, shouldHidePrevButton, shouldHideNextButton, onChange, color, variant, shape, size, getItemAriaLabel, 'aria-label': ariaLabel, ...rest }: Readonly<PaginationProps>): import("react").JSX.Element;
+//#endregion
+export { PaginationSize as a, PaginationShape as i, PaginationColor as n, PaginationVariant as o, PaginationProps as r, Pagination as t };

package/dist/{index-DE5PtzPn.d.mts → index-CvaEVk-f.d.cts}

@@ -1,5 +1,5 @@
-import { l as index_d_exports, o as Theme } from "./index-Dm9HfgV6.mjs";
-import { F as TypographyVariant } from "./themes-D1SAp3SL.mjs";
+import { r as index_d_exports } from "./index-DLJ-li1B.cjs";
+import { L as TypographyVariant, h as Theme } from "./themes-CUV79qWU.cjs";
 import { CSSProperties, ElementType, HTMLAttributes } from "react";
 //#region src/Typography/Typography.d.ts
 type TypographyAlign = 'left' | 'right' | 'center' | 'justify' | 'inherit';

package/dist/{index-C0xMvDjL.d.mts → index-D8U2tk1L.d.mts}

@@ -1,5 +1,5 @@
-import { l as index_d_exports, o as Theme } from "./index-Dm9HfgV6.mjs";
-import { l as PaletteColor, n as ButtonVariants } from "./themes-D1SAp3SL.mjs";
+import { d as PaletteColor, h as Theme, n as ButtonVariants } from "./themes-CUV79qWU.mjs";
+import { r as index_d_exports } from "./index-D8b5OCLe.mjs";
 import { ButtonHTMLAttributes, ReactNode } from "react";
 //#region src/Button/Button.d.ts
 /** Augmentable via the `ButtonVariants` interface — style new values through `theme.components.Button.variants`. */

package/dist/{index-Dm9HfgV6.d.mts → index-D8b5OCLe.d.mts}

@@ -1,9 +1,9 @@
-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 { d as PaletteColor, h as Theme, r as CSSObject$1 } from "./themes-CUV79qWU.mjs";
+import { CreateStyledComponent, FilteringStyledOptions, Interpolation, StyledOptions } from "@emotion/styled";
+import { PropsOf, css as css$1, keyframes } 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
+//#region src/style/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
@@ -28,8 +28,18 @@ interface ThemeCustomizationOptions {
    */
   overridesResolver?: (props: Record<string, unknown>, styleOverrides: Record<string, unknown>) => unknown;
 }
+/**
+ * The `styled.div`, `styled.span`, … tag shorthands — mirrors Emotion's own
+ * `StyledTags`, retyped against this package's `Theme` instead of Emotion's
+ * (otherwise-empty) one, so `${({ theme }) => theme.space[2]}` template
+ * interpolations resolve to the real theme shape.
+ */
+type StyledTags = { [Tag in keyof JSX.IntrinsicElements]: CreateStyledComponent<{
+  theme?: Theme;
+  as?: React.ElementType;
+}, JSX.IntrinsicElements[Tag]>; };
 /** Overloads mirroring Emotion's, with the theme-customization options added. */
-interface CreateThemedStyled extends CreateStyled {
+interface CreateThemedStyled extends StyledTags {
   <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;
   }, {}, {
@@ -56,8 +66,8 @@ interface CreateThemedStyled extends CreateStyled {
  */
 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 };
+  export { CSSObject$1 as CSSObject, PaletteColor, Theme, ThemeCustomizationOptions, createShouldForwardProp, css$1 as css, keyframes, props, styled };
 }
 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 };
+export { props as a, keyframes as i, css$1 as n, ThemeCustomizationOptions as o, index_d_exports as r, styled as s, createShouldForwardProp as t };