@soroush.tech/design-system 2.0.0-rc.2 → 2.0.0-rc.4

package/dist/inputVariantStyles-BUK_62Ra.cjs

@@ -0,0 +1,61 @@
+const require_src = require("./src-DU81aGy9.cjs");
+const require_themeDefault = require("./themeDefault-Cebi08Cv.cjs");
+let _soroush_tech_styled_system = require("@soroush.tech/styled-system");
+//#region 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"
+	};
+};
+//#endregion
+//#region 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"
+		}
+	}
+});
+//#endregion
+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/inputVariantStyles-q_cZsCJg.mjs

@@ -0,0 +1,44 @@
+import { a as src_exports } from "./src-DLGYOJMh.mjs";
+import { t as themeDefault } from "./themeDefault-Z3KmyIbm.mjs";
+import { variant } from "@soroush.tech/styled-system";
+//#region src/utils/inputStyles.ts
+/** The least width of a field that does not fill its row: `theme.defaults.inputMinWidth`, else `'12rem'`. */
+const getInputMinWidth = (theme) => 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, src_exports.get)(theme, `palette.${isError ? "error" : color}.main`)}`,
+		outlineOffset: "2px"
+	};
+};
+//#endregion
+//#region src/utils/inputVariantStyles.ts
+const inputVariantStyles = variant({
+	prop: "variant",
+	variants: {
+		outlined: {
+			borderRadius: "sq",
+			borderWidth: "thin",
+			borderStyle: "solid"
+		},
+		default: {
+			borderRadius: "sq",
+			borderStyle: "none"
+		},
+		underline: {
+			borderRadius: "sq",
+			borderStyle: "none",
+			borderBottomWidth: "thin",
+			borderBottomStyle: "solid"
+		},
+		text: {
+			borderRadius: "sq",
+			borderStyle: "none"
+		}
+	}
+});
+//#endregion
+export { getFocusRing as n, getInputMinWidth as r, inputVariantStyles as t };

package/dist/isRtl-BJDtm86G.mjs

@@ -0,0 +1,7 @@
+//#region 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

@@ -0,0 +1,12 @@
+//#region 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() {
+		return isRtl;
+	}
+});

package/dist/precision-B1lhxnnO.mjs

@@ -0,0 +1,25 @@
+//#region 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");
+	const decimals = (mantissa.split(".")[1] ?? "").length;
+	return Math.max(0, decimals - Number(exponent));
+}
+/** The value rounded to the nearest step of `precision` - `null` stays `null`. */
+function roundToPrecision(value, precision) {
+	if (value === null) return null;
+	const nearest = Math.round(value / precision) * precision;
+	return Number(nearest.toFixed(getDecimalPrecision(precision)));
+}
+/** The number moved by `delta`, with no float noise - `0.1 + 0.2` is `0.3`. */
+function addExact(value, delta) {
+	const decimals = Math.max(getDecimalPrecision(value), getDecimalPrecision(delta));
+	return Number((value + delta).toFixed(decimals));
+}
+/** The nearest number on the grid of `step`, counted from `origin`. */
+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/precision-B58cTPB2.cjs

@@ -0,0 +1,48 @@
+//#region 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");
+	const decimals = (mantissa.split(".")[1] ?? "").length;
+	return Math.max(0, decimals - Number(exponent));
+}
+/** The value rounded to the nearest step of `precision` - `null` stays `null`. */
+function roundToPrecision(value, precision) {
+	if (value === null) return null;
+	const nearest = Math.round(value / precision) * precision;
+	return Number(nearest.toFixed(getDecimalPrecision(precision)));
+}
+/** The number moved by `delta`, with no float noise - `0.1 + 0.2` is `0.3`. */
+function addExact(value, delta) {
+	const decimals = Math.max(getDecimalPrecision(value), getDecimalPrecision(delta));
+	return Number((value + delta).toFixed(decimals));
+}
+/** The nearest number on the grid of `step`, counted from `origin`. */
+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() {
+		return addExact;
+	}
+});
+Object.defineProperty(exports, "getDecimalPrecision", {
+	enumerable: true,
+	get: function() {
+		return getDecimalPrecision;
+	}
+});
+Object.defineProperty(exports, "roundToPrecision", {
+	enumerable: true,
+	get: function() {
+		return roundToPrecision;
+	}
+});
+Object.defineProperty(exports, "snapToStep", {
+	enumerable: true,
+	get: function() {
+		return snapToStep;
+	}
+});

package/dist/style.cjs

@@ -1,5 +1,5 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_theme = require("./theme-BxXuXRgQ.cjs");
+const require_theme = require("./theme-DzfwuzMZ.cjs");
 let react_jsx_runtime = require("react/jsx-runtime");
 let _emotion_react = require("@emotion/react");
 //#region src/style/hooks/useStyle.ts

package/dist/style.d.cts

@@ -1,5 +1,5 @@
-import { V as Theme, f as CSSObject } from "./index-DmJ7yWWi.cjs";
-import "./index-DDJuUfL5.cjs";
+import { nt as Theme, v as CSSObject } from "./index-XN4-ZqTB.cjs";
+import "./index-BhnLFsBv.cjs";
 import { ComponentType, ReactNode } from "react";
 //#region src/style/hooks/useStyle.d.ts
 type StyleFactory = {

package/dist/style.d.mts

@@ -1,5 +1,5 @@
-import { V as Theme, f as CSSObject } from "./index-CVNJEUwJ.mjs";
-import "./index-BVPrG1L0.mjs";
+import { nt as Theme, v as CSSObject } from "./index-CRQ7XLri.mjs";
+import "./index-vBCN6iAz.mjs";
 import { ComponentType, ReactNode } from "react";
 //#region src/style/hooks/useStyle.d.ts
 type StyleFactory = {

package/dist/style.mjs

@@ -1,4 +1,4 @@
-import { r as useTheme } from "./theme-Z9_QludW.mjs";
+import { r as useTheme } from "./theme-oBfFhJm9.mjs";
 import { n as EmotionThemeContext } from "./emotion-BAyqVw0c.mjs";
 import { jsx } from "react/jsx-runtime";
 //#region src/style/hooks/useStyle.ts

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

@@ -1,4 +1,4 @@
-const require_themes = require("./themes-gd6tcmqS.cjs");
+const require_themes = require("./themes--4eci3M1.cjs");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 let _emotion_react = require("@emotion/react");

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

@@ -1,4 +1,4 @@
-import { C as withBreakpointHelpers, n as baseTheme } from "./themes-L-dE7_ck.mjs";
+import { n as baseTheme, w as withBreakpointHelpers } from "./themes-BwEsdVox.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";

package/dist/theme.cjs

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

@@ -44,7 +44,21 @@ const borderWidths = {
 const zOrder = {
 	appBar: 1100,
 	drawer: 1200,
-	modal: 1300
+	modal: 1300,
+	snackbar: 1400,
+	tooltip: 1500
+};
+const transitions = {
+	duration: {
+		short: 150,
+		standard: 250,
+		long: 375
+	},
+	easing: {
+		standard: "cubic-bezier(0.4, 0, 0.2, 1)",
+		enter: "cubic-bezier(0, 0, 0.2, 1)",
+		exit: "cubic-bezier(0.4, 0, 1, 1)"
+	}
 };
 const fontSizes = [
 	12,
@@ -295,6 +309,7 @@ const baseTheme = {
 	breakpoints,
 	layout,
 	zOrder,
+	transitions,
 	blur: "12px",
 	colorScheme: "dark",
 	palette: {
@@ -352,7 +367,9 @@ const baseTheme = {
 		paper: "#131313",
 		terminal: "#000000",
 		grid: require_utils.alpha("#00FC40", .06),
-		transparent: "#00000000"
+		transparent: "#00000000",
+		scrollbar: "#B3B3B380",
+		scrollbarTrack: "#38383880"
 	},
 	text: {
 		inherit: "inherit",
@@ -498,6 +515,12 @@ Object.defineProperty(exports, "space", {
 		return space;
 	}
 });
+Object.defineProperty(exports, "transitions", {
+	enumerable: true,
+	get: function() {
+		return transitions;
+	}
+});
 Object.defineProperty(exports, "typography", {
 	enumerable: true,
 	get: function() {

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

@@ -44,7 +44,21 @@ const borderWidths = {
 const zOrder = {
 	appBar: 1100,
 	drawer: 1200,
-	modal: 1300
+	modal: 1300,
+	snackbar: 1400,
+	tooltip: 1500
+};
+const transitions = {
+	duration: {
+		short: 150,
+		standard: 250,
+		long: 375
+	},
+	easing: {
+		standard: "cubic-bezier(0.4, 0, 0.2, 1)",
+		enter: "cubic-bezier(0, 0, 0.2, 1)",
+		exit: "cubic-bezier(0.4, 0, 1, 1)"
+	}
 };
 const fontSizes = [
 	12,
@@ -295,6 +309,7 @@ const baseTheme = {
 	breakpoints,
 	layout: layout$1,
 	zOrder,
+	transitions,
 	blur: "12px",
 	colorScheme: "dark",
 	palette: {
@@ -352,7 +367,9 @@ const baseTheme = {
 		paper: "#131313",
 		terminal: "#000000",
 		grid: alpha("#00FC40", .06),
-		transparent: "#00000000"
+		transparent: "#00000000",
+		scrollbar: "#B3B3B380",
+		scrollbarTrack: "#38383880"
 	},
 	text: {
 		inherit: "inherit",
@@ -384,4 +401,4 @@ const baseTheme = {
 */
 const { up, down, only, between, not, containerQueries } = breakpoints;
 //#endregion
-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 };
+export { zOrder as C, up as S, radii as _, breakpoints as a, transitions 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, withBreakpointHelpers as w, typography$1 as x, space$1 as y };

package/dist/useAnchoredPlacement-B1FyGoZV.cjs

@@ -0,0 +1,111 @@
+const require_computePopoverPosition = require("./computePopoverPosition-DiyEOHnU.cjs");
+const require_isRtl = require("./isRtl-DTkYHRPo.cjs");
+let react = require("react");
+//#region src/utils/useAnchoredPlacement.ts
+const OPPOSITE = {
+	top: "bottom",
+	bottom: "top",
+	left: "right",
+	right: "left"
+};
+/**
+* Places a `position: fixed` surface in the window next to its anchor - so a scrolling panel's
+* overflow never clips it, while it stays in its owner's box in the DOM. It is placed before
+* paint on every render while open, and again on resize and on any scroll. The surface starts
+* `visibility: hidden` and is shown here, as it is placed - in the same layout pass, so it is
+* visible by the time anything inside it takes focus. Where it flips to the other side for want
+* of room, and how it is kept inside the margin, is `computePopoverPosition`'s.
+*/
+function useAnchoredPlacement({ isOpen, anchorRef, surfaceRef, getOrigins, margin, gap = 0, anchorPosition = null, onPlaced }) {
+	const pointTop = anchorPosition?.top;
+	const pointLeft = anchorPosition?.left ?? 0;
+	const place = (0, react.useCallback)(() => {
+		const anchor = anchorRef.current;
+		const surface = surfaceRef.current;
+		if (!anchor || !surface) return;
+		const isPoint = pointTop !== void 0;
+		const rect = anchor.getBoundingClientRect();
+		const surfaceSize = {
+			width: surface.offsetWidth,
+			height: surface.offsetHeight
+		};
+		const viewport = {
+			width: window.innerWidth,
+			height: window.innerHeight
+		};
+		const context = {
+			anchorRect: rect,
+			surfaceSize,
+			viewport,
+			isRtl: require_isRtl.isRtl(anchor)
+		};
+		const origins = getOrigins(context);
+		const isBesideVertically = OPPOSITE[origins.anchorOrigin.vertical] === origins.transformOrigin.vertical;
+		const isBesideHorizontally = OPPOSITE[origins.anchorOrigin.horizontal] === origins.transformOrigin.horizontal;
+		const isBeside = isBesideVertically || isBesideHorizontally;
+		const gapY = isBesideVertically || !isBeside ? gap : 0;
+		const gapX = isBesideHorizontally || !isBeside ? gap : 0;
+		const anchorRect = {
+			top: rect.top - gapY,
+			left: rect.left - gapX,
+			width: rect.width + 2 * gapX,
+			height: rect.height + 2 * gapY
+		};
+		const { top, left } = require_computePopoverPosition.computePopoverPosition({
+			anchorReference: isPoint ? "anchorPosition" : "anchorEl",
+			anchorPosition: isPoint ? {
+				top: pointTop,
+				left: pointLeft
+			} : void 0,
+			anchorRect,
+			paperRect: surfaceSize,
+			...origins,
+			viewport,
+			marginThreshold: margin
+		});
+		surface.style.top = `${top}px`;
+		surface.style.left = `${left}px`;
+		const landed = surface.getBoundingClientRect();
+		const isOwnBox = surfaceSize.width > 0 && Math.round(landed.width) === surfaceSize.width;
+		const shiftTop = Math.round(landed.top - top);
+		const shiftLeft = Math.round(landed.left - left);
+		if (isOwnBox && (shiftTop !== 0 || shiftLeft !== 0)) {
+			surface.style.top = `${top - shiftTop}px`;
+			surface.style.left = `${left - shiftLeft}px`;
+		}
+		surface.style.visibility = "visible";
+		onPlaced?.({
+			...context,
+			top,
+			left
+		});
+	}, [
+		anchorRef,
+		surfaceRef,
+		getOrigins,
+		margin,
+		gap,
+		pointTop,
+		pointLeft,
+		onPlaced
+	]);
+	(0, react.useLayoutEffect)(() => {
+		if (isOpen) place();
+	});
+	(0, react.useEffect)(() => {
+		if (!isOpen) return void 0;
+		window.addEventListener("resize", place);
+		window.addEventListener("scroll", place, true);
+		return () => {
+			window.removeEventListener("resize", place);
+			window.removeEventListener("scroll", place, true);
+		};
+	}, [isOpen, place]);
+}
+//#endregion
+Object.defineProperty(exports, "useAnchoredPlacement", {
+	enumerable: true,
+	get: function() {
+		return useAnchoredPlacement;
+	}
+});

package/dist/useAnchoredPlacement-Pe7sY41E.mjs

@@ -0,0 +1,106 @@
+import { t as computePopoverPosition } from "./computePopoverPosition-BIprs_xo.mjs";
+import { t as isRtl } from "./isRtl-BJDtm86G.mjs";
+import { useCallback, useEffect, useLayoutEffect } from "react";
+//#region src/utils/useAnchoredPlacement.ts
+const OPPOSITE = {
+	top: "bottom",
+	bottom: "top",
+	left: "right",
+	right: "left"
+};
+/**
+* Places a `position: fixed` surface in the window next to its anchor - so a scrolling panel's
+* overflow never clips it, while it stays in its owner's box in the DOM. It is placed before
+* paint on every render while open, and again on resize and on any scroll. The surface starts
+* `visibility: hidden` and is shown here, as it is placed - in the same layout pass, so it is
+* visible by the time anything inside it takes focus. Where it flips to the other side for want
+* of room, and how it is kept inside the margin, is `computePopoverPosition`'s.
+*/
+function useAnchoredPlacement({ isOpen, anchorRef, surfaceRef, getOrigins, margin, gap = 0, anchorPosition = null, onPlaced }) {
+	const pointTop = anchorPosition?.top;
+	const pointLeft = anchorPosition?.left ?? 0;
+	const place = useCallback(() => {
+		const anchor = anchorRef.current;
+		const surface = surfaceRef.current;
+		if (!anchor || !surface) return;
+		const isPoint = pointTop !== void 0;
+		const rect = anchor.getBoundingClientRect();
+		const surfaceSize = {
+			width: surface.offsetWidth,
+			height: surface.offsetHeight
+		};
+		const viewport = {
+			width: window.innerWidth,
+			height: window.innerHeight
+		};
+		const context = {
+			anchorRect: rect,
+			surfaceSize,
+			viewport,
+			isRtl: isRtl(anchor)
+		};
+		const origins = getOrigins(context);
+		const isBesideVertically = OPPOSITE[origins.anchorOrigin.vertical] === origins.transformOrigin.vertical;
+		const isBesideHorizontally = OPPOSITE[origins.anchorOrigin.horizontal] === origins.transformOrigin.horizontal;
+		const isBeside = isBesideVertically || isBesideHorizontally;
+		const gapY = isBesideVertically || !isBeside ? gap : 0;
+		const gapX = isBesideHorizontally || !isBeside ? gap : 0;
+		const anchorRect = {
+			top: rect.top - gapY,
+			left: rect.left - gapX,
+			width: rect.width + 2 * gapX,
+			height: rect.height + 2 * gapY
+		};
+		const { top, left } = computePopoverPosition({
+			anchorReference: isPoint ? "anchorPosition" : "anchorEl",
+			anchorPosition: isPoint ? {
+				top: pointTop,
+				left: pointLeft
+			} : void 0,
+			anchorRect,
+			paperRect: surfaceSize,
+			...origins,
+			viewport,
+			marginThreshold: margin
+		});
+		surface.style.top = `${top}px`;
+		surface.style.left = `${left}px`;
+		const landed = surface.getBoundingClientRect();
+		const isOwnBox = surfaceSize.width > 0 && Math.round(landed.width) === surfaceSize.width;
+		const shiftTop = Math.round(landed.top - top);
+		const shiftLeft = Math.round(landed.left - left);
+		if (isOwnBox && (shiftTop !== 0 || shiftLeft !== 0)) {
+			surface.style.top = `${top - shiftTop}px`;
+			surface.style.left = `${left - shiftLeft}px`;
+		}
+		surface.style.visibility = "visible";
+		onPlaced?.({
+			...context,
+			top,
+			left
+		});
+	}, [
+		anchorRef,
+		surfaceRef,
+		getOrigins,
+		margin,
+		gap,
+		pointTop,
+		pointLeft,
+		onPlaced
+	]);
+	useLayoutEffect(() => {
+		if (isOpen) place();
+	});
+	useEffect(() => {
+		if (!isOpen) return void 0;
+		window.addEventListener("resize", place);
+		window.addEventListener("scroll", place, true);
+		return () => {
+			window.removeEventListener("resize", place);
+			window.removeEventListener("scroll", place, true);
+		};
+	}, [isOpen, place]);
+}
+//#endregion
+export { useAnchoredPlacement as t };