@soroush.tech/design-system 1.3.0 → 1.3.1

package/dist/NativeSelect.d.cts

@@ -1,7 +1,8 @@
-import { r as index_d_exports } from "./index-DLJ-li1B.cjs";
 import { h as Theme } from "./themes-CUV79qWU.cjs";
-import { n as IconProps, r as IconName } from "./index-CA_X-mXg.cjs";
+import "./index-2QPYJgCl.cjs";
+import { n as IconProps, r as IconName } from "./index-Borai-Wg.cjs";
 import { SelectHTMLAttributes } from "react";
+import { LayoutProps, SpaceProps } from "@soroush.tech/styled-system";
 //#region src/NativeSelect/NativeSelect.d.ts
 type NativeSelectColor = keyof Theme['palette'];
 type NativeSelectTextColor = keyof Theme['text'];
@@ -12,7 +13,7 @@ interface NativeSelectOption {
   label: string;
   value: string | number;
 }
-interface NativeSelectProps extends index_d_exports.SpaceProps<Theme>, Pick<index_d_exports.LayoutProps<Theme>, 'width' | 'minWidth' | 'maxWidth'> {
+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`. */

package/dist/NativeSelect.d.mts

@@ -1,6 +1,7 @@
 import { h as Theme } from "./themes-CUV79qWU.mjs";
-import { r as index_d_exports } from "./index-D8b5OCLe.mjs";
-import { n as IconProps, r as IconName } from "./index-BL3jwIQU.mjs";
+import "./index-q9peil7T.mjs";
+import { n as IconProps, r as IconName } from "./index-BjLlSr2P.mjs";
+import { LayoutProps, SpaceProps } from "@soroush.tech/styled-system";
 import { SelectHTMLAttributes } from "react";
 //#region src/NativeSelect/NativeSelect.d.ts
 type NativeSelectColor = keyof Theme['palette'];
@@ -12,7 +13,7 @@ interface NativeSelectOption {
   label: string;
   value: string | number;
 }
-interface NativeSelectProps extends index_d_exports.SpaceProps<Theme>, Pick<index_d_exports.LayoutProps<Theme>, 'width' | 'minWidth' | 'maxWidth'> {
+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`. */

package/dist/NativeSelect.mjs

@@ -1,7 +1,7 @@
-import { a as src_exports, i as props, o as styled, t as createShouldForwardProp } from "./src-BJy4dM4f.mjs";
+import { a as src_exports, i as props, o as styled, t as createShouldForwardProp } from "./src-D3tHU94W.mjs";
 import { t as themeDefault } from "./themeDefault-Z3KmyIbm.mjs";
 import { r as useTheme } from "./theme-Cudynq5K.mjs";
-import { t as Icon } from "./Icon-GgwNXKEY.mjs";
+import { t as Icon } from "./Icon-CU_nUmsU.mjs";
 import { useFormControl } from "./FormControl.mjs";
 import { t as inputVariantStyles } from "./inputVariantStyles-CcqpGfuP.mjs";
 import "react";

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-yr4HkKOj.cjs";
+import { a as PaginationItemSize, i as PaginationItemShape, n as PaginationItemColor, o as PaginationItemVariant, r as PaginationItemProps, t as PaginationItem } from "../index-CiShdd2j.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-BwUnDd9W.mjs";
+import { a as PaginationItemSize, i as PaginationItemShape, n as PaginationItemColor, o as PaginationItemVariant, r as PaginationItemProps, t as PaginationItem } from "../index-3hPS6Lm8.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-BJy4dM4f.mjs";
+import { a as src_exports, i as props, o as styled, t as createShouldForwardProp } from "../src-D3tHU94W.mjs";
 import { t as themeDefault } from "../themeDefault-Z3KmyIbm.mjs";
 import { alpha } from "../utils.mjs";
-import { t as Icon } from "../Icon-GgwNXKEY.mjs";
+import { t as Icon } from "../Icon-CU_nUmsU.mjs";
 import "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/Pagination/PaginationItem/PaginationItem.tsx

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-yr4HkKOj.cjs";
-import { a as PaginationSize, i as PaginationShape, n as PaginationColor, o as PaginationVariant, r as PaginationProps, t as Pagination } from "./index-B3FrhO2r.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-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";
 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-BwUnDd9W.mjs";
-import { a as PaginationSize, i as PaginationShape, n as PaginationColor, o as PaginationVariant, r as PaginationProps, t as Pagination } from "./index-Ca0Pj5m2.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-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";
 export { Pagination, PaginationColor, PaginationItem, PaginationItemColor, PaginationItemProps, PaginationItemShape, PaginationItemSize, PaginationItemType, PaginationItemVariant, PaginationProps, PaginationShape, PaginationSize, PaginationVariant, UsePaginationItem, UsePaginationProps, usePagination };

package/dist/Pagination.mjs

@@ -1,4 +1,4 @@
-import { a as src_exports, i as props, o as styled, t as createShouldForwardProp } from "./src-BJy4dM4f.mjs";
+import { a as src_exports, i as props, o as styled, t as createShouldForwardProp } from "./src-D3tHU94W.mjs";
 import { PaginationItem } from "./Pagination/PaginationItem.mjs";
 import { useState } from "react";
 import { jsx } from "react/jsx-runtime";

package/dist/Paper.d.cts

@@ -1,2 +1,2 @@
-import { n as PaperElevation, r as PaperProps, t as Paper } from "./index-CYTaYcm3.cjs";
+import { n as PaperElevation, r as PaperProps, t as Paper } from "./index-BW-9sqFG.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-KZUd8B5E.mjs";
+import { n as PaperElevation, r as PaperProps, t as Paper } from "./index-CKz1lEdR.mjs";
 export { Paper, PaperElevation, PaperProps };

package/dist/Paper.mjs

@@ -1,4 +1,4 @@
-import { a as src_exports, o as styled, t as createShouldForwardProp } from "./src-BJy4dM4f.mjs";
+import { a as src_exports, o as styled, t as createShouldForwardProp } from "./src-D3tHU94W.mjs";
 import { Flex } from "./Flex.mjs";
 import { t as themeDefault } from "./themeDefault-Z3KmyIbm.mjs";
 import { r as useTheme } from "./theme-Cudynq5K.mjs";

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

@@ -1,7 +1,7 @@
-import { o as styled, t as createShouldForwardProp } from "./src-BJy4dM4f.mjs";
+import { o as styled, t as createShouldForwardProp } from "./src-D3tHU94W.mjs";
 import { r as useTheme } from "./theme-Cudynq5K.mjs";
 import { Paper } from "./Paper.mjs";
-import { t as Modal } from "./Modal-C0oiFAj5.mjs";
+import { t as Modal } from "./Modal-Bv-mf8Fn.mjs";
 import { useCallback, useEffect, useImperativeHandle, useLayoutEffect, useRef, useState } from "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/Popover/utils/resolveAnchorEl.ts

package/dist/Popover.d.cts

@@ -1,7 +1,7 @@
-import "./index-DLJ-li1B.cjs";
 import { h as Theme } from "./themes-CUV79qWU.cjs";
-import { n as PaperElevation, r as PaperProps } from "./index-CYTaYcm3.cjs";
-import { l as ModalCloseReason } from "./index-0law1kXY.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 { ReactNode, Ref } from "react";
 //#region src/Popover/utils/resolveAnchorEl.d.ts
 type PopoverAnchorEl = HTMLElement | (() => HTMLElement | null) | null;

package/dist/Popover.d.mts

@@ -1,7 +1,7 @@
 import { h as Theme } from "./themes-CUV79qWU.mjs";
-import "./index-D8b5OCLe.mjs";
-import { n as PaperElevation, r as PaperProps } from "./index-KZUd8B5E.mjs";
-import { l as ModalCloseReason } from "./index-CqFd46gX.mjs";
+import "./index-q9peil7T.mjs";
+import { n as PaperElevation, r as PaperProps } from "./index-CKz1lEdR.mjs";
+import { l as ModalCloseReason } from "./index-CTYZyQ2g.mjs";
 import { ReactNode, Ref } from "react";
 //#region src/Popover/utils/resolveAnchorEl.d.ts
 type PopoverAnchorEl = HTMLElement | (() => HTMLElement | null) | null;

package/dist/Popover.mjs

@@ -1,2 +1,2 @@
-import { t as Popover } from "./Popover-mz_rnf5s.mjs";
+import { t as Popover } from "./Popover-CH3yI-j-.mjs";
 export { Popover };

package/dist/Pressable.d.cts

@@ -1,2 +1,2 @@
-import { i as PressableProps, n as PressableColor, r as PressableFeedback, t as Pressable } from "./index-dtLxevvf.cjs";
+import { i as PressableProps, n as PressableColor, r as PressableFeedback, t as Pressable } from "./index-CSXMCqrV.cjs";
 export { Pressable, PressableColor, PressableFeedback, PressableProps };

package/dist/Pressable.d.mts

@@ -1,2 +1,2 @@
-import { i as PressableProps, n as PressableColor, r as PressableFeedback, t as Pressable } from "./index-CO3Qq0I0.mjs";
+import { i as PressableProps, n as PressableColor, r as PressableFeedback, t as Pressable } from "./index-CrXLEJO4.mjs";
 export { Pressable, PressableColor, PressableFeedback, PressableProps };

package/dist/Pressable.mjs

@@ -1,4 +1,4 @@
-import { a as src_exports, i as props, o as styled, t as createShouldForwardProp } from "./src-BJy4dM4f.mjs";
+import { a as src_exports, i as props, o as styled, t as createShouldForwardProp } from "./src-D3tHU94W.mjs";
 import { t as themeDefault } from "./themeDefault-Z3KmyIbm.mjs";
 import { alpha } from "./utils.mjs";
 import { n as useDefaultProps, r as useTheme } from "./theme-Cudynq5K.mjs";

package/dist/Quote.d.cts

@@ -1,6 +1,6 @@
-import "./index-DLJ-li1B.cjs";
 import { h as Theme } from "./themes-CUV79qWU.cjs";
-import { s as ViewProps } from "./index-DjtGkwRM.cjs";
+import "./index-2QPYJgCl.cjs";
+import { s as ViewProps } from "./index-BPzvFTi5.cjs";
 //#region src/Quote/Quote.d.ts
 type QuoteProps = ViewProps;
 /** A View with a 2px primary left-border — used for terminal readouts and markdown blockquotes. */

package/dist/Quote.d.mts

@@ -1,6 +1,6 @@
 import { h as Theme } from "./themes-CUV79qWU.mjs";
-import "./index-D8b5OCLe.mjs";
-import { s as ViewProps } from "./index-q6EgsH9R.mjs";
+import "./index-q9peil7T.mjs";
+import { s as ViewProps } from "./index-m9jUR509.mjs";
 //#region src/Quote/Quote.d.ts
 type QuoteProps = ViewProps;
 /** A View with a 2px primary left-border — used for terminal readouts and markdown blockquotes. */

package/dist/Quote.mjs

@@ -1,4 +1,4 @@
-import { o as styled } from "./src-BJy4dM4f.mjs";
+import { o as styled } from "./src-D3tHU94W.mjs";
 import { View } from "./View.mjs";
 //#region src/Quote/Quote.tsx
 /** A View with a 2px primary left-border — used for terminal readouts and markdown blockquotes. */

package/dist/Radio.d.cts

@@ -1,10 +1,11 @@
-import { r as index_d_exports } from "./index-DLJ-li1B.cjs";
 import { d as PaletteColor, h as Theme } from "./themes-CUV79qWU.cjs";
+import "./index-2QPYJgCl.cjs";
 import { ChangeEvent, InputHTMLAttributes, ReactNode } from "react";
+import { SpaceProps } from "@soroush.tech/styled-system";
 //#region src/Radio/Radio.d.ts
 type RadioColor = PaletteColor;
 type RadioSize = keyof Theme['sizes'];
-interface RadioProps extends index_d_exports.SpaceProps<Theme> {
+interface RadioProps extends SpaceProps<Theme> {
   /** Controlled checked state. Must be paired with `onChange`. */
   checked?: boolean;
   /** Disables the radio. */

package/dist/Radio.d.mts

@@ -1,10 +1,11 @@
 import { d as PaletteColor, h as Theme } from "./themes-CUV79qWU.mjs";
-import { r as index_d_exports } from "./index-D8b5OCLe.mjs";
+import "./index-q9peil7T.mjs";
+import { SpaceProps } from "@soroush.tech/styled-system";
 import { ChangeEvent, InputHTMLAttributes, ReactNode } from "react";
 //#region src/Radio/Radio.d.ts
 type RadioColor = PaletteColor;
 type RadioSize = keyof Theme['sizes'];
-interface RadioProps extends index_d_exports.SpaceProps<Theme> {
+interface RadioProps extends SpaceProps<Theme> {
   /** Controlled checked state. Must be paired with `onChange`. */
   checked?: boolean;
   /** Disables the radio. */

package/dist/Radio.mjs

@@ -1,4 +1,4 @@
-import { a as src_exports, i as props, o as styled, t as createShouldForwardProp } from "./src-BJy4dM4f.mjs";
+import { a as src_exports, i as props, o as styled, t as createShouldForwardProp } from "./src-D3tHU94W.mjs";
 import { t as themeDefault } from "./themeDefault-Z3KmyIbm.mjs";
 import { useFormControl } from "./FormControl.mjs";
 import "react";

package/dist/Select.d.cts

@@ -1,7 +1,8 @@
-import { r as index_d_exports } from "./index-DLJ-li1B.cjs";
 import { h as Theme } from "./themes-CUV79qWU.cjs";
-import { n as IconProps, r as IconName } from "./index-CA_X-mXg.cjs";
+import "./index-2QPYJgCl.cjs";
+import { n as IconProps, r as IconName } from "./index-Borai-Wg.cjs";
 import { ReactNode } from "react";
+import { LayoutProps, SpaceProps } from "@soroush.tech/styled-system";
 //#region src/Select/utils/isOptionSelected.d.ts
 /** The union of value shapes `Select` holds: a single value, or an array in multiple mode. */
 type SelectValue = string | number | Array<string | number>;
@@ -12,7 +13,7 @@ type SelectTextColor = keyof Theme['text'];
 type SelectBackgroundToken = keyof Theme['background'];
 type SelectVariant = 'default' | 'outlined' | 'text' | 'underline';
 type SelectSize = keyof Theme['sizes'];
-interface SelectProps extends index_d_exports.SpaceProps<Theme>, Pick<index_d_exports.LayoutProps<Theme>, 'width' | 'minWidth' | 'maxWidth'> {
+interface SelectProps extends SpaceProps<Theme>, Pick<LayoutProps<Theme>, 'width' | 'minWidth' | 'maxWidth'> {
   /** `MenuItem` children — one per option. */
   children: ReactNode;
   /** Render a native `<select>` (delegates to `NativeSelect`, single-select) instead of the custom listbox. */

package/dist/Select.d.mts

@@ -1,6 +1,7 @@
 import { h as Theme } from "./themes-CUV79qWU.mjs";
-import { r as index_d_exports } from "./index-D8b5OCLe.mjs";
-import { n as IconProps, r as IconName } from "./index-BL3jwIQU.mjs";
+import "./index-q9peil7T.mjs";
+import { n as IconProps, r as IconName } from "./index-BjLlSr2P.mjs";
+import { LayoutProps, SpaceProps } from "@soroush.tech/styled-system";
 import { ReactNode } from "react";
 //#region src/Select/utils/isOptionSelected.d.ts
 /** The union of value shapes `Select` holds: a single value, or an array in multiple mode. */
@@ -12,7 +13,7 @@ type SelectTextColor = keyof Theme['text'];
 type SelectBackgroundToken = keyof Theme['background'];
 type SelectVariant = 'default' | 'outlined' | 'text' | 'underline';
 type SelectSize = keyof Theme['sizes'];
-interface SelectProps extends index_d_exports.SpaceProps<Theme>, Pick<index_d_exports.LayoutProps<Theme>, 'width' | 'minWidth' | 'maxWidth'> {
+interface SelectProps extends SpaceProps<Theme>, Pick<LayoutProps<Theme>, 'width' | 'minWidth' | 'maxWidth'> {
   /** `MenuItem` children — one per option. */
   children: ReactNode;
   /** Render a native `<select>` (delegates to `NativeSelect`, single-select) instead of the custom listbox. */

package/dist/Select.mjs

@@ -1,11 +1,11 @@
-import { a as src_exports, i as props, o as styled, t as createShouldForwardProp } from "./src-BJy4dM4f.mjs";
+import { a as src_exports, i as props, o as styled, t as createShouldForwardProp } from "./src-D3tHU94W.mjs";
 import { t as themeDefault } from "./themeDefault-Z3KmyIbm.mjs";
 import { r as useTheme } from "./theme-Cudynq5K.mjs";
-import { t as Icon } from "./Icon-GgwNXKEY.mjs";
+import { t as Icon } from "./Icon-CU_nUmsU.mjs";
 import { useFormControl } from "./FormControl.mjs";
 import { t as inputVariantStyles } from "./inputVariantStyles-CcqpGfuP.mjs";
 import { NativeSelect } from "./NativeSelect.mjs";
-import { t as Popover } from "./Popover-mz_rnf5s.mjs";
+import { t as Popover } from "./Popover-CH3yI-j-.mjs";
 import { Children, cloneElement, isValidElement, useCallback, useId, useState } from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 //#region src/Select/hooks/useSelectPopover.ts

package/dist/Sidebar/Sidebar.d.cts

@@ -1,4 +1,4 @@
-import { n as FlexProps } from "../index-zFYi0f1t.cjs";
+import { n as FlexProps } from "../index-DLUE7t3O.cjs";
 import { i as SidebarItemVariant, t as SidebarAnchor } from "../SidebarContext-ao6lRfTX.cjs";
 import { ElementType, ReactNode } from "react";
 //#region src/Sidebar/Sidebar/Sidebar.d.ts

package/dist/Sidebar/Sidebar.d.mts

@@ -1,4 +1,4 @@
-import { n as FlexProps } from "../index-DEv2QslH.mjs";
+import { n as FlexProps } from "../index-n2OyTMr6.mjs";
 import { i as SidebarItemVariant, t as SidebarAnchor } from "../SidebarContext-ao6lRfTX.mjs";
 import { ElementType, ReactNode } from "react";
 //#region src/Sidebar/Sidebar/Sidebar.d.ts

package/dist/Sidebar/Sidebar.mjs

@@ -1,4 +1,4 @@
-import { o as styled } from "../src-BJy4dM4f.mjs";
+import { o as styled } from "../src-D3tHU94W.mjs";
 import { Flex } from "../Flex.mjs";
 import { t as SidebarContext } from "../SidebarContext-DgSLwjur.mjs";
 import { useId, useMemo, useState } from "react";

package/dist/Sidebar/SidebarItem.d.cts

@@ -1,7 +1,7 @@
-import "../index-DLJ-li1B.cjs";
 import { h as Theme } from "../themes-CUV79qWU.cjs";
-import { r as IconName } from "../index-CA_X-mXg.cjs";
-import { i as PressableProps } from "../index-dtLxevvf.cjs";
+import "../index-2QPYJgCl.cjs";
+import { r as IconName } from "../index-Borai-Wg.cjs";
+import { i as PressableProps } from "../index-CSXMCqrV.cjs";
 import { i as SidebarItemVariant } from "../SidebarContext-ao6lRfTX.cjs";
 import { ReactNode } from "react";
 //#region src/Sidebar/SidebarItem/SidebarItem.d.ts

package/dist/Sidebar/SidebarItem.d.mts

@@ -1,7 +1,7 @@
 import { h as Theme } from "../themes-CUV79qWU.mjs";
-import "../index-D8b5OCLe.mjs";
-import { r as IconName } from "../index-BL3jwIQU.mjs";
-import { i as PressableProps } from "../index-CO3Qq0I0.mjs";
+import "../index-q9peil7T.mjs";
+import { r as IconName } from "../index-BjLlSr2P.mjs";
+import { i as PressableProps } from "../index-CrXLEJO4.mjs";
 import { i as SidebarItemVariant } from "../SidebarContext-ao6lRfTX.mjs";
 import { ReactNode } from "react";
 //#region src/Sidebar/SidebarItem/SidebarItem.d.ts

package/dist/Sidebar/SidebarItem.mjs

@@ -1,8 +1,8 @@
-import { a as src_exports, o as styled } from "../src-BJy4dM4f.mjs";
+import { a as src_exports, o as styled } from "../src-D3tHU94W.mjs";
 import { Flex } from "../Flex.mjs";
 import { alpha } from "../utils.mjs";
 import { Typography } from "../Typography.mjs";
-import { t as Icon } from "../Icon-GgwNXKEY.mjs";
+import { t as Icon } from "../Icon-CU_nUmsU.mjs";
 import { Portal } from "../Portal.mjs";
 import { Pressable } from "../Pressable.mjs";
 import { t as SidebarContext } from "../SidebarContext-DgSLwjur.mjs";

package/dist/Skeleton.d.cts

@@ -1,11 +1,12 @@
-import { r as index_d_exports } from "./index-DLJ-li1B.cjs";
 import { h as Theme } from "./themes-CUV79qWU.cjs";
+import "./index-2QPYJgCl.cjs";
 import { HTMLAttributes } from "react";
+import { PaddingProps, SpaceProps } from "@soroush.tech/styled-system";
 //#region src/Skeleton/Skeleton.d.ts
 type SkeletonVariant = 'text' | 'circular' | 'rectangular';
 type SkeletonAnimation = 'pulse' | 'wave' | false;
 type SkeletonRadius = keyof Theme['radii'];
-interface SkeletonProps extends HTMLAttributes<HTMLSpanElement>, Omit<index_d_exports.SpaceProps<Theme>, keyof index_d_exports.PaddingProps> {
+interface SkeletonProps extends HTMLAttributes<HTMLSpanElement>, Omit<SpaceProps<Theme>, keyof PaddingProps> {
   /** Shape of the placeholder. Default: `'text'`. */
   variant?: SkeletonVariant;
   /** Corner radius — resolves against `theme.radii` (sq · sm · md · lg). Overrides the variant default. */

package/dist/Skeleton.d.mts

@@ -1,11 +1,12 @@
 import { h as Theme } from "./themes-CUV79qWU.mjs";
-import { r as index_d_exports } from "./index-D8b5OCLe.mjs";
+import "./index-q9peil7T.mjs";
+import { PaddingProps, SpaceProps } from "@soroush.tech/styled-system";
 import { HTMLAttributes } from "react";
 //#region src/Skeleton/Skeleton.d.ts
 type SkeletonVariant = 'text' | 'circular' | 'rectangular';
 type SkeletonAnimation = 'pulse' | 'wave' | false;
 type SkeletonRadius = keyof Theme['radii'];
-interface SkeletonProps extends HTMLAttributes<HTMLSpanElement>, Omit<index_d_exports.SpaceProps<Theme>, keyof index_d_exports.PaddingProps> {
+interface SkeletonProps extends HTMLAttributes<HTMLSpanElement>, Omit<SpaceProps<Theme>, keyof PaddingProps> {
   /** Shape of the placeholder. Default: `'text'`. */
   variant?: SkeletonVariant;
   /** Corner radius — resolves against `theme.radii` (sq · sm · md · lg). Overrides the variant default. */

package/dist/Skeleton.mjs

@@ -1,4 +1,4 @@
-import { a as src_exports, i as props, o as styled, r as keyframes, t as createShouldForwardProp } from "./src-BJy4dM4f.mjs";
+import { a as src_exports, i as props, o as styled, r as keyframes, t as createShouldForwardProp } from "./src-D3tHU94W.mjs";
 import "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/Skeleton/Skeleton.tsx

package/dist/Switch.d.cts

@@ -1,12 +1,13 @@
-import { r as index_d_exports } from "./index-DLJ-li1B.cjs";
 import { h as Theme } from "./themes-CUV79qWU.cjs";
+import "./index-2QPYJgCl.cjs";
 import { ChangeEvent, ReactNode } from "react";
+import { SpaceProps } from "@soroush.tech/styled-system";
 //#region src/Switch/Switch.d.ts
 type SwitchColor = keyof Theme['palette'];
 type SwitchSize = keyof Theme['sizes'];
 type SwitchEdge = 'start' | 'end' | false;
 type SwitchVariant = 'outside' | 'inside';
-interface SwitchProps extends index_d_exports.SpaceProps<Theme> {
+interface SwitchProps extends SpaceProps<Theme> {
   checked?: boolean;
   defaultChecked?: boolean;
   disabled?: boolean;

package/dist/Switch.d.mts

@@ -1,12 +1,13 @@
 import { h as Theme } from "./themes-CUV79qWU.mjs";
-import { r as index_d_exports } from "./index-D8b5OCLe.mjs";
+import "./index-q9peil7T.mjs";
+import { SpaceProps } from "@soroush.tech/styled-system";
 import { ChangeEvent, ReactNode } from "react";
 //#region src/Switch/Switch.d.ts
 type SwitchColor = keyof Theme['palette'];
 type SwitchSize = keyof Theme['sizes'];
 type SwitchEdge = 'start' | 'end' | false;
 type SwitchVariant = 'outside' | 'inside';
-interface SwitchProps extends index_d_exports.SpaceProps<Theme> {
+interface SwitchProps extends SpaceProps<Theme> {
   checked?: boolean;
   defaultChecked?: boolean;
   disabled?: boolean;

package/dist/Switch.mjs

@@ -1,4 +1,4 @@
-import { a as src_exports, i as props, o as styled, t as createShouldForwardProp } from "./src-BJy4dM4f.mjs";
+import { a as src_exports, i as props, o as styled, t as createShouldForwardProp } from "./src-D3tHU94W.mjs";
 import { t as themeDefault } from "./themeDefault-Z3KmyIbm.mjs";
 import { alpha } from "./utils.mjs";
 import { r as useTheme } from "./theme-Cudynq5K.mjs";

package/dist/Table/Table.d.cts

@@ -1,7 +1,8 @@
-import { r as index_d_exports } from "../index-DLJ-li1B.cjs";
 import { d as PaletteColor, h as Theme } from "../themes-CUV79qWU.cjs";
+import "../index-2QPYJgCl.cjs";
 import { t as TableCellPadding } from "../TableContext-BoOxdk8p.cjs";
 import { ElementType, TableHTMLAttributes } from "react";
+import { BorderProps, LayoutProps, SpaceProps } from "@soroush.tech/styled-system";
 //#region src/Table/Table/Table.d.ts
 /** Valid values for the bg prop — derived from theme.background keys. */
 type TableBackgroundToken = keyof Theme['background'];
@@ -9,7 +10,7 @@ type TableBackgroundToken = keyof Theme['background'];
 type TableSize = keyof Theme['sizes'];
 /** Valid values for the borderColor prop — derived from theme.border keys. */
 type TableBorderColorToken = keyof Theme['border'];
-interface TableProps extends Omit<TableHTMLAttributes<HTMLTableElement>, 'color' | 'cellPadding' | 'align' | 'width' | 'border'>, index_d_exports.SpaceProps<Theme>, index_d_exports.LayoutProps<Theme>, Omit<index_d_exports.BorderProps<Theme>, 'borderColor'> {
+interface TableProps extends Omit<TableHTMLAttributes<HTMLTableElement>, 'color' | 'cellPadding' | 'align' | 'width' | 'border'>, SpaceProps<Theme>, LayoutProps<Theme>, Omit<BorderProps<Theme>, 'borderColor'> {
   /**
    * Palette color for descendant rows' hover/selected shading — broadcast to
    * `TableRow`s via `TableContext`; a row's own `color` wins.

package/dist/Table/Table.d.mts

@@ -1,6 +1,7 @@
 import { d as PaletteColor, h as Theme } from "../themes-CUV79qWU.mjs";
-import { r as index_d_exports } from "../index-D8b5OCLe.mjs";
+import "../index-q9peil7T.mjs";
 import { t as TableCellPadding } from "../TableContext-DV31j6HO.mjs";
+import { BorderProps, LayoutProps, SpaceProps } from "@soroush.tech/styled-system";
 import { ElementType, TableHTMLAttributes } from "react";
 //#region src/Table/Table/Table.d.ts
 /** Valid values for the bg prop — derived from theme.background keys. */
@@ -9,7 +10,7 @@ type TableBackgroundToken = keyof Theme['background'];
 type TableSize = keyof Theme['sizes'];
 /** Valid values for the borderColor prop — derived from theme.border keys. */
 type TableBorderColorToken = keyof Theme['border'];
-interface TableProps extends Omit<TableHTMLAttributes<HTMLTableElement>, 'color' | 'cellPadding' | 'align' | 'width' | 'border'>, index_d_exports.SpaceProps<Theme>, index_d_exports.LayoutProps<Theme>, Omit<index_d_exports.BorderProps<Theme>, 'borderColor'> {
+interface TableProps extends Omit<TableHTMLAttributes<HTMLTableElement>, 'color' | 'cellPadding' | 'align' | 'width' | 'border'>, SpaceProps<Theme>, LayoutProps<Theme>, Omit<BorderProps<Theme>, 'borderColor'> {
   /**
    * Palette color for descendant rows' hover/selected shading — broadcast to
    * `TableRow`s via `TableContext`; a row's own `color` wins.

package/dist/Table/Table.mjs

@@ -1,4 +1,4 @@
-import { a as src_exports, i as props, o as styled, t as createShouldForwardProp } from "../src-BJy4dM4f.mjs";
+import { a as src_exports, i as props, o as styled, t as createShouldForwardProp } from "../src-D3tHU94W.mjs";
 import { t as TableContext } from "../TableContext-Dyr89h_k.mjs";
 import { useMemo } from "react";
 import { jsx } from "react/jsx-runtime";

package/dist/Table/TableBody.d.cts

@@ -1,6 +1,7 @@
-import { r as index_d_exports } from "../index-DLJ-li1B.cjs";
 import { h as Theme } from "../themes-CUV79qWU.cjs";
+import "../index-2QPYJgCl.cjs";
 import { ElementType, HTMLAttributes } from "react";
+import { BorderProps, SpaceProps } from "@soroush.tech/styled-system";
 //#region src/Table/TableBody/TableBody.d.ts
 /** Valid values for the color prop — derived from theme.text keys. */
 type TableBodyColorToken = keyof Theme['text'];
@@ -8,7 +9,7 @@ type TableBodyColorToken = keyof Theme['text'];
 type TableBodyBackgroundToken = keyof Theme['background'];
 /** Valid values for the borderColor prop — derived from theme.border keys. */
 type TableBodyBorderColorToken = keyof Theme['border'];
-interface TableBodyProps extends Omit<HTMLAttributes<HTMLTableSectionElement>, 'color'>, index_d_exports.SpaceProps<Theme>, Omit<index_d_exports.BorderProps<Theme>, 'borderColor' | 'borderRadius'> {
+interface TableBodyProps extends Omit<HTMLAttributes<HTMLTableSectionElement>, 'color'>, SpaceProps<Theme>, Omit<BorderProps<Theme>, 'borderColor' | 'borderRadius'> {
   /** Resolves against theme.text */
   color?: TableBodyColorToken;
   /** Resolves against theme.background */

package/dist/Table/TableBody.d.mts

@@ -1,5 +1,6 @@
 import { h as Theme } from "../themes-CUV79qWU.mjs";
-import { r as index_d_exports } from "../index-D8b5OCLe.mjs";
+import "../index-q9peil7T.mjs";
+import { BorderProps, SpaceProps } from "@soroush.tech/styled-system";
 import { ElementType, HTMLAttributes } from "react";
 //#region src/Table/TableBody/TableBody.d.ts
 /** Valid values for the color prop — derived from theme.text keys. */
@@ -8,7 +9,7 @@ type TableBodyColorToken = keyof Theme['text'];
 type TableBodyBackgroundToken = keyof Theme['background'];
 /** Valid values for the borderColor prop — derived from theme.border keys. */
 type TableBodyBorderColorToken = keyof Theme['border'];
-interface TableBodyProps extends Omit<HTMLAttributes<HTMLTableSectionElement>, 'color'>, index_d_exports.SpaceProps<Theme>, Omit<index_d_exports.BorderProps<Theme>, 'borderColor' | 'borderRadius'> {
+interface TableBodyProps extends Omit<HTMLAttributes<HTMLTableSectionElement>, 'color'>, SpaceProps<Theme>, Omit<BorderProps<Theme>, 'borderColor' | 'borderRadius'> {
   /** Resolves against theme.text */
   color?: TableBodyColorToken;
   /** Resolves against theme.background */

package/dist/Table/TableBody.mjs

@@ -1,4 +1,4 @@
-import { a as src_exports, i as props, o as styled, t as createShouldForwardProp } from "../src-BJy4dM4f.mjs";
+import { a as src_exports, i as props, o as styled, t as createShouldForwardProp } from "../src-D3tHU94W.mjs";
 import { t as TableSectionContext } from "../TableSectionContext-meIG4lFZ.mjs";
 import "react";
 import { jsx } from "react/jsx-runtime";

package/dist/Table/TableCell.d.cts

@@ -1,2 +1,2 @@
-import { a as TableCellColorToken, c as TableCellVariant, i as TableCellBorderColorToken, n as TableCellAlign, o as TableCellProps, r as TableCellBackgroundToken, s as TableCellSortDirection, t as TableCell } from "../index-BNP_iejT.cjs";
+import { a as TableCellColorToken, c as TableCellVariant, i as TableCellBorderColorToken, n as TableCellAlign, o as TableCellProps, r as TableCellBackgroundToken, s as TableCellSortDirection, t as TableCell } from "../index-X4STXeE2.cjs";
 export { TableCell, TableCellAlign, TableCellBackgroundToken, TableCellBorderColorToken, TableCellColorToken, TableCellProps, TableCellSortDirection, TableCellVariant };

package/dist/Table/TableCell.d.mts

@@ -1,2 +1,2 @@
-import { a as TableCellColorToken, c as TableCellVariant, i as TableCellBorderColorToken, n as TableCellAlign, o as TableCellProps, r as TableCellBackgroundToken, s as TableCellSortDirection, t as TableCell } from "../index-C7j38wne.mjs";
+import { a as TableCellColorToken, c as TableCellVariant, i as TableCellBorderColorToken, n as TableCellAlign, o as TableCellProps, r as TableCellBackgroundToken, s as TableCellSortDirection, t as TableCell } from "../index-DfhMdqqI.mjs";
 export { TableCell, TableCellAlign, TableCellBackgroundToken, TableCellBorderColorToken, TableCellColorToken, TableCellProps, TableCellSortDirection, TableCellVariant };

package/dist/Table/TableCell.mjs

@@ -1,4 +1,4 @@
-import { a as src_exports, i as props, o as styled, t as createShouldForwardProp } from "../src-BJy4dM4f.mjs";
+import { a as src_exports, i as props, o as styled, t as createShouldForwardProp } from "../src-D3tHU94W.mjs";
 import { t as themeDefault } from "../themeDefault-Z3KmyIbm.mjs";
 import { t as TableContext } from "../TableContext-Dyr89h_k.mjs";
 import { t as TableSectionContext } from "../TableSectionContext-meIG4lFZ.mjs";

package/dist/Table/TableContainer.d.cts

@@ -1,6 +1,6 @@
-import "../index-DLJ-li1B.cjs";
 import { h as Theme } from "../themes-CUV79qWU.cjs";
-import { s as ViewProps } from "../index-DjtGkwRM.cjs";
+import "../index-2QPYJgCl.cjs";
+import { s as ViewProps } from "../index-BPzvFTi5.cjs";
 //#region src/Table/TableContainer/TableContainer.d.ts
 type TableContainerProps = ViewProps;
 /**

package/dist/Table/TableContainer.d.mts

@@ -1,6 +1,6 @@
 import { h as Theme } from "../themes-CUV79qWU.mjs";
-import "../index-D8b5OCLe.mjs";
-import { s as ViewProps } from "../index-q6EgsH9R.mjs";
+import "../index-q9peil7T.mjs";
+import { s as ViewProps } from "../index-m9jUR509.mjs";
 //#region src/Table/TableContainer/TableContainer.d.ts
 type TableContainerProps = ViewProps;
 /**

package/dist/Table/TableContainer.mjs

@@ -1,4 +1,4 @@
-import { o as styled } from "../src-BJy4dM4f.mjs";
+import { o as styled } from "../src-D3tHU94W.mjs";
 import { View } from "../View.mjs";
 //#region src/Table/TableContainer/TableContainer.tsx
 /**

package/dist/Table/TableControl.d.cts

@@ -1,4 +1,4 @@
-import { a as TableSortMap, t as TablePaginationState } from "../useTablePagination-7jiSvKCh.cjs";
+import { a as TableSortMap, t as TablePaginationState } from "../useTablePagination-Dh7o59Wt.cjs";
 import { ReactNode } from "react";
 //#region src/Table/TableControl/TableControl.d.ts
 interface TableControlProps<T, K extends string = string> {

package/dist/Table/TableControl.d.mts

@@ -1,4 +1,4 @@
-import { a as TableSortMap, t as TablePaginationState } from "../useTablePagination-HaIcJPv-.mjs";
+import { a as TableSortMap, t as TablePaginationState } from "../useTablePagination-DOty8Ucb.mjs";
 import { ReactNode } from "react";
 //#region src/Table/TableControl/TableControl.d.ts
 interface TableControlProps<T, K extends string = string> {