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

package/dist/inputVariantStyles-DhClkDHY.cjs

@@ -0,0 +1,59 @@
+const require_src = require("./src-yC1f5WR2.cjs");
+const require_themeDefault = require("./themeDefault-DbPHBbNO.cjs");
+let _soroush_tech_styled_system = require("@soroush.tech/styled-system");
+// src/utils/inputStyles.ts
+/** The least width of a field that does not fill its row: `theme.defaults.inputMinWidth`, else `'12rem'`. */
+const getInputMinWidth = (theme) => require_themeDefault.themeDefault(theme, "inputMinWidth", "12rem");
+/**
+* The keyboard focus ring of every input - the one the border takes on focus: the error color
+* while it is in error, else the field's own color.
+*/
+const getFocusRing = (theme, color, isError = false) => {
+	return {
+		outline: `2px solid ${(0, require_src.src_exports.get)(theme, `palette.${isError ? "error" : color}.main`)}`,
+		outlineOffset: "2px"
+	};
+};
+// src/utils/inputVariantStyles.ts
+const inputVariantStyles = (0, _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"
+		}
+	}
+});
+Object.defineProperty(exports, "getFocusRing", {
+	enumerable: true,
+	get: function() {
+		return getFocusRing;
+	}
+});
+Object.defineProperty(exports, "getInputMinWidth", {
+	enumerable: true,
+	get: function() {
+		return getInputMinWidth;
+	}
+});
+Object.defineProperty(exports, "inputVariantStyles", {
+	enumerable: true,
+	get: function() {
+		return inputVariantStyles;
+	}
+});

package/dist/{isRtl-BJDtm86G.mjs → isRtl-DN-EdUlg.mjs}

@@ -1,7 +1,6 @@
-//#region src/utils/isRtl.ts
+// src/utils/isRtl.ts
 /** Whether an element sits in a right-to-left context - its nearest `dir` says so. */
 function isRtl(element) {
 	return element.closest("[dir]")?.getAttribute("dir") === "rtl";
 }
-//#endregion
 export { isRtl as t };

package/dist/{isRtl-DTkYHRPo.cjs → isRtl-Dl6QQWib.cjs}

@@ -1,9 +1,8 @@
-//#region src/utils/isRtl.ts
+// src/utils/isRtl.ts
 /** Whether an element sits in a right-to-left context - its nearest `dir` says so. */
 function isRtl(element) {
 	return element.closest("[dir]")?.getAttribute("dir") === "rtl";
 }
-//#endregion
 Object.defineProperty(exports, "isRtl", {
 	enumerable: true,
 	get: function() {

package/dist/{precision-B58cTPB2.cjs → precision-DbF9gToz.cjs}

@@ -1,4 +1,4 @@
-//#region src/utils/precision.ts
+// src/utils/precision.ts
 /** How many decimals a step has - `1e-8` has eight, `0.5` one, `1` none. */
 function getDecimalPrecision(step) {
 	const [mantissa, exponent] = step.toExponential().split("e");
@@ -21,7 +21,6 @@ function snapToStep(value, step, origin) {
 	const decimals = Math.max(getDecimalPrecision(step), getDecimalPrecision(origin));
 	return Number((Math.round((value - origin) / step) * step + origin).toFixed(decimals));
 }
-//#endregion
 Object.defineProperty(exports, "addExact", {
 	enumerable: true,
 	get: function() {

package/dist/{precision-B1lhxnnO.mjs → precision-DrmFmgMd.mjs}

@@ -1,4 +1,4 @@
-//#region src/utils/precision.ts
+// src/utils/precision.ts
 /** How many decimals a step has - `1e-8` has eight, `0.5` one, `1` none. */
 function getDecimalPrecision(step) {
 	const [mantissa, exponent] = step.toExponential().split("e");
@@ -21,5 +21,4 @@ function snapToStep(value, step, origin) {
 	const decimals = Math.max(getDecimalPrecision(step), getDecimalPrecision(origin));
 	return Number((Math.round((value - origin) / step) * step + origin).toFixed(decimals));
 }
-//#endregion
 export { snapToStep as i, getDecimalPrecision as n, roundToPrecision as r, addExact as t };

package/dist/{rolldown-runtime-BloeesfJ.cjs → rolldown-runtime-CiKaZLfC.cjs}

@@ -1,4 +1,4 @@
-//#region \0rolldown/runtime.js
+// \0rolldown/runtime.js
 var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -29,7 +29,6 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 	value: mod,
 	enumerable: true
 }) : target, mod));
-//#endregion
 Object.defineProperty(exports, "__exportAll", {
 	enumerable: true,
 	get: function() {

package/dist/{src-DLGYOJMh.mjs → src-B-rNjHIL.mjs}

@@ -1,7 +1,7 @@
 import emotionStyled from "@emotion/styled";
 import { css as css$1, keyframes } from "@emotion/react";
 import { createShouldForwardProp, props } from "@soroush.tech/styled-system/should-forward-prop";
-//#region \0rolldown/runtime.js
+// \0rolldown/runtime.js
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
@@ -26,8 +26,7 @@ var __copyProps = (to, from, except, desc) => {
 	return to;
 };
 var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
-//#endregion
-//#region src/style/styled.ts
+// src/style/styled.ts
 const resolveStyle = (style, props) => typeof style === "function" ? style({
 	theme: props.theme,
 	ownerState: props
@@ -54,8 +53,7 @@ const createThemedStyled = (tag, options = {}) => {
 * customization (`theme.components[name].styleOverrides` / `.variants`).
 */
 const styled = Object.assign(createThemedStyled, emotionStyled);
-//#endregion
-//#region src/index.ts
+// src/index.ts
 var src_exports = /* @__PURE__ */ __exportAll({
 	createShouldForwardProp: () => createShouldForwardProp,
 	css: () => css$1,
@@ -65,5 +63,4 @@ var src_exports = /* @__PURE__ */ __exportAll({
 });
 import * as import__soroush_tech_styled_system from "@soroush.tech/styled-system";
 __reExport(src_exports, import__soroush_tech_styled_system);
-//#endregion
 export { src_exports as a, props as i, css$1 as n, styled as o, keyframes as r, createShouldForwardProp as t };

package/dist/{src-DU81aGy9.cjs → src-yC1f5WR2.cjs}

@@ -1,9 +1,9 @@
-const require_rolldown_runtime = require("./rolldown-runtime-BloeesfJ.cjs");
+const require_rolldown_runtime = require("./rolldown-runtime-CiKaZLfC.cjs");
 let _emotion_styled = require("@emotion/styled");
 _emotion_styled = require_rolldown_runtime.__toESM(_emotion_styled, 1);
 let _emotion_react = require("@emotion/react");
 let _soroush_tech_styled_system_should_forward_prop = require("@soroush.tech/styled-system/should-forward-prop");
-//#region src/style/styled.ts
+// src/style/styled.ts
 const resolveStyle = (style, props) => typeof style === "function" ? style({
 	theme: props.theme,
 	ownerState: props
@@ -30,8 +30,7 @@ const createThemedStyled = (tag, options = {}) => {
 * customization (`theme.components[name].styleOverrides` / `.variants`).
 */
 const styled = Object.assign(createThemedStyled, _emotion_styled.default);
-//#endregion
-//#region src/index.ts
+// src/index.ts
 var src_exports = /* @__PURE__ */ require_rolldown_runtime.__exportAll({
 	createShouldForwardProp: () => _soroush_tech_styled_system_should_forward_prop.createShouldForwardProp,
 	css: () => _emotion_react.css,
@@ -40,7 +39,6 @@ var src_exports = /* @__PURE__ */ require_rolldown_runtime.__exportAll({
 	styled: () => styled
 });
 require_rolldown_runtime.__reExport(src_exports, require("@soroush.tech/styled-system"));
-//#endregion
 Object.defineProperty(exports, "src_exports", {
 	enumerable: true,
 	get: function() {

package/dist/style.cjs

@@ -1,19 +1,17 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_theme = require("./theme-BxXuXRgQ.cjs");
+const require_theme = require("./theme-XJvMdOnY.cjs");
 let react_jsx_runtime = require("react/jsx-runtime");
 let _emotion_react = require("@emotion/react");
-//#region src/style/hooks/useStyle.ts
+// src/style/hooks/useStyle.ts
 function useStyle(style) {
 	const theme = require_theme.useTheme();
 	return typeof style.getStyles === "function" ? style.getStyles(theme) : style;
 }
-//#endregion
-//#region src/style/StylesConsumer.tsx
+// src/style/StylesConsumer.tsx
 function StylesConsumer({ style, children }) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_emotion_react.ThemeContext.Consumer, { children: (theme) => children(style.getStyles(theme)) });
 }
-//#endregion
-//#region src/style/hoc/withStyles.tsx
+// src/style/hoc/withStyles.tsx
 function withStyles(style) {
 	return (WrappedComponent) => function WithStyles(props) {
 		return typeof style.getStyles === "function" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(StylesConsumer, {
@@ -28,7 +26,6 @@ function withStyles(style) {
 		});
 	};
 }
-//#endregion
 exports.StylesConsumer = StylesConsumer;
 exports.useStyle = useStyle;
 exports.withStyles = withStyles;

package/dist/style.d.cts

@@ -1,23 +1,17 @@
-import { W as Theme, f as CSSObject } from "./index-DJ0f69wh.cjs";
-import "./index-DchHf5cF.cjs";
+import { nt as Theme, v as CSSObject } from "./index-Lsm4v8fB.cjs";
+import "./index-CfB7OceY.cjs";
 import { ComponentType, ReactNode } from "react";
-//#region src/style/hooks/useStyle.d.ts
 type StyleFactory = {
   getStyles: (theme: Theme) => CSSObject;
 };
 type StyleInput = CSSObject | StyleFactory;
 declare function useStyle(style: StyleInput): CSSObject;
-//#endregion
-//#region src/style/hoc/withStyles.d.ts
 declare function withStyles<P extends object>(style: StyleInput): (WrappedComponent: ComponentType<P & {
   styles: CSSObject;
 }>) => (props: P) => import("react").JSX.Element;
-//#endregion
-//#region src/style/StylesConsumer.d.ts
 type StylesConsumerProps = {
   style: StyleFactory;
   children: (styles: CSSObject) => ReactNode;
 };
 declare function StylesConsumer({ style, children }: Readonly<StylesConsumerProps>): import("react").JSX.Element;
-//#endregion
 export { StyleFactory, StyleInput, StylesConsumer, useStyle, withStyles };

package/dist/style.d.mts

@@ -1,23 +1,17 @@
-import { W as Theme, f as CSSObject } from "./index-CJhK7JND.mjs";
-import "./index-h4dYtVrp.mjs";
+import { nt as Theme, v as CSSObject } from "./index-CR8qkP8U.mjs";
+import "./index-CF_pl72E.mjs";
 import { ComponentType, ReactNode } from "react";
-//#region src/style/hooks/useStyle.d.ts
 type StyleFactory = {
   getStyles: (theme: Theme) => CSSObject;
 };
 type StyleInput = CSSObject | StyleFactory;
 declare function useStyle(style: StyleInput): CSSObject;
-//#endregion
-//#region src/style/hoc/withStyles.d.ts
 declare function withStyles<P extends object>(style: StyleInput): (WrappedComponent: ComponentType<P & {
   styles: CSSObject;
 }>) => (props: P) => import("react").JSX.Element;
-//#endregion
-//#region src/style/StylesConsumer.d.ts
 type StylesConsumerProps = {
   style: StyleFactory;
   children: (styles: CSSObject) => ReactNode;
 };
 declare function StylesConsumer({ style, children }: Readonly<StylesConsumerProps>): import("react").JSX.Element;
-//#endregion
 export { StyleFactory, StyleInput, StylesConsumer, useStyle, withStyles };

package/dist/style.mjs

@@ -1,18 +1,16 @@
-import { r as useTheme } from "./theme-Z9_QludW.mjs";
-import { n as EmotionThemeContext } from "./emotion-BAyqVw0c.mjs";
+import { r as useTheme } from "./theme-DyyZQFzQ.mjs";
+import { n as EmotionThemeContext } from "./emotion-E3pBNlXd.mjs";
 import { jsx } from "react/jsx-runtime";
-//#region src/style/hooks/useStyle.ts
+// src/style/hooks/useStyle.ts
 function useStyle(style) {
 	const theme = useTheme();
 	return typeof style.getStyles === "function" ? style.getStyles(theme) : style;
 }
-//#endregion
-//#region src/style/StylesConsumer.tsx
+// src/style/StylesConsumer.tsx
 function StylesConsumer({ style, children }) {
 	return /* @__PURE__ */ jsx(EmotionThemeContext.Consumer, { children: (theme) => children(style.getStyles(theme)) });
 }
-//#endregion
-//#region src/style/hoc/withStyles.tsx
+// src/style/hoc/withStyles.tsx
 function withStyles(style) {
 	return (WrappedComponent) => function WithStyles(props) {
 		return typeof style.getStyles === "function" ? /* @__PURE__ */ jsx(StylesConsumer, {
@@ -27,5 +25,4 @@ function withStyles(style) {
 		});
 	};
 }
-//#endregion
 export { StylesConsumer, useStyle, withStyles };

package/dist/{surfaceSystem-D8TbmKy3.mjs → surfaceSystem-4XDqbvf4.mjs}

@@ -1,11 +1,10 @@
-import { a as src_exports } from "./src-DLGYOJMh.mjs";
-//#region src/Tabs/utils/tabIds.ts
+import { a as src_exports } from "./src-B-rNjHIL.mjs";
+// src/Tabs/utils/tabIds.ts
 /** A tab's DOM id - what its panel's `aria-labelledby` names. */
 const getTabId = (baseId, value) => `${baseId}-tab-${value}`;
 /** A panel's DOM id - what its tab's `aria-controls` names. */
 const getPanelId = (baseId, value) => `${baseId}-panel-${value}`;
-//#endregion
-//#region src/Tabs/utils/surfaceSystem.ts
+// src/Tabs/utils/surfaceSystem.ts
 /** `bg` → `theme.background`, `borderRadius` → `theme.radii`: a tab strip's or a panel's surface. */
 const surfaceSystem = (0, src_exports.system)({
 	bg: {
@@ -17,5 +16,4 @@ const surfaceSystem = (0, src_exports.system)({
 		scale: "radii"
 	}
 });
-//#endregion
 export { getPanelId as n, getTabId as r, surfaceSystem as t };

package/dist/{surfaceSystem-BGQBoXv_.cjs → surfaceSystem-DI6bqK5F.cjs}

@@ -1,11 +1,10 @@
-const require_src = require("./src-DU81aGy9.cjs");
-//#region src/Tabs/utils/tabIds.ts
+const require_src = require("./src-yC1f5WR2.cjs");
+// src/Tabs/utils/tabIds.ts
 /** A tab's DOM id - what its panel's `aria-labelledby` names. */
 const getTabId = (baseId, value) => `${baseId}-tab-${value}`;
 /** A panel's DOM id - what its tab's `aria-controls` names. */
 const getPanelId = (baseId, value) => `${baseId}-panel-${value}`;
-//#endregion
-//#region src/Tabs/utils/surfaceSystem.ts
+// src/Tabs/utils/surfaceSystem.ts
 /** `bg` → `theme.background`, `borderRadius` → `theme.radii`: a tab strip's or a panel's surface. */
 const surfaceSystem = (0, require_src.src_exports.system)({
 	bg: {
@@ -17,7 +16,6 @@ const surfaceSystem = (0, require_src.src_exports.system)({
 		scale: "radii"
 	}
 });
-//#endregion
 Object.defineProperty(exports, "getPanelId", {
 	enumerable: true,
 	get: function() {

package/dist/testing.cjs

@@ -1,5 +1,5 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-//#region src/testing/installPopover.ts
+// src/testing/installPopover.ts
 const OPEN = "data-popover-open";
 const setOpen = (element, open) => {
 	if (element.hasAttribute(OPEN) === open) return;
@@ -56,5 +56,4 @@ function installPopover() {
 		document.removeEventListener("click", onClick);
 	};
 }
-//#endregion
 exports.installPopover = installPopover;

package/dist/testing.d.cts

@@ -1,9 +1,7 @@
-//#region src/testing/installPopover.d.ts
 /**
  * @description Installs a Popover API stand-in on the test document - for jsdom, which has
  * none - so components built on HTML popovers (`Drawer`) open, close and fire `toggle` in unit
  * tests. Does nothing where the real API exists. Returns a function that removes it again.
  */
 declare function installPopover(): () => void;
-//#endregion
 export { installPopover };

package/dist/testing.d.mts

@@ -1,9 +1,7 @@
-//#region src/testing/installPopover.d.ts
 /**
  * @description Installs a Popover API stand-in on the test document - for jsdom, which has
  * none - so components built on HTML popovers (`Drawer`) open, close and fire `toggle` in unit
  * tests. Does nothing where the real API exists. Returns a function that removes it again.
  */
 declare function installPopover(): () => void;
-//#endregion
 export { installPopover };

package/dist/testing.mjs

@@ -1,4 +1,4 @@
-//#region src/testing/installPopover.ts
+// src/testing/installPopover.ts
 const OPEN = "data-popover-open";
 const setOpen = (element, open) => {
 	if (element.hasAttribute(OPEN) === open) return;
@@ -55,5 +55,4 @@ function installPopover() {
 		document.removeEventListener("click", onClick);
 	};
 }
-//#endregion
 export { installPopover };

package/dist/{theme-Z9_QludW.mjs → theme-DyyZQFzQ.mjs}

@@ -1,8 +1,8 @@
-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 { n as baseTheme, w as withBreakpointHelpers } from "./themes-D-knykK0.mjs";
+import { a as useEmotionTheme, n as EmotionThemeContext, r as EmotionThemeProvider } from "./emotion-E3pBNlXd.mjs";
 import { useCallback, useMemo } from "react";
 import { jsx } from "react/jsx-runtime";
-//#region src/theme/utils/createTheme.ts
+// src/theme/utils/createTheme.ts
 const isPlainObject = (value) => typeof value === "object" && value !== null && !Array.isArray(value);
 const deepMerge = (base, overrides) => {
 	const merged = { ...base };
@@ -32,8 +32,7 @@ const withHelpers = (theme) => theme.breakpoints && !("up" in theme.breakpoints)
 	...theme,
 	breakpoints: withBreakpointHelpers(theme.breakpoints)
 } : theme;
-//#endregion
-//#region src/theme/ThemeProvider.tsx
+// 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, {
@@ -41,8 +40,7 @@ function ThemeProvider({ children, theme = baseTheme, defaults }) {
 		children
 	});
 }
-//#endregion
-//#region src/theme/LayoutProvider.tsx
+// src/theme/LayoutProvider.tsx
 const pageLayout = (theme, layout) => {
 	const page = layout;
 	let carried = {};
@@ -69,15 +67,13 @@ function LayoutProvider({ layout, children }) {
 		children
 	});
 }
-//#endregion
-//#region src/theme/hooks/useTheme.ts
+// 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
+// src/theme/hooks/useDefaultProps.ts
 /**
 * The theme-contributed default prop values for a component
 * (`theme.components[name].defaultProps`), or an empty object.
@@ -88,8 +84,7 @@ const useTheme = () => useEmotionTheme();
 function useDefaultProps(name) {
 	return useTheme().components?.[name]?.defaultProps ?? {};
 }
-//#endregion
-//#region src/theme/hoc/withTheme.tsx
+// src/theme/hoc/withTheme.tsx
 function withTheme(WrappedComponent) {
 	return function WithTheme(props) {
 		return /* @__PURE__ */ jsx(EmotionThemeContext.Consumer, { children: (theme) => /* @__PURE__ */ jsx(WrappedComponent, {
@@ -98,5 +93,4 @@ function withTheme(WrappedComponent) {
 		}) });
 	};
 }
-//#endregion
 export { ThemeProvider as a, LayoutProvider as i, useDefaultProps as n, createTheme as o, useTheme as r, withTheme as t };

package/dist/{theme-BxXuXRgQ.cjs → theme-XJvMdOnY.cjs}

@@ -1,8 +1,8 @@
-const require_themes = require("./themes-gd6tcmqS.cjs");
+const require_themes = require("./themes-C2oyu8gK.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
+// src/theme/utils/createTheme.ts
 const isPlainObject = (value) => typeof value === "object" && value !== null && !Array.isArray(value);
 const deepMerge = (base, overrides) => {
 	const merged = { ...base };
@@ -32,8 +32,7 @@ const withHelpers = (theme) => theme.breakpoints && !("up" in theme.breakpoints)
 	...theme,
 	breakpoints: require_themes.withBreakpointHelpers(theme.breakpoints)
 } : theme;
-//#endregion
-//#region src/theme/ThemeProvider.tsx
+// 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, {
@@ -41,8 +40,7 @@ function ThemeProvider({ children, theme = require_themes.baseTheme, defaults })
 		children
 	});
 }
-//#endregion
-//#region src/theme/LayoutProvider.tsx
+// src/theme/LayoutProvider.tsx
 const pageLayout = (theme, layout) => {
 	const page = layout;
 	let carried = {};
@@ -69,15 +67,13 @@ function LayoutProvider({ layout, children }) {
 		children
 	});
 }
-//#endregion
-//#region src/theme/hooks/useTheme.ts
+// 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
+// src/theme/hooks/useDefaultProps.ts
 /**
 * The theme-contributed default prop values for a component
 * (`theme.components[name].defaultProps`), or an empty object.
@@ -88,8 +84,7 @@ const useTheme = () => (0, _emotion_react.useTheme)();
 function useDefaultProps(name) {
 	return useTheme().components?.[name]?.defaultProps ?? {};
 }
-//#endregion
-//#region src/theme/hoc/withTheme.tsx
+// 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, {
@@ -98,7 +93,6 @@ function withTheme(WrappedComponent) {
 		}) });
 	};
 }
-//#endregion
 Object.defineProperty(exports, "LayoutProvider", {
 	enumerable: true,
 	get: function() {

package/dist/theme.cjs

@@ -1,7 +1,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_themeDefault = require("./themeDefault-Cebi08Cv.cjs");
-const require_themes = require("./themes-gd6tcmqS.cjs");
-const require_theme = require("./theme-BxXuXRgQ.cjs");
+const require_themes = require("./themes-C2oyu8gK.cjs");
+const require_theme = require("./theme-XJvMdOnY.cjs");
+const require_themeDefault = require("./themeDefault-DbPHBbNO.cjs");
 exports.LayoutProvider = require_theme.LayoutProvider;
 exports.ThemeProvider = require_theme.ThemeProvider;
 exports.avatar = require_themes.avatar;
@@ -25,6 +25,7 @@ exports.radii = require_themes.radii;
 exports.sizes = require_themes.sizes;
 exports.space = require_themes.space;
 exports.themeDefault = require_themeDefault.themeDefault;
+exports.transitions = require_themes.transitions;
 exports.typography = require_themes.typography;
 exports.up = require_themes.up;
 exports.useDefaultProps = require_theme.useDefaultProps;

package/dist/theme.d.cts

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

package/dist/theme.d.mts

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

package/dist/theme.mjs

@@ -1,4 +1,4 @@
-import { t as themeDefault } from "./themeDefault-Z3KmyIbm.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 };
+import { C as zOrder, S as up, _ as radii, a as breakpoints, b as transitions, 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, w as withBreakpointHelpers, x as typography, y as space } from "./themes-D-knykK0.mjs";
+import { a as ThemeProvider, i as LayoutProvider, n as useDefaultProps, o as createTheme, r as useTheme, t as withTheme } from "./theme-DyyZQFzQ.mjs";
+import { t as themeDefault } from "./themeDefault-BeZJzqJj.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, transitions, typography, up, useDefaultProps, useTheme, withBreakpointHelpers, withTheme, zOrder };

package/dist/{themeDefault-Z3KmyIbm.mjs → themeDefault-BeZJzqJj.mjs}

@@ -1,4 +1,4 @@
-//#region src/theme/utils/themeDefault.ts
+// src/theme/utils/themeDefault.ts
 /**
 * Resolves a component's default token/variant key: the theme's optional
 * `defaults` override wins, otherwise the component's literal `fallback`.
@@ -7,5 +7,4 @@
 * yet overridable per theme or via `ThemeProvider`'s `defaults` prop.
 */
 const themeDefault = (theme, key, fallback) => theme.defaults?.[key] ?? fallback;
-//#endregion
 export { themeDefault as t };