@soroush.tech/design-system 0.1.0 → 1.0.0

package/dist/index-0J6U39Rl.d.mts

@@ -0,0 +1,53 @@
+import { b as ThemeDefaults, m as Theme, y as ThemeComponents } from "./themes-BTGww2YK.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-Dm9HfgV6.d.mts → index-B66h9kbP.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, m as Theme, r as CSSObject$1 } from "./themes-BTGww2YK.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 };

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

@@ -1,4 +1,5 @@
-import { l as index_d_exports, o as Theme } from "./index-Bihpwn75.cjs";
+import { r as index_d_exports } from "./index-BVX_Jq2G.cjs";
+import { m as Theme } from "./themes-BTGww2YK.cjs";
 import { CSSProperties, HTMLAttributes } from "react";
 //#region src/View/View.d.ts
 /** Valid values for the color prop — derived from theme.text keys. */

package/dist/{index-DE5PtzPn.d.mts → index-BF2KXGBM.d.mts}

@@ -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 { I as TypographyVariant, m as Theme } from "./themes-BTGww2YK.mjs";
+import { r as index_d_exports } from "./index-B66h9kbP.mjs";
 import { CSSProperties, ElementType, HTMLAttributes } from "react";
 //#region src/Typography/Typography.d.ts
 type TypographyAlign = 'left' | 'right' | 'center' | 'justify' | 'inherit';

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

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

package/dist/{index-DmJIuQJj.d.mts → index-BGzs2cKy.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 { m as Theme } from "./themes-BTGww2YK.mjs";
+import { r as index_d_exports } from "./index-B66h9kbP.mjs";
+import { n as IconProps, r as IconName } from "./index-D0x1ZMVG.mjs";
 import { ButtonHTMLAttributes } from "react";
 //#region src/Table/TableSortLabel/TableSortLabel.d.ts
 type TableSortLabelDirection = 'asc' | 'desc';

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

@@ -1,5 +1,6 @@
-import { l as index_d_exports, o as Theme } from "./index-Bihpwn75.cjs";
-import { s as ViewProps } from "./index-FwTocqhP.cjs";
+import { m as Theme } from "./themes-BTGww2YK.mjs";
+import { r as index_d_exports } from "./index-B66h9kbP.mjs";
+import { s as ViewProps } from "./index-CYNgNatZ.mjs";
 //#region src/Flex/Flex.d.ts
 /** Valid values for the gap prop — derived from theme.space keys. */
 type GapToken = keyof Theme['space'];

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

@@ -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 { r as index_d_exports } from "./index-BVX_Jq2G.cjs";
+import { I as TypographyVariant, m as Theme } from "./themes-BTGww2YK.cjs";
 import { CSSProperties, ElementType, HTMLAttributes } from "react";
 //#region src/Typography/Typography.d.ts
 type TypographyAlign = 'left' | 'right' | 'center' | 'justify' | 'inherit';

package/dist/{index-Bihpwn75.d.cts → index-BVX_Jq2G.d.cts}

@@ -1,10 +1,10 @@
-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 { d as PaletteColor, m as Theme, r as CSSObject$1 } from "./themes-BTGww2YK.cjs";
+import { CreateStyledComponent, FilteringStyledOptions, Interpolation, StyledOptions } from "@emotion/styled";
+import { PropsOf, css, keyframes } 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
+//#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
@@ -29,8 +29,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;
   }, {}, {
@@ -57,8 +67,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, 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 as n, ThemeCustomizationOptions as o, index_d_exports as r, styled as s, createShouldForwardProp as t };

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

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

package/dist/{index-DASvoACZ.d.cts → index-BnCp6k4s.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-BVX_Jq2G.cjs";
+import { d as PaletteColor, m as Theme, n as ButtonVariants } from "./themes-BTGww2YK.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-Dy03o__A.d.mts → index-BpLv6Y8m.d.mts}

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

package/dist/index-C-UBdWKI.d.cts

@@ -0,0 +1,24 @@
+import { r as index_d_exports } from "./index-BVX_Jq2G.cjs";
+import { m as Theme } from "./themes-BTGww2YK.cjs";
+import { a as PaginationItemSize, i as PaginationItemShape, l as UsePaginationProps, n as PaginationItemColor, o as PaginationItemVariant, s as PaginationItemType } from "./index-BGWm4HKR.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-BqVgv2B_.d.mts → index-C1vVYigQ.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-BVX_Jq2G.cjs";
+import { m as Theme } from "./themes-BTGww2YK.cjs";
+import { n as ButtonColor, o as ButtonSize, s as ButtonVariant } from "./index-BnCp6k4s.cjs";
 import { ElementType, HTMLAttributes } from "react";
 //#region src/ButtonGroup/ButtonGroup.d.ts
 type ButtonGroupOrientation = 'horizontal' | 'vertical';

package/dist/index-CJQXZ4hq.d.cts

@@ -0,0 +1,53 @@
+import { b as ThemeDefaults, m as Theme, y as ThemeComponents } from "./themes-BTGww2YK.cjs";
+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-C0xMvDjL.d.mts → index-CLCtvcKA.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, m as Theme, n as ButtonVariants } from "./themes-BTGww2YK.mjs";
+import { r as index_d_exports } from "./index-B66h9kbP.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-DSCMXFTn.d.cts → index-CY0Czi9Z.d.cts}

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

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

@@ -1,4 +1,5 @@
-import { l as index_d_exports, o as Theme } from "./index-Dm9HfgV6.mjs";
+import { m as Theme } from "./themes-BTGww2YK.mjs";
+import { r as index_d_exports } from "./index-B66h9kbP.mjs";
 import { CSSProperties, HTMLAttributes } from "react";
 //#region src/View/View.d.ts
 /** Valid values for the color prop — derived from theme.text keys. */

package/dist/{index-BLfFycfJ.d.mts → index-D0x1ZMVG.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-B66h9kbP.mjs";
+import { n as TextColorToken } from "./index-BF2KXGBM.mjs";
 import { SVGProps } from "react";
 //#region src/Icon/icons.d.ts
 /** Registry of available icons, keyed by their asset file name. */
@@ -30,6 +30,7 @@ declare const icons: {
   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 hub: (props: import("react").SVGProps<SVGSVGElement>) => import("react").JSX.Element;
@@ -42,6 +43,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 +56,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-D2H_6WLf.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-BVX_Jq2G.cjs";
+import { m as Theme } from "./themes-BTGww2YK.cjs";
+import { t as TableCellPadding } from "./TableContext-DOhYeOFx.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-BnzUumAC2.d.mts → index-DCwLdUQH.d.mts}

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

package/dist/{index-BH8jQOdF.d.mts → index-DGqakgRN.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 { m as Theme } from "./themes-BTGww2YK.mjs";
+import { r as index_d_exports } from "./index-B66h9kbP.mjs";
+import { t as TableCellPadding } from "./TableContext-adilRIJZ.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-BLRMuO_x.d.mts → index-DLiHZtDi.d.mts}

@@ -1,5 +1,6 @@
-import { o as Theme } from "./index-Dm9HfgV6.mjs";
-import { n as FlexProps } from "./index-z35LEYG8.mjs";
+import { m as Theme } from "./themes-BTGww2YK.mjs";
+import "./index-B66h9kbP.mjs";
+import { n as FlexProps } from "./index-BJcHQUga.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;

package/dist/{index-Dp81rWM1.d.cts → index-DN7IvJeV.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-BVX_Jq2G.cjs";
+import { n as TextColorToken } from "./index-BLnOsdgc.cjs";
 import { SVGProps } from "react";
 //#region src/Icon/icons.d.ts
 /** Registry of available icons, keyed by their asset file name. */
@@ -30,6 +30,7 @@ declare const icons: {
   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 hub: (props: import("react").SVGProps<SVGSVGElement>) => import("react").JSX.Element;
@@ -42,6 +43,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 +56,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-BX5-NfbX.d.cts → index-DdFxl06Q.d.cts}

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

package/dist/{index-z35LEYG8.d.mts → index-DhcmRr8Q.d.cts}

@@ -1,5 +1,6 @@
-import { l as index_d_exports, o as Theme } from "./index-Dm9HfgV6.mjs";
-import { s as ViewProps } from "./index-pX7tBQdJ.mjs";
+import { r as index_d_exports } from "./index-BVX_Jq2G.cjs";
+import { m as Theme } from "./themes-BTGww2YK.cjs";
+import { s as ViewProps } from "./index-B8FOqBiS.cjs";
 //#region src/Flex/Flex.d.ts
 /** Valid values for the gap prop — derived from theme.space keys. */
 type GapToken = keyof Theme['space'];

package/dist/index-DitJ7ss0.d.mts

@@ -0,0 +1,24 @@
+import { m as Theme } from "./themes-BTGww2YK.mjs";
+import { r as index_d_exports } from "./index-B66h9kbP.mjs";
+import { a as PaginationItemSize, i as PaginationItemShape, l as UsePaginationProps, n as PaginationItemColor, o as PaginationItemVariant, s as PaginationItemType } from "./index-ypEBcdCx.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-CyZYXDn0.d.cts → index-DwjxjLcD.d.mts}

@@ -1,5 +1,6 @@
-import { l as index_d_exports, o as Theme } from "./index-Bihpwn75.cjs";
-import { n as ButtonColor, o as ButtonSize, s as ButtonVariant } from "./index-DASvoACZ.cjs";
+import { m as Theme } from "./themes-BTGww2YK.mjs";
+import { r as index_d_exports } from "./index-B66h9kbP.mjs";
+import { n as ButtonColor, o as ButtonSize, s as ButtonVariant } from "./index-CLCtvcKA.mjs";
 import { ElementType, HTMLAttributes } from "react";
 //#region src/ButtonGroup/ButtonGroup.d.ts
 type ButtonGroupOrientation = 'horizontal' | 'vertical';

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

@@ -1,5 +1,6 @@
-import { o as Theme } from "./index-Bihpwn75.cjs";
-import { n as FlexProps } from "./index-B1rCD6Oo.cjs";
+import "./index-BVX_Jq2G.cjs";
+import { m as Theme } from "./themes-BTGww2YK.cjs";
+import { n as FlexProps } from "./index-DhcmRr8Q.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;

package/dist/{index-CxSNNzBT2.d.mts → index-ypEBcdCx.d.mts}

@@ -1,5 +1,5 @@
-import { l as index_d_exports, o as Theme } from "./index-Dm9HfgV6.mjs";
-import { l as PaletteColor } from "./themes-D1SAp3SL.mjs";
+import { d as PaletteColor, m as Theme } from "./themes-BTGww2YK.mjs";
+import { r as index_d_exports } from "./index-B66h9kbP.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.cjs

@@ -1,31 +1,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_src = require("./src-BiocWFSR.cjs");
-let _emotion_react = require("@emotion/react");
+const require_src = require("./src-C8PIppTy.cjs");
 let _soroush_tech_styled_system_should_forward_prop = require("@soroush.tech/styled-system/should-forward-prop");
-Object.defineProperty(exports, "CacheProvider", {
-	enumerable: true,
-	get: function() {
-		return _emotion_react.CacheProvider;
-	}
-});
-Object.defineProperty(exports, "EmotionThemeContext", {
-	enumerable: true,
-	get: function() {
-		return _emotion_react.ThemeContext;
-	}
-});
-Object.defineProperty(exports, "EmotionThemeProvider", {
-	enumerable: true,
-	get: function() {
-		return _emotion_react.ThemeProvider;
-	}
-});
-Object.defineProperty(exports, "Global", {
-	enumerable: true,
-	get: function() {
-		return _emotion_react.Global;
-	}
-});
+let _emotion_react = require("@emotion/react");
 Object.defineProperty(exports, "createShouldForwardProp", {
 	enumerable: true,
 	get: function() {
@@ -51,12 +27,6 @@ Object.defineProperty(exports, "props", {
 	}
 });
 exports.styled = require_src.styled;
-Object.defineProperty(exports, "useTheme", {
-	enumerable: true,
-	get: function() {
-		return _emotion_react.useTheme;
-	}
-});
 var _soroush_tech_styled_system = require("@soroush.tech/styled-system");
 Object.keys(_soroush_tech_styled_system).forEach(function(k) {
 	if (k !== "default" && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {

package/dist/index.d.cts

@@ -1,4 +1,4 @@
-import { a as Global, c as css, d as props, f as useTheme, i as EmotionThemeProvider, m as styled, n as CacheProvider, o as Theme, p as ThemeCustomizationOptions, r as EmotionThemeContext, s as createShouldForwardProp, t as CSSObject, u as keyframes } from "./index-Bihpwn75.cjs";
-import { l as PaletteColor } from "./themes-D81JYbqm.cjs";
+import { a as props, i as keyframes, n as css, o as ThemeCustomizationOptions, s as styled, t as createShouldForwardProp } from "./index-BVX_Jq2G.cjs";
+import { d as PaletteColor, m as Theme, r as CSSObject } from "./themes-BTGww2YK.cjs";
 export * from "@soroush.tech/styled-system";
-export { type CSSObject, CacheProvider, EmotionThemeContext, EmotionThemeProvider, Global, type PaletteColor, type Theme, type ThemeCustomizationOptions, createShouldForwardProp, css, keyframes, props, styled, useTheme };
+export { type CSSObject, type PaletteColor, type Theme, type ThemeCustomizationOptions, createShouldForwardProp, css, keyframes, props, styled };

package/dist/index.d.mts

@@ -1,4 +1,4 @@
-import { a as Global, c as css, d as props, f as useTheme, i as EmotionThemeProvider, m as styled, n as CacheProvider, o as Theme, p as ThemeCustomizationOptions, r as EmotionThemeContext, s as createShouldForwardProp, t as CSSObject, u as keyframes } from "./index-Dm9HfgV6.mjs";
-import { l as PaletteColor } from "./themes-D1SAp3SL.mjs";
+import { d as PaletteColor, m as Theme, r as CSSObject } from "./themes-BTGww2YK.mjs";
+import { a as props, i as keyframes, n as css, o as ThemeCustomizationOptions, s as styled, t as createShouldForwardProp } from "./index-B66h9kbP.mjs";
 export * from "@soroush.tech/styled-system";
-export { type CSSObject, CacheProvider, EmotionThemeContext, EmotionThemeProvider, Global, type PaletteColor, type Theme, type ThemeCustomizationOptions, createShouldForwardProp, css, keyframes, props, styled, useTheme };
+export { type CSSObject, type PaletteColor, type Theme, type ThemeCustomizationOptions, createShouldForwardProp, css, keyframes, props, styled };

package/dist/index.mjs

@@ -1,3 +1,3 @@
-import { a as createShouldForwardProp, c as props, d as styled, i as Global, n as EmotionThemeContext, o as css, r as EmotionThemeProvider, s as keyframes, t as CacheProvider, u as useTheme } from "./src-DcNT2aIK.mjs";
+import { i as props, n as css, o as styled, r as keyframes, t as createShouldForwardProp } from "./src-BJy4dM4f.mjs";
 export * from "@soroush.tech/styled-system";
-export { CacheProvider, EmotionThemeContext, EmotionThemeProvider, Global, createShouldForwardProp, css, keyframes, props, styled, useTheme };
+export { createShouldForwardProp, css, keyframes, props, styled };