@soroush.tech/design-system 0.1.0

package/dist/index-Dy03o__A.d.mts

@@ -0,0 +1,94 @@
+import { o as Theme } from "./index-Dm9HfgV6.mjs";
+import { KeyboardEvent, MouseEvent, ReactNode, Ref, RefCallback, SyntheticEvent } from "react";
+//#region src/Modal/useModal.d.ts
+type ModalCloseReason = 'escapeKey' | 'backdropClick';
+type EventHandlers = Record<string, ((event: SyntheticEvent) => void) | undefined>;
+interface UseModalParameters {
+  /** Whether the modal is shown. */
+  isOpen: boolean;
+  /** Fired on Escape (top modal only) or backdrop click. */
+  onClose?: (event: KeyboardEvent | MouseEvent, reason: ModalCloseReason) => void;
+  /** Portal container, or a function returning one. Defaults to the document body. */
+  container?: HTMLElement | (() => HTMLElement | null) | null;
+  /** Disable body scroll-lock while open. */
+  disableScrollLock?: boolean;
+  /** Skip `aria-hidden` on background siblings (for non-modal popovers). */
+  disableAriaHidden?: boolean;
+  /** Forwarded ref for the modal root element. */
+  rootRef?: Ref<Element>;
+}
+interface UseModalReturnValue {
+  getRootProps: (otherHandlers?: EventHandlers) => Record<string, unknown>;
+  getBackdropProps: (otherHandlers?: EventHandlers) => Record<string, unknown>;
+  rootRef: RefCallback<Element> | null;
+  portalRef: (node: HTMLElement | null) => void;
+  isTopModal: () => boolean;
+}
+declare function useModal(parameters: UseModalParameters): UseModalReturnValue;
+//#endregion
+//#region src/Modal/Modal.d.ts
+type ModalScroll = 'paper' | 'body';
+interface ModalProps {
+  /** If true, the modal is shown. */
+  isOpen: boolean;
+  /** A single content element. */
+  children: ReactNode;
+  /** Fired on Escape (top modal only) or backdrop click. */
+  onClose?: (event: Event | React.SyntheticEvent, reason: ModalCloseReason) => void;
+  /** Render the dimmed backdrop. Default: true. */
+  hasBackdrop?: boolean;
+  /** Keep the children mounted while closed. Default: false. */
+  shouldKeepMounted?: boolean;
+  /** Portal the modal into `portalContainer`. Default: true. */
+  shouldUsePortal?: boolean;
+  /** Portal target, or a function returning one. Defaults to the document body. */
+  portalContainer?: HTMLElement | (() => HTMLElement | null) | null;
+  /** Lock body scroll while open. Default: true. */
+  shouldLockScroll?: boolean;
+  /** Skip `aria-hidden` on background content — for non-modal popovers whose trigger stays focused. Default: false. */
+  disableAriaHidden?: boolean;
+  /** Move focus into the modal on open. Default: true. */
+  shouldAutoFocus?: boolean;
+  /** Trap Tab focus within the modal. Default: true. */
+  shouldTrapFocus?: boolean;
+  /** Pull focus back into the modal whenever it escapes. Default: true. */
+  shouldEnforceFocus?: boolean;
+  /** Restore focus to the trigger on close. Default: true. */
+  shouldRestoreFocus?: boolean;
+  /** How long content scrolls: within the content (`'paper'`) or the whole root (`'body'`). Default: 'paper'. */
+  scroll?: ModalScroll;
+  /** Stacking layer from `theme.zOrder`. Default: 'modal'. */
+  layer?: keyof Theme['zOrder'];
+}
+/**
+ * @description Accessible overlay primitive: portals its content, dims the page,
+ * traps focus, locks scroll, and closes on Escape or backdrop click. The base for
+ * higher-level overlays such as Drawer.
+ */
+declare function Modal({ isOpen, children, onClose, hasBackdrop, shouldKeepMounted, shouldUsePortal, portalContainer, shouldLockScroll, disableAriaHidden, shouldAutoFocus, shouldTrapFocus, shouldEnforceFocus, shouldRestoreFocus, scroll, layer }: Readonly<ModalProps>): import("react").JSX.Element | null;
+//#endregion
+//#region src/Modal/ModalManager.d.ts
+/** A modal tracked by the manager: its portal mount node and its root element. */
+interface ManagedModal {
+  mount: Element;
+  modalRef: Element;
+}
+interface ManagedModalProps {
+  disableScrollLock?: boolean;
+}
+declare function ariaHidden(element: Element, hide: boolean): void;
+/**
+ * Tracks every open modal and the containers they live in. A single shared
+ * instance coordinates stacking (`isTopModal`), scroll-lock, and `aria-hidden`
+ * on background siblings so assistive tech only sees the active modal.
+ */
+declare class ModalManager {
+  private readonly modals;
+  private readonly containers;
+  add(modal: ManagedModal, container: HTMLElement, disableAriaHidden?: boolean): number;
+  mount(modal: ManagedModal, props: ManagedModalProps): void;
+  remove(modal: ManagedModal, ariaHiddenState?: boolean): number;
+  isTopModal(modal: ManagedModal): boolean;
+}
+//#endregion
+export { Modal as a, ModalCloseReason as c, useModal as d, ariaHidden as i, UseModalParameters as l, ManagedModalProps as n, ModalProps as o, ModalManager as r, ModalScroll as s, ManagedModal as t, UseModalReturnValue as u };

package/dist/index-FwTocqhP.d.cts

@@ -0,0 +1,34 @@
+import { l as index_d_exports, o as Theme } from "./index-Bihpwn75.cjs";
+import { CSSProperties, HTMLAttributes } from "react";
+//#region src/View/View.d.ts
+/** Valid values for the color prop — derived from theme.text keys. */
+type ViewColorToken = keyof Theme['text'];
+/** Valid values for the bg prop — derived from theme.background keys. */
+type ViewBackgroundToken = keyof Theme['background'];
+/** Valid values for the borderColor prop — derived from theme.border keys. */
+type ViewBorderColorToken = keyof Theme['border'];
+/** Valid values for the borderWidth prop — derived from theme.borderWidths keys. */
+type ViewBorderWidthToken = keyof Theme['borderWidths'];
+/** Valid theme tokens for border-radius. Raw CSS pixel values (e.g. '6px', '9999px') are also accepted. */
+type ViewBorderRadiusToken = keyof Theme['radii'] | `${number}px`;
+interface ViewProps extends Omit<HTMLAttributes<HTMLElement>, 'color'>, index_d_exports.SpaceProps<Theme>, index_d_exports.LayoutProps<Theme>, index_d_exports.TypographyProps<Theme>, Omit<index_d_exports.BorderProps<Theme>, 'borderColor' | 'borderWidth' | 'borderRadius'>, index_d_exports.PositionProps<Theme> {
+  bg?: ViewBackgroundToken;
+  /** Resolves against theme.border — light · primary · dark */
+  borderColor?: ViewBorderColorToken;
+  /** Resolves against theme.borderWidths — none · thin · base · thick */
+  borderWidth?: ViewBorderWidthToken;
+  /** Theme tokens: sq · sm · md · lg. Also accepts raw CSS pixel values e.g. '6px', '9999px'. */
+  borderRadius?: ViewBorderRadiusToken;
+  opacity?: number;
+  cursor?: CSSProperties['cursor'];
+  /** CSS aspect-ratio for fixed-ratio surfaces (e.g. 16/9, 1). */
+  aspectRatio?: CSSProperties['aspectRatio'];
+  /** CSS order for flex/grid item placement. Accepts responsive arrays. */
+  order?: index_d_exports.FlexboxProps<Theme>['order'];
+}
+declare const View: import("@emotion/styled").StyledComponent<{
+  theme?: Theme;
+  as?: React.ElementType;
+} & ViewProps, import("react").DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+//#endregion
+export { ViewBorderWidthToken as a, ViewBorderRadiusToken as i, ViewBackgroundToken as n, ViewColorToken as o, ViewBorderColorToken as r, ViewProps as s, View as t };

package/dist/index-GVsFY00r.d.cts

@@ -0,0 +1,21 @@
+import { l as index_d_exports, o as Theme } from "./index-Bihpwn75.cjs";
+import { ElementType, HTMLAttributes } from "react";
+//#region src/Table/TableBody/TableBody.d.ts
+/** Valid values for the color prop — derived from theme.text keys. */
+type TableBodyColorToken = keyof Theme['text'];
+/** Valid values for the bg prop — derived from theme.background keys. */
+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'> {
+  /** Resolves against theme.text */
+  color?: TableBodyColorToken;
+  /** Resolves against theme.background */
+  bg?: TableBodyBackgroundToken;
+  /** Resolves against theme.border — light · primary · dark */
+  borderColor?: TableBodyBorderColorToken;
+  as?: ElementType;
+}
+declare function TableBody({ as, children, ...rest }: Readonly<TableBodyProps>): import("react").JSX.Element;
+//#endregion
+export { TableBodyProps as a, TableBodyColorToken as i, TableBodyBackgroundToken as n, TableBodyBorderColorToken as r, TableBody as t };

package/dist/index-Nqco3fsM.d.cts

@@ -0,0 +1,13 @@
+import "./index-Dtzj8X58.cjs";
+import "./index-8dzWTpFp.cjs";
+import "./TableContext-2qH7XYJB.cjs";
+import "./index-CM_KCTee.cjs";
+import "./index-GVsFY00r.cjs";
+import "./index-4rC2j7fR.cjs";
+import "./index-DeJWkpf9.cjs";
+import "./index-g-9DZ_KQ.cjs";
+import "./index-CDcGTGR4.cjs";
+import "./index-CcYSvIJi.cjs";
+import "./index-DSCMXFTn.cjs";
+import "./index-BlfIbAMs.cjs";
+import "./index-CT9uGKrs.cjs";

package/dist/index-g-9DZ_KQ.d.cts

@@ -0,0 +1,28 @@
+import { i as TablePaginationState, n as TableSortMap } from "./useTableSort--XMWjujs.cjs";
+import { ReactNode } from "react";
+//#region src/Table/TableControl/TableControl.d.ts
+interface TableControlProps<T, K extends string = string> {
+  /** The full dataset — `TableControl` derives the visible rows from it. */
+  data: readonly T[];
+  /** Sort map from `useTableSort` — the active entry drives the ordering. */
+  sort?: TableSortMap<K>;
+  /** Paging state from `useTablePagination` — drives the visible slice. */
+  pagination?: Pick<TablePaginationState, 'page' | 'rowsPerPage'>;
+  /**
+   * Custom sort — overrides the default string/number comparison. Receives the
+   * active column key, so different columns can use different logic:
+   * `(a, b, orderBy) => orderBy === 'name' ? a.name.localeCompare(b.name) : a[orderBy] - b[orderBy]`
+   */
+  sortFunction?: (a: T, b: T, orderBy: K) => number;
+  /** Row renderer — invoked for each visible row. */
+  children: (row: T, index: number) => ReactNode;
+}
+/**
+ * Renders the visible rows of a dataset inside `TableBody` — sorted by the
+ * active `useTableSort` column and sliced by the `useTablePagination` state.
+ * Emits the rows directly (no wrapper element), so its output are valid
+ * `<tr>` children of `<tbody>`. Both `sort` and `pagination` are optional.
+ */
+declare function TableControl<T, K extends string = string>({ data, sort, pagination, sortFunction, children }: Readonly<TableControlProps<T, K>>): import("react").JSX.Element;
+//#endregion
+export { TableControlProps as n, TableControl as t };

package/dist/index-g9EThkSg.d.mts

@@ -0,0 +1,21 @@
+import { l as index_d_exports, o as Theme } from "./index-Dm9HfgV6.mjs";
+import { ElementType, HTMLAttributes } from "react";
+//#region src/Table/TableFooter/TableFooter.d.ts
+/** Valid values for the color prop — derived from theme.text keys. */
+type TableFooterColorToken = keyof Theme['text'];
+/** Valid values for the bg prop — derived from theme.background keys. */
+type TableFooterBackgroundToken = keyof Theme['background'];
+/** Valid values for the borderColor prop — derived from theme.border keys. */
+type TableFooterBorderColorToken = keyof Theme['border'];
+interface TableFooterProps extends Omit<HTMLAttributes<HTMLTableSectionElement>, 'color'>, index_d_exports.SpaceProps<Theme>, Omit<index_d_exports.BorderProps<Theme>, 'borderColor' | 'borderRadius'> {
+  /** Resolves against theme.text */
+  color?: TableFooterColorToken;
+  /** Resolves against theme.background */
+  bg?: TableFooterBackgroundToken;
+  /** Resolves against theme.border — light · primary · dark */
+  borderColor?: TableFooterBorderColorToken;
+  as?: ElementType;
+}
+declare function TableFooter({ as, children, ...rest }: Readonly<TableFooterProps>): import("react").JSX.Element;
+//#endregion
+export { TableFooterProps as a, TableFooterColorToken as i, TableFooterBackgroundToken as n, TableFooterBorderColorToken as r, TableFooter as t };

package/dist/index-kpk9e3xM2.d.mts

@@ -0,0 +1,45 @@
+import { o as TableCellProps } from "./index-BH8jQOdF.mjs";
+import { t as TablePaginationActionType } from "./index-BnzUumAC2.mjs";
+import { ElementType, ReactNode } from "react";
+//#region src/Table/TablePagination/TablePagination.d.ts
+interface TablePaginationDisplayedRowsInfo {
+  from: number;
+  to: number;
+  count: number;
+  page: number;
+}
+interface TablePaginationProps extends Omit<TableCellProps, 'children' | 'variant' | 'align' | 'sortDirection'> {
+  /** Total number of rows; `-1` = unknown (server-side pagination). */
+  count: number;
+  /** Zero-based current page. */
+  page: number;
+  /** Rows per page; `-1` shows all rows. */
+  rowsPerPage: number;
+  /** Fired with the target zero-based page. */
+  onPageChange: (page: number) => void;
+  /** Fired with the new rows-per-page value. */
+  onRowsPerPageChange?: (rowsPerPage: number) => void;
+  /** Options for the rows-per-page selector. Fewer than two options hides it. */
+  rowsPerPageOptions?: Array<number | {
+    label: string;
+    value: number;
+  }>;
+  /** Disables all controls. Default: `false`. */
+  disabled?: boolean;
+  shouldShowFirstButton?: boolean;
+  shouldShowLastButton?: boolean;
+  /** Label for the rows-per-page selector. Default: `'Rows per page:'`. */
+  rowsPerPageLabel?: ReactNode;
+  /** Renders the displayed-rows range. A sensible default (`1–10 of 57`) is provided. */
+  displayedRowsLabel?: (info: TablePaginationDisplayedRowsInfo) => ReactNode;
+  /** Accessible name per nav button. A sensible default is provided. */
+  getItemAriaLabel?: (type: TablePaginationActionType) => string;
+  as?: ElementType;
+}
+/**
+ * A `TableCell`-based pagination control for `TableFooter > TableRow`.
+ * Controlled only — the consumer owns `page` and `rowsPerPage`.
+ */
+declare function TablePagination({ count, page, rowsPerPage, onPageChange, onRowsPerPageChange, rowsPerPageOptions, disabled, shouldShowFirstButton, shouldShowLastButton, rowsPerPageLabel, displayedRowsLabel, getItemAriaLabel, colSpan, as, ...rest }: Readonly<TablePaginationProps>): import("react").JSX.Element;
+//#endregion
+export { TablePaginationDisplayedRowsInfo as n, TablePaginationProps as r, TablePagination as t };

package/dist/index-pX7tBQdJ.d.mts

@@ -0,0 +1,34 @@
+import { l as index_d_exports, o as Theme } from "./index-Dm9HfgV6.mjs";
+import { CSSProperties, HTMLAttributes } from "react";
+//#region src/View/View.d.ts
+/** Valid values for the color prop — derived from theme.text keys. */
+type ViewColorToken = keyof Theme['text'];
+/** Valid values for the bg prop — derived from theme.background keys. */
+type ViewBackgroundToken = keyof Theme['background'];
+/** Valid values for the borderColor prop — derived from theme.border keys. */
+type ViewBorderColorToken = keyof Theme['border'];
+/** Valid values for the borderWidth prop — derived from theme.borderWidths keys. */
+type ViewBorderWidthToken = keyof Theme['borderWidths'];
+/** Valid theme tokens for border-radius. Raw CSS pixel values (e.g. '6px', '9999px') are also accepted. */
+type ViewBorderRadiusToken = keyof Theme['radii'] | `${number}px`;
+interface ViewProps extends Omit<HTMLAttributes<HTMLElement>, 'color'>, index_d_exports.SpaceProps<Theme>, index_d_exports.LayoutProps<Theme>, index_d_exports.TypographyProps<Theme>, Omit<index_d_exports.BorderProps<Theme>, 'borderColor' | 'borderWidth' | 'borderRadius'>, index_d_exports.PositionProps<Theme> {
+  bg?: ViewBackgroundToken;
+  /** Resolves against theme.border — light · primary · dark */
+  borderColor?: ViewBorderColorToken;
+  /** Resolves against theme.borderWidths — none · thin · base · thick */
+  borderWidth?: ViewBorderWidthToken;
+  /** Theme tokens: sq · sm · md · lg. Also accepts raw CSS pixel values e.g. '6px', '9999px'. */
+  borderRadius?: ViewBorderRadiusToken;
+  opacity?: number;
+  cursor?: CSSProperties['cursor'];
+  /** CSS aspect-ratio for fixed-ratio surfaces (e.g. 16/9, 1). */
+  aspectRatio?: CSSProperties['aspectRatio'];
+  /** CSS order for flex/grid item placement. Accepts responsive arrays. */
+  order?: index_d_exports.FlexboxProps<Theme>['order'];
+}
+declare const View: import("@emotion/styled").StyledComponent<{
+  theme?: Theme;
+  as?: React.ElementType;
+} & ViewProps, import("react").DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+//#endregion
+export { ViewBorderWidthToken as a, ViewBorderRadiusToken as i, ViewBackgroundToken as n, ViewColorToken as o, ViewBorderColorToken as r, ViewProps as s, View as t };

package/dist/index-u57CbuAU2.d.mts

@@ -0,0 +1,28 @@
+import { i as TablePaginationState, n as TableSortMap } from "./useTableSort-CpDs4cGq.mjs";
+import { ReactNode } from "react";
+//#region src/Table/TableControl/TableControl.d.ts
+interface TableControlProps<T, K extends string = string> {
+  /** The full dataset — `TableControl` derives the visible rows from it. */
+  data: readonly T[];
+  /** Sort map from `useTableSort` — the active entry drives the ordering. */
+  sort?: TableSortMap<K>;
+  /** Paging state from `useTablePagination` — drives the visible slice. */
+  pagination?: Pick<TablePaginationState, 'page' | 'rowsPerPage'>;
+  /**
+   * Custom sort — overrides the default string/number comparison. Receives the
+   * active column key, so different columns can use different logic:
+   * `(a, b, orderBy) => orderBy === 'name' ? a.name.localeCompare(b.name) : a[orderBy] - b[orderBy]`
+   */
+  sortFunction?: (a: T, b: T, orderBy: K) => number;
+  /** Row renderer — invoked for each visible row. */
+  children: (row: T, index: number) => ReactNode;
+}
+/**
+ * Renders the visible rows of a dataset inside `TableBody` — sorted by the
+ * active `useTableSort` column and sliced by the `useTablePagination` state.
+ * Emits the rows directly (no wrapper element), so its output are valid
+ * `<tr>` children of `<tbody>`. Both `sort` and `pagination` are optional.
+ */
+declare function TableControl<T, K extends string = string>({ data, sort, pagination, sortFunction, children }: Readonly<TableControlProps<T, K>>): import("react").JSX.Element;
+//#endregion
+export { TableControlProps as n, TableControl as t };

package/dist/index-x80UG39F.d.cts

@@ -0,0 +1,24 @@
+import { o as Theme } from "./index-Bihpwn75.cjs";
+import { n as FlexProps } from "./index-B1rCD6Oo.cjs";
+import { CSSProperties, ElementType } from "react";
+//#region src/Paper/Paper.d.ts
+type PaperElevation = 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24;
+interface PaperProps extends FlexProps {
+  /** Shadow depth — 0 (flat) to 24 (highest). Resolves to theme.shadows[n]. Default: 1. */
+  elevation?: PaperElevation;
+  /** CSS aspect-ratio for fixed-ratio surfaces (e.g. 16/9, 1). */
+  aspectRatio?: CSSProperties['aspectRatio'];
+  /** CSS transition for surface animations (e.g. hover elevation change). */
+  transition?: CSSProperties['transition'];
+  /** Resolves against theme.border — light · primary · dark */
+  borderColor?: keyof Theme['border'];
+  /** Resolves against theme.borderWidths — none · thin · base · thick */
+  borderWidth?: keyof Theme['borderWidths'];
+  /** CSS border-style value (e.g. 'solid', 'dashed'). */
+  borderStyle?: CSSProperties['borderStyle'];
+  /** Renders the surface as a different element (e.g. 'section'). */
+  as?: ElementType;
+}
+declare function Paper({ elevation, p, bg, borderRadius, ...rest }: Readonly<PaperProps>): import("react").JSX.Element;
+//#endregion
+export { PaperElevation as n, PaperProps as r, Paper as t };

package/dist/index-z35LEYG8.d.mts

@@ -0,0 +1,17 @@
+import { l as index_d_exports, o as Theme } from "./index-Dm9HfgV6.mjs";
+import { s as ViewProps } from "./index-pX7tBQdJ.mjs";
+//#region src/Flex/Flex.d.ts
+/** Valid values for the gap prop — derived from theme.space keys. */
+type GapToken = keyof Theme['space'];
+interface FlexProps extends ViewProps, index_d_exports.FlexboxProps<Theme> {
+  /** Resolves against theme.space — maps to CSS gap. Accepts responsive arrays. */
+  gap?: index_d_exports.ResponsiveValue<GapToken>;
+}
+declare const Flex: import("@emotion/styled").StyledComponent<{
+  theme?: Theme;
+  as?: React.ElementType;
+} & ViewProps & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
+  theme?: Theme;
+} & FlexProps, {}, {}>;
+//#endregion
+export { FlexProps as n, GapToken as r, Flex as t };

package/dist/index.cjs

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

package/dist/index.d.cts

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

package/dist/index.d.mts

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

package/dist/index.mjs

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

package/dist/inputVariantStyles-BBkkYQtE.cjs

@@ -0,0 +1,32 @@
+//#region src/utils/inputVariantStyles.ts
+const inputVariantStyles = (0, require("@soroush.tech/styled-system").variant)({
+	prop: "variant",
+	variants: {
+		outlined: {
+			borderRadius: "sq",
+			borderWidth: "thin",
+			borderStyle: "solid"
+		},
+		default: {
+			borderRadius: "sq",
+			borderStyle: "none"
+		},
+		underline: {
+			borderRadius: "sq",
+			borderStyle: "none",
+			borderBottomWidth: "thin",
+			borderBottomStyle: "solid"
+		},
+		text: {
+			borderRadius: "sq",
+			borderStyle: "none"
+		}
+	}
+});
+//#endregion
+Object.defineProperty(exports, "inputVariantStyles", {
+	enumerable: true,
+	get: function() {
+		return inputVariantStyles;
+	}
+});

package/dist/inputVariantStyles-CcqpGfuP.mjs

@@ -0,0 +1,28 @@
+import { variant } from "@soroush.tech/styled-system";
+//#region src/utils/inputVariantStyles.ts
+const inputVariantStyles = variant({
+	prop: "variant",
+	variants: {
+		outlined: {
+			borderRadius: "sq",
+			borderWidth: "thin",
+			borderStyle: "solid"
+		},
+		default: {
+			borderRadius: "sq",
+			borderStyle: "none"
+		},
+		underline: {
+			borderRadius: "sq",
+			borderStyle: "none",
+			borderBottomWidth: "thin",
+			borderBottomStyle: "solid"
+		},
+		text: {
+			borderRadius: "sq",
+			borderStyle: "none"
+		}
+	}
+});
+//#endregion
+export { inputVariantStyles as t };

package/dist/rolldown-runtime-BBjsoOtd.mjs

@@ -0,0 +1,27 @@
+//#region \0rolldown/runtime.js
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __exportAll = (all, no_symbols) => {
+	let target = {};
+	for (var name in all) __defProp(target, name, {
+		get: all[name],
+		enumerable: true
+	});
+	if (!no_symbols) __defProp(target, Symbol.toStringTag, { value: "Module" });
+	return target;
+};
+var __copyProps = (to, from, except, desc) => {
+	if (from && typeof from === "object" || typeof from === "function") for (var keys = __getOwnPropNames(from), i = 0, n = keys.length, key; i < n; i++) {
+		key = keys[i];
+		if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+			get: ((k) => from[k]).bind(null, key),
+			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+		});
+	}
+	return to;
+};
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+//#endregion
+export { __reExport as n, __exportAll as t };

package/dist/rolldown-runtime-DDXJien1.cjs

@@ -0,0 +1,50 @@
+//#region \0rolldown/runtime.js
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __exportAll = (all, no_symbols) => {
+	let target = {};
+	for (var name in all) __defProp(target, name, {
+		get: all[name],
+		enumerable: true
+	});
+	if (!no_symbols) __defProp(target, Symbol.toStringTag, { value: "Module" });
+	return target;
+};
+var __copyProps = (to, from, except, desc) => {
+	if (from && typeof from === "object" || typeof from === "function") for (var keys = __getOwnPropNames(from), i = 0, n = keys.length, key; i < n; i++) {
+		key = keys[i];
+		if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+			get: ((k) => from[k]).bind(null, key),
+			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+		});
+	}
+	return to;
+};
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+	value: mod,
+	enumerable: true
+}) : target, mod));
+//#endregion
+Object.defineProperty(exports, "__exportAll", {
+	enumerable: true,
+	get: function() {
+		return __exportAll;
+	}
+});
+Object.defineProperty(exports, "__reExport", {
+	enumerable: true,
+	get: function() {
+		return __reExport;
+	}
+});
+Object.defineProperty(exports, "__toESM", {
+	enumerable: true,
+	get: function() {
+		return __toESM;
+	}
+});