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

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 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-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 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-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 };

package/dist/useMergedRefs-2zTDXgPO.cjs

@@ -0,0 +1,27 @@
+let react = require("react");
+//#region src/Modal/hooks/useMergedRefs.ts
+function assignRef(ref, value) {
+	if (typeof ref === "function") ref(value);
+	else if (ref) ref.current = value;
+}
+/**
+* Merges two refs into a single stable ref callback so one DOM node can be
+* tracked by both an internal ref and a forwarded `ref`. Returns `null` when
+* both refs are absent, so React skips attaching a callback ref entirely.
+*/
+function useMergedRefs(refA, refB) {
+	return (0, react.useMemo)(() => {
+		if (refA == null && refB == null) return null;
+		return (value) => {
+			assignRef(refA, value);
+			assignRef(refB, value);
+		};
+	}, [refA, refB]);
+}
+//#endregion
+Object.defineProperty(exports, "useMergedRefs", {
+	enumerable: true,
+	get: function() {
+		return useMergedRefs;
+	}
+});

package/dist/useMergedRefs-BfBckwRY.mjs

@@ -0,0 +1,22 @@
+import { useMemo } from "react";
+//#region src/Modal/hooks/useMergedRefs.ts
+function assignRef(ref, value) {
+	if (typeof ref === "function") ref(value);
+	else if (ref) ref.current = value;
+}
+/**
+* Merges two refs into a single stable ref callback so one DOM node can be
+* tracked by both an internal ref and a forwarded `ref`. Returns `null` when
+* both refs are absent, so React skips attaching a callback ref entirely.
+*/
+function useMergedRefs(refA, refB) {
+	return useMemo(() => {
+		if (refA == null && refB == null) return null;
+		return (value) => {
+			assignRef(refA, value);
+			assignRef(refB, value);
+		};
+	}, [refA, refB]);
+}
+//#endregion
+export { useMergedRefs as t };

package/dist/{useTablePagination-C-u3ru4N.d.cts → useTablePagination-CFb_FYA9.d.cts}

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

package/dist/{useTablePagination-D-39ZmQh.d.mts → useTablePagination-_-bzuXJO.d.mts}

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

package/dist/useTransition-C1F7MuHO.d.mts

@@ -0,0 +1,42 @@
+import { nt as Theme } from "./index-CRQ7XLri.mjs";
+import { ReactElement } from "react";
+//#region src/utils/useTransition.d.ts
+/** How long a transition takes in milliseconds - one for both ways, or one for each. */
+type TransitionTimeout = number | {
+  enter: number;
+  exit: number;
+};
+/** The lifecycle callbacks every transition component takes, each told the node it moves. */
+interface TransitionCallbacks {
+  /** Fired before it starts to enter - the node is still in its out state. */
+  onEnter?: (node: HTMLElement) => void;
+  /** Fired as it starts to enter. */
+  onEntering?: (node: HTMLElement) => void;
+  /** Fired when it is in. */
+  onEntered?: (node: HTMLElement) => void;
+  /** Fired before it starts to exit - the node is still in its in state. */
+  onExit?: (node: HTMLElement) => void;
+  /** Fired as it starts to exit. */
+  onExiting?: (node: HTMLElement) => void;
+  /** Fired when it is out. */
+  onExited?: (node: HTMLElement) => void;
+}
+/** The props every transition takes: one child, and when and how it moves. */
+interface TransitionProps extends TransitionCallbacks {
+  /** The one element that moves - it holds a `ref` and takes a `style`. */
+  children: ReactElement;
+  /** Whether the child is shown. Default: `false`. */
+  isShown?: boolean;
+  /** Moves on the first render too, when shown. Default: `true`. */
+  shouldAppear?: boolean;
+  /** Keeps the child out of the tree until it is first shown. Default: `false`. */
+  shouldMountOnEnter?: boolean;
+  /** Takes the child out of the tree once it is out. Default: `false`. */
+  shouldUnmountOnExit?: boolean;
+  /** How long it takes in milliseconds, in or out. Default: `theme.transitions.duration.standard`. */
+  timeout?: TransitionTimeout;
+  /** Which of `theme.transitions.easing` it moves by. Default: `'standard'`. */
+  easing?: keyof Theme['transitions']['easing'];
+}
+//#endregion
+export { TransitionProps as n, TransitionTimeout as r, TransitionCallbacks as t };

package/dist/useTransition-DAQd1PX3.cjs

@@ -0,0 +1,83 @@
+let react = require("react");
+//#region src/utils/useTransition.ts
+const getInitialStatus = ({ isShown, shouldAppear, shouldMountOnEnter, shouldUnmountOnExit }) => {
+	if (isShown) return shouldAppear ? "exited" : "entered";
+	return shouldMountOnEnter || shouldUnmountOnExit ? "unmounted" : "exited";
+};
+const REDUCED_MOTION = "(prefers-reduced-motion: reduce)";
+const prefersReducedMotion = () => typeof window.matchMedia === "function" && window.matchMedia(REDUCED_MOTION).matches;
+const subscribeToReducedMotion = (notify) => {
+	if (typeof window.matchMedia !== "function") return () => {};
+	const query = window.matchMedia(REDUCED_MOTION);
+	query.addEventListener("change", notify);
+	return () => query.removeEventListener("change", notify);
+};
+const getServerReducedMotion = () => false;
+const getDuration = (timeout, isEntering) => {
+	if (typeof timeout === "number") return timeout;
+	return isEntering ? timeout.enter : timeout.exit;
+};
+/**
+* The state of a show-and-hide transition. `isShown` asks for it in or out and the status follows:
+* out (`exited`) to `entering` to `entered`, and back through `exiting`. The component draws each
+* status; the hook only keeps time, mounts and unmounts, and tells the callbacks. A node that is
+* not yet shown renders in its out state first, so the browser has a start to move from.
+*/
+function useTransition(params) {
+	const { isShown, shouldUnmountOnExit, nodeRef } = params;
+	const [state, setState] = (0, react.useState)(() => getInitialStatus(params));
+	const status = isShown && state === "unmounted" ? "exited" : state;
+	const isReduced = (0, react.useSyncExternalStore)(subscribeToReducedMotion, prefersReducedMotion, getServerReducedMotion);
+	const timer = (0, react.useRef)(void 0);
+	const latest = (0, react.useRef)(params);
+	(0, react.useEffect)(() => {
+		latest.current = params;
+	});
+	const isMovingIn = isShown && (status === "exited" || status === "exiting");
+	const isMovingOut = !isShown && (status === "entering" || status === "entered");
+	(0, react.useEffect)(() => {
+		if (!isMovingIn && !isMovingOut) return void 0;
+		const begin = window.setTimeout(() => {
+			const { timeout, onEnter, onEntering, onExit, onExiting } = latest.current;
+			const node = nodeRef.current;
+			window.clearTimeout(timer.current);
+			if (isMovingIn) {
+				const ms = prefersReducedMotion() ? 0 : getDuration(timeout, true);
+				if (node) onEnter?.(node);
+				setState("entering");
+				if (node) onEntering?.(node);
+				timer.current = window.setTimeout(() => {
+					setState("entered");
+					if (node) latest.current.onEntered?.(node);
+				}, ms);
+			} else {
+				const ms = prefersReducedMotion() ? 0 : getDuration(timeout, false);
+				if (node) onExit?.(node);
+				setState("exiting");
+				if (node) onExiting?.(node);
+				timer.current = window.setTimeout(() => {
+					setState(shouldUnmountOnExit ? "unmounted" : "exited");
+					if (node) latest.current.onExited?.(node);
+				}, ms);
+			}
+		}, 0);
+		return () => window.clearTimeout(begin);
+	}, [
+		isMovingIn,
+		isMovingOut,
+		shouldUnmountOnExit,
+		nodeRef
+	]);
+	(0, react.useEffect)(() => () => window.clearTimeout(timer.current), []);
+	return {
+		status,
+		duration: isReduced ? 0 : getDuration(params.timeout, isShown)
+	};
+}
+//#endregion
+Object.defineProperty(exports, "useTransition", {
+	enumerable: true,
+	get: function() {
+		return useTransition;
+	}
+});