@soroush.tech/design-system 1.3.1 → 1.3.3

package/dist/{useTablePagination-DOty8Ucb.d.mts → useTablePagination-BpMOVLsR.d.cts}

@@ -1,6 +1,6 @@
-import { n as TableSortLabelDirection } from "./index-C1hP7Igl.mjs";
+import { n as TableSortLabelDirection } from "./index-vuPAf55D.cjs";
 //#region src/Table/hooks/useTableSort.d.ts
-/** One column's sort state — spreads directly onto `TableSortLabel`. */
+/** One column's sort state - spreads directly onto `TableSortLabel`. */
 interface TableSortEntry {
   isActive: boolean;
   direction: TableSortLabelDirection;
@@ -11,13 +11,13 @@ type TableSortMap<K extends string = string> = Record<K, TableSortEntry>;
 /**
  * Column-keyed sort state for sortable tables. Each column remembers its own
  * direction (initially `'asc'`); clicking a column activates it AND flips its
- * stored direction — so the first click on a column sorts `'desc'`.
+ * stored direction - so the first click on a column sorts `'desc'`.
  * `keys` is read once on mount.
  *
  * ```tsx
  * const sort = useTableSort(['name', 'latency'])
  * <TableSortLabel {...sort.name}>Service</TableSortLabel>
- * <TableControl data={rows} sort={sort}>{(row) => …}</TableControl>
+ * <TableControl data={rows} sort={sort}>{(row) => ...}</TableControl>
  * ```
  */
 declare function useTableSort<K extends string>(keys: readonly K[], onChange?: (key: K, direction: TableSortLabelDirection) => void): TableSortMap<K>;
@@ -29,7 +29,7 @@ interface UseTablePaginationOptions {
   /** Initial rows per page; `-1` shows all rows. Default: `10`. */
   defaultRowsPerPage?: number;
 }
-/** Paging state — property names mirror `TablePagination`'s props so it spreads in one go. */
+/** Paging state - property names mirror `TablePagination`'s props so it spreads in one go. */
 interface TablePaginationState {
   page: number;
   rowsPerPage: number;
@@ -43,7 +43,7 @@ interface TablePaginationState {
  * ```tsx
  * const pagination = useTablePagination({ defaultRowsPerPage: 10 })
  * <TablePagination count={data.length} {...pagination} />
- * <TableControl data={data} pagination={pagination}>{(row) => …}</TableControl>
+ * <TableControl data={data} pagination={pagination}>{(row) => ...}</TableControl>
  * ```
  */
 declare function useTablePagination({ defaultPage, defaultRowsPerPage }?: UseTablePaginationOptions): TablePaginationState;

package/dist/{useTablePagination-Dh7o59Wt.d.cts → useTablePagination-DebYZ6vN.d.mts}

@@ -1,6 +1,6 @@
-import { n as TableSortLabelDirection } from "./index-DiLm48XP.cjs";
+import { n as TableSortLabelDirection } from "./index-ggLhNdZV.mjs";
 //#region src/Table/hooks/useTableSort.d.ts
-/** One column's sort state — spreads directly onto `TableSortLabel`. */
+/** One column's sort state - spreads directly onto `TableSortLabel`. */
 interface TableSortEntry {
   isActive: boolean;
   direction: TableSortLabelDirection;
@@ -11,13 +11,13 @@ type TableSortMap<K extends string = string> = Record<K, TableSortEntry>;
 /**
  * Column-keyed sort state for sortable tables. Each column remembers its own
  * direction (initially `'asc'`); clicking a column activates it AND flips its
- * stored direction — so the first click on a column sorts `'desc'`.
+ * stored direction - so the first click on a column sorts `'desc'`.
  * `keys` is read once on mount.
  *
  * ```tsx
  * const sort = useTableSort(['name', 'latency'])
  * <TableSortLabel {...sort.name}>Service</TableSortLabel>
- * <TableControl data={rows} sort={sort}>{(row) => …}</TableControl>
+ * <TableControl data={rows} sort={sort}>{(row) => ...}</TableControl>
  * ```
  */
 declare function useTableSort<K extends string>(keys: readonly K[], onChange?: (key: K, direction: TableSortLabelDirection) => void): TableSortMap<K>;
@@ -29,7 +29,7 @@ interface UseTablePaginationOptions {
   /** Initial rows per page; `-1` shows all rows. Default: `10`. */
   defaultRowsPerPage?: number;
 }
-/** Paging state — property names mirror `TablePagination`'s props so it spreads in one go. */
+/** Paging state - property names mirror `TablePagination`'s props so it spreads in one go. */
 interface TablePaginationState {
   page: number;
   rowsPerPage: number;
@@ -43,7 +43,7 @@ interface TablePaginationState {
  * ```tsx
  * const pagination = useTablePagination({ defaultRowsPerPage: 10 })
  * <TablePagination count={data.length} {...pagination} />
- * <TableControl data={data} pagination={pagination}>{(row) => …}</TableControl>
+ * <TableControl data={data} pagination={pagination}>{(row) => ...}</TableControl>
  * ```
  */
 declare function useTablePagination({ defaultPage, defaultRowsPerPage }?: UseTablePaginationOptions): TablePaginationState;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@soroush.tech/design-system",
-  "version": "1.3.1",
-  "description": "Emotion + @soroush.tech/styled-system React component library — token-driven light/dark themes, layout primitives, forms, and overlays.",
+  "version": "1.3.3",
+  "description": "Emotion + @soroush.tech/styled-system React component library - token-driven light/dark themes, layout primitives, forms, and overlays.",
   "keywords": [
     "design-system",
     "react",
@@ -477,7 +477,7 @@
     "@emotion/cache": "^11.14.0",
     "@emotion/react": "^11.14.0",
     "@emotion/styled": "^11.14.1",
-    "@soroush.tech/styled-system": "^5.8.1"
+    "@soroush.tech/styled-system": "^5.8.3"
   },
   "peerDependencies": {
     "react": "^19.2.8",
@@ -485,37 +485,37 @@
   },
   "devDependencies": {
     "@emotion/css": "^11.13.5",
-    "@storybook/react-vite": "^10.5.7",
-    "@testing-library/jest-dom": "^7.0.0",
+    "@storybook/addon-a11y": "^10.5.8",
+    "@storybook/addon-docs": "^10.5.8",
+    "@storybook/addon-vitest": "^10.5.8",
+    "@storybook/react-vite": "^10.5.8",
+    "@testing-library/jest-dom": "^7.0.1",
     "@testing-library/react": "^16.3.2",
     "@types/node": "^26.2.0",
     "@types/react": "^19.2.18",
     "@types/react-dom": "^19.2.4",
     "@vitest/browser-playwright": "^4.1.10",
     "@vitest/coverage-v8": "^4.1.10",
-    "eslint": "^10.8.1",
-    "eslint-plugin-react": "^7.37.5",
-    "eslint-plugin-react-hooks": "^7.1.1",
-    "eslint-plugin-react-refresh": "^0.5.3",
-    "eslint-plugin-storybook": "^10.5.7",
-    "globals": "^17.9.0",
     "jsdom": "^29.1.1",
+    "oxlint": "^1.78.0",
     "playwright": "^1.62.1",
     "react": "^19.2.8",
     "react-dom": "^19.2.8",
-    "storybook": "^10.5.7",
+    "storybook": "^10.5.8",
     "tsdown": "^0.22.14",
-    "typescript": "~6.0.3",
+    "typescript": "~7.0.2",
     "vitest": "^4.1.10",
     "zod": "^4.4.3",
     "@soroush.tech/eslint-config": "0.0.0"
   },
   "scripts": {
     "build": "tsdown",
-    "storybook": "pnpm --filter @soroush/web storybook",
-    "lint": "eslint . --max-warnings 0",
+    "storybook": "storybook dev -p 6007",
+    "build:storybook": "storybook build",
+    "lint": "oxlint --deny-warnings",
     "typecheck": "tsc --noEmit",
     "test": "vitest run",
+    "test:storybook": "vitest run --project=storybook",
     "test:coverage": "vitest run --coverage",
     "test:types": "pnpm build && node scripts/check-dts.mjs && tsc -p type-tests/tsconfig.json",
     "check:dts": "node scripts/check-dts.mjs",

package/dist/index-BjLlSr2P.d.mts

@@ -1,79 +0,0 @@
-import { n as TextColorToken } from "./index-DxBKLmUS.mjs";
-import { LayoutProps, SpaceProps } from "@soroush.tech/styled-system";
-import { SVGProps } from "react";
-//#region src/Icon/icons.d.ts
-/** Registry of available icons, keyed by their asset file name. */
-declare const icons: {
-  readonly account_tree: (props: import("react").SVGProps<SVGSVGElement>) => import("react").JSX.Element;
-  readonly ads_click: (props: import("react").SVGProps<SVGSVGElement>) => import("react").JSX.Element;
-  readonly analytics: (props: import("react").SVGProps<SVGSVGElement>) => import("react").JSX.Element;
-  readonly architecture: (props: import("react").SVGProps<SVGSVGElement>) => import("react").JSX.Element;
-  readonly arrow_back: (props: import("react").SVGProps<SVGSVGElement>) => import("react").JSX.Element;
-  readonly arrow_forward: (props: import("react").SVGProps<SVGSVGElement>) => import("react").JSX.Element;
-  readonly arrow_upward: (props: import("react").SVGProps<SVGSVGElement>) => import("react").JSX.Element;
-  readonly check: (props: import("react").SVGProps<SVGSVGElement>) => import("react").JSX.Element;
-  readonly chevron_left: (props: import("react").SVGProps<SVGSVGElement>) => import("react").JSX.Element;
-  readonly chevron_right: (props: import("react").SVGProps<SVGSVGElement>) => import("react").JSX.Element;
-  readonly checklist: (props: import("react").SVGProps<SVGSVGElement>) => import("react").JSX.Element;
-  readonly cloud_done: (props: import("react").SVGProps<SVGSVGElement>) => import("react").JSX.Element;
-  readonly close: (props: import("react").SVGProps<SVGSVGElement>) => import("react").JSX.Element;
-  readonly code: (props: import("react").SVGProps<SVGSVGElement>) => import("react").JSX.Element;
-  readonly content_copy: (props: import("react").SVGProps<SVGSVGElement>) => import("react").JSX.Element;
-  readonly cookie: (props: import("react").SVGProps<SVGSVGElement>) => import("react").JSX.Element;
-  readonly database: (props: import("react").SVGProps<SVGSVGElement>) => import("react").JSX.Element;
-  readonly desktop_windows: (props: import("react").SVGProps<SVGSVGElement>) => import("react").JSX.Element;
-  readonly dns: (props: import("react").SVGProps<SVGSVGElement>) => import("react").JSX.Element;
-  readonly edit_note: (props: import("react").SVGProps<SVGSVGElement>) => import("react").JSX.Element;
-  readonly expand_less: (props: import("react").SVGProps<SVGSVGElement>) => import("react").JSX.Element;
-  readonly expand_more: (props: import("react").SVGProps<SVGSVGElement>) => import("react").JSX.Element;
-  readonly external_link: (props: import("react").SVGProps<SVGSVGElement>) => import("react").JSX.Element;
-  readonly first_page: (props: import("react").SVGProps<SVGSVGElement>) => import("react").JSX.Element;
-  readonly folder: (props: import("react").SVGProps<SVGSVGElement>) => import("react").JSX.Element;
-  readonly format_list_bulleted: (props: import("react").SVGProps<SVGSVGElement>) => import("react").JSX.Element;
-  readonly format_list_numbered: (props: import("react").SVGProps<SVGSVGElement>) => import("react").JSX.Element;
-  readonly format_quote: (props: import("react").SVGProps<SVGSVGElement>) => import("react").JSX.Element;
-  readonly fullscreen: (props: import("react").SVGProps<SVGSVGElement>) => import("react").JSX.Element;
-  readonly grid_view: (props: import("react").SVGProps<SVGSVGElement>) => import("react").JSX.Element;
-  readonly groups: (props: import("react").SVGProps<SVGSVGElement>) => import("react").JSX.Element;
-  readonly history: (props: import("react").SVGProps<SVGSVGElement>) => import("react").JSX.Element;
-  readonly hub: (props: import("react").SVGProps<SVGSVGElement>) => import("react").JSX.Element;
-  readonly image: (props: import("react").SVGProps<SVGSVGElement>) => import("react").JSX.Element;
-  readonly language: (props: import("react").SVGProps<SVGSVGElement>) => import("react").JSX.Element;
-  readonly last_page: (props: import("react").SVGProps<SVGSVGElement>) => import("react").JSX.Element;
-  readonly link: (props: import("react").SVGProps<SVGSVGElement>) => import("react").JSX.Element;
-  readonly lock: (props: import("react").SVGProps<SVGSVGElement>) => import("react").JSX.Element;
-  readonly menu: (props: import("react").SVGProps<SVGSVGElement>) => import("react").JSX.Element;
-  readonly neurology: (props: import("react").SVGProps<SVGSVGElement>) => import("react").JSX.Element;
-  readonly psychology: (props: import("react").SVGProps<SVGSVGElement>) => import("react").JSX.Element;
-  readonly rebase_edit: (props: import("react").SVGProps<SVGSVGElement>) => import("react").JSX.Element;
-  readonly refresh: (props: import("react").SVGProps<SVGSVGElement>) => import("react").JSX.Element;
-  readonly schema: (props: import("react").SVGProps<SVGSVGElement>) => import("react").JSX.Element;
-  readonly security: (props: import("react").SVGProps<SVGSVGElement>) => import("react").JSX.Element;
-  readonly settings_input_component: (props: import("react").SVGProps<SVGSVGElement>) => import("react").JSX.Element;
-  readonly smart_toy: (props: import("react").SVGProps<SVGSVGElement>) => import("react").JSX.Element;
-  readonly smartphone: (props: import("react").SVGProps<SVGSVGElement>) => import("react").JSX.Element;
-  readonly speed: (props: import("react").SVGProps<SVGSVGElement>) => import("react").JSX.Element;
-  readonly stacks: (props: import("react").SVGProps<SVGSVGElement>) => import("react").JSX.Element;
-  readonly table: (props: import("react").SVGProps<SVGSVGElement>) => import("react").JSX.Element;
-  readonly terminal: (props: import("react").SVGProps<SVGSVGElement>) => import("react").JSX.Element;
-  readonly visibility: (props: import("react").SVGProps<SVGSVGElement>) => import("react").JSX.Element;
-  readonly warning: (props: import("react").SVGProps<SVGSVGElement>) => import("react").JSX.Element;
-  readonly web_asset: (props: import("react").SVGProps<SVGSVGElement>) => import("react").JSX.Element;
-  readonly zoom_in: (props: import("react").SVGProps<SVGSVGElement>) => import("react").JSX.Element;
-  readonly zoom_out: (props: import("react").SVGProps<SVGSVGElement>) => import("react").JSX.Element;
-};
-/** Valid values for the Icon `name` prop — derived from the registry keys. */
-type IconName = keyof typeof icons;
-//#endregion
-//#region src/Icon/Icon.d.ts
-interface IconProps extends Omit<SVGProps<SVGSVGElement>, 'color' | 'ref' | 'width' | 'height' | 'display' | 'overflow'>, LayoutProps, SpaceProps {
-  /** Registry key of the icon to render. */
-  name: IconName;
-  /** Resolves against theme.text — applied as `color`, which the SVG inherits via `currentColor`. */
-  color?: TextColorToken;
-  /** Sets both width and height (icons are square). */
-  size?: string | number;
-}
-declare function Icon({ name, color, size, ...rest }: Readonly<IconProps>): import("react").JSX.Element;
-//#endregion
-export { icons as i, IconProps as n, IconName as r, Icon as t };

package/dist/index-Borai-Wg.d.cts

@@ -1,79 +0,0 @@
-import { n as TextColorToken } from "./index-CohsoGjZ.cjs";
-import { SVGProps } from "react";
-import { LayoutProps, SpaceProps } from "@soroush.tech/styled-system";
-//#region src/Icon/icons.d.ts
-/** Registry of available icons, keyed by their asset file name. */
-declare const icons: {
-  readonly account_tree: (props: import("react").SVGProps<SVGSVGElement>) => import("react").JSX.Element;
-  readonly ads_click: (props: import("react").SVGProps<SVGSVGElement>) => import("react").JSX.Element;
-  readonly analytics: (props: import("react").SVGProps<SVGSVGElement>) => import("react").JSX.Element;
-  readonly architecture: (props: import("react").SVGProps<SVGSVGElement>) => import("react").JSX.Element;
-  readonly arrow_back: (props: import("react").SVGProps<SVGSVGElement>) => import("react").JSX.Element;
-  readonly arrow_forward: (props: import("react").SVGProps<SVGSVGElement>) => import("react").JSX.Element;
-  readonly arrow_upward: (props: import("react").SVGProps<SVGSVGElement>) => import("react").JSX.Element;
-  readonly check: (props: import("react").SVGProps<SVGSVGElement>) => import("react").JSX.Element;
-  readonly chevron_left: (props: import("react").SVGProps<SVGSVGElement>) => import("react").JSX.Element;
-  readonly chevron_right: (props: import("react").SVGProps<SVGSVGElement>) => import("react").JSX.Element;
-  readonly checklist: (props: import("react").SVGProps<SVGSVGElement>) => import("react").JSX.Element;
-  readonly cloud_done: (props: import("react").SVGProps<SVGSVGElement>) => import("react").JSX.Element;
-  readonly close: (props: import("react").SVGProps<SVGSVGElement>) => import("react").JSX.Element;
-  readonly code: (props: import("react").SVGProps<SVGSVGElement>) => import("react").JSX.Element;
-  readonly content_copy: (props: import("react").SVGProps<SVGSVGElement>) => import("react").JSX.Element;
-  readonly cookie: (props: import("react").SVGProps<SVGSVGElement>) => import("react").JSX.Element;
-  readonly database: (props: import("react").SVGProps<SVGSVGElement>) => import("react").JSX.Element;
-  readonly desktop_windows: (props: import("react").SVGProps<SVGSVGElement>) => import("react").JSX.Element;
-  readonly dns: (props: import("react").SVGProps<SVGSVGElement>) => import("react").JSX.Element;
-  readonly edit_note: (props: import("react").SVGProps<SVGSVGElement>) => import("react").JSX.Element;
-  readonly expand_less: (props: import("react").SVGProps<SVGSVGElement>) => import("react").JSX.Element;
-  readonly expand_more: (props: import("react").SVGProps<SVGSVGElement>) => import("react").JSX.Element;
-  readonly external_link: (props: import("react").SVGProps<SVGSVGElement>) => import("react").JSX.Element;
-  readonly first_page: (props: import("react").SVGProps<SVGSVGElement>) => import("react").JSX.Element;
-  readonly folder: (props: import("react").SVGProps<SVGSVGElement>) => import("react").JSX.Element;
-  readonly format_list_bulleted: (props: import("react").SVGProps<SVGSVGElement>) => import("react").JSX.Element;
-  readonly format_list_numbered: (props: import("react").SVGProps<SVGSVGElement>) => import("react").JSX.Element;
-  readonly format_quote: (props: import("react").SVGProps<SVGSVGElement>) => import("react").JSX.Element;
-  readonly fullscreen: (props: import("react").SVGProps<SVGSVGElement>) => import("react").JSX.Element;
-  readonly grid_view: (props: import("react").SVGProps<SVGSVGElement>) => import("react").JSX.Element;
-  readonly groups: (props: import("react").SVGProps<SVGSVGElement>) => import("react").JSX.Element;
-  readonly history: (props: import("react").SVGProps<SVGSVGElement>) => import("react").JSX.Element;
-  readonly hub: (props: import("react").SVGProps<SVGSVGElement>) => import("react").JSX.Element;
-  readonly image: (props: import("react").SVGProps<SVGSVGElement>) => import("react").JSX.Element;
-  readonly language: (props: import("react").SVGProps<SVGSVGElement>) => import("react").JSX.Element;
-  readonly last_page: (props: import("react").SVGProps<SVGSVGElement>) => import("react").JSX.Element;
-  readonly link: (props: import("react").SVGProps<SVGSVGElement>) => import("react").JSX.Element;
-  readonly lock: (props: import("react").SVGProps<SVGSVGElement>) => import("react").JSX.Element;
-  readonly menu: (props: import("react").SVGProps<SVGSVGElement>) => import("react").JSX.Element;
-  readonly neurology: (props: import("react").SVGProps<SVGSVGElement>) => import("react").JSX.Element;
-  readonly psychology: (props: import("react").SVGProps<SVGSVGElement>) => import("react").JSX.Element;
-  readonly rebase_edit: (props: import("react").SVGProps<SVGSVGElement>) => import("react").JSX.Element;
-  readonly refresh: (props: import("react").SVGProps<SVGSVGElement>) => import("react").JSX.Element;
-  readonly schema: (props: import("react").SVGProps<SVGSVGElement>) => import("react").JSX.Element;
-  readonly security: (props: import("react").SVGProps<SVGSVGElement>) => import("react").JSX.Element;
-  readonly settings_input_component: (props: import("react").SVGProps<SVGSVGElement>) => import("react").JSX.Element;
-  readonly smart_toy: (props: import("react").SVGProps<SVGSVGElement>) => import("react").JSX.Element;
-  readonly smartphone: (props: import("react").SVGProps<SVGSVGElement>) => import("react").JSX.Element;
-  readonly speed: (props: import("react").SVGProps<SVGSVGElement>) => import("react").JSX.Element;
-  readonly stacks: (props: import("react").SVGProps<SVGSVGElement>) => import("react").JSX.Element;
-  readonly table: (props: import("react").SVGProps<SVGSVGElement>) => import("react").JSX.Element;
-  readonly terminal: (props: import("react").SVGProps<SVGSVGElement>) => import("react").JSX.Element;
-  readonly visibility: (props: import("react").SVGProps<SVGSVGElement>) => import("react").JSX.Element;
-  readonly warning: (props: import("react").SVGProps<SVGSVGElement>) => import("react").JSX.Element;
-  readonly web_asset: (props: import("react").SVGProps<SVGSVGElement>) => import("react").JSX.Element;
-  readonly zoom_in: (props: import("react").SVGProps<SVGSVGElement>) => import("react").JSX.Element;
-  readonly zoom_out: (props: import("react").SVGProps<SVGSVGElement>) => import("react").JSX.Element;
-};
-/** Valid values for the Icon `name` prop — derived from the registry keys. */
-type IconName = keyof typeof icons;
-//#endregion
-//#region src/Icon/Icon.d.ts
-interface IconProps extends Omit<SVGProps<SVGSVGElement>, 'color' | 'ref' | 'width' | 'height' | 'display' | 'overflow'>, LayoutProps, SpaceProps {
-  /** Registry key of the icon to render. */
-  name: IconName;
-  /** Resolves against theme.text — applied as `color`, which the SVG inherits via `currentColor`. */
-  color?: TextColorToken;
-  /** Sets both width and height (icons are square). */
-  size?: string | number;
-}
-declare function Icon({ name, color, size, ...rest }: Readonly<IconProps>): import("react").JSX.Element;
-//#endregion
-export { icons as i, IconProps as n, IconName as r, Icon as t };