@soroush.tech/design-system 1.3.2 → 1.3.3

package/dist/Link.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_Typography = require("./Typography.cjs");
 require("react");
 let react_jsx_runtime = require("react/jsx-runtime");

package/dist/Link.d.cts

@@ -1,4 +1,4 @@
-import { a as TypographyProps } from "./index-CohsoGjZ.cjs";
+import { a as TypographyProps } from "./index-Csp1Wzbz.cjs";
 import { AnchorHTMLAttributes } from "react";
 //#region src/Link/Link.d.ts
 type LinkUnderline = 'always' | 'hover' | 'none';

package/dist/Link.d.mts

@@ -1,4 +1,4 @@
-import { a as TypographyProps } from "./index-DxBKLmUS.mjs";
+import { a as TypographyProps } from "./index-BWECJgSb.mjs";
 import { AnchorHTMLAttributes } from "react";
 //#region src/Link/Link.d.ts
 type LinkUnderline = 'always' | 'hover' | 'none';

package/dist/Link.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 { Typography } from "./Typography.mjs";
 import "react";
 import { jsx } from "react/jsx-runtime";

package/dist/MenuItem.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_theme = require("./theme-CleLAV6A.cjs");
-const require_Icon = require("./Icon-ByDvM-t1.cjs");
+const require_theme = require("./theme-Bnc03K83.cjs");
+const require_Icon = require("./Icon-BAMpe9SO.cjs");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/MenuItem/MenuItem.tsx

package/dist/MenuItem.d.cts

@@ -1,18 +1,18 @@
-import { h as Theme } from "./themes-CUV79qWU.cjs";
-import "./index-2QPYJgCl.cjs";
+import { h as Theme } from "./themes-kbuYiwCi.cjs";
+import "./index-jmy5eXpx.cjs";
 import { ElementType, ReactNode } from "react";
 //#region src/MenuItem/MenuItem.d.ts
 type MenuItemColor = keyof Theme['palette'];
 type MenuItemSize = keyof Theme['sizes'];
 type MenuItemTextColor = keyof Theme['text'];
 interface MenuItemProps {
-  /** The value this option represents — reported to `Select`'s `onChange`. */
+  /** The value this option represents - reported to `Select`'s `onChange`. */
   value: string | number;
   /** The option label. */
   children: ReactNode;
-  /** The element used for the root node — a tag name or a component. Default: `'li'`. */
+  /** The element used for the root node - a tag name or a component. Default: `'li'`. */
   as?: ElementType;
-  /** Disables the option — it cannot be highlighted or selected. */
+  /** Disables the option - it cannot be highlighted or selected. */
   disabled?: boolean;
   /** Marks the option as the current selection. Injected by `Select`. */
   selected?: boolean;
@@ -20,11 +20,11 @@ interface MenuItemProps {
   highlighted?: boolean;
   /** Reserves a leading checkmark slot for multi-select menus. Injected by `Select`. */
   multiple?: boolean;
-  /** Accent color — resolves to `theme.palette[color]`. Injected by `Select`; the item's own value wins. Default: 'primary', overridable via `theme.defaults.color`. */
+  /** Accent color - resolves to `theme.palette[color]`. Injected by `Select`; the item's own value wins. Default: 'primary', overridable via `theme.defaults.color`. */
   color?: MenuItemColor;
-  /** Base text color of the row — resolves against `theme.text`. When unset, falls back to the accent color's `main`. Injected by `Select`; the item's own value wins. */
+  /** Base text color of the row - resolves against `theme.text`. When unset, falls back to the accent color's `main`. Injected by `Select`; the item's own value wins. */
   textColor?: MenuItemTextColor;
-  /** Density token — resolves against `theme.sizes`. Injected by `Select`. Default: 'md', overridable via `theme.defaults.size`. */
+  /** Density token - resolves against `theme.sizes`. Injected by `Select`. Default: 'md', overridable via `theme.defaults.size`. */
   size?: MenuItemSize;
   /** Compact vertical padding, independent of `size`. Default: `false`. */
   dense?: boolean;
@@ -34,7 +34,7 @@ interface MenuItemProps {
   divider?: boolean;
   /** Focus the row on first mount, and whenever `autoFocus` flips from `false` to `true`. Default: `false`. */
   autoFocus?: boolean;
-  /** Class applied only while the row has keyboard focus — a `:focus-visible` hook. */
+  /** Class applied only while the row has keyboard focus - a `:focus-visible` hook. */
   focusVisibleClassName?: string;
   /** Fired with `value` when the option is chosen. Injected by `Select`. */
   onSelect?: (value: string | number) => void;

package/dist/MenuItem.d.mts

@@ -1,18 +1,18 @@
-import { h as Theme } from "./themes-CUV79qWU.mjs";
-import "./index-q9peil7T.mjs";
+import { h as Theme } from "./themes-kbuYiwCi.mjs";
+import "./index-v_otepCe.mjs";
 import { ElementType, ReactNode } from "react";
 //#region src/MenuItem/MenuItem.d.ts
 type MenuItemColor = keyof Theme['palette'];
 type MenuItemSize = keyof Theme['sizes'];
 type MenuItemTextColor = keyof Theme['text'];
 interface MenuItemProps {
-  /** The value this option represents — reported to `Select`'s `onChange`. */
+  /** The value this option represents - reported to `Select`'s `onChange`. */
   value: string | number;
   /** The option label. */
   children: ReactNode;
-  /** The element used for the root node — a tag name or a component. Default: `'li'`. */
+  /** The element used for the root node - a tag name or a component. Default: `'li'`. */
   as?: ElementType;
-  /** Disables the option — it cannot be highlighted or selected. */
+  /** Disables the option - it cannot be highlighted or selected. */
   disabled?: boolean;
   /** Marks the option as the current selection. Injected by `Select`. */
   selected?: boolean;
@@ -20,11 +20,11 @@ interface MenuItemProps {
   highlighted?: boolean;
   /** Reserves a leading checkmark slot for multi-select menus. Injected by `Select`. */
   multiple?: boolean;
-  /** Accent color — resolves to `theme.palette[color]`. Injected by `Select`; the item's own value wins. Default: 'primary', overridable via `theme.defaults.color`. */
+  /** Accent color - resolves to `theme.palette[color]`. Injected by `Select`; the item's own value wins. Default: 'primary', overridable via `theme.defaults.color`. */
   color?: MenuItemColor;
-  /** Base text color of the row — resolves against `theme.text`. When unset, falls back to the accent color's `main`. Injected by `Select`; the item's own value wins. */
+  /** Base text color of the row - resolves against `theme.text`. When unset, falls back to the accent color's `main`. Injected by `Select`; the item's own value wins. */
   textColor?: MenuItemTextColor;
-  /** Density token — resolves against `theme.sizes`. Injected by `Select`. Default: 'md', overridable via `theme.defaults.size`. */
+  /** Density token - resolves against `theme.sizes`. Injected by `Select`. Default: 'md', overridable via `theme.defaults.size`. */
   size?: MenuItemSize;
   /** Compact vertical padding, independent of `size`. Default: `false`. */
   dense?: boolean;
@@ -34,7 +34,7 @@ interface MenuItemProps {
   divider?: boolean;
   /** Focus the row on first mount, and whenever `autoFocus` flips from `false` to `true`. Default: `false`. */
   autoFocus?: boolean;
-  /** Class applied only while the row has keyboard focus — a `:focus-visible` hook. */
+  /** Class applied only while the row has keyboard focus - a `:focus-visible` hook. */
   focusVisibleClassName?: string;
   /** Fired with `value` when the option is chosen. Injected by `Select`. */
   onSelect?: (value: string | number) => void;

package/dist/MenuItem.mjs

@@ -1,7 +1,7 @@
-import { a as src_exports, o as styled, t as createShouldForwardProp } from "./src-D3tHU94W.mjs";
+import { a as src_exports, o as styled, t as createShouldForwardProp } from "./src-DLGYOJMh.mjs";
 import { t as themeDefault } from "./themeDefault-Z3KmyIbm.mjs";
-import { r as useTheme } from "./theme-Cudynq5K.mjs";
-import { t as Icon } from "./Icon-CU_nUmsU.mjs";
+import { r as useTheme } from "./theme-BuqqFbsz.mjs";
+import { t as Icon } from "./Icon-gSiGgU13.mjs";
 import { useEffect, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/MenuItem/MenuItem.tsx

package/dist/{Modal-Bjfv7n4e.cjs → Modal-CApyh_V5.cjs}

@@ -1,4 +1,4 @@
-const require_src = require("./src-BJrcLd7P.cjs");
+const require_src = require("./src-DU81aGy9.cjs");
 const require_View = require("./View.cjs");
 const require_Backdrop = require("./Backdrop.cjs");
 const require_Portal = require("./Portal.cjs");
@@ -170,7 +170,7 @@ var ModalManager = class {
 * Returns a stable function identity that always calls the latest `fn`. Lets
 * effects depend on the callback without re-running when the handler changes.
 *
-* Syncs the ref in `useEffect` (not `useLayoutEffect`) so it stays SSR-safe —
+* Syncs the ref in `useEffect` (not `useLayoutEffect`) so it stays SSR-safe -
 * the timing difference is irrelevant for the user-triggered handlers it wraps.
 */
 function useEventCallback(fn) {

package/dist/{Modal-Bv-mf8Fn.mjs → Modal-CYNcPk-2.mjs}

@@ -1,4 +1,4 @@
-import { o as styled, t as createShouldForwardProp } from "./src-D3tHU94W.mjs";
+import { o as styled, t as createShouldForwardProp } from "./src-DLGYOJMh.mjs";
 import { View } from "./View.mjs";
 import { Backdrop } from "./Backdrop.mjs";
 import { Portal } from "./Portal.mjs";
@@ -169,7 +169,7 @@ var ModalManager = class {
 * Returns a stable function identity that always calls the latest `fn`. Lets
 * effects depend on the callback without re-running when the handler changes.
 *
-* Syncs the ref in `useEffect` (not `useLayoutEffect`) so it stays SSR-safe —
+* Syncs the ref in `useEffect` (not `useLayoutEffect`) so it stays SSR-safe -
 * the timing difference is irrelevant for the user-triggered handlers it wraps.
 */
 function useEventCallback(fn) {

package/dist/Modal.cjs

@@ -1,5 +1,5 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_Modal = require("./Modal-Bjfv7n4e.cjs");
+const require_Modal = require("./Modal-CApyh_V5.cjs");
 exports.Modal = require_Modal.Modal;
 exports.ModalManager = require_Modal.ModalManager;
 exports.exposeToAria = require_Modal.exposeToAria;

package/dist/Modal.d.cts

@@ -1,2 +1,2 @@
-import { a as hideFromAria, c as ModalScroll, d as UseModalReturnValue, f as useModal, i as exposeToAria, l as ModalCloseReason, n as ManagedModalProps, o as Modal, r as ModalManager, s as ModalProps, t as ManagedModal, u as UseModalParameters } from "./index-BBWtMvkm.cjs";
+import { a as hideFromAria, c as ModalScroll, d as UseModalReturnValue, f as useModal, i as exposeToAria, l as ModalCloseReason, n as ManagedModalProps, o as Modal, r as ModalManager, s as ModalProps, t as ManagedModal, u as UseModalParameters } from "./index-D-QRCHiS.cjs";
 export { ManagedModal, ManagedModalProps, Modal, ModalCloseReason, ModalManager, ModalProps, ModalScroll, UseModalParameters, UseModalReturnValue, exposeToAria, hideFromAria, useModal };

package/dist/Modal.d.mts

@@ -1,2 +1,2 @@
-import { a as hideFromAria, c as ModalScroll, d as UseModalReturnValue, f as useModal, i as exposeToAria, l as ModalCloseReason, n as ManagedModalProps, o as Modal, r as ModalManager, s as ModalProps, t as ManagedModal, u as UseModalParameters } from "./index-CTYZyQ2g.mjs";
+import { a as hideFromAria, c as ModalScroll, d as UseModalReturnValue, f as useModal, i as exposeToAria, l as ModalCloseReason, n as ManagedModalProps, o as Modal, r as ModalManager, s as ModalProps, t as ManagedModal, u as UseModalParameters } from "./index-CTVFwvju.mjs";
 export { ManagedModal, ManagedModalProps, Modal, ModalCloseReason, ModalManager, ModalProps, ModalScroll, UseModalParameters, UseModalReturnValue, exposeToAria, hideFromAria, useModal };

package/dist/Modal.mjs

@@ -1,2 +1,2 @@
-import { a as hideFromAria, i as exposeToAria, n as useModal, r as ModalManager, t as Modal } from "./Modal-Bv-mf8Fn.mjs";
+import { a as hideFromAria, i as exposeToAria, n as useModal, r as ModalManager, t as Modal } from "./Modal-CYNcPk-2.mjs";
 export { Modal, ModalManager, exposeToAria, hideFromAria, useModal };

package/dist/NativeSelect.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_theme = require("./theme-CleLAV6A.cjs");
-const require_Icon = require("./Icon-ByDvM-t1.cjs");
+const require_theme = require("./theme-Bnc03K83.cjs");
+const require_Icon = require("./Icon-BAMpe9SO.cjs");
 const require_FormControl = require("./FormControl.cjs");
 const require_inputVariantStyles = require("./inputVariantStyles-BBkkYQtE.cjs");
 require("react");

package/dist/NativeSelect.d.cts

@@ -1,6 +1,6 @@
-import { h as Theme } from "./themes-CUV79qWU.cjs";
-import "./index-2QPYJgCl.cjs";
-import { n as IconProps, r as IconName } from "./index-D_AwmCU5.cjs";
+import { h as Theme } from "./themes-kbuYiwCi.cjs";
+import "./index-jmy5eXpx.cjs";
+import { n as IconProps, r as IconName } from "./index-DCu7qjpa.cjs";
 import { SelectHTMLAttributes } from "react";
 import { LayoutProps, SpaceProps } from "@soroush.tech/styled-system";
 //#region src/NativeSelect/NativeSelect.d.ts
@@ -16,7 +16,7 @@ interface NativeSelectOption {
 interface NativeSelectProps extends SpaceProps<Theme>, Pick<LayoutProps<Theme>, 'width' | 'minWidth' | 'maxWidth'> {
   /** The options to populate the select with. */
   options: NativeSelectOption[];
-  /** Controlled value — matches an option's `value`. */
+  /** Controlled value - matches an option's `value`. */
   value?: string | number;
   /** Uncontrolled initial value. */
   defaultValue?: string | number;
@@ -24,17 +24,17 @@ interface NativeSelectProps extends SpaceProps<Theme>, Pick<LayoutProps<Theme>,
   onChange?: (value: string | number) => void;
   /** Empty-state label rendered as a disabled first option, shown while nothing is selected. */
   placeholder?: string;
-  /** Corner radius — applies only to `default` and `outlined` variants. Resolves against `theme.radii`. */
+  /** Corner radius - applies only to `default` and `outlined` variants. Resolves against `theme.radii`. */
   borderRadius?: keyof Theme['radii'];
-  /** Focus/active border color — resolves to `theme.palette[color].main`. Default: 'primary', overridable via `theme.defaults.color`. */
+  /** Focus/active border color - resolves to `theme.palette[color].main`. Default: 'primary', overridable via `theme.defaults.color`. */
   color?: NativeSelectColor;
-  /** Text color of the selected value — resolves against `theme.text`. Default: 'primary', overridable via `theme.defaults.accentTextColor`. */
+  /** Text color of the selected value - resolves against `theme.text`. Default: 'primary', overridable via `theme.defaults.accentTextColor`. */
   textColor?: NativeSelectTextColor;
-  /** Background color — resolves against `theme.background`. Default: `'terminal'`. */
+  /** Background color - resolves against `theme.background`. Default: `'terminal'`. */
   bg?: NativeSelectBackgroundToken;
   /** Disables the select. */
   disabled?: boolean;
-  /** Marks the field as invalid — applies error border color. */
+  /** Marks the field as invalid - applies error border color. */
   error?: boolean;
   /** Stretches the root to fill its container. */
   fullWidth?: boolean;
@@ -51,9 +51,9 @@ interface NativeSelectProps extends SpaceProps<Theme>, Pick<LayoutProps<Theme>,
   size?: NativeSelectSize;
   /**
    * Visual style of the select.
-   * - `outlined` / `default` — full border box (default)
-   * - `underline` — border on bottom only
-   * - `text` — no border, transparent background
+   * - `outlined` / `default` - full border box (default)
+   * - `underline` - border on bottom only
+   * - `text` - no border, transparent background
    */
   variant?: NativeSelectVariant;
   className?: string;

package/dist/NativeSelect.d.mts

@@ -1,6 +1,6 @@
-import { h as Theme } from "./themes-CUV79qWU.mjs";
-import "./index-q9peil7T.mjs";
-import { n as IconProps, r as IconName } from "./index-B0xTqpvt.mjs";
+import { h as Theme } from "./themes-kbuYiwCi.mjs";
+import "./index-v_otepCe.mjs";
+import { n as IconProps, r as IconName } from "./index-76XH-GEc.mjs";
 import { LayoutProps, SpaceProps } from "@soroush.tech/styled-system";
 import { SelectHTMLAttributes } from "react";
 //#region src/NativeSelect/NativeSelect.d.ts
@@ -16,7 +16,7 @@ interface NativeSelectOption {
 interface NativeSelectProps extends SpaceProps<Theme>, Pick<LayoutProps<Theme>, 'width' | 'minWidth' | 'maxWidth'> {
   /** The options to populate the select with. */
   options: NativeSelectOption[];
-  /** Controlled value — matches an option's `value`. */
+  /** Controlled value - matches an option's `value`. */
   value?: string | number;
   /** Uncontrolled initial value. */
   defaultValue?: string | number;
@@ -24,17 +24,17 @@ interface NativeSelectProps extends SpaceProps<Theme>, Pick<LayoutProps<Theme>,
   onChange?: (value: string | number) => void;
   /** Empty-state label rendered as a disabled first option, shown while nothing is selected. */
   placeholder?: string;
-  /** Corner radius — applies only to `default` and `outlined` variants. Resolves against `theme.radii`. */
+  /** Corner radius - applies only to `default` and `outlined` variants. Resolves against `theme.radii`. */
   borderRadius?: keyof Theme['radii'];
-  /** Focus/active border color — resolves to `theme.palette[color].main`. Default: 'primary', overridable via `theme.defaults.color`. */
+  /** Focus/active border color - resolves to `theme.palette[color].main`. Default: 'primary', overridable via `theme.defaults.color`. */
   color?: NativeSelectColor;
-  /** Text color of the selected value — resolves against `theme.text`. Default: 'primary', overridable via `theme.defaults.accentTextColor`. */
+  /** Text color of the selected value - resolves against `theme.text`. Default: 'primary', overridable via `theme.defaults.accentTextColor`. */
   textColor?: NativeSelectTextColor;
-  /** Background color — resolves against `theme.background`. Default: `'terminal'`. */
+  /** Background color - resolves against `theme.background`. Default: `'terminal'`. */
   bg?: NativeSelectBackgroundToken;
   /** Disables the select. */
   disabled?: boolean;
-  /** Marks the field as invalid — applies error border color. */
+  /** Marks the field as invalid - applies error border color. */
   error?: boolean;
   /** Stretches the root to fill its container. */
   fullWidth?: boolean;
@@ -51,9 +51,9 @@ interface NativeSelectProps extends SpaceProps<Theme>, Pick<LayoutProps<Theme>,
   size?: NativeSelectSize;
   /**
    * Visual style of the select.
-   * - `outlined` / `default` — full border box (default)
-   * - `underline` — border on bottom only
-   * - `text` — no border, transparent background
+   * - `outlined` / `default` - full border box (default)
+   * - `underline` - border on bottom only
+   * - `text` - no border, transparent background
    */
   variant?: NativeSelectVariant;
   className?: string;

package/dist/NativeSelect.mjs

@@ -1,7 +1,7 @@
-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 { t as themeDefault } from "./themeDefault-Z3KmyIbm.mjs";
-import { r as useTheme } from "./theme-Cudynq5K.mjs";
-import { t as Icon } from "./Icon-CU_nUmsU.mjs";
+import { r as useTheme } from "./theme-BuqqFbsz.mjs";
+import { t as Icon } from "./Icon-gSiGgU13.mjs";
 import { useFormControl } from "./FormControl.mjs";
 import { t as inputVariantStyles } from "./inputVariantStyles-CcqpGfuP.mjs";
 import "react";

package/dist/Pagination/PaginationItem.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_Icon = require("../Icon-ByDvM-t1.cjs");
+const require_Icon = require("../Icon-BAMpe9SO.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");
@@ -92,7 +92,7 @@ function PaginationItem({ type = "page", page, isSelected = false, color, varian
 			as,
 			size,
 			...ellipsisRest,
-			children: "…"
+			children: "..."
 		});
 	}
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ItemRoot, {

package/dist/Pagination/PaginationItem.d.cts

@@ -1,2 +1,2 @@
-import { a as PaginationItemSize, i as PaginationItemShape, n as PaginationItemColor, o as PaginationItemVariant, r as PaginationItemProps, t as PaginationItem } from "../index-CiShdd2j.cjs";
+import { a as PaginationItemSize, i as PaginationItemShape, n as PaginationItemColor, o as PaginationItemVariant, r as PaginationItemProps, t as PaginationItem } from "../index-d6gR2x8j.cjs";
 export { PaginationItem, PaginationItemColor, PaginationItemProps, PaginationItemShape, PaginationItemSize, PaginationItemVariant };

package/dist/Pagination/PaginationItem.d.mts

@@ -1,2 +1,2 @@
-import { a as PaginationItemSize, i as PaginationItemShape, n as PaginationItemColor, o as PaginationItemVariant, r as PaginationItemProps, t as PaginationItem } from "../index-3hPS6Lm8.mjs";
+import { a as PaginationItemSize, i as PaginationItemShape, n as PaginationItemColor, o as PaginationItemVariant, r as PaginationItemProps, t as PaginationItem } from "../index-DdBeSvit.mjs";
 export { PaginationItem, PaginationItemColor, PaginationItemProps, PaginationItemShape, PaginationItemSize, PaginationItemVariant };

package/dist/Pagination/PaginationItem.mjs

@@ -1,7 +1,7 @@
-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 { t as themeDefault } from "../themeDefault-Z3KmyIbm.mjs";
 import { alpha } from "../utils.mjs";
-import { t as Icon } from "../Icon-CU_nUmsU.mjs";
+import { t as Icon } from "../Icon-gSiGgU13.mjs";
 import "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/Pagination/PaginationItem/PaginationItem.tsx
@@ -90,7 +90,7 @@ function PaginationItem({ type = "page", page, isSelected = false, color, varian
 			as,
 			size,
 			...ellipsisRest,
-			children: "…"
+			children: "..."
 		});
 	}
 	return /* @__PURE__ */ jsx(ItemRoot, {

package/dist/Pagination.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");
 const require_Pagination_PaginationItem = require("./Pagination/PaginationItem.cjs");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
@@ -7,7 +7,7 @@ let _soroush_tech_styled_system_should_forward_prop = require("@soroush.tech/sty
 //#region src/Pagination/hooks/usePagination.ts
 const range = (start, end) => Array.from({ length: end - start + 1 }, (_, i) => start + i);
 /**
-* Headless pagination model — computes the item list (nav buttons, page numbers,
+* Headless pagination model - computes the item list (nav buttons, page numbers,
 * ellipses) with selection, boundary disabling, and controlled/uncontrolled paging.
 */
 function usePagination({ count, page: pageProp, defaultPage = 1, siblingCount = 1, boundaryCount = 1, disabled = false, shouldShowFirstButton = false, shouldShowLastButton = false, shouldHidePrevButton = false, shouldHideNextButton = false, onChange }) {

package/dist/Pagination.d.cts

@@ -1,3 +1,3 @@
-import { a as PaginationItemSize, c as UsePaginationItem, i as PaginationItemShape, l as UsePaginationProps, n as PaginationItemColor, o as PaginationItemVariant, r as PaginationItemProps, s as PaginationItemType, t as PaginationItem, u as usePagination } from "./index-CiShdd2j.cjs";
-import { a as PaginationSize, i as PaginationShape, n as PaginationColor, o as PaginationVariant, r as PaginationProps, t as Pagination } from "./index-CCfnnT2l.cjs";
+import { a as PaginationItemSize, c as UsePaginationItem, i as PaginationItemShape, l as UsePaginationProps, n as PaginationItemColor, o as PaginationItemVariant, r as PaginationItemProps, s as PaginationItemType, t as PaginationItem, u as usePagination } from "./index-d6gR2x8j.cjs";
+import { a as PaginationSize, i as PaginationShape, n as PaginationColor, o as PaginationVariant, r as PaginationProps, t as Pagination } from "./index-Br2gDSme.cjs";
 export { Pagination, PaginationColor, PaginationItem, PaginationItemColor, PaginationItemProps, PaginationItemShape, PaginationItemSize, PaginationItemType, PaginationItemVariant, PaginationProps, PaginationShape, PaginationSize, PaginationVariant, UsePaginationItem, UsePaginationProps, usePagination };

package/dist/Pagination.d.mts

@@ -1,3 +1,3 @@
-import { a as PaginationItemSize, c as UsePaginationItem, i as PaginationItemShape, l as UsePaginationProps, n as PaginationItemColor, o as PaginationItemVariant, r as PaginationItemProps, s as PaginationItemType, t as PaginationItem, u as usePagination } from "./index-3hPS6Lm8.mjs";
-import { a as PaginationSize, i as PaginationShape, n as PaginationColor, o as PaginationVariant, r as PaginationProps, t as Pagination } from "./index-D07y72Xr.mjs";
+import { a as PaginationItemSize, c as UsePaginationItem, i as PaginationItemShape, l as UsePaginationProps, n as PaginationItemColor, o as PaginationItemVariant, r as PaginationItemProps, s as PaginationItemType, t as PaginationItem, u as usePagination } from "./index-DdBeSvit.mjs";
+import { a as PaginationSize, i as PaginationShape, n as PaginationColor, o as PaginationVariant, r as PaginationProps, t as Pagination } from "./index-h36rcOy8.mjs";
 export { Pagination, PaginationColor, PaginationItem, PaginationItemColor, PaginationItemProps, PaginationItemShape, PaginationItemSize, PaginationItemType, PaginationItemVariant, PaginationProps, PaginationShape, PaginationSize, PaginationVariant, UsePaginationItem, UsePaginationProps, usePagination };

package/dist/Pagination.mjs

@@ -1,11 +1,11 @@
-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 { PaginationItem } from "./Pagination/PaginationItem.mjs";
 import { useState } from "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/Pagination/hooks/usePagination.ts
 const range = (start, end) => Array.from({ length: end - start + 1 }, (_, i) => start + i);
 /**
-* Headless pagination model — computes the item list (nav buttons, page numbers,
+* Headless pagination model - computes the item list (nav buttons, page numbers,
 * ellipses) with selection, boundary disabling, and controlled/uncontrolled paging.
 */
 function usePagination({ count, page: pageProp, defaultPage = 1, siblingCount = 1, boundaryCount = 1, disabled = false, shouldShowFirstButton = false, shouldShowLastButton = false, shouldHidePrevButton = false, shouldHideNextButton = false, onChange }) {

package/dist/Paper.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_Flex = require("./Flex.cjs");
 const require_themeDefault = require("./themeDefault-Cebi08Cv.cjs");
-const require_theme = require("./theme-CleLAV6A.cjs");
+const require_theme = require("./theme-Bnc03K83.cjs");
 require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/Paper/Paper.tsx

package/dist/Paper.d.cts

@@ -1,2 +1,2 @@
-import { n as PaperElevation, r as PaperProps, t as Paper } from "./index-BW-9sqFG.cjs";
+import { n as PaperElevation, r as PaperProps, t as Paper } from "./index-Cf7w9Lod.cjs";
 export { Paper, PaperElevation, PaperProps };

package/dist/Paper.d.mts

@@ -1,2 +1,2 @@
-import { n as PaperElevation, r as PaperProps, t as Paper } from "./index-CKz1lEdR.mjs";
+import { n as PaperElevation, r as PaperProps, t as Paper } from "./index-BCvkP5R1.mjs";
 export { Paper, PaperElevation, PaperProps };

package/dist/Paper.mjs

@@ -1,7 +1,7 @@
-import { a as src_exports, o as styled, t as createShouldForwardProp } from "./src-D3tHU94W.mjs";
+import { a as src_exports, o as styled, t as createShouldForwardProp } from "./src-DLGYOJMh.mjs";
 import { Flex } from "./Flex.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 "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/Paper/Paper.tsx

package/dist/{Popover-CH3yI-j-.mjs → Popover-Bq31OTEl.mjs}

@@ -1,7 +1,7 @@
-import { o as styled, t as createShouldForwardProp } from "./src-D3tHU94W.mjs";
-import { r as useTheme } from "./theme-Cudynq5K.mjs";
+import { o as styled, t as createShouldForwardProp } from "./src-DLGYOJMh.mjs";
+import { r as useTheme } from "./theme-BuqqFbsz.mjs";
 import { Paper } from "./Paper.mjs";
-import { t as Modal } from "./Modal-Bv-mf8Fn.mjs";
+import { t as Modal } from "./Modal-CYNcPk-2.mjs";
 import { useCallback, useEffect, useImperativeHandle, useLayoutEffect, useRef, useState } from "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/Popover/utils/resolveAnchorEl.ts
@@ -161,7 +161,7 @@ const Surface = styled(Paper, {
 /**
 * @description Positions its content next to an anchor, portaled above the page.
 * Built on `Modal`, so it inherits the portal, optional backdrop, focus management,
-* scroll lock, and Escape/click-away close — then adds anchor positioning
+* scroll lock, and Escape/click-away close - then adds anchor positioning
 * (`anchorOrigin`/`transformOrigin`/`marginThreshold`).
 */
 function Popover({ open, children, anchorEl = null, anchorReference = "anchorEl", anchorPosition, anchorOrigin = ANCHOR_ORIGIN_DEFAULT, transformOrigin = ANCHOR_ORIGIN_DEFAULT, onClose, elevation = 8, marginThreshold = 2, container, action, slotProps, hasBackdrop = false, disableScrollLock = false, disableAriaHidden = false, shouldAutoFocus = true, shouldTrapFocus = true, shouldEnforceFocus = true, shouldRestoreFocus = true, shouldKeepMounted = false, layer = "modal" }) {

package/dist/{Popover-COoJ2p2I.cjs → Popover-gg44qzwo.cjs}

@@ -1,7 +1,7 @@
-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");
 const require_Paper = require("./Paper.cjs");
-const require_Modal = require("./Modal-Bjfv7n4e.cjs");
+const require_Modal = require("./Modal-CApyh_V5.cjs");
 let react = 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");
@@ -162,7 +162,7 @@ const Surface = require_src.styled(require_Paper.Paper, {
 /**
 * @description Positions its content next to an anchor, portaled above the page.
 * Built on `Modal`, so it inherits the portal, optional backdrop, focus management,
-* scroll lock, and Escape/click-away close — then adds anchor positioning
+* scroll lock, and Escape/click-away close - then adds anchor positioning
 * (`anchorOrigin`/`transformOrigin`/`marginThreshold`).
 */
 function Popover({ open, children, anchorEl = null, anchorReference = "anchorEl", anchorPosition, anchorOrigin = ANCHOR_ORIGIN_DEFAULT, transformOrigin = ANCHOR_ORIGIN_DEFAULT, onClose, elevation = 8, marginThreshold = 2, container, action, slotProps, hasBackdrop = false, disableScrollLock = false, disableAriaHidden = false, shouldAutoFocus = true, shouldTrapFocus = true, shouldEnforceFocus = true, shouldRestoreFocus = true, shouldKeepMounted = false, layer = "modal" }) {

package/dist/Popover.cjs

@@ -1,3 +1,3 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_Popover = require("./Popover-COoJ2p2I.cjs");
+const require_Popover = require("./Popover-gg44qzwo.cjs");
 exports.Popover = require_Popover.Popover;

package/dist/Popover.d.cts

@@ -1,7 +1,7 @@
-import { h as Theme } from "./themes-CUV79qWU.cjs";
-import "./index-2QPYJgCl.cjs";
-import { n as PaperElevation, r as PaperProps } from "./index-BW-9sqFG.cjs";
-import { l as ModalCloseReason } from "./index-BBWtMvkm.cjs";
+import { h as Theme } from "./themes-kbuYiwCi.cjs";
+import "./index-jmy5eXpx.cjs";
+import { n as PaperElevation, r as PaperProps } from "./index-Cf7w9Lod.cjs";
+import { l as ModalCloseReason } from "./index-D-QRCHiS.cjs";
 import { ReactNode, Ref } from "react";
 //#region src/Popover/utils/resolveAnchorEl.d.ts
 type PopoverAnchorEl = HTMLElement | (() => HTMLElement | null) | null;
@@ -49,7 +49,7 @@ interface PopoverProps {
   marginThreshold?: Exclude<keyof Theme['space'], 'auto'> | null;
   /** Portal target passed to the underlying Modal. */
   container?: HTMLElement | (() => HTMLElement | null) | null;
-  /** Ref for imperative actions — currently `updatePosition()`. */
+  /** Ref for imperative actions - currently `updatePosition()`. */
   action?: Ref<PopoverActions>;
   /** Props for the paper slot (the surface). */
   slotProps?: {
@@ -59,7 +59,7 @@ interface PopoverProps {
   hasBackdrop?: boolean;
   /** Disable body scroll-lock. When true, the popover re-positions on scroll. Default: false. */
   disableScrollLock?: boolean;
-  /** Skip `aria-hidden` on background content — for non-modal popovers whose trigger stays focused. Default: false. */
+  /** Skip `aria-hidden` on background content - for non-modal popovers whose trigger stays focused. Default: false. */
   disableAriaHidden?: boolean;
   /** Move focus into the popover on open. Default: true. */
   shouldAutoFocus?: boolean;
@@ -77,7 +77,7 @@ interface PopoverProps {
 /**
  * @description Positions its content next to an anchor, portaled above the page.
  * Built on `Modal`, so it inherits the portal, optional backdrop, focus management,
- * scroll lock, and Escape/click-away close — then adds anchor positioning
+ * scroll lock, and Escape/click-away close - then adds anchor positioning
  * (`anchorOrigin`/`transformOrigin`/`marginThreshold`).
  */
 declare function Popover({ open, children, anchorEl, anchorReference, anchorPosition, anchorOrigin, transformOrigin, onClose, elevation, marginThreshold, container, action, slotProps, hasBackdrop, disableScrollLock, disableAriaHidden, shouldAutoFocus, shouldTrapFocus, shouldEnforceFocus, shouldRestoreFocus, shouldKeepMounted, layer }: Readonly<PopoverProps>): import("react").JSX.Element;