@soroush.tech/design-system 1.3.3 → 2.0.0-alpha.0

package/dist/theme.d.mts

@@ -1,3 +1,3 @@
-import { $ as DeepPartial, A as ThemeSizes, B as baseTheme, C as ThemeFonts, D as ThemePalette, E as ThemeLineHeights, F as ThemeTypographyVariants, G as icon, H as fontSizes, I as ThemeZOrder, J as radii, K as letterSpacings, L as TypographyVariant, M as ThemeSpace, N as ThemeSwitch, O as ThemeRadii, P as ThemeText, Q as zOrder, R as TypographyVariantStyle, S as ThemeFontWeights, T as ThemeLetterSpacings, U as fontWeights, V as borderWidths, W as fonts, X as space, Y as sizes, Z as typography, _ as ThemeBackground, a as CardSlotIconProps, b as ThemeComponents, c as ComponentStyle, d as PaletteColor, et as ThemeOverride, f as PaletteEntry, g as ThemeAvatarSizes, h as Theme, i as CardOwnerState, j as ThemeSkeleton, k as ThemeShadow, l as ComponentVariant, m as SizeEntry, n as ButtonVariants, o as CardSlotTypographyProps, p as PressableOwnerState, q as lineHeights, r as CSSObject, s as ComponentConfig, t as ButtonOwnerState, tt as createTheme, u as OpenScale, v as ThemeBorder, w as ThemeIconSizes, x as ThemeDefaults, y as ThemeBorderWidths, z as avatar } from "./themes-kbuYiwCi.mjs";
-import { a as ThemeProvider, i as themeDefault, n as useDefaultProps, r as useTheme, t as withTheme } from "./index-NBVilQuP.mjs";
-export { ButtonOwnerState, ButtonVariants, CSSObject, CardOwnerState, CardSlotIconProps, CardSlotTypographyProps, ComponentConfig, ComponentStyle, ComponentVariant, type DeepPartial, OpenScale, PaletteColor, PaletteEntry, PressableOwnerState, SizeEntry, Theme, ThemeAvatarSizes, ThemeBackground, ThemeBorder, ThemeBorderWidths, ThemeComponents, ThemeDefaults, ThemeFontWeights, ThemeFonts, ThemeIconSizes, ThemeLetterSpacings, ThemeLineHeights, type ThemeOverride, ThemePalette, ThemeProvider, ThemeRadii, ThemeShadow, ThemeSizes, ThemeSkeleton, ThemeSpace, ThemeSwitch, ThemeText, ThemeTypographyVariants, ThemeZOrder, TypographyVariant, TypographyVariantStyle, avatar, baseTheme, borderWidths, createTheme, fontSizes, fontWeights, fonts, icon, letterSpacings, lineHeights, radii, sizes, space, themeDefault, typography, useDefaultProps, useTheme, withTheme, zOrder };
+import { $ as fontWeights, A as ThemeFontWeights, B as ThemeSkeleton, C as ThemeAvatarSizes, D as ThemeBreakpoints, E as ThemeBorderWidths, F as ThemeLineHeights, G as ThemeZOrder, H as ThemeSwitch, I as ThemePalette, J as avatar, K as TypographyVariant, L as ThemeRadii, M as ThemeIconSizes, N as ThemeLayout, O as ThemeComponents, P as ThemeLetterSpacings, Q as fontSizes, R as ThemeShadow, S as Theme, T as ThemeBorder, U as ThemeText, V as ThemeSpace, W as ThemeTypographyVariants, X as borderWidths, Y as baseTheme, Z as breakpoints, _ as OpenScale, a as CardSlotIconProps, at as radii, b as PressableOwnerState, c as ComponentStyle, ct as typography, d as LayoutContent, dt as ThemeOverride, et as fonts, f as LayoutEntry, ft as createTheme, g as LayoutSpace, h as LayoutPanels, i as CardOwnerState, it as lineHeights, j as ThemeFonts, k as ThemeDefaults, l as ComponentVariant, lt as zOrder, m as LayoutPanel, n as ButtonVariants, nt as layout, o as CardSlotTypographyProps, ot as sizes, p as LayoutLength, q as TypographyVariantStyle, r as CSSObject, rt as letterSpacings, s as ComponentConfig, st as space, t as ButtonOwnerState, tt as icon, u as LayoutBars, ut as DeepPartial, v as PaletteColor, w as ThemeBackground, x as SizeEntry, y as PaletteEntry, z as ThemeSizes } from "./themes-9YNnlVyY.mjs";
+import { a as ThemeProvider, i as themeDefault, n as useDefaultProps, r as useTheme, t as withTheme } from "./index-CoHrw2p7.mjs";
+export { ButtonOwnerState, ButtonVariants, CSSObject, CardOwnerState, CardSlotIconProps, CardSlotTypographyProps, ComponentConfig, ComponentStyle, ComponentVariant, type DeepPartial, LayoutBars, LayoutContent, LayoutEntry, LayoutLength, LayoutPanel, LayoutPanels, LayoutSpace, OpenScale, PaletteColor, PaletteEntry, PressableOwnerState, SizeEntry, Theme, ThemeAvatarSizes, ThemeBackground, ThemeBorder, ThemeBorderWidths, ThemeBreakpoints, ThemeComponents, ThemeDefaults, ThemeFontWeights, ThemeFonts, ThemeIconSizes, ThemeLayout, ThemeLetterSpacings, ThemeLineHeights, type ThemeOverride, ThemePalette, ThemeProvider, ThemeRadii, ThemeShadow, ThemeSizes, ThemeSkeleton, ThemeSpace, ThemeSwitch, ThemeText, ThemeTypographyVariants, ThemeZOrder, TypographyVariant, TypographyVariantStyle, avatar, baseTheme, borderWidths, breakpoints, createTheme, fontSizes, fontWeights, fonts, icon, layout, letterSpacings, lineHeights, radii, sizes, space, themeDefault, typography, useDefaultProps, useTheme, withTheme, zOrder };

package/dist/theme.mjs

@@ -1,3 +1,3 @@
 import { t as themeDefault } from "./themeDefault-Z3KmyIbm.mjs";
-import { _ as typography, a as avatar, c as fontSizes, d as icon, f as letterSpacings, g as space, h as sizes, i as ThemeProvider, l as fontWeights, m as radii, n as useDefaultProps, o as baseTheme, p as lineHeights, r as useTheme, s as borderWidths, t as withTheme, u as fonts, v as zOrder, y as createTheme } from "./theme-BuqqFbsz.mjs";
-export { ThemeProvider, avatar, baseTheme, borderWidths, createTheme, fontSizes, fontWeights, fonts, icon, letterSpacings, lineHeights, radii, sizes, space, themeDefault, typography, useDefaultProps, useTheme, withTheme, zOrder };
+import { _ as sizes, a as avatar, b as zOrder, c as breakpoints, d as fonts, f as icon, g as radii, h as lineHeights, i as ThemeProvider, l as fontSizes, m as letterSpacings, n as useDefaultProps, o as baseTheme, p as layout, r as useTheme, s as borderWidths, t as withTheme, u as fontWeights, v as space, x as createTheme, y as typography } from "./theme-BQGlZoma.mjs";
+export { ThemeProvider, avatar, baseTheme, borderWidths, breakpoints, createTheme, fontSizes, fontWeights, fonts, icon, layout, letterSpacings, lineHeights, radii, sizes, space, themeDefault, typography, useDefaultProps, useTheme, withTheme, zOrder };

package/dist/{themes-kbuYiwCi.d.cts → themes-9YNnlVyY.d.cts}

@@ -187,6 +187,69 @@ interface ThemeSizes {
  * forces the matching icon size to be supplied.
  */
 type ThemeIconSizes = { [K in keyof ThemeSizes]: string; };
+/**
+ * `theme.breakpoints`, ascending, in declared order - responsive props map onto
+ * them in this order. A value is a CSS length (a min-width), a media condition such
+ * as `(600px <= width < 1200px)`, or a full `@media ...` rule, kept as written.
+ * `createTheme` appends a consumer's new breakpoint after these, so it must be larger.
+ */
+interface ThemeBreakpoints {
+  tablet: string;
+  web: string;
+  wide: string;
+}
+/** A `theme.space` key - layout margins and gutters step on the spacing scale. */
+type LayoutSpace = Exclude<keyof ThemeSpace, 'auto'>;
+/** A `theme.space` key or a CSS length (a 280px panel is a size, not a spacing step). */
+type LayoutLength = LayoutSpace | string;
+/** Bar heights at the top and bottom of the page; `0` removes an inherited bar. */
+interface LayoutBars {
+  top?: LayoutLength;
+  bottom?: LayoutLength;
+}
+/** A side panel: a track (`inline`), over the content (`overlay`), its rail (`collapsed`) or absent (`hidden`). */
+interface LayoutPanel {
+  mode: 'inline' | 'overlay' | 'collapsed' | 'hidden';
+  /** Open width. */
+  width: LayoutLength;
+  /** Collapsed width. */
+  railWidth: LayoutLength;
+}
+/** Side panels by logical side - `start` and `end` flip in RTL. */
+interface LayoutPanels {
+  start?: LayoutPanel;
+  end?: LayoutPanel;
+}
+/** The content columns, measured in the space the bars and inline panels leave. */
+interface LayoutContent {
+  columns: number;
+  /** Inline padding of the content. */
+  margin: LayoutSpace;
+  /** Gap between columns. */
+  gutter: LayoutSpace;
+  /** `fluid` spans the space; `fixed` is a container centred at `maxWidth`. */
+  mode: 'fluid' | 'fixed';
+  maxWidth?: LayoutLength;
+}
+/** The page layout at one breakpoint. */
+interface LayoutEntry {
+  bars: LayoutBars;
+  panels: LayoutPanels;
+  content: LayoutContent;
+}
+/**
+ * `theme.layout`: the complete `base` entry (below the first breakpoint), then a
+ * partial entry per breakpoint, merged mobile-first in `ThemeBreakpoints` order. A
+ * panel first declared at a breakpoint needs its `mode`, `width` and `railWidth`
+ * there; an incomplete one is left out.
+ */
+type ThemeLayout = {
+  base: LayoutEntry;
+} & { [K in keyof ThemeBreakpoints]?: {
+  bars?: LayoutBars;
+  panels?: { [P in keyof LayoutPanels]?: Partial<LayoutPanel>; };
+  content?: Partial<LayoutContent>;
+}; };
 /** Style of one typography variant. */
 interface TypographyVariantStyle {
   element: ElementType;
@@ -363,12 +426,14 @@ interface ThemeComponents {
   Icon?: ComponentConfig;
   Image?: ComponentConfig;
   LinearProgress?: ComponentConfig<Record<string, unknown>, 'root' | 'track' | 'dash' | 'bar' | 'traveler' | 'segment' | 'secondaryBar'>;
+  LayoutGrid?: ComponentConfig;
   Link?: ComponentConfig;
   MenuItem?: ComponentConfig<Record<string, unknown>, 'root' | 'check'>;
   Modal?: ComponentConfig;
   NativeSelect?: ComponentConfig<Record<string, unknown>, 'root' | 'select' | 'icon'>;
   Pagination?: ComponentConfig<Record<string, unknown>, 'root' | 'list'>;
   PaginationItem?: ComponentConfig<Record<string, unknown>, 'root' | 'ellipsis'>;
+  PageLayout?: ComponentConfig<Record<string, unknown>, 'root' | 'bar' | 'panel' | 'content'>;
   Paper?: ComponentConfig;
   Popover?: ComponentConfig<Record<string, unknown>, 'root' | 'positioner'>;
   Pressable?: ComponentConfig<PressableOwnerState>;
@@ -402,6 +467,8 @@ interface Theme {
   /** Optional per-component customization - see `ThemeComponents`. */
   components?: OpenScale<ThemeComponents>;
   space: OpenScale<ThemeSpace>;
+  breakpoints: OpenScale<ThemeBreakpoints>;
+  layout: ThemeLayout;
   border: OpenScale<ThemeBorder>;
   text: OpenScale<ThemeText>;
   background: OpenScale<ThemeBackground>;
@@ -493,6 +560,8 @@ declare const avatar: {
 declare const icon: ThemeIconSizes;
 declare const sizes: ThemeSizes;
 declare const space: ThemeSpace;
+declare const breakpoints: ThemeBreakpoints;
+declare const layout: ThemeLayout;
 declare const typography: ThemeTypographyVariants;
 /**
  * The package's complete default theme (dark-schemed). Raw hex only - palettes
@@ -500,4 +569,4 @@ declare const typography: ThemeTypographyVariants;
  */
 declare const baseTheme: Theme;
 //#endregion
-export { DeepPartial as $, ThemeSizes as A, baseTheme as B, ThemeFonts as C, ThemePalette as D, ThemeLineHeights as E, ThemeTypographyVariants as F, icon as G, fontSizes as H, ThemeZOrder as I, radii as J, letterSpacings as K, TypographyVariant as L, ThemeSpace as M, ThemeSwitch as N, ThemeRadii as O, ThemeText as P, zOrder as Q, TypographyVariantStyle as R, ThemeFontWeights as S, ThemeLetterSpacings as T, fontWeights as U, borderWidths as V, fonts as W, space as X, sizes as Y, typography as Z, ThemeBackground as _, CardSlotIconProps as a, ThemeComponents as b, ComponentStyle as c, PaletteColor as d, ThemeOverride as et, PaletteEntry as f, ThemeAvatarSizes as g, Theme as h, CardOwnerState as i, ThemeSkeleton as j, ThemeShadow as k, ComponentVariant as l, SizeEntry as m, ButtonVariants as n, CardSlotTypographyProps as o, PressableOwnerState as p, lineHeights as q, CSSObject$1 as r, ComponentConfig as s, ButtonOwnerState as t, createTheme as tt, OpenScale as u, ThemeBorder as v, ThemeIconSizes as w, ThemeDefaults as x, ThemeBorderWidths as y, avatar as z };
+export { fontWeights as $, ThemeFontWeights as A, ThemeSkeleton as B, ThemeAvatarSizes as C, ThemeBreakpoints as D, ThemeBorderWidths as E, ThemeLineHeights as F, ThemeZOrder as G, ThemeSwitch as H, ThemePalette as I, avatar as J, TypographyVariant as K, ThemeRadii as L, ThemeIconSizes as M, ThemeLayout as N, ThemeComponents as O, ThemeLetterSpacings as P, fontSizes as Q, ThemeShadow as R, Theme as S, ThemeBorder as T, ThemeText as U, ThemeSpace as V, ThemeTypographyVariants as W, borderWidths as X, baseTheme as Y, breakpoints as Z, OpenScale as _, CardSlotIconProps as a, radii as at, PressableOwnerState as b, ComponentStyle as c, typography as ct, LayoutContent as d, ThemeOverride as dt, fonts as et, LayoutEntry as f, createTheme as ft, LayoutSpace as g, LayoutPanels as h, CardOwnerState as i, lineHeights as it, ThemeFonts as j, ThemeDefaults as k, ComponentVariant as l, zOrder as lt, LayoutPanel as m, ButtonVariants as n, layout as nt, CardSlotTypographyProps as o, sizes as ot, LayoutLength as p, TypographyVariantStyle as q, CSSObject$1 as r, letterSpacings as rt, ComponentConfig as s, space as st, ButtonOwnerState as t, icon as tt, LayoutBars as u, DeepPartial as ut, PaletteColor as v, ThemeBackground as w, SizeEntry as x, PaletteEntry as y, ThemeSizes as z };

package/dist/{themes-kbuYiwCi.d.mts → themes-9YNnlVyY.d.mts}

@@ -187,6 +187,69 @@ interface ThemeSizes {
  * forces the matching icon size to be supplied.
  */
 type ThemeIconSizes = { [K in keyof ThemeSizes]: string; };
+/**
+ * `theme.breakpoints`, ascending, in declared order - responsive props map onto
+ * them in this order. A value is a CSS length (a min-width), a media condition such
+ * as `(600px <= width < 1200px)`, or a full `@media ...` rule, kept as written.
+ * `createTheme` appends a consumer's new breakpoint after these, so it must be larger.
+ */
+interface ThemeBreakpoints {
+  tablet: string;
+  web: string;
+  wide: string;
+}
+/** A `theme.space` key - layout margins and gutters step on the spacing scale. */
+type LayoutSpace = Exclude<keyof ThemeSpace, 'auto'>;
+/** A `theme.space` key or a CSS length (a 280px panel is a size, not a spacing step). */
+type LayoutLength = LayoutSpace | string;
+/** Bar heights at the top and bottom of the page; `0` removes an inherited bar. */
+interface LayoutBars {
+  top?: LayoutLength;
+  bottom?: LayoutLength;
+}
+/** A side panel: a track (`inline`), over the content (`overlay`), its rail (`collapsed`) or absent (`hidden`). */
+interface LayoutPanel {
+  mode: 'inline' | 'overlay' | 'collapsed' | 'hidden';
+  /** Open width. */
+  width: LayoutLength;
+  /** Collapsed width. */
+  railWidth: LayoutLength;
+}
+/** Side panels by logical side - `start` and `end` flip in RTL. */
+interface LayoutPanels {
+  start?: LayoutPanel;
+  end?: LayoutPanel;
+}
+/** The content columns, measured in the space the bars and inline panels leave. */
+interface LayoutContent {
+  columns: number;
+  /** Inline padding of the content. */
+  margin: LayoutSpace;
+  /** Gap between columns. */
+  gutter: LayoutSpace;
+  /** `fluid` spans the space; `fixed` is a container centred at `maxWidth`. */
+  mode: 'fluid' | 'fixed';
+  maxWidth?: LayoutLength;
+}
+/** The page layout at one breakpoint. */
+interface LayoutEntry {
+  bars: LayoutBars;
+  panels: LayoutPanels;
+  content: LayoutContent;
+}
+/**
+ * `theme.layout`: the complete `base` entry (below the first breakpoint), then a
+ * partial entry per breakpoint, merged mobile-first in `ThemeBreakpoints` order. A
+ * panel first declared at a breakpoint needs its `mode`, `width` and `railWidth`
+ * there; an incomplete one is left out.
+ */
+type ThemeLayout = {
+  base: LayoutEntry;
+} & { [K in keyof ThemeBreakpoints]?: {
+  bars?: LayoutBars;
+  panels?: { [P in keyof LayoutPanels]?: Partial<LayoutPanel>; };
+  content?: Partial<LayoutContent>;
+}; };
 /** Style of one typography variant. */
 interface TypographyVariantStyle {
   element: ElementType;
@@ -363,12 +426,14 @@ interface ThemeComponents {
   Icon?: ComponentConfig;
   Image?: ComponentConfig;
   LinearProgress?: ComponentConfig<Record<string, unknown>, 'root' | 'track' | 'dash' | 'bar' | 'traveler' | 'segment' | 'secondaryBar'>;
+  LayoutGrid?: ComponentConfig;
   Link?: ComponentConfig;
   MenuItem?: ComponentConfig<Record<string, unknown>, 'root' | 'check'>;
   Modal?: ComponentConfig;
   NativeSelect?: ComponentConfig<Record<string, unknown>, 'root' | 'select' | 'icon'>;
   Pagination?: ComponentConfig<Record<string, unknown>, 'root' | 'list'>;
   PaginationItem?: ComponentConfig<Record<string, unknown>, 'root' | 'ellipsis'>;
+  PageLayout?: ComponentConfig<Record<string, unknown>, 'root' | 'bar' | 'panel' | 'content'>;
   Paper?: ComponentConfig;
   Popover?: ComponentConfig<Record<string, unknown>, 'root' | 'positioner'>;
   Pressable?: ComponentConfig<PressableOwnerState>;
@@ -402,6 +467,8 @@ interface Theme {
   /** Optional per-component customization - see `ThemeComponents`. */
   components?: OpenScale<ThemeComponents>;
   space: OpenScale<ThemeSpace>;
+  breakpoints: OpenScale<ThemeBreakpoints>;
+  layout: ThemeLayout;
   border: OpenScale<ThemeBorder>;
   text: OpenScale<ThemeText>;
   background: OpenScale<ThemeBackground>;
@@ -493,6 +560,8 @@ declare const avatar: {
 declare const icon: ThemeIconSizes;
 declare const sizes: ThemeSizes;
 declare const space: ThemeSpace;
+declare const breakpoints: ThemeBreakpoints;
+declare const layout: ThemeLayout;
 declare const typography: ThemeTypographyVariants;
 /**
  * The package's complete default theme (dark-schemed). Raw hex only - palettes
@@ -500,4 +569,4 @@ declare const typography: ThemeTypographyVariants;
  */
 declare const baseTheme: Theme;
 //#endregion
-export { DeepPartial as $, ThemeSizes as A, baseTheme as B, ThemeFonts as C, ThemePalette as D, ThemeLineHeights as E, ThemeTypographyVariants as F, icon as G, fontSizes as H, ThemeZOrder as I, radii as J, letterSpacings as K, TypographyVariant as L, ThemeSpace as M, ThemeSwitch as N, ThemeRadii as O, ThemeText as P, zOrder as Q, TypographyVariantStyle as R, ThemeFontWeights as S, ThemeLetterSpacings as T, fontWeights as U, borderWidths as V, fonts as W, space as X, sizes as Y, typography as Z, ThemeBackground as _, CardSlotIconProps as a, ThemeComponents as b, ComponentStyle as c, PaletteColor as d, ThemeOverride as et, PaletteEntry as f, ThemeAvatarSizes as g, Theme as h, CardOwnerState as i, ThemeSkeleton as j, ThemeShadow as k, ComponentVariant as l, SizeEntry as m, ButtonVariants as n, CardSlotTypographyProps as o, PressableOwnerState as p, lineHeights as q, CSSObject$1 as r, ComponentConfig as s, ButtonOwnerState as t, createTheme as tt, OpenScale as u, ThemeBorder as v, ThemeIconSizes as w, ThemeDefaults as x, ThemeBorderWidths as y, avatar as z };
+export { fontWeights as $, ThemeFontWeights as A, ThemeSkeleton as B, ThemeAvatarSizes as C, ThemeBreakpoints as D, ThemeBorderWidths as E, ThemeLineHeights as F, ThemeZOrder as G, ThemeSwitch as H, ThemePalette as I, avatar as J, TypographyVariant as K, ThemeRadii as L, ThemeIconSizes as M, ThemeLayout as N, ThemeComponents as O, ThemeLetterSpacings as P, fontSizes as Q, ThemeShadow as R, Theme as S, ThemeBorder as T, ThemeText as U, ThemeSpace as V, ThemeTypographyVariants as W, borderWidths as X, baseTheme as Y, breakpoints as Z, OpenScale as _, CardSlotIconProps as a, radii as at, PressableOwnerState as b, ComponentStyle as c, typography as ct, LayoutContent as d, ThemeOverride as dt, fonts as et, LayoutEntry as f, createTheme as ft, LayoutSpace as g, LayoutPanels as h, CardOwnerState as i, lineHeights as it, ThemeFonts as j, ThemeDefaults as k, ComponentVariant as l, zOrder as lt, LayoutPanel as m, ButtonVariants as n, layout as nt, CardSlotTypographyProps as o, sizes as ot, LayoutLength as p, TypographyVariantStyle as q, CSSObject$1 as r, letterSpacings as rt, ComponentConfig as s, space as st, ButtonOwnerState as t, icon as tt, LayoutBars as u, DeepPartial as ut, PaletteColor as v, ThemeBackground as w, SizeEntry as x, PaletteEntry as y, ThemeSizes as z };

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

@@ -1,4 +1,4 @@
-import { n as TableSortLabelDirection } from "./index-vuPAf55D.cjs";
+import { n as TableSortLabelDirection } from "./index-DNNg9RoR.cjs";
 //#region src/Table/hooks/useTableSort.d.ts
 /** One column's sort state - spreads directly onto `TableSortLabel`. */
 interface TableSortEntry {

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

@@ -1,4 +1,4 @@
-import { n as TableSortLabelDirection } from "./index-ggLhNdZV.mjs";
+import { n as TableSortLabelDirection } from "./index-IEvuh6Cd.mjs";
 //#region src/Table/hooks/useTableSort.d.ts
 /** One column's sort state - spreads directly onto `TableSortLabel`. */
 interface TableSortEntry {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@soroush.tech/design-system",
-  "version": "1.3.3",
+  "version": "2.0.0-alpha.0",
   "description": "Emotion + @soroush.tech/styled-system React component library - token-driven light/dark themes, layout primitives, forms, and overlays.",
   "keywords": [
     "design-system",
@@ -16,11 +16,11 @@
   "homepage": "https://soroush.tech/design-system",
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/soroush-tech/core.git",
+    "url": "git+https://github.com/soroush-tech/design-system.git",
     "directory": "packages/design-system"
   },
   "bugs": {
-    "url": "https://github.com/soroush-tech/core/issues"
+    "url": "https://github.com/soroush-tech/design-system/issues"
   },
   "type": "module",
   "sideEffects": false,
@@ -278,6 +278,16 @@
         "default": "./dist/Pagination.cjs"
       }
     },
+    "./PageLayout": {
+      "import": {
+        "types": "./dist/PageLayout.d.mts",
+        "default": "./dist/PageLayout.mjs"
+      },
+      "require": {
+        "types": "./dist/PageLayout.d.cts",
+        "default": "./dist/PageLayout.cjs"
+      }
+    },
     "./Paper": {
       "import": {
         "types": "./dist/Paper.d.mts",
@@ -477,7 +487,7 @@
     "@emotion/cache": "^11.14.0",
     "@emotion/react": "^11.14.0",
     "@emotion/styled": "^11.14.1",
-    "@soroush.tech/styled-system": "^5.8.3"
+    "@soroush.tech/styled-system": "^5.9.0-alpha.0"
   },
   "peerDependencies": {
     "react": "^19.2.8",