@soroush.tech/design-system 1.3.1 → 1.3.3

package/dist/ToggleButton/ToggleButton.cjs

@@ -1,8 +1,8 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_src = require("../src-BJrcLd7P.cjs");
+const require_src = require("../src-DU81aGy9.cjs");
 const require_themeDefault = require("../themeDefault-Cebi08Cv.cjs");
 const require_utils = require("../utils.cjs");
-const require_theme = require("../theme-CleLAV6A.cjs");
+const require_theme = require("../theme-Bnc03K83.cjs");
 const require_ButtonGroupContext = require("../ButtonGroupContext-NtkVeDVE.cjs");
 const require_Button = require("../Button.cjs");
 const require_ToggleButtonGroupContext = require("../ToggleButtonGroupContext-Ewc5Ixas.cjs");

package/dist/ToggleButton/ToggleButton.d.cts

@@ -1,10 +1,10 @@
-import { i as ButtonProps } from "../index-uH0EeDBZ.cjs";
-import { r as ToggleButtonValue } from "../ToggleButtonGroupContext-CqD-Afho.cjs";
+import { i as ButtonProps } from "../index-Oxx0z4dS.cjs";
+import { r as ToggleButtonValue } from "../ToggleButtonGroupContext-10jEsQdg.cjs";
 //#region src/ToggleButton/ToggleButton/ToggleButton.d.ts
 interface ToggleButtonProps extends Omit<ButtonProps, 'variant' | 'href' | 'target' | 'rel' | 'value' | 'onChange'> {
   /** The value associated with the button inside a `ToggleButtonGroup`. */
   value: ToggleButtonValue;
-  /** Active state — inferred from the group's value when omitted. Drives `aria-pressed`. */
+  /** Active state - inferred from the group's value when omitted. Drives `aria-pressed`. */
   isSelected?: boolean;
   /** Fired with the button's `value` when toggled. */
   onChange?: (value: ToggleButtonValue) => void;

package/dist/ToggleButton/ToggleButton.d.mts

@@ -1,10 +1,10 @@
-import { i as ButtonProps } from "../index-BAfSyQaP.mjs";
-import { r as ToggleButtonValue } from "../ToggleButtonGroupContext-CqD-Afho.mjs";
+import { i as ButtonProps } from "../index-C-2VKPcp.mjs";
+import { r as ToggleButtonValue } from "../ToggleButtonGroupContext-10jEsQdg.mjs";
 //#region src/ToggleButton/ToggleButton/ToggleButton.d.ts
 interface ToggleButtonProps extends Omit<ButtonProps, 'variant' | 'href' | 'target' | 'rel' | 'value' | 'onChange'> {
   /** The value associated with the button inside a `ToggleButtonGroup`. */
   value: ToggleButtonValue;
-  /** Active state — inferred from the group's value when omitted. Drives `aria-pressed`. */
+  /** Active state - inferred from the group's value when omitted. Drives `aria-pressed`. */
   isSelected?: boolean;
   /** Fired with the button's `value` when toggled. */
   onChange?: (value: ToggleButtonValue) => void;

package/dist/ToggleButton/ToggleButton.mjs

@@ -1,7 +1,7 @@
-import { a as src_exports, o as styled } from "../src-D3tHU94W.mjs";
+import { a as src_exports, o as styled } from "../src-DLGYOJMh.mjs";
 import { t as themeDefault } from "../themeDefault-Z3KmyIbm.mjs";
 import { alpha } from "../utils.mjs";
-import { r as useTheme } from "../theme-Cudynq5K.mjs";
+import { r as useTheme } from "../theme-BuqqFbsz.mjs";
 import { t as ButtonGroupContext } from "../ButtonGroupContext-DS-kl9lG.mjs";
 import { Button } from "../Button.mjs";
 import { t as ToggleButtonGroupContext } from "../ToggleButtonGroupContext-DxIyy8ze.mjs";

package/dist/ToggleButton/ToggleButtonGroup.cjs

@@ -1,7 +1,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_src = require("../src-BJrcLd7P.cjs");
+const require_src = require("../src-DU81aGy9.cjs");
 const require_themeDefault = require("../themeDefault-Cebi08Cv.cjs");
-const require_theme = require("../theme-CleLAV6A.cjs");
+const require_theme = require("../theme-Bnc03K83.cjs");
 const require_ButtonGroup = require("../ButtonGroup.cjs");
 const require_ToggleButtonGroupContext = require("../ToggleButtonGroupContext-Ewc5Ixas.cjs");
 let react = require("react");
@@ -16,7 +16,7 @@ const ToggleButtonGroupRoot = require_src.styled(require_ButtonGroup.ButtonGroup
 })(selectedEdgeStyles);
 /**
 * A `ButtonGroup` of `ToggleButton`s with single (exclusive) or multiple selection,
-* provided to children via `ToggleButtonGroupContext`. Controlled — the consumer
+* provided to children via `ToggleButtonGroupContext`. Controlled - the consumer
 * owns `value`. Visual props (`color` / `size` / `disabled` / `fullWidth`) broadcast
 * through `ButtonGroup` as usual.
 */

package/dist/ToggleButton/ToggleButtonGroup.d.cts

@@ -1,8 +1,8 @@
-import { a as ButtonGroupProps } from "../index-BYYEoNec.cjs";
-import { r as ToggleButtonValue } from "../ToggleButtonGroupContext-CqD-Afho.cjs";
+import { a as ButtonGroupProps } from "../index-C5-ZM7lt.cjs";
+import { r as ToggleButtonValue } from "../ToggleButtonGroupContext-10jEsQdg.cjs";
 //#region src/ToggleButton/ToggleButtonGroup/ToggleButtonGroup.d.ts
 interface ToggleButtonGroupProps extends Omit<ButtonGroupProps, 'variant' | 'onChange'> {
-  /** Selected value(s) — single when `isExclusive`, array otherwise. Controlled. */
+  /** Selected value(s) - single when `isExclusive`, array otherwise. Controlled. */
   value?: ToggleButtonValue | ToggleButtonValue[] | null;
   /**
    * Fired with the next selection: a single value or `null` when `isExclusive`,
@@ -14,7 +14,7 @@ interface ToggleButtonGroupProps extends Omit<ButtonGroupProps, 'variant' | 'onC
 }
 /**
  * A `ButtonGroup` of `ToggleButton`s with single (exclusive) or multiple selection,
- * provided to children via `ToggleButtonGroupContext`. Controlled — the consumer
+ * provided to children via `ToggleButtonGroupContext`. Controlled - the consumer
  * owns `value`. Visual props (`color` / `size` / `disabled` / `fullWidth`) broadcast
  * through `ButtonGroup` as usual.
  */

package/dist/ToggleButton/ToggleButtonGroup.d.mts

@@ -1,8 +1,8 @@
-import { a as ButtonGroupProps } from "../index-CbGfrKZi.mjs";
-import { r as ToggleButtonValue } from "../ToggleButtonGroupContext-CqD-Afho.mjs";
+import { a as ButtonGroupProps } from "../index-DhMAwR96.mjs";
+import { r as ToggleButtonValue } from "../ToggleButtonGroupContext-10jEsQdg.mjs";
 //#region src/ToggleButton/ToggleButtonGroup/ToggleButtonGroup.d.ts
 interface ToggleButtonGroupProps extends Omit<ButtonGroupProps, 'variant' | 'onChange'> {
-  /** Selected value(s) — single when `isExclusive`, array otherwise. Controlled. */
+  /** Selected value(s) - single when `isExclusive`, array otherwise. Controlled. */
   value?: ToggleButtonValue | ToggleButtonValue[] | null;
   /**
    * Fired with the next selection: a single value or `null` when `isExclusive`,
@@ -14,7 +14,7 @@ interface ToggleButtonGroupProps extends Omit<ButtonGroupProps, 'variant' | 'onC
 }
 /**
  * A `ButtonGroup` of `ToggleButton`s with single (exclusive) or multiple selection,
- * provided to children via `ToggleButtonGroupContext`. Controlled — the consumer
+ * provided to children via `ToggleButtonGroupContext`. Controlled - the consumer
  * owns `value`. Visual props (`color` / `size` / `disabled` / `fullWidth`) broadcast
  * through `ButtonGroup` as usual.
  */

package/dist/ToggleButton/ToggleButtonGroup.mjs

@@ -1,6 +1,6 @@
-import { o as styled } from "../src-D3tHU94W.mjs";
+import { o as styled } from "../src-DLGYOJMh.mjs";
 import { t as themeDefault } from "../themeDefault-Z3KmyIbm.mjs";
-import { r as useTheme } from "../theme-Cudynq5K.mjs";
+import { r as useTheme } from "../theme-BuqqFbsz.mjs";
 import { ButtonGroup } from "../ButtonGroup.mjs";
 import { t as ToggleButtonGroupContext } from "../ToggleButtonGroupContext-DxIyy8ze.mjs";
 import { useMemo } from "react";
@@ -15,7 +15,7 @@ const ToggleButtonGroupRoot = styled(ButtonGroup, {
 })(selectedEdgeStyles);
 /**
 * A `ButtonGroup` of `ToggleButton`s with single (exclusive) or multiple selection,
-* provided to children via `ToggleButtonGroupContext`. Controlled — the consumer
+* provided to children via `ToggleButtonGroupContext`. Controlled - the consumer
 * owns `value`. Visual props (`color` / `size` / `disabled` / `fullWidth`) broadcast
 * through `ButtonGroup` as usual.
 */

package/dist/ToggleButton.d.cts

@@ -1,4 +1,4 @@
-import { n as ToggleButtonGroupContextValue, r as ToggleButtonValue, t as ToggleButtonGroupContext } from "./ToggleButtonGroupContext-CqD-Afho.cjs";
+import { n as ToggleButtonGroupContextValue, r as ToggleButtonValue, t as ToggleButtonGroupContext } from "./ToggleButtonGroupContext-10jEsQdg.cjs";
 import { ToggleButton, ToggleButtonProps } from "./ToggleButton/ToggleButton.cjs";
 import { ToggleButtonGroup, ToggleButtonGroupProps } from "./ToggleButton/ToggleButtonGroup.cjs";
 export { ToggleButton, ToggleButtonGroup, ToggleButtonGroupContext, ToggleButtonGroupContextValue, ToggleButtonGroupProps, ToggleButtonProps, ToggleButtonValue };

package/dist/ToggleButton.d.mts

@@ -1,4 +1,4 @@
-import { n as ToggleButtonGroupContextValue, r as ToggleButtonValue, t as ToggleButtonGroupContext } from "./ToggleButtonGroupContext-CqD-Afho.mjs";
+import { n as ToggleButtonGroupContextValue, r as ToggleButtonValue, t as ToggleButtonGroupContext } from "./ToggleButtonGroupContext-10jEsQdg.mjs";
 import { ToggleButton, ToggleButtonProps } from "./ToggleButton/ToggleButton.mjs";
 import { ToggleButtonGroup, ToggleButtonGroupProps } from "./ToggleButton/ToggleButtonGroup.mjs";
 export { ToggleButton, ToggleButtonGroup, ToggleButtonGroupContext, ToggleButtonGroupContextValue, ToggleButtonGroupProps, ToggleButtonProps, ToggleButtonValue };

package/dist/{ToggleButtonGroupContext-CqD-Afho.d.cts → ToggleButtonGroupContext-10jEsQdg.d.cts}

@@ -5,9 +5,9 @@ type ToggleButtonValue = string | number;
  * Visual config (color / size / disabled / fullWidth) travels via `ButtonGroupContext`.
  */
 interface ToggleButtonGroupContextValue {
-  /** Selected value(s) — single when exclusive, array otherwise. */
+  /** Selected value(s) - single when exclusive, array otherwise. */
   value?: ToggleButtonValue | ToggleButtonValue[] | null;
-  /** Fired with the clicked button's value — the group resolves the next selection. */
+  /** Fired with the clicked button's value - the group resolves the next selection. */
   onToggle?: (value: ToggleButtonValue) => void;
 }
 declare const ToggleButtonGroupContext: import("react").Context<ToggleButtonGroupContextValue>;

package/dist/{ToggleButtonGroupContext-CqD-Afho.d.mts → ToggleButtonGroupContext-10jEsQdg.d.mts}

@@ -5,9 +5,9 @@ type ToggleButtonValue = string | number;
  * Visual config (color / size / disabled / fullWidth) travels via `ButtonGroupContext`.
  */
 interface ToggleButtonGroupContextValue {
-  /** Selected value(s) — single when exclusive, array otherwise. */
+  /** Selected value(s) - single when exclusive, array otherwise. */
   value?: ToggleButtonValue | ToggleButtonValue[] | null;
-  /** Fired with the clicked button's value — the group resolves the next selection. */
+  /** Fired with the clicked button's value - the group resolves the next selection. */
   onToggle?: (value: ToggleButtonValue) => void;
 }
 declare const ToggleButtonGroupContext: import("react").Context<ToggleButtonGroupContextValue>;

package/dist/Typography.cjs

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_src = require("./src-BJrcLd7P.cjs");
-const require_theme = require("./theme-CleLAV6A.cjs");
+const require_src = require("./src-DU81aGy9.cjs");
+const require_theme = require("./theme-Bnc03K83.cjs");
 require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 let _soroush_tech_styled_system_should_forward_prop = require("@soroush.tech/styled-system/should-forward-prop");

package/dist/Typography.d.cts

@@ -1,3 +1,3 @@
-import { L as TypographyVariant } from "./themes-CUV79qWU.cjs";
-import { a as TypographyProps, i as TypographyAlign, n as TextColorToken, r as Typography, t as BackgroundToken } from "./index-CohsoGjZ.cjs";
+import { L as TypographyVariant } from "./themes-kbuYiwCi.cjs";
+import { a as TypographyProps, i as TypographyAlign, n as TextColorToken, r as Typography, t as BackgroundToken } from "./index-Csp1Wzbz.cjs";
 export { BackgroundToken, TextColorToken, Typography, TypographyAlign, TypographyProps, type TypographyVariant };

package/dist/Typography.d.mts

@@ -1,3 +1,3 @@
-import { L as TypographyVariant } from "./themes-CUV79qWU.mjs";
-import { a as TypographyProps, i as TypographyAlign, n as TextColorToken, r as Typography, t as BackgroundToken } from "./index-DxBKLmUS.mjs";
+import { L as TypographyVariant } from "./themes-kbuYiwCi.mjs";
+import { a as TypographyProps, i as TypographyAlign, n as TextColorToken, r as Typography, t as BackgroundToken } from "./index-BWECJgSb.mjs";
 export { BackgroundToken, TextColorToken, Typography, TypographyAlign, TypographyProps, type TypographyVariant };

package/dist/Typography.mjs

@@ -1,5 +1,5 @@
-import { a as src_exports, i as props, o as styled, t as createShouldForwardProp } from "./src-D3tHU94W.mjs";
-import { r as useTheme } from "./theme-Cudynq5K.mjs";
+import { a as src_exports, i as props, o as styled, t as createShouldForwardProp } from "./src-DLGYOJMh.mjs";
+import { r as useTheme } from "./theme-BuqqFbsz.mjs";
 import "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/Typography/Typography.tsx

package/dist/View.cjs

@@ -1,5 +1,5 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_src = require("./src-BJrcLd7P.cjs");
+const require_src = require("./src-DU81aGy9.cjs");
 require("react");
 let _soroush_tech_styled_system_should_forward_prop = require("@soroush.tech/styled-system/should-forward-prop");
 //#region src/View/View.tsx

package/dist/View.d.cts

@@ -1,2 +1,2 @@
-import { a as ViewBorderWidthToken, i as ViewBorderRadiusToken, n as ViewBackgroundToken, o as ViewColorToken, r as ViewBorderColorToken, s as ViewProps, t as View } from "./index-BPzvFTi5.cjs";
+import { a as ViewBorderWidthToken, i as ViewBorderRadiusToken, n as ViewBackgroundToken, o as ViewColorToken, r as ViewBorderColorToken, s as ViewProps, t as View } from "./index-Btmdtbpb.cjs";
 export { View, ViewBackgroundToken, ViewBorderColorToken, ViewBorderRadiusToken, ViewBorderWidthToken, ViewColorToken, ViewProps };

package/dist/View.d.mts

@@ -1,2 +1,2 @@
-import { a as ViewBorderWidthToken, i as ViewBorderRadiusToken, n as ViewBackgroundToken, o as ViewColorToken, r as ViewBorderColorToken, s as ViewProps, t as View } from "./index-m9jUR509.mjs";
+import { a as ViewBorderWidthToken, i as ViewBorderRadiusToken, n as ViewBackgroundToken, o as ViewColorToken, r as ViewBorderColorToken, s as ViewProps, t as View } from "./index-DQ16ijxx.mjs";
 export { View, ViewBackgroundToken, ViewBorderColorToken, ViewBorderRadiusToken, ViewBorderWidthToken, ViewColorToken, ViewProps };

package/dist/View.mjs

@@ -1,4 +1,4 @@
-import { a as src_exports, i as props, o as styled, t as createShouldForwardProp } from "./src-D3tHU94W.mjs";
+import { a as src_exports, i as props, o as styled, t as createShouldForwardProp } from "./src-DLGYOJMh.mjs";
 import "react";
 //#region src/View/View.tsx
 const shouldForwardProp = createShouldForwardProp([

package/dist/engine.cjs

@@ -9,9 +9,9 @@ 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
+* 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.
+* app-specific are app policy - compose this into your own `Global` styles array.
 */
 const globalStyles = (theme) => _emotion_react.css`
   *,

package/dist/engine.d.cts

@@ -1,4 +1,4 @@
-import { h as Theme } from "./themes-CUV79qWU.cjs";
+import { h as Theme } from "./themes-kbuYiwCi.cjs";
 import { CacheProvider, Interpolation } from "@emotion/react";
 import { ComponentType, RefAttributes } from "react";
 //#region src/theme/emotion.d.ts
@@ -12,9 +12,9 @@ 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
+ * 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.
+ * app-specific are app policy - compose this into your own `Global` styles array.
  */
 declare const globalStyles: (theme: Theme) => import("@emotion/react").SerializedStyles;
 //#endregion

package/dist/engine.d.mts

@@ -1,4 +1,4 @@
-import { h as Theme } from "./themes-CUV79qWU.mjs";
+import { h as Theme } from "./themes-kbuYiwCi.mjs";
 import { CacheProvider, Interpolation } from "@emotion/react";
 import { ComponentType, RefAttributes } from "react";
 //#region src/theme/emotion.d.ts
@@ -12,9 +12,9 @@ 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
+ * 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.
+ * app-specific are app policy - compose this into your own `Global` styles array.
  */
 declare const globalStyles: (theme: Theme) => import("@emotion/react").SerializedStyles;
 //#endregion

package/dist/engine.mjs

@@ -6,9 +6,9 @@ var styleCache_default = createCache({ key: "soroush" });
 //#endregion
 //#region src/engine/globalStyles.ts
 /**
-* The base reset this package owns — box-sizing, margin/table resets, and
+* 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.
+* app-specific are app policy - compose this into your own `Global` styles array.
 */
 const globalStyles = (theme) => css`
   *,

package/dist/index-76XH-GEc.d.mts

@@ -0,0 +1,250 @@
+import { n as TextColorToken } from "./index-BWECJgSb.mjs";
+import { LayoutProps, SpaceProps } from "@soroush.tech/styled-system";
+import { SVGProps } from "react";
+//#region src/Icon/icons/AccountTree.d.ts
+declare const SvgAccountTree: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+//#endregion
+//#region src/Icon/icons/AdsClick.d.ts
+declare const SvgAdsClick: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+//#endregion
+//#region src/Icon/icons/Analytics.d.ts
+declare const SvgAnalytics: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+//#endregion
+//#region src/Icon/icons/Architecture.d.ts
+declare const SvgArchitecture: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+//#endregion
+//#region src/Icon/icons/ArrowBack.d.ts
+declare const SvgArrowBack: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+//#endregion
+//#region src/Icon/icons/ArrowForward.d.ts
+declare const SvgArrowForward: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+//#endregion
+//#region src/Icon/icons/ArrowUpward.d.ts
+declare const SvgArrowUpward: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+//#endregion
+//#region src/Icon/icons/Check.d.ts
+declare const SvgCheck: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+//#endregion
+//#region src/Icon/icons/ChevronLeft.d.ts
+declare const SvgChevronLeft: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+//#endregion
+//#region src/Icon/icons/ChevronRight.d.ts
+declare const SvgChevronRight: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+//#endregion
+//#region src/Icon/icons/Checklist.d.ts
+declare const SvgChecklist: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+//#endregion
+//#region src/Icon/icons/CloudDone.d.ts
+declare const SvgCloudDone: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+//#endregion
+//#region src/Icon/icons/Close.d.ts
+declare const SvgClose: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+//#endregion
+//#region src/Icon/icons/Code.d.ts
+declare const SvgCode: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+//#endregion
+//#region src/Icon/icons/ContentCopy.d.ts
+declare const SvgContentCopy: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+//#endregion
+//#region src/Icon/icons/Cookie.d.ts
+declare const SvgCookie: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+//#endregion
+//#region src/Icon/icons/Database.d.ts
+declare const SvgDatabase: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+//#endregion
+//#region src/Icon/icons/DesktopWindows.d.ts
+declare const SvgDesktopWindows: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+//#endregion
+//#region src/Icon/icons/Dns.d.ts
+declare const SvgDns: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+//#endregion
+//#region src/Icon/icons/EditNote.d.ts
+declare const SvgEditNote: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+//#endregion
+//#region src/Icon/icons/ExpandLess.d.ts
+declare const SvgExpandLess: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+//#endregion
+//#region src/Icon/icons/ExpandMore.d.ts
+declare const SvgExpandMore: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+//#endregion
+//#region src/Icon/icons/ExternalLink.d.ts
+declare const SvgExternalLink: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+//#endregion
+//#region src/Icon/icons/FirstPage.d.ts
+declare const SvgFirstPage: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+//#endregion
+//#region src/Icon/icons/Folder.d.ts
+declare const SvgFolder: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+//#endregion
+//#region src/Icon/icons/FormatListBulleted.d.ts
+declare const SvgFormatListBulleted: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+//#endregion
+//#region src/Icon/icons/FormatListNumbered.d.ts
+declare const SvgFormatListNumbered: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+//#endregion
+//#region src/Icon/icons/FormatQuote.d.ts
+declare const SvgFormatQuote: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+//#endregion
+//#region src/Icon/icons/Fullscreen.d.ts
+declare const SvgFullscreen: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+//#endregion
+//#region src/Icon/icons/GridView.d.ts
+declare const SvgGridView: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+//#endregion
+//#region src/Icon/icons/Groups.d.ts
+declare const SvgGroups: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+//#endregion
+//#region src/Icon/icons/History.d.ts
+declare const SvgHistory: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+//#endregion
+//#region src/Icon/icons/Hub.d.ts
+declare const SvgHub: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+//#endregion
+//#region src/Icon/icons/Image.d.ts
+declare const SvgImage: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+//#endregion
+//#region src/Icon/icons/Language.d.ts
+declare const SvgLanguage: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+//#endregion
+//#region src/Icon/icons/LastPage.d.ts
+declare const SvgLastPage: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+//#endregion
+//#region src/Icon/icons/Link.d.ts
+declare const SvgLink: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+//#endregion
+//#region src/Icon/icons/Lock.d.ts
+declare const SvgLock: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+//#endregion
+//#region src/Icon/icons/Menu.d.ts
+declare const SvgMenu: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+//#endregion
+//#region src/Icon/icons/Neurology.d.ts
+declare const SvgNeurology: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+//#endregion
+//#region src/Icon/icons/Psychology.d.ts
+declare const SvgPsychology: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+//#endregion
+//#region src/Icon/icons/RebaseEdit.d.ts
+declare const SvgRebaseEdit: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+//#endregion
+//#region src/Icon/icons/Refresh.d.ts
+declare const SvgRefresh: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+//#endregion
+//#region src/Icon/icons/Schema.d.ts
+declare const SvgSchema: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+//#endregion
+//#region src/Icon/icons/Security.d.ts
+declare const SvgSecurity: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+//#endregion
+//#region src/Icon/icons/SettingsInputComponent.d.ts
+declare const SvgSettingsInputComponent: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+//#endregion
+//#region src/Icon/icons/SmartToy.d.ts
+declare const SvgSmartToy: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+//#endregion
+//#region src/Icon/icons/Smartphone.d.ts
+declare const SvgSmartphone: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+//#endregion
+//#region src/Icon/icons/Speed.d.ts
+declare const SvgSpeed: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+//#endregion
+//#region src/Icon/icons/Stacks.d.ts
+declare const SvgStacks: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+//#endregion
+//#region src/Icon/icons/Table.d.ts
+declare const SvgTable: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+//#endregion
+//#region src/Icon/icons/Terminal.d.ts
+declare const SvgTerminal: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+//#endregion
+//#region src/Icon/icons/Visibility.d.ts
+declare const SvgVisibility: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+//#endregion
+//#region src/Icon/icons/Warning.d.ts
+declare const SvgWarning: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+//#endregion
+//#region src/Icon/icons/WebAsset.d.ts
+declare const SvgWebAsset: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+//#endregion
+//#region src/Icon/icons/ZoomIn.d.ts
+declare const SvgZoomIn: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+//#endregion
+//#region src/Icon/icons/ZoomOut.d.ts
+declare const SvgZoomOut: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+//#endregion
+//#region src/Icon/icons.d.ts
+/** Registry of available icons, keyed by their asset file name. */
+declare const icons: {
+  readonly account_tree: typeof SvgAccountTree;
+  readonly ads_click: typeof SvgAdsClick;
+  readonly analytics: typeof SvgAnalytics;
+  readonly architecture: typeof SvgArchitecture;
+  readonly arrow_back: typeof SvgArrowBack;
+  readonly arrow_forward: typeof SvgArrowForward;
+  readonly arrow_upward: typeof SvgArrowUpward;
+  readonly check: typeof SvgCheck;
+  readonly chevron_left: typeof SvgChevronLeft;
+  readonly chevron_right: typeof SvgChevronRight;
+  readonly checklist: typeof SvgChecklist;
+  readonly cloud_done: typeof SvgCloudDone;
+  readonly close: typeof SvgClose;
+  readonly code: typeof SvgCode;
+  readonly content_copy: typeof SvgContentCopy;
+  readonly cookie: typeof SvgCookie;
+  readonly database: typeof SvgDatabase;
+  readonly desktop_windows: typeof SvgDesktopWindows;
+  readonly dns: typeof SvgDns;
+  readonly edit_note: typeof SvgEditNote;
+  readonly expand_less: typeof SvgExpandLess;
+  readonly expand_more: typeof SvgExpandMore;
+  readonly external_link: typeof SvgExternalLink;
+  readonly first_page: typeof SvgFirstPage;
+  readonly folder: typeof SvgFolder;
+  readonly format_list_bulleted: typeof SvgFormatListBulleted;
+  readonly format_list_numbered: typeof SvgFormatListNumbered;
+  readonly format_quote: typeof SvgFormatQuote;
+  readonly fullscreen: typeof SvgFullscreen;
+  readonly grid_view: typeof SvgGridView;
+  readonly groups: typeof SvgGroups;
+  readonly history: typeof SvgHistory;
+  readonly hub: typeof SvgHub;
+  readonly image: typeof SvgImage;
+  readonly language: typeof SvgLanguage;
+  readonly last_page: typeof SvgLastPage;
+  readonly link: typeof SvgLink;
+  readonly lock: typeof SvgLock;
+  readonly menu: typeof SvgMenu;
+  readonly neurology: typeof SvgNeurology;
+  readonly psychology: typeof SvgPsychology;
+  readonly rebase_edit: typeof SvgRebaseEdit;
+  readonly refresh: typeof SvgRefresh;
+  readonly schema: typeof SvgSchema;
+  readonly security: typeof SvgSecurity;
+  readonly settings_input_component: typeof SvgSettingsInputComponent;
+  readonly smart_toy: typeof SvgSmartToy;
+  readonly smartphone: typeof SvgSmartphone;
+  readonly speed: typeof SvgSpeed;
+  readonly stacks: typeof SvgStacks;
+  readonly table: typeof SvgTable;
+  readonly terminal: typeof SvgTerminal;
+  readonly visibility: typeof SvgVisibility;
+  readonly warning: typeof SvgWarning;
+  readonly web_asset: typeof SvgWebAsset;
+  readonly zoom_in: typeof SvgZoomIn;
+  readonly zoom_out: typeof SvgZoomOut;
+};
+/** 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'>, LayoutProps, 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-BW-9sqFG.d.cts → index-BCvkP5R1.d.mts}

@@ -1,17 +1,17 @@
-import { h as Theme } from "./themes-CUV79qWU.cjs";
-import "./index-2QPYJgCl.cjs";
-import { n as FlexProps } from "./index-DLUE7t3O.cjs";
+import { h as Theme } from "./themes-kbuYiwCi.mjs";
+import "./index-v_otepCe.mjs";
+import { n as FlexProps } from "./index-KZKeZDAF.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. */
+  /** Shadow depth - 0 (flat) to 24 (highest). Resolves to theme.shadows[n]. Default: 1. */
   elevation?: PaperElevation;
   /** CSS transition for surface animations (e.g. hover elevation change). */
   transition?: CSSProperties['transition'];
-  /** Resolves against theme.border — light · primary · dark */
+  /** Resolves against theme.border - light · primary · dark */
   borderColor?: keyof Theme['border'];
-  /** Resolves against theme.borderWidths — none · thin · base · thick */
+  /** Resolves against theme.borderWidths - none · thin · base · thick */
   borderWidth?: keyof Theme['borderWidths'];
   /** CSS border-style value (e.g. 'solid', 'dashed'). */
   borderStyle?: CSSProperties['borderStyle'];

package/dist/{index-CohsoGjZ.d.cts → index-BWECJgSb.d.mts}

@@ -1,15 +1,15 @@
-import { L as TypographyVariant, h as Theme } from "./themes-CUV79qWU.cjs";
-import "./index-2QPYJgCl.cjs";
-import { CSSProperties, ElementType, HTMLAttributes } from "react";
+import { L as TypographyVariant, h as Theme } from "./themes-kbuYiwCi.mjs";
+import "./index-v_otepCe.mjs";
 import { BorderProps, FlexboxProps, LayoutProps, PositionProps, SpaceProps, TypographyProps } from "@soroush.tech/styled-system";
+import { CSSProperties, ElementType, HTMLAttributes } from "react";
 //#region src/Typography/Typography.d.ts
 type TypographyAlign = 'left' | 'right' | 'center' | 'justify' | 'inherit';
-/** Valid values for the color prop — derived from theme.text keys. */
+/** Valid values for the color prop - derived from theme.text keys. */
 type TextColorToken = keyof Theme['text'];
-/** Valid values for the bg prop — derived from theme.background keys. */
+/** Valid values for the bg prop - derived from theme.background keys. */
 type BackgroundToken = keyof Theme['background'];
 interface TypographyProps$1 extends Omit<HTMLAttributes<HTMLElement>, 'color'>, SpaceProps<Theme>, LayoutProps<Theme>, TypographyProps<Theme>, FlexboxProps<Theme>, BorderProps<Theme>, PositionProps<Theme> {
-  /** Resolves against theme.text — inherit · initial · primary · secondary · error · success */
+  /** Resolves against theme.text - inherit · initial · primary · secondary · error · success */
   color?: TextColorToken;
   /** Resolves against theme.background */
   bg?: BackgroundToken;
@@ -19,7 +19,7 @@ interface TypographyProps$1 extends Omit<HTMLAttributes<HTMLElement>, 'color'>,
   align?: TypographyAlign;
   gutterBottom?: boolean;
   noWrap?: boolean;
-  /** Machine-readable timestamp — forwarded when rendering as `<time>` (`as="time"`). */
+  /** Machine-readable timestamp - forwarded when rendering as `<time>` (`as="time"`). */
   dateTime?: string;
   as?: ElementType;
 }