@soroush.tech/design-system 2.0.0-rc.1 → 2.0.0-rc.3

package/dist/theme-BxXuXRgQ.cjs

@@ -0,0 +1,137 @@
+const require_themes = require("./themes-gd6tcmqS.cjs");
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+let _emotion_react = require("@emotion/react");
+//#region src/theme/utils/createTheme.ts
+const isPlainObject = (value) => typeof value === "object" && value !== null && !Array.isArray(value);
+const deepMerge = (base, overrides) => {
+	const merged = { ...base };
+	for (const [key, value] of Object.entries(overrides)) {
+		if (value === void 0) continue;
+		const baseValue = merged[key];
+		merged[key] = isPlainObject(baseValue) && isPlainObject(value) ? deepMerge(baseValue, value) : value;
+	}
+	return merged;
+};
+/**
+* Builds a theme by deep-merging sparse `overrides` onto `base`.
+*
+* - Recurses only where both sides are plain objects; arrays (`shadows`,
+*   `fontSizes`) and functions replace wholesale.
+* - `undefined` override values are ignored - a key can be added or replaced,
+*   never removed.
+* - Neither argument is mutated; untouched branches keep referential identity.
+* - `breakpoints` gets its query helpers back, built from the merged sizes.
+*/
+const createTheme = (base, overrides) => {
+	const theme = deepMerge(base, overrides);
+	return withHelpers(theme);
+};
+/** A theme whose `breakpoints` carry the query helpers - added when a hand-built theme lacks them. */
+const withHelpers = (theme) => theme.breakpoints && !("up" in theme.breakpoints) ? {
+	...theme,
+	breakpoints: require_themes.withBreakpointHelpers(theme.breakpoints)
+} : theme;
+//#endregion
+//#region src/theme/ThemeProvider.tsx
+function ThemeProvider({ children, theme = require_themes.baseTheme, defaults }) {
+	const value = (0, react.useMemo)(() => defaults ? createTheme(theme, { defaults }) : withHelpers(theme), [theme, defaults]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_emotion_react.ThemeProvider, {
+		theme: value,
+		children
+	});
+}
+//#endregion
+//#region src/theme/LayoutProvider.tsx
+const pageLayout = (theme, layout) => {
+	const page = layout;
+	let carried = {};
+	const merged = {};
+	for (const key of Object.keys(theme.breakpoints)) {
+		carried = deepMerge(carried, page[key] ?? {});
+		if (Object.keys(carried).length > 0) merged[key] = carried;
+	}
+	return merged;
+};
+/**
+* @description A page-level layout: everything inside sees `theme.layout` with the page's
+* values merged on top - `View`, `Flex` and `Grid` with `layout`, and `useTheme().layout`. It
+* derives the theme from the one around it and changes nothing else, so colours, light/dark
+* switching and every other token stay the app theme's. Nested providers stack.
+*/
+function LayoutProvider({ layout, children }) {
+	const derive = (0, react.useCallback)((outer) => {
+		const theme = "breakpoints" in outer ? outer : require_themes.baseTheme;
+		return createTheme(theme, { layout: pageLayout(theme, layout) });
+	}, [layout]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_emotion_react.ThemeProvider, {
+		theme: derive,
+		children
+	});
+}
+//#endregion
+//#region src/theme/hooks/useTheme.ts
+/**
+* The active theme, typed as this package's own `Theme` - Emotion is an
+* internal implementation detail, never part of the public type surface.
+*/
+const useTheme = () => (0, _emotion_react.useTheme)();
+//#endregion
+//#region src/theme/hooks/useDefaultProps.ts
+/**
+* The theme-contributed default prop values for a component
+* (`theme.components[name].defaultProps`), or an empty object.
+*
+* Components apply it as one step of the default-resolution chain:
+* explicit prop → group context → `useDefaultProps` → `theme.defaults.*` → literal fallback.
+*/
+function useDefaultProps(name) {
+	return useTheme().components?.[name]?.defaultProps ?? {};
+}
+//#endregion
+//#region src/theme/hoc/withTheme.tsx
+function withTheme(WrappedComponent) {
+	return function WithTheme(props) {
+		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_emotion_react.ThemeContext.Consumer, { children: (theme) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(WrappedComponent, {
+			...props,
+			theme
+		}) });
+	};
+}
+//#endregion
+Object.defineProperty(exports, "LayoutProvider", {
+	enumerable: true,
+	get: function() {
+		return LayoutProvider;
+	}
+});
+Object.defineProperty(exports, "ThemeProvider", {
+	enumerable: true,
+	get: function() {
+		return ThemeProvider;
+	}
+});
+Object.defineProperty(exports, "createTheme", {
+	enumerable: true,
+	get: function() {
+		return createTheme;
+	}
+});
+Object.defineProperty(exports, "useDefaultProps", {
+	enumerable: true,
+	get: function() {
+		return useDefaultProps;
+	}
+});
+Object.defineProperty(exports, "useTheme", {
+	enumerable: true,
+	get: function() {
+		return useTheme;
+	}
+});
+Object.defineProperty(exports, "withTheme", {
+	enumerable: true,
+	get: function() {
+		return withTheme;
+	}
+});

package/dist/theme-Z9_QludW.mjs

@@ -0,0 +1,102 @@
+import { C as withBreakpointHelpers, n as baseTheme } from "./themes-L-dE7_ck.mjs";
+import { a as useEmotionTheme, n as EmotionThemeContext, r as EmotionThemeProvider } from "./emotion-BAyqVw0c.mjs";
+import { useCallback, useMemo } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/theme/utils/createTheme.ts
+const isPlainObject = (value) => typeof value === "object" && value !== null && !Array.isArray(value);
+const deepMerge = (base, overrides) => {
+	const merged = { ...base };
+	for (const [key, value] of Object.entries(overrides)) {
+		if (value === void 0) continue;
+		const baseValue = merged[key];
+		merged[key] = isPlainObject(baseValue) && isPlainObject(value) ? deepMerge(baseValue, value) : value;
+	}
+	return merged;
+};
+/**
+* Builds a theme by deep-merging sparse `overrides` onto `base`.
+*
+* - Recurses only where both sides are plain objects; arrays (`shadows`,
+*   `fontSizes`) and functions replace wholesale.
+* - `undefined` override values are ignored - a key can be added or replaced,
+*   never removed.
+* - Neither argument is mutated; untouched branches keep referential identity.
+* - `breakpoints` gets its query helpers back, built from the merged sizes.
+*/
+const createTheme = (base, overrides) => {
+	const theme = deepMerge(base, overrides);
+	return withHelpers(theme);
+};
+/** A theme whose `breakpoints` carry the query helpers - added when a hand-built theme lacks them. */
+const withHelpers = (theme) => theme.breakpoints && !("up" in theme.breakpoints) ? {
+	...theme,
+	breakpoints: withBreakpointHelpers(theme.breakpoints)
+} : theme;
+//#endregion
+//#region src/theme/ThemeProvider.tsx
+function ThemeProvider({ children, theme = baseTheme, defaults }) {
+	const value = useMemo(() => defaults ? createTheme(theme, { defaults }) : withHelpers(theme), [theme, defaults]);
+	return /* @__PURE__ */ jsx(EmotionThemeProvider, {
+		theme: value,
+		children
+	});
+}
+//#endregion
+//#region src/theme/LayoutProvider.tsx
+const pageLayout = (theme, layout) => {
+	const page = layout;
+	let carried = {};
+	const merged = {};
+	for (const key of Object.keys(theme.breakpoints)) {
+		carried = deepMerge(carried, page[key] ?? {});
+		if (Object.keys(carried).length > 0) merged[key] = carried;
+	}
+	return merged;
+};
+/**
+* @description A page-level layout: everything inside sees `theme.layout` with the page's
+* values merged on top - `View`, `Flex` and `Grid` with `layout`, and `useTheme().layout`. It
+* derives the theme from the one around it and changes nothing else, so colours, light/dark
+* switching and every other token stay the app theme's. Nested providers stack.
+*/
+function LayoutProvider({ layout, children }) {
+	const derive = useCallback((outer) => {
+		const theme = "breakpoints" in outer ? outer : baseTheme;
+		return createTheme(theme, { layout: pageLayout(theme, layout) });
+	}, [layout]);
+	return /* @__PURE__ */ jsx(EmotionThemeProvider, {
+		theme: derive,
+		children
+	});
+}
+//#endregion
+//#region src/theme/hooks/useTheme.ts
+/**
+* The active theme, typed as this package's own `Theme` - Emotion is an
+* internal implementation detail, never part of the public type surface.
+*/
+const useTheme = () => useEmotionTheme();
+//#endregion
+//#region src/theme/hooks/useDefaultProps.ts
+/**
+* The theme-contributed default prop values for a component
+* (`theme.components[name].defaultProps`), or an empty object.
+*
+* Components apply it as one step of the default-resolution chain:
+* explicit prop → group context → `useDefaultProps` → `theme.defaults.*` → literal fallback.
+*/
+function useDefaultProps(name) {
+	return useTheme().components?.[name]?.defaultProps ?? {};
+}
+//#endregion
+//#region src/theme/hoc/withTheme.tsx
+function withTheme(WrappedComponent) {
+	return function WithTheme(props) {
+		return /* @__PURE__ */ jsx(EmotionThemeContext.Consumer, { children: (theme) => /* @__PURE__ */ jsx(WrappedComponent, {
+			...props,
+			theme
+		}) });
+	};
+}
+//#endregion
+export { ThemeProvider as a, LayoutProvider as i, useDefaultProps as n, createTheme as o, useTheme as r, withTheme as t };

package/dist/theme.cjs

@@ -1,33 +1,34 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_themeDefault = require("./themeDefault-Cebi08Cv.cjs");
-const require_theme = require("./theme-BXlAP3xf.cjs");
+const require_themes = require("./themes-gd6tcmqS.cjs");
+const require_theme = require("./theme-BxXuXRgQ.cjs");
 exports.LayoutProvider = require_theme.LayoutProvider;
 exports.ThemeProvider = require_theme.ThemeProvider;
-exports.avatar = require_theme.avatar;
-exports.baseTheme = require_theme.baseTheme;
-exports.between = require_theme.between;
-exports.borderWidths = require_theme.borderWidths;
-exports.breakpoints = require_theme.breakpoints;
-exports.containerQueries = require_theme.containerQueries;
+exports.avatar = require_themes.avatar;
+exports.baseTheme = require_themes.baseTheme;
+exports.between = require_themes.between;
+exports.borderWidths = require_themes.borderWidths;
+exports.breakpoints = require_themes.breakpoints;
+exports.containerQueries = require_themes.containerQueries;
 exports.createTheme = require_theme.createTheme;
-exports.down = require_theme.down;
-exports.fontSizes = require_theme.fontSizes;
-exports.fontWeights = require_theme.fontWeights;
-exports.fonts = require_theme.fonts;
-exports.icon = require_theme.icon;
-exports.layout = require_theme.layout;
-exports.letterSpacings = require_theme.letterSpacings;
-exports.lineHeights = require_theme.lineHeights;
-exports.not = require_theme.not;
-exports.only = require_theme.only;
-exports.radii = require_theme.radii;
-exports.sizes = require_theme.sizes;
-exports.space = require_theme.space;
+exports.down = require_themes.down;
+exports.fontSizes = require_themes.fontSizes;
+exports.fontWeights = require_themes.fontWeights;
+exports.fonts = require_themes.fonts;
+exports.icon = require_themes.icon;
+exports.layout = require_themes.layout;
+exports.letterSpacings = require_themes.letterSpacings;
+exports.lineHeights = require_themes.lineHeights;
+exports.not = require_themes.not;
+exports.only = require_themes.only;
+exports.radii = require_themes.radii;
+exports.sizes = require_themes.sizes;
+exports.space = require_themes.space;
 exports.themeDefault = require_themeDefault.themeDefault;
-exports.typography = require_theme.typography;
-exports.up = require_theme.up;
+exports.typography = require_themes.typography;
+exports.up = require_themes.up;
 exports.useDefaultProps = require_theme.useDefaultProps;
 exports.useTheme = require_theme.useTheme;
-exports.withBreakpointHelpers = require_theme.withBreakpointHelpers;
+exports.withBreakpointHelpers = require_themes.withBreakpointHelpers;
 exports.withTheme = require_theme.withTheme;
-exports.zOrder = require_theme.zOrder;
+exports.zOrder = require_themes.zOrder;

package/dist/theme.d.cts

@@ -1,3 +1,3 @@
-import { $ as between, A as ThemeBreakpoints, B as ThemeRadii, C as PressableOwnerState, Ct as withBreakpointHelpers, D as ThemeBackground, E as ThemeAvatarSizes, F as ThemeIconSizes, G as ThemeSwitch, H as ThemeSizes, I as ThemeLayout, J as ThemeZOrder, K as ThemeText, L as ThemeLetterSpacings, M as ThemeDefaults, N as ThemeFontWeights, O as ThemeBorder, P as ThemeFonts, Q as baseTheme, R as ThemeLineHeights, S as PaletteEntry, St as BreakpointHelpers, T as Theme, U as ThemeSkeleton, V as ThemeShadow, W as ThemeSpace, X as TypographyVariantStyle, Y as TypographyVariant, Z as avatar, _ as LayoutPanel, _t as up, a as CSSObject, at as fontWeights, b as OpenScale, bt as ThemeOverride, c as CardSlotTypographyProps, ct as layout, d as ComponentVariant, dt as not, et as borderWidths, f as DefaultBreakpoints, ft as only, g as LayoutLength, gt as typography, h as LayoutEntry, ht as space, i as ButtonVariants, it as fontSizes, j as ThemeComponents, k as ThemeBorderWidths, l as ComponentConfig, lt as letterSpacings, m as LayoutContent, mt as sizes, n as BreakpointOverrides, nt as containerQueries, o as CardOwnerState, ot as fonts, p as LayoutBars, pt as radii, q as ThemeTypographyVariants, r as ButtonOwnerState, rt as down, s as CardSlotIconProps, st as icon, t as BreakpointKey, tt as breakpoints, u as ComponentStyle, ut as lineHeights, v as LayoutPanels, vt as zOrder, w as SizeEntry, x as PaletteColor, xt as createTheme, y as LayoutSpace, yt as DeepPartial, z as ThemePalette } from "./themes-Kbk9h5cN.cjs";
-import { a as LayoutProvider, i as themeDefault, n as useDefaultProps, o as LayoutProviderProps, r as useTheme, s as ThemeProvider, t as withTheme } from "./index-CrN4MSUF.cjs";
-export { BreakpointHelpers, BreakpointKey, BreakpointOverrides, ButtonOwnerState, ButtonVariants, CSSObject, CardOwnerState, CardSlotIconProps, CardSlotTypographyProps, ComponentConfig, ComponentStyle, ComponentVariant, type DeepPartial, DefaultBreakpoints, LayoutBars, LayoutContent, LayoutEntry, LayoutLength, LayoutPanel, LayoutPanels, LayoutProvider, LayoutProviderProps, 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, between, borderWidths, breakpoints, containerQueries, createTheme, down, fontSizes, fontWeights, fonts, icon, layout, letterSpacings, lineHeights, not, only, radii, sizes, space, themeDefault, typography, up, useDefaultProps, useTheme, withBreakpointHelpers, withTheme, zOrder };
+import { $ as ThemeFonts, A as MenuListOwnerState, At as lineHeights, B as TabPanelOwnerState, Bt as ThemeOverride, C as LayoutContent, Ct as down, D as LayoutPanels, Dt as icon, E as LayoutPanel, Et as fonts, F as PaletteEntry, Ft as space, G as ThemeAvatarSizes, H as TabsOwnerState, Ht as BreakpointHelpers, I as PressableOwnerState, It as typography, J as ThemeBorderWidths, K as ThemeBackground, L as RatingOwnerState, Lt as up, M as NumberFieldOwnerState, Mt as only, N as OpenScale, Nt as radii, O as LayoutSpace, Ot as layout, P as PaletteColor, Pt as sizes, Q as ThemeFontWeights, R as SizeEntry, Rt as zOrder, S as LayoutBars, St as containerQueries, T as LayoutLength, Tt as fontWeights, U as TabsVariants, Ut as withBreakpointHelpers, V as TabScrollButtonOwnerState, Vt as createTheme, W as Theme, X as ThemeComponents, Y as ThemeBreakpoints, Z as ThemeDefaults, _ as ComponentStyle, _t as avatar, at as ThemeRadii, b as DefaultBreakpoints, bt as borderWidths, c as BreakpointKey, ct as ThemeSkeleton, d as ButtonVariants, dt as ThemeText, et as ThemeIconSizes, f as CSSObject, ft as ThemeTypographyVariants, g as ComponentConfig, gt as TypographyVariantStyle, h as CardSlotTypographyProps, ht as TypographyVariant, it as ThemePalette, j as MenuOwnerState, jt as not, k as MenuItemOwnerState, kt as letterSpacings, l as BreakpointOverrides, lt as ThemeSpace, m as CardSlotIconProps, mt as TransferListOwnerState, nt as ThemeLetterSpacings, ot as ThemeShadow, p as CardOwnerState, pt as ThemeZOrder, q as ThemeBorder, rt as ThemeLineHeights, s as BreadcrumbsOwnerState, st as ThemeSizes, tt as ThemeLayout, u as ButtonOwnerState, ut as ThemeSwitch, v as ComponentVariant, vt as baseTheme, w as LayoutEntry, wt as fontSizes, x as InputRangeOwnerState, xt as breakpoints, y as ContextMenuOwnerState, yt as between, z as TabOwnerState, zt as DeepPartial } from "./index-DJ0f69wh.cjs";
+import { a as LayoutProvider, i as themeDefault, n as useDefaultProps, o as LayoutProviderProps, r as useTheme, s as ThemeProvider, t as withTheme } from "./index-DchHf5cF.cjs";
+export { BreadcrumbsOwnerState, BreakpointHelpers, BreakpointKey, BreakpointOverrides, ButtonOwnerState, ButtonVariants, CSSObject, CardOwnerState, CardSlotIconProps, CardSlotTypographyProps, ComponentConfig, ComponentStyle, ComponentVariant, ContextMenuOwnerState, type DeepPartial, DefaultBreakpoints, InputRangeOwnerState, LayoutBars, LayoutContent, LayoutEntry, LayoutLength, LayoutPanel, LayoutPanels, LayoutProvider, LayoutProviderProps, LayoutSpace, MenuItemOwnerState, MenuListOwnerState, MenuOwnerState, NumberFieldOwnerState, OpenScale, PaletteColor, PaletteEntry, PressableOwnerState, RatingOwnerState, SizeEntry, TabOwnerState, TabPanelOwnerState, TabScrollButtonOwnerState, TabsOwnerState, TabsVariants, 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, TransferListOwnerState, TypographyVariant, TypographyVariantStyle, avatar, baseTheme, between, borderWidths, breakpoints, containerQueries, createTheme, down, fontSizes, fontWeights, fonts, icon, layout, letterSpacings, lineHeights, not, only, radii, sizes, space, themeDefault, typography, up, useDefaultProps, useTheme, withBreakpointHelpers, withTheme, zOrder };

package/dist/theme.d.mts

@@ -1,3 +1,3 @@
-import { $ as between, A as ThemeBreakpoints, B as ThemeRadii, C as PressableOwnerState, Ct as withBreakpointHelpers, D as ThemeBackground, E as ThemeAvatarSizes, F as ThemeIconSizes, G as ThemeSwitch, H as ThemeSizes, I as ThemeLayout, J as ThemeZOrder, K as ThemeText, L as ThemeLetterSpacings, M as ThemeDefaults, N as ThemeFontWeights, O as ThemeBorder, P as ThemeFonts, Q as baseTheme, R as ThemeLineHeights, S as PaletteEntry, St as BreakpointHelpers, T as Theme, U as ThemeSkeleton, V as ThemeShadow, W as ThemeSpace, X as TypographyVariantStyle, Y as TypographyVariant, Z as avatar, _ as LayoutPanel, _t as up, a as CSSObject, at as fontWeights, b as OpenScale, bt as ThemeOverride, c as CardSlotTypographyProps, ct as layout, d as ComponentVariant, dt as not, et as borderWidths, f as DefaultBreakpoints, ft as only, g as LayoutLength, gt as typography, h as LayoutEntry, ht as space, i as ButtonVariants, it as fontSizes, j as ThemeComponents, k as ThemeBorderWidths, l as ComponentConfig, lt as letterSpacings, m as LayoutContent, mt as sizes, n as BreakpointOverrides, nt as containerQueries, o as CardOwnerState, ot as fonts, p as LayoutBars, pt as radii, q as ThemeTypographyVariants, r as ButtonOwnerState, rt as down, s as CardSlotIconProps, st as icon, t as BreakpointKey, tt as breakpoints, u as ComponentStyle, ut as lineHeights, v as LayoutPanels, vt as zOrder, w as SizeEntry, x as PaletteColor, xt as createTheme, y as LayoutSpace, yt as DeepPartial, z as ThemePalette } from "./themes-RX2UX5gD.mjs";
-import { a as LayoutProvider, i as themeDefault, n as useDefaultProps, o as LayoutProviderProps, r as useTheme, s as ThemeProvider, t as withTheme } from "./index-VOsBSWEu.mjs";
-export { BreakpointHelpers, BreakpointKey, BreakpointOverrides, ButtonOwnerState, ButtonVariants, CSSObject, CardOwnerState, CardSlotIconProps, CardSlotTypographyProps, ComponentConfig, ComponentStyle, ComponentVariant, type DeepPartial, DefaultBreakpoints, LayoutBars, LayoutContent, LayoutEntry, LayoutLength, LayoutPanel, LayoutPanels, LayoutProvider, LayoutProviderProps, 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, between, borderWidths, breakpoints, containerQueries, createTheme, down, fontSizes, fontWeights, fonts, icon, layout, letterSpacings, lineHeights, not, only, radii, sizes, space, themeDefault, typography, up, useDefaultProps, useTheme, withBreakpointHelpers, withTheme, zOrder };
+import { $ as ThemeFonts, A as MenuListOwnerState, At as lineHeights, B as TabPanelOwnerState, Bt as ThemeOverride, C as LayoutContent, Ct as down, D as LayoutPanels, Dt as icon, E as LayoutPanel, Et as fonts, F as PaletteEntry, Ft as space, G as ThemeAvatarSizes, H as TabsOwnerState, Ht as BreakpointHelpers, I as PressableOwnerState, It as typography, J as ThemeBorderWidths, K as ThemeBackground, L as RatingOwnerState, Lt as up, M as NumberFieldOwnerState, Mt as only, N as OpenScale, Nt as radii, O as LayoutSpace, Ot as layout, P as PaletteColor, Pt as sizes, Q as ThemeFontWeights, R as SizeEntry, Rt as zOrder, S as LayoutBars, St as containerQueries, T as LayoutLength, Tt as fontWeights, U as TabsVariants, Ut as withBreakpointHelpers, V as TabScrollButtonOwnerState, Vt as createTheme, W as Theme, X as ThemeComponents, Y as ThemeBreakpoints, Z as ThemeDefaults, _ as ComponentStyle, _t as avatar, at as ThemeRadii, b as DefaultBreakpoints, bt as borderWidths, c as BreakpointKey, ct as ThemeSkeleton, d as ButtonVariants, dt as ThemeText, et as ThemeIconSizes, f as CSSObject, ft as ThemeTypographyVariants, g as ComponentConfig, gt as TypographyVariantStyle, h as CardSlotTypographyProps, ht as TypographyVariant, it as ThemePalette, j as MenuOwnerState, jt as not, k as MenuItemOwnerState, kt as letterSpacings, l as BreakpointOverrides, lt as ThemeSpace, m as CardSlotIconProps, mt as TransferListOwnerState, nt as ThemeLetterSpacings, ot as ThemeShadow, p as CardOwnerState, pt as ThemeZOrder, q as ThemeBorder, rt as ThemeLineHeights, s as BreadcrumbsOwnerState, st as ThemeSizes, tt as ThemeLayout, u as ButtonOwnerState, ut as ThemeSwitch, v as ComponentVariant, vt as baseTheme, w as LayoutEntry, wt as fontSizes, x as InputRangeOwnerState, xt as breakpoints, y as ContextMenuOwnerState, yt as between, z as TabOwnerState, zt as DeepPartial } from "./index-CJhK7JND.mjs";
+import { a as LayoutProvider, i as themeDefault, n as useDefaultProps, o as LayoutProviderProps, r as useTheme, s as ThemeProvider, t as withTheme } from "./index-h4dYtVrp.mjs";
+export { BreadcrumbsOwnerState, BreakpointHelpers, BreakpointKey, BreakpointOverrides, ButtonOwnerState, ButtonVariants, CSSObject, CardOwnerState, CardSlotIconProps, CardSlotTypographyProps, ComponentConfig, ComponentStyle, ComponentVariant, ContextMenuOwnerState, type DeepPartial, DefaultBreakpoints, InputRangeOwnerState, LayoutBars, LayoutContent, LayoutEntry, LayoutLength, LayoutPanel, LayoutPanels, LayoutProvider, LayoutProviderProps, LayoutSpace, MenuItemOwnerState, MenuListOwnerState, MenuOwnerState, NumberFieldOwnerState, OpenScale, PaletteColor, PaletteEntry, PressableOwnerState, RatingOwnerState, SizeEntry, TabOwnerState, TabPanelOwnerState, TabScrollButtonOwnerState, TabsOwnerState, TabsVariants, 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, TransferListOwnerState, TypographyVariant, TypographyVariantStyle, avatar, baseTheme, between, borderWidths, breakpoints, containerQueries, createTheme, down, fontSizes, fontWeights, fonts, icon, layout, letterSpacings, lineHeights, not, only, radii, sizes, space, themeDefault, typography, up, useDefaultProps, useTheme, withBreakpointHelpers, withTheme, zOrder };

package/dist/theme.mjs

@@ -1,3 +1,4 @@
 import { t as themeDefault } from "./themeDefault-Z3KmyIbm.mjs";
-import { C as sizes, D as zOrder, E as up, O as createTheme, S as radii, T as typography, _ as layout, a as ThemeProvider, b as not, c as between, d as containerQueries, f as down, g as icon, h as fonts, i as LayoutProvider, k as withBreakpointHelpers, l as borderWidths, m as fontWeights, n as useDefaultProps, o as avatar, p as fontSizes, r as useTheme, s as baseTheme, t as withTheme, u as breakpoints, v as letterSpacings, w as space, x as only, y as lineHeights } from "./theme-CDVxig_g.mjs";
+import { C as withBreakpointHelpers, S as zOrder, _ as radii, a as breakpoints, b as typography, c as fontSizes, d as icon, f as layout, g as only, h as not, i as borderWidths, l as fontWeights, m as lineHeights, n as baseTheme, o as containerQueries, p as letterSpacings, r as between, s as down, t as avatar, u as fonts, v as sizes, x as up, y as space } from "./themes-L-dE7_ck.mjs";
+import { a as ThemeProvider, i as LayoutProvider, n as useDefaultProps, o as createTheme, r as useTheme, t as withTheme } from "./theme-Z9_QludW.mjs";
 export { LayoutProvider, ThemeProvider, avatar, baseTheme, between, borderWidths, breakpoints, containerQueries, createTheme, down, fontSizes, fontWeights, fonts, icon, layout, letterSpacings, lineHeights, not, only, radii, sizes, space, themeDefault, typography, up, useDefaultProps, useTheme, withBreakpointHelpers, withTheme, zOrder };

package/dist/{theme-CDVxig_g.mjs → themes-L-dE7_ck.mjs}

@@ -1,8 +1,5 @@
 import { alpha, generateBoxShadow } from "./utils.mjs";
-import { a as useEmotionTheme, n as EmotionThemeContext, r as EmotionThemeProvider } from "./emotion-BAyqVw0c.mjs";
 import { createContainerQueries, createMediaHelpers } from "@soroush.tech/styled-system";
-import { useCallback, useMemo } from "react";
-import { jsx } from "react/jsx-runtime";
 //#region src/theme/utils/spacing.ts
 const spacing = (units) => units === 0 ? "0px" : `${Math.max(1, Math.round(8 * units))}px`;
 //#endregion
@@ -26,43 +23,12 @@ const withBreakpointHelpers = (scale) => {
 	return sizes;
 };
 //#endregion
-//#region src/theme/utils/createTheme.ts
-const isPlainObject = (value) => typeof value === "object" && value !== null && !Array.isArray(value);
-const deepMerge = (base, overrides) => {
-	const merged = { ...base };
-	for (const [key, value] of Object.entries(overrides)) {
-		if (value === void 0) continue;
-		const baseValue = merged[key];
-		merged[key] = isPlainObject(baseValue) && isPlainObject(value) ? deepMerge(baseValue, value) : value;
-	}
-	return merged;
-};
-/**
-* Builds a theme by deep-merging sparse `overrides` onto `base`.
-*
-* - Recurses only where both sides are plain objects; arrays (`shadows`,
-*   `fontSizes`) and functions replace wholesale.
-* - `undefined` override values are ignored - a key can be added or replaced,
-*   never removed.
-* - Neither argument is mutated; untouched branches keep referential identity.
-* - `breakpoints` gets its query helpers back, built from the merged sizes.
-*/
-const createTheme = (base, overrides) => {
-	const theme = deepMerge(base, overrides);
-	return withHelpers(theme);
-};
-/** A theme whose `breakpoints` carry the query helpers - added when a hand-built theme lacks them. */
-const withHelpers = (theme) => theme.breakpoints && !("up" in theme.breakpoints) ? {
-	...theme,
-	breakpoints: withBreakpointHelpers(theme.breakpoints)
-} : theme;
-//#endregion
 //#region src/theme/themes.ts
-const shadow = {
+const shadow$1 = {
 	color: "#000000",
 	opacity: .4
 };
-const shadows = Array.from({ length: 25 }, (_, elevation) => generateBoxShadow(elevation, alpha(shadow.color, shadow.opacity)));
+const shadows = Array.from({ length: 25 }, (_, elevation) => generateBoxShadow(elevation, alpha(shadow$1.color, shadow$1.opacity)));
 const radii = {
 	sq: "0",
 	sm: "4px",
@@ -155,7 +121,7 @@ const sizes = {
 		fontSize: 1
 	}
 };
-const space = {
+const space$1 = {
 	0: 0,
 	.125: spacing(.125),
 	.25: spacing(.25),
@@ -183,7 +149,7 @@ const breakpoints = withBreakpointHelpers({
 	lg: "1200px",
 	xl: "1600px"
 });
-const layout = {
+const layout$1 = {
 	xs: {
 		bars: { top: 8 },
 		panels: {
@@ -235,7 +201,7 @@ const layout = {
 		content: { maxWidth: "1600px" }
 	}
 };
-const typography = {
+const typography$1 = {
 	h1: {
 		element: "h1",
 		fontSize: 6,
@@ -318,16 +284,16 @@ const baseTheme = {
 	borderWidths,
 	fontSizes,
 	lineHeights,
-	typography,
+	typography: typography$1,
 	letterSpacings,
 	fontWeights,
 	fonts,
 	avatar,
 	icon,
 	sizes,
-	space,
+	space: space$1,
 	breakpoints,
-	layout,
+	layout: layout$1,
 	zOrder,
 	blur: "12px",
 	colorScheme: "dark",
@@ -409,7 +375,7 @@ const baseTheme = {
 	logoFilter: "brightness(0) invert(1)",
 	portraitBlend: "screen",
 	portraitOpacity: .8,
-	shadow,
+	shadow: shadow$1,
 	shadows
 };
 /**
@@ -418,70 +384,4 @@ const baseTheme = {
 */
 const { up, down, only, between, not, containerQueries } = breakpoints;
 //#endregion
-//#region src/theme/ThemeProvider.tsx
-function ThemeProvider({ children, theme = baseTheme, defaults }) {
-	const value = useMemo(() => defaults ? createTheme(theme, { defaults }) : withHelpers(theme), [theme, defaults]);
-	return /* @__PURE__ */ jsx(EmotionThemeProvider, {
-		theme: value,
-		children
-	});
-}
-//#endregion
-//#region src/theme/LayoutProvider.tsx
-const pageLayout = (theme, layout) => {
-	const page = layout;
-	let carried = {};
-	const merged = {};
-	for (const key of Object.keys(theme.breakpoints)) {
-		carried = deepMerge(carried, page[key] ?? {});
-		if (Object.keys(carried).length > 0) merged[key] = carried;
-	}
-	return merged;
-};
-/**
-* @description A page-level layout: everything inside sees `theme.layout` with the page's
-* values merged on top - `View`, `Flex` and `Grid` with `layout`, and `useTheme().layout`. It
-* derives the theme from the one around it and changes nothing else, so colours, light/dark
-* switching and every other token stay the app theme's. Nested providers stack.
-*/
-function LayoutProvider({ layout, children }) {
-	const derive = useCallback((outer) => {
-		const theme = "breakpoints" in outer ? outer : baseTheme;
-		return createTheme(theme, { layout: pageLayout(theme, layout) });
-	}, [layout]);
-	return /* @__PURE__ */ jsx(EmotionThemeProvider, {
-		theme: derive,
-		children
-	});
-}
-//#endregion
-//#region src/theme/hooks/useTheme.ts
-/**
-* The active theme, typed as this package's own `Theme` - Emotion is an
-* internal implementation detail, never part of the public type surface.
-*/
-const useTheme = () => useEmotionTheme();
-//#endregion
-//#region src/theme/hooks/useDefaultProps.ts
-/**
-* The theme-contributed default prop values for a component
-* (`theme.components[name].defaultProps`), or an empty object.
-*
-* Components apply it as one step of the default-resolution chain:
-* explicit prop → group context → `useDefaultProps` → `theme.defaults.*` → literal fallback.
-*/
-function useDefaultProps(name) {
-	return useTheme().components?.[name]?.defaultProps ?? {};
-}
-//#endregion
-//#region src/theme/hoc/withTheme.tsx
-function withTheme(WrappedComponent) {
-	return function WithTheme(props) {
-		return /* @__PURE__ */ jsx(EmotionThemeContext.Consumer, { children: (theme) => /* @__PURE__ */ jsx(WrappedComponent, {
-			...props,
-			theme
-		}) });
-	};
-}
-//#endregion
-export { sizes as C, zOrder as D, up as E, createTheme as O, radii as S, typography as T, layout as _, ThemeProvider as a, not as b, between as c, containerQueries as d, down as f, icon as g, fonts as h, LayoutProvider as i, withBreakpointHelpers as k, borderWidths as l, fontWeights as m, useDefaultProps as n, avatar as o, fontSizes as p, useTheme as r, baseTheme as s, withTheme as t, breakpoints as u, letterSpacings as v, space as w, only as x, lineHeights as y };
+export { withBreakpointHelpers as C, zOrder as S, radii as _, breakpoints as a, typography$1 as b, fontSizes as c, icon as d, layout$1 as f, only as g, not as h, borderWidths as i, fontWeights as l, lineHeights as m, baseTheme as n, containerQueries as o, letterSpacings as p, between as r, down as s, avatar as t, fonts as u, sizes as v, up as x, space$1 as y };