npm - @d4gger/design-system - Versions diffs - 2.7.0 → 3.0.1 - Mend

@d4gger/design-system 2.7.0 → 3.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1313) hide show

package/dist/components/themeProvider/ThemeProvider.d.cts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ThemeProvider.d.cts","sourceRoot":"","sources":["../../../src/components/themeProvider/ThemeProvider.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAGL,KAAK,gBAAgB,EAErB,KAAK,cAAc,EACnB,KAAK,oBAAoB,EACzB,KAAK,WAAW,EAChB,KAAK,YAAY,EAClB,MAAM,yBAAyB,CAAA;AAGhC,OAAO,EAAE,KAAK,kBAAkB,EAAE,MAAM,uBAAuB,CAAA;AAE/D,MAAM,MAAM,eAAe,GAAG,OAAO,GAAG,MAAM,GAAG,QAAQ,CAAA;~~AAsBzD~~,KAAK,iBAAiB,GAAG;IACvB,WAAW,EAAE,gBAAgB,CAAA;IAC7B,OAAO,EAAE,aAAa,GAAG,SAAS,CAAA;IAClC,SAAS,EAAE,cAAc,CAAA;IACzB,IAAI,EAAE,eAAe,CAAA;IACrB,eAAe,EAAE,oBAAoB,CAAA;IACrC,MAAM,EAAE,WAAW,CAAA;IACnB,aAAa,EAAE,OAAO,GAAG,MAAM,CAAA;IAC/B,OAAO,EAAE,YAAY,CAAA;IACrB,cAAc,EAAE,CAAC,KAAK,EAAE,gBAAgB,KAAK,IAAI,CAAA;IACjD,UAAU,EAAE,CAAC,KAAK,EAAE,aAAa,GAAG,SAAS,KAAK,IAAI,CAAA;IACtD,YAAY,EAAE,CAAC,KAAK,EAAE,cAAc,KAAK,IAAI,CAAA;IAC7C,OAAO,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,CAAC,CAAA;IAC9D,kBAAkB,EAAE,CAAC,KAAK,EAAE,oBAAoB,KAAK,IAAI,CAAA;IACzD,SAAS,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,CAAA;IACvC,UAAU,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,IAAI,CAAA;IACzC,QAAQ,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,CAAC,CAAA;IAC/D,KAAK,EAAE,eAAe,CAAA;CACvB,CAAA;AAwCD,wBAAgB,aAAa,CAAC,EAC5B,WAAW,EAAE,eAAe,EAC5B,QAAQ,EACR,YAAuB,EACvB,OAAO,EAAE,WAAW,EACpB,SAAS,EAAE,aAAa,EACxB,eAAe,EAAE,mBAAmB,EACpC,MAAM,EAAE,UAAU,EAClB,OAAO,EAAE,WAAW,EACpB,UAAU,GACX,EAAE,kBAAkB,~~2CAmJpB~~;AAED,wBAAgB,QAAQ,sBAQvB"}
1	+ {"version":3,"file":"ThemeProvider.d.cts","sourceRoot":"","sources":["../../../src/components/themeProvider/ThemeProvider.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAGL,KAAK,gBAAgB,EAErB,KAAK,cAAc,EACnB,KAAK,oBAAoB,EACzB,KAAK,WAAW,EAChB,KAAK,YAAY,EAClB,MAAM,yBAAyB,CAAA;AAGhC,OAAO,EAAE,KAAK,kBAAkB,EAAE,MAAM,uBAAuB,CAAA;AAE/D,MAAM,MAAM,eAAe,GAAG,OAAO,GAAG,MAAM,GAAG,QAAQ,CAAA;AA2CzD,KAAK,iBAAiB,GAAG;IACvB,WAAW,EAAE,gBAAgB,CAAA;IAC7B,OAAO,EAAE,aAAa,GAAG,SAAS,CAAA;IAClC,SAAS,EAAE,cAAc,CAAA;IACzB,IAAI,EAAE,eAAe,CAAA;IACrB,eAAe,EAAE,oBAAoB,CAAA;IACrC,MAAM,EAAE,WAAW,CAAA;IACnB,aAAa,EAAE,OAAO,GAAG,MAAM,CAAA;IAC/B,OAAO,EAAE,YAAY,CAAA;IACrB,cAAc,EAAE,CAAC,KAAK,EAAE,gBAAgB,KAAK,IAAI,CAAA;IACjD,UAAU,EAAE,CAAC,KAAK,EAAE,aAAa,GAAG,SAAS,KAAK,IAAI,CAAA;IACtD,YAAY,EAAE,CAAC,KAAK,EAAE,cAAc,KAAK,IAAI,CAAA;IAC7C,OAAO,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,CAAC,CAAA;IAC9D,kBAAkB,EAAE,CAAC,KAAK,EAAE,oBAAoB,KAAK,IAAI,CAAA;IACzD,SAAS,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,CAAA;IACvC,UAAU,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,IAAI,CAAA;IACzC,QAAQ,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,CAAC,CAAA;IAC/D,KAAK,EAAE,eAAe,CAAA;CACvB,CAAA;AAwCD,wBAAgB,aAAa,CAAC,EAC5B,WAAW,EAAE,eAAe,EAC5B,QAAQ,EACR,YAAuB,EACvB,OAAO,EAAE,WAAW,EACpB,SAAS,EAAE,aAAa,EACxB,eAAe,EAAE,mBAAmB,EACpC,MAAM,EAAE,UAAU,EAClB,OAAO,EAAE,WAAW,EACpB,UAAU,GACX,EAAE,kBAAkB,2CAuKpB;AAED,wBAAgB,QAAQ,sBAQvB"}

package/dist/components/themeProvider/ThemeProvider.d.mts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ThemeProvider.d.mts","sourceRoot":"","sources":["../../../src/components/themeProvider/ThemeProvider.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAGL,KAAK,gBAAgB,EAErB,KAAK,cAAc,EACnB,KAAK,oBAAoB,EACzB,KAAK,WAAW,EAChB,KAAK,YAAY,EAClB,MAAM,yBAAyB,CAAA;AAGhC,OAAO,EAAE,KAAK,kBAAkB,EAAE,MAAM,uBAAuB,CAAA;AAE/D,MAAM,MAAM,eAAe,GAAG,OAAO,GAAG,MAAM,GAAG,QAAQ,CAAA;~~AAsBzD~~,KAAK,iBAAiB,GAAG;IACvB,WAAW,EAAE,gBAAgB,CAAA;IAC7B,OAAO,EAAE,aAAa,GAAG,SAAS,CAAA;IAClC,SAAS,EAAE,cAAc,CAAA;IACzB,IAAI,EAAE,eAAe,CAAA;IACrB,eAAe,EAAE,oBAAoB,CAAA;IACrC,MAAM,EAAE,WAAW,CAAA;IACnB,aAAa,EAAE,OAAO,GAAG,MAAM,CAAA;IAC/B,OAAO,EAAE,YAAY,CAAA;IACrB,cAAc,EAAE,CAAC,KAAK,EAAE,gBAAgB,KAAK,IAAI,CAAA;IACjD,UAAU,EAAE,CAAC,KAAK,EAAE,aAAa,GAAG,SAAS,KAAK,IAAI,CAAA;IACtD,YAAY,EAAE,CAAC,KAAK,EAAE,cAAc,KAAK,IAAI,CAAA;IAC7C,OAAO,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,CAAC,CAAA;IAC9D,kBAAkB,EAAE,CAAC,KAAK,EAAE,oBAAoB,KAAK,IAAI,CAAA;IACzD,SAAS,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,CAAA;IACvC,UAAU,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,IAAI,CAAA;IACzC,QAAQ,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,CAAC,CAAA;IAC/D,KAAK,EAAE,eAAe,CAAA;CACvB,CAAA;AAwCD,wBAAgB,aAAa,CAAC,EAC5B,WAAW,EAAE,eAAe,EAC5B,QAAQ,EACR,YAAuB,EACvB,OAAO,EAAE,WAAW,EACpB,SAAS,EAAE,aAAa,EACxB,eAAe,EAAE,mBAAmB,EACpC,MAAM,EAAE,UAAU,EAClB,OAAO,EAAE,WAAW,EACpB,UAAU,GACX,EAAE,kBAAkB,~~2CAmJpB~~;AAED,wBAAgB,QAAQ,sBAQvB"}
1	+ {"version":3,"file":"ThemeProvider.d.mts","sourceRoot":"","sources":["../../../src/components/themeProvider/ThemeProvider.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAGL,KAAK,gBAAgB,EAErB,KAAK,cAAc,EACnB,KAAK,oBAAoB,EACzB,KAAK,WAAW,EAChB,KAAK,YAAY,EAClB,MAAM,yBAAyB,CAAA;AAGhC,OAAO,EAAE,KAAK,kBAAkB,EAAE,MAAM,uBAAuB,CAAA;AAE/D,MAAM,MAAM,eAAe,GAAG,OAAO,GAAG,MAAM,GAAG,QAAQ,CAAA;AA2CzD,KAAK,iBAAiB,GAAG;IACvB,WAAW,EAAE,gBAAgB,CAAA;IAC7B,OAAO,EAAE,aAAa,GAAG,SAAS,CAAA;IAClC,SAAS,EAAE,cAAc,CAAA;IACzB,IAAI,EAAE,eAAe,CAAA;IACrB,eAAe,EAAE,oBAAoB,CAAA;IACrC,MAAM,EAAE,WAAW,CAAA;IACnB,aAAa,EAAE,OAAO,GAAG,MAAM,CAAA;IAC/B,OAAO,EAAE,YAAY,CAAA;IACrB,cAAc,EAAE,CAAC,KAAK,EAAE,gBAAgB,KAAK,IAAI,CAAA;IACjD,UAAU,EAAE,CAAC,KAAK,EAAE,aAAa,GAAG,SAAS,KAAK,IAAI,CAAA;IACtD,YAAY,EAAE,CAAC,KAAK,EAAE,cAAc,KAAK,IAAI,CAAA;IAC7C,OAAO,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,CAAC,CAAA;IAC9D,kBAAkB,EAAE,CAAC,KAAK,EAAE,oBAAoB,KAAK,IAAI,CAAA;IACzD,SAAS,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,CAAA;IACvC,UAAU,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,IAAI,CAAA;IACzC,QAAQ,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,CAAC,CAAA;IAC/D,KAAK,EAAE,eAAe,CAAA;CACvB,CAAA;AAwCD,wBAAgB,aAAa,CAAC,EAC5B,WAAW,EAAE,eAAe,EAC5B,QAAQ,EACR,YAAuB,EACvB,OAAO,EAAE,WAAW,EACpB,SAAS,EAAE,aAAa,EACxB,eAAe,EAAE,mBAAmB,EACpC,MAAM,EAAE,UAAU,EAClB,OAAO,EAAE,WAAW,EACpB,UAAU,GACX,EAAE,kBAAkB,2CAuKpB;AAED,wBAAgB,QAAQ,sBAQvB"}

package/dist/components/themeProvider/ThemeProvider.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ThemeProvider.d.ts","sourceRoot":"","sources":["../../../src/components/themeProvider/ThemeProvider.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAGL,KAAK,gBAAgB,EAErB,KAAK,cAAc,EACnB,KAAK,oBAAoB,EACzB,KAAK,WAAW,EAChB,KAAK,YAAY,EAClB,MAAM,yBAAyB,CAAA;AAGhC,OAAO,EAAE,KAAK,kBAAkB,EAAE,MAAM,uBAAuB,CAAA;AAE/D,MAAM,MAAM,eAAe,GAAG,OAAO,GAAG,MAAM,GAAG,QAAQ,CAAA;~~AAsBzD~~,KAAK,iBAAiB,GAAG;IACvB,WAAW,EAAE,gBAAgB,CAAA;IAC7B,OAAO,EAAE,aAAa,GAAG,SAAS,CAAA;IAClC,SAAS,EAAE,cAAc,CAAA;IACzB,IAAI,EAAE,eAAe,CAAA;IACrB,eAAe,EAAE,oBAAoB,CAAA;IACrC,MAAM,EAAE,WAAW,CAAA;IACnB,aAAa,EAAE,OAAO,GAAG,MAAM,CAAA;IAC/B,OAAO,EAAE,YAAY,CAAA;IACrB,cAAc,EAAE,CAAC,KAAK,EAAE,gBAAgB,KAAK,IAAI,CAAA;IACjD,UAAU,EAAE,CAAC,KAAK,EAAE,aAAa,GAAG,SAAS,KAAK,IAAI,CAAA;IACtD,YAAY,EAAE,CAAC,KAAK,EAAE,cAAc,KAAK,IAAI,CAAA;IAC7C,OAAO,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,CAAC,CAAA;IAC9D,kBAAkB,EAAE,CAAC,KAAK,EAAE,oBAAoB,KAAK,IAAI,CAAA;IACzD,SAAS,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,CAAA;IACvC,UAAU,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,IAAI,CAAA;IACzC,QAAQ,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,CAAC,CAAA;IAC/D,KAAK,EAAE,eAAe,CAAA;CACvB,CAAA;AAwCD,wBAAgB,aAAa,CAAC,EAC5B,WAAW,EAAE,eAAe,EAC5B,QAAQ,EACR,YAAuB,EACvB,OAAO,EAAE,WAAW,EACpB,SAAS,EAAE,aAAa,EACxB,eAAe,EAAE,mBAAmB,EACpC,MAAM,EAAE,UAAU,EAClB,OAAO,EAAE,WAAW,EACpB,UAAU,GACX,EAAE,kBAAkB,~~2CAmJpB~~;AAED,wBAAgB,QAAQ,sBAQvB"}
1	+ {"version":3,"file":"ThemeProvider.d.ts","sourceRoot":"","sources":["../../../src/components/themeProvider/ThemeProvider.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAGL,KAAK,gBAAgB,EAErB,KAAK,cAAc,EACnB,KAAK,oBAAoB,EACzB,KAAK,WAAW,EAChB,KAAK,YAAY,EAClB,MAAM,yBAAyB,CAAA;AAGhC,OAAO,EAAE,KAAK,kBAAkB,EAAE,MAAM,uBAAuB,CAAA;AAE/D,MAAM,MAAM,eAAe,GAAG,OAAO,GAAG,MAAM,GAAG,QAAQ,CAAA;AA2CzD,KAAK,iBAAiB,GAAG;IACvB,WAAW,EAAE,gBAAgB,CAAA;IAC7B,OAAO,EAAE,aAAa,GAAG,SAAS,CAAA;IAClC,SAAS,EAAE,cAAc,CAAA;IACzB,IAAI,EAAE,eAAe,CAAA;IACrB,eAAe,EAAE,oBAAoB,CAAA;IACrC,MAAM,EAAE,WAAW,CAAA;IACnB,aAAa,EAAE,OAAO,GAAG,MAAM,CAAA;IAC/B,OAAO,EAAE,YAAY,CAAA;IACrB,cAAc,EAAE,CAAC,KAAK,EAAE,gBAAgB,KAAK,IAAI,CAAA;IACjD,UAAU,EAAE,CAAC,KAAK,EAAE,aAAa,GAAG,SAAS,KAAK,IAAI,CAAA;IACtD,YAAY,EAAE,CAAC,KAAK,EAAE,cAAc,KAAK,IAAI,CAAA;IAC7C,OAAO,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,CAAC,CAAA;IAC9D,kBAAkB,EAAE,CAAC,KAAK,EAAE,oBAAoB,KAAK,IAAI,CAAA;IACzD,SAAS,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,CAAA;IACvC,UAAU,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,IAAI,CAAA;IACzC,QAAQ,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,CAAC,CAAA;IAC/D,KAAK,EAAE,eAAe,CAAA;CACvB,CAAA;AAwCD,wBAAgB,aAAa,CAAC,EAC5B,WAAW,EAAE,eAAe,EAC5B,QAAQ,EACR,YAAuB,EACvB,OAAO,EAAE,WAAW,EACpB,SAAS,EAAE,aAAa,EACxB,eAAe,EAAE,mBAAmB,EACpC,MAAM,EAAE,UAAU,EAClB,OAAO,EAAE,WAAW,EACpB,UAAU,GACX,EAAE,kBAAkB,2CAuKpB;AAED,wBAAgB,QAAQ,sBAQvB"}

package/dist/components/themeProvider/ThemeProvider.js CHANGED Viewed

@@ -7,6 +7,14 @@ import {
 import { ACCENT_COLOR_VALUES } from "../../_internal/constants.js";
 import {} from "./themeProvider.props.js";
 import { jsx } from "react/jsx-runtime";
+function getTelegramWebApp() {
+  if (typeof window === "undefined") return void 0;
+  return window.Telegram?.WebApp;
+}
+function getTelegramColorScheme() {
+  const scheme = getTelegramWebApp()?.colorScheme;
+  return scheme === "light" || scheme === "dark" ? scheme : void 0;
+}
 const defaultDimensions = {
   accentColor: "rift",
   density: "comfortable",
@@ -19,7 +27,7 @@ const defaultDimensions = {
 const ThemeProviderContext = React.createContext(null);
 function getSystemTheme() {
   if (typeof window === "undefined") return "light";
-  return window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
+  return getTelegramColorScheme() ?? (window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light");
 }
 function getStoredDimensions(storageKey, defaults) {
   if (typeof window === "undefined") return defaults;
@@ -52,6 +60,7 @@ function ThemeProvider({
   scaling: scalingProp,
   storageKey
 }) {
+  if (!storageKey) throw new Error("ThemeProvider requires a storageKey");
   const defaults = {
     accentColor: accentColorProp ?? defaultDimensions.accentColor,
     density: densityProp ?? defaultDimensions.density,
@@ -90,6 +99,18 @@ function ThemeProvider({
   }, [foundationThemeValue]);
   React.useEffect(() => {
     if (typeof window === "undefined" || dimensions.mode !== "system") return;
+    const telegramWebApp = getTelegramWebApp();
+    if (telegramWebApp?.onEvent) {
+      const updateFromTelegram = () => {
+        const scheme = getTelegramColorScheme();
+        if (scheme) setSystemTheme(scheme);
+      };
+      updateFromTelegram();
+      telegramWebApp.onEvent("themeChanged", updateFromTelegram);
+      return () => {
+        telegramWebApp.offEvent?.("themeChanged", updateFromTelegram);
+      };
+    }
     const mediaQuery = window.matchMedia("(prefers-color-scheme: dark)");
     const updateTheme = () => {
       setSystemTheme(mediaQuery.matches ? "dark" : "light");

package/dist/components/themeProvider/ThemeProvider.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/themeProvider/ThemeProvider.tsx"],
-  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\n\nimport {\n  applyThemeToDocument,\n  ThemeContext,\n  type ThemeAccentColor,\n  type ThemeContextValue as FoundationThemeContextValue,\n  type ThemeGrayColor,\n  type ThemePanelBackground,\n  type ThemeRadius,\n  type ThemeScaling,\n} from '../../foundations/Theme'\n\nimport { ACCENT_COLOR_VALUES } from '../../_internal/constants'\nimport { type ThemeProviderProps } from './themeProvider.props'\n\nexport type ThemePreference = 'light' | 'dark' | 'system'\n\ntype ThemeDimensions = {\n  accentColor: ThemeAccentColor\n  density: 'comfortable' | 'compact'\n  grayColor: ThemeGrayColor\n  mode: ThemePreference\n  panelBackground: ThemePanelBackground\n  radius: ThemeRadius\n  scaling: ThemeScaling\n}\n\nconst defaultDimensions: ThemeDimensions = {\n  accentColor: 'rift',\n  density: 'comfortable',\n  grayColor: 'auto',\n  mode: 'system',\n  panelBackground: 'translucent',\n  radius: 'md',\n  scaling: '100',\n}\n\ntype ThemeContextValue = {\n  accentColor: ThemeAccentColor\n  density: 'comfortable' | 'compact'\n  grayColor: ThemeGrayColor\n  mode: ThemePreference\n  panelBackground: ThemePanelBackground\n  radius: ThemeRadius\n  resolvedTheme: 'light' | 'dark'\n  scaling: ThemeScaling\n  setAccentColor: (value: ThemeAccentColor) => void\n  setDensity: (value: 'comfortable' | 'compact') => void\n  setGrayColor: (value: ThemeGrayColor) => void\n  setMode: React.Dispatch<React.SetStateAction<ThemePreference>>\n  setPanelBackground: (value: ThemePanelBackground) => void\n  setRadius: (value: ThemeRadius) => void\n  setScaling: (value: ThemeScaling) => void\n  setTheme: React.Dispatch<React.SetStateAction<ThemePreference>>\n  theme: ThemePreference\n}\n\nconst ThemeProviderContext = React.createContext<ThemeContextValue | null>(null)\n\nfunction getSystemTheme(): 'light' | 'dark' {\n  if (typeof window === 'undefined') return 'light'\n  return window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light'\n}\n\nfunction getStoredDimensions(storageKey: string, defaults: ThemeDimensions): ThemeDimensions {\n  if (typeof window === 'undefined') return defaults\n\n  try {\n    const stored = window.localStorage.getItem(storageKey)\n    if (!stored) return defaults\n\n    const parsed = JSON.parse(stored) as Partial<ThemeDimensions>\n    // A previous accent-tier naming scheme (amber/silver/bronze) can still be\n    // sitting in a returning user's localStorage. Guard against replaying an\n    // unrecognized value into `data-accent-color` \u2014 there is no CSS override\n    // block for it, so it silently inherits whatever accent happens to be\n    // ambient instead of a real, intentional tier.\n    const storedAccentColor =\n      parsed.accentColor && (ACCENT_COLOR_VALUES as readonly string[]).includes(parsed.accentColor)\n        ? parsed.accentColor\n        : undefined\n    return {\n      accentColor: storedAccentColor ?? defaults.accentColor,\n      density: parsed.density ?? defaults.density,\n      grayColor: parsed.grayColor ?? defaults.grayColor,\n      mode: parsed.mode ?? defaults.mode,\n      panelBackground: parsed.panelBackground ?? defaults.panelBackground,\n      radius: parsed.radius ?? defaults.radius,\n      scaling: parsed.scaling ?? defaults.scaling,\n    }\n  } catch {\n    return defaults\n  }\n}\n\nexport function ThemeProvider({\n  accentColor: accentColorProp,\n  children,\n  defaultTheme = 'system',\n  density: densityProp,\n  grayColor: grayColorProp,\n  panelBackground: panelBackgroundProp,\n  radius: radiusProp,\n  scaling: scalingProp,\n  storageKey,\n}: ThemeProviderProps) {\n  const defaults: ThemeDimensions = {\n    accentColor: accentColorProp ?? defaultDimensions.accentColor,\n    density: densityProp ?? defaultDimensions.density,\n    grayColor: grayColorProp ?? defaultDimensions.grayColor,\n    mode: defaultTheme,\n    panelBackground: panelBackgroundProp ?? defaultDimensions.panelBackground,\n    radius: radiusProp ?? defaultDimensions.radius,\n    scaling: scalingProp ?? defaultDimensions.scaling,\n  }\n\n  // Start with SSR-safe defaults so server and client initial renders match.\n  // Stored preferences and system theme are applied after mount to avoid hydration mismatches.\n  const [dimensions, setDimensions] = React.useState<ThemeDimensions>(defaults)\n  const [systemTheme, setSystemTheme] = React.useState<'light' | 'dark'>('light')\n\n  const resolvedTheme = dimensions.mode === 'system' ? systemTheme : dimensions.mode\n\n  // After hydration: restore stored preferences and detect system theme.\n  // A layout effect (not `useEffect`) so this \u2014 and the document-attribute\n  // effect below, also promoted to a layout effect \u2014 resolve synchronously\n  // before the browser paints. Splitting document application into a plain\n  // `useEffect` would let the browser paint the SSR-safe 'light' default\n  // first, since passive effects run after paint: exactly the flash this\n  // fix closes. ThemeScript (see ThemeScript.tsx) closes the earlier gap,\n  // before hydration even starts.\n  React.useLayoutEffect(() => {\n    setDimensions(getStoredDimensions(storageKey, defaults))\n    setSystemTheme(getSystemTheme())\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [])\n\n  // Persist all dimensions to localStorage\n  React.useEffect(() => {\n    if (typeof window === 'undefined') return\n    window.localStorage.setItem(storageKey, JSON.stringify(dimensions))\n  }, [storageKey, dimensions])\n\n  const foundationThemeValue = React.useMemo<FoundationThemeContextValue>(\n    () => ({\n      accentColor: dimensions.accentColor,\n      density: dimensions.density,\n      grayColor: dimensions.grayColor,\n      hasBackground: true,\n      mode: resolvedTheme,\n      panelBackground: dimensions.panelBackground,\n      radius: dimensions.radius,\n      scaling: dimensions.scaling,\n    }),\n    [dimensions, resolvedTheme],\n  )\n\n  // Apply data attributes to document. useLayoutEffect, not useEffect \u2014 see\n  // the restore effect above for why: this must resolve before paint.\n  React.useLayoutEffect(() => {\n    return applyThemeToDocument(foundationThemeValue)\n  }, [foundationThemeValue])\n\n  // Listen for system theme changes\n  React.useEffect(() => {\n    if (typeof window === 'undefined' || dimensions.mode !== 'system') return\n\n    const mediaQuery = window.matchMedia('(prefers-color-scheme: dark)')\n    const updateTheme = () => {\n      setSystemTheme(mediaQuery.matches ? 'dark' : 'light')\n    }\n\n    updateTheme()\n    mediaQuery.addEventListener('change', updateTheme)\n\n    return () => {\n      mediaQuery.removeEventListener('change', updateTheme)\n    }\n  }, [dimensions.mode])\n\n  const setMode = React.useCallback(\n    (action: React.SetStateAction<ThemePreference>) => {\n      setDimensions((prev) => ({\n        ...prev,\n        mode: typeof action === 'function' ? action(prev.mode) : action,\n      }))\n    },\n    [],\n  )\n\n  const setAccentColor = React.useCallback((value: ThemeAccentColor) => {\n    setDimensions((prev) => ({ ...prev, accentColor: value }))\n  }, [])\n\n  const setDensity = React.useCallback((value: 'comfortable' | 'compact') => {\n    setDimensions((prev) => ({ ...prev, density: value }))\n  }, [])\n\n  const setGrayColor = React.useCallback((value: ThemeGrayColor) => {\n    setDimensions((prev) => ({ ...prev, grayColor: value }))\n  }, [])\n\n  const setPanelBackground = React.useCallback((value: ThemePanelBackground) => {\n    setDimensions((prev) => ({ ...prev, panelBackground: value }))\n  }, [])\n\n  const setRadius = React.useCallback((value: ThemeRadius) => {\n    setDimensions((prev) => ({ ...prev, radius: value }))\n  }, [])\n\n  const setScaling = React.useCallback((value: ThemeScaling) => {\n    setDimensions((prev) => ({ ...prev, scaling: value }))\n  }, [])\n\n  const contextValue = React.useMemo<ThemeContextValue>(\n    () => ({\n      accentColor: dimensions.accentColor,\n      density: dimensions.density,\n      grayColor: dimensions.grayColor,\n      mode: dimensions.mode,\n      panelBackground: dimensions.panelBackground,\n      radius: dimensions.radius,\n      resolvedTheme,\n      scaling: dimensions.scaling,\n      setAccentColor,\n      setDensity,\n      setGrayColor,\n      setMode,\n      setPanelBackground,\n      setRadius,\n      setScaling,\n      setTheme: setMode,\n      theme: dimensions.mode,\n    }),\n    [\n      dimensions,\n      resolvedTheme,\n      setAccentColor,\n      setDensity,\n      setGrayColor,\n      setMode,\n      setPanelBackground,\n      setRadius,\n      setScaling,\n    ],\n  )\n\n  return (\n    <ThemeContext.Provider value={foundationThemeValue}>\n      <ThemeProviderContext.Provider value={contextValue}>{children}</ThemeProviderContext.Provider>\n    </ThemeContext.Provider>\n  )\n}\n\nexport function useTheme() {\n  const context = React.useContext(ThemeProviderContext)\n\n  if (!context) {\n    throw new Error('useTheme must be used within a ThemeProvider')\n  }\n\n  return context\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\n\nimport {\n  applyThemeToDocument,\n  ThemeContext,\n  type ThemeAccentColor,\n  type ThemeContextValue as FoundationThemeContextValue,\n  type ThemeGrayColor,\n  type ThemePanelBackground,\n  type ThemeRadius,\n  type ThemeScaling,\n} from '../../foundations/Theme'\n\nimport { ACCENT_COLOR_VALUES } from '../../_internal/constants'\nimport { type ThemeProviderProps } from './themeProvider.props'\n\nexport type ThemePreference = 'light' | 'dark' | 'system'\n\n// Kept local and unexported (not `declare global`): a consumer that also\n// installs a Telegram SDK's own types (e.g. `@telegram-apps/sdk`,\n// `@twa-dev/sdk`) would collide with a global `Window.Telegram` augmentation\n// shipped from this package. Reading through a narrow structural type at the\n// access site avoids that entirely while still getting type safety here.\ntype MinimalTelegramWebApp = {\n  colorScheme?: 'light' | 'dark'\n  offEvent?: (eventType: 'themeChanged', callback: () => void) => void\n  onEvent?: (eventType: 'themeChanged', callback: () => void) => void\n}\n\nfunction getTelegramWebApp(): MinimalTelegramWebApp | undefined {\n  if (typeof window === 'undefined') return undefined\n  return (window as typeof window & { Telegram?: { WebApp?: MinimalTelegramWebApp } }).Telegram?.WebApp\n}\n\nfunction getTelegramColorScheme(): 'light' | 'dark' | undefined {\n  const scheme = getTelegramWebApp()?.colorScheme\n  return scheme === 'light' || scheme === 'dark' ? scheme : undefined\n}\n\ntype ThemeDimensions = {\n  accentColor: ThemeAccentColor\n  density: 'comfortable' | 'compact'\n  grayColor: ThemeGrayColor\n  mode: ThemePreference\n  panelBackground: ThemePanelBackground\n  radius: ThemeRadius\n  scaling: ThemeScaling\n}\n\nconst defaultDimensions: ThemeDimensions = {\n  accentColor: 'rift',\n  density: 'comfortable',\n  grayColor: 'auto',\n  mode: 'system',\n  panelBackground: 'translucent',\n  radius: 'md',\n  scaling: '100',\n}\n\ntype ThemeContextValue = {\n  accentColor: ThemeAccentColor\n  density: 'comfortable' | 'compact'\n  grayColor: ThemeGrayColor\n  mode: ThemePreference\n  panelBackground: ThemePanelBackground\n  radius: ThemeRadius\n  resolvedTheme: 'light' | 'dark'\n  scaling: ThemeScaling\n  setAccentColor: (value: ThemeAccentColor) => void\n  setDensity: (value: 'comfortable' | 'compact') => void\n  setGrayColor: (value: ThemeGrayColor) => void\n  setMode: React.Dispatch<React.SetStateAction<ThemePreference>>\n  setPanelBackground: (value: ThemePanelBackground) => void\n  setRadius: (value: ThemeRadius) => void\n  setScaling: (value: ThemeScaling) => void\n  setTheme: React.Dispatch<React.SetStateAction<ThemePreference>>\n  theme: ThemePreference\n}\n\nconst ThemeProviderContext = React.createContext<ThemeContextValue | null>(null)\n\nfunction getSystemTheme(): 'light' | 'dark' {\n  if (typeof window === 'undefined') return 'light'\n  return getTelegramColorScheme() ?? (window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light')\n}\n\nfunction getStoredDimensions(storageKey: string, defaults: ThemeDimensions): ThemeDimensions {\n  if (typeof window === 'undefined') return defaults\n\n  try {\n    const stored = window.localStorage.getItem(storageKey)\n    if (!stored) return defaults\n\n    const parsed = JSON.parse(stored) as Partial<ThemeDimensions>\n    // A previous accent-tier naming scheme (amber/silver/bronze) can still be\n    // sitting in a returning user's localStorage. Guard against replaying an\n    // unrecognized value into `data-accent-color` \u2014 there is no CSS override\n    // block for it, so it silently inherits whatever accent happens to be\n    // ambient instead of a real, intentional tier.\n    const storedAccentColor =\n      parsed.accentColor && (ACCENT_COLOR_VALUES as readonly string[]).includes(parsed.accentColor)\n        ? parsed.accentColor\n        : undefined\n    return {\n      accentColor: storedAccentColor ?? defaults.accentColor,\n      density: parsed.density ?? defaults.density,\n      grayColor: parsed.grayColor ?? defaults.grayColor,\n      mode: parsed.mode ?? defaults.mode,\n      panelBackground: parsed.panelBackground ?? defaults.panelBackground,\n      radius: parsed.radius ?? defaults.radius,\n      scaling: parsed.scaling ?? defaults.scaling,\n    }\n  } catch {\n    return defaults\n  }\n}\n\nexport function ThemeProvider({\n  accentColor: accentColorProp,\n  children,\n  defaultTheme = 'system',\n  density: densityProp,\n  grayColor: grayColorProp,\n  panelBackground: panelBackgroundProp,\n  radius: radiusProp,\n  scaling: scalingProp,\n  storageKey,\n}: ThemeProviderProps) {\n  if (!storageKey) throw new Error('ThemeProvider requires a storageKey')\n  const defaults: ThemeDimensions = {\n    accentColor: accentColorProp ?? defaultDimensions.accentColor,\n    density: densityProp ?? defaultDimensions.density,\n    grayColor: grayColorProp ?? defaultDimensions.grayColor,\n    mode: defaultTheme,\n    panelBackground: panelBackgroundProp ?? defaultDimensions.panelBackground,\n    radius: radiusProp ?? defaultDimensions.radius,\n    scaling: scalingProp ?? defaultDimensions.scaling,\n  }\n\n  // Start with SSR-safe defaults so server and client initial renders match.\n  // Stored preferences and system theme are applied after mount to avoid hydration mismatches.\n  const [dimensions, setDimensions] = React.useState<ThemeDimensions>(defaults)\n  const [systemTheme, setSystemTheme] = React.useState<'light' | 'dark'>('light')\n\n  const resolvedTheme = dimensions.mode === 'system' ? systemTheme : dimensions.mode\n\n  // After hydration: restore stored preferences and detect system theme.\n  // A layout effect (not `useEffect`) so this \u2014 and the document-attribute\n  // effect below, also promoted to a layout effect \u2014 resolve synchronously\n  // before the browser paints. Splitting document application into a plain\n  // `useEffect` would let the browser paint the SSR-safe 'light' default\n  // first, since passive effects run after paint: exactly the flash this\n  // fix closes. ThemeScript (see ThemeScript.tsx) closes the earlier gap,\n  // before hydration even starts.\n  React.useLayoutEffect(() => {\n    setDimensions(getStoredDimensions(storageKey, defaults))\n    setSystemTheme(getSystemTheme())\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [])\n\n  // Persist all dimensions to localStorage\n  React.useEffect(() => {\n    if (typeof window === 'undefined') return\n    window.localStorage.setItem(storageKey, JSON.stringify(dimensions))\n  }, [storageKey, dimensions])\n\n  const foundationThemeValue = React.useMemo<FoundationThemeContextValue>(\n    () => ({\n      accentColor: dimensions.accentColor,\n      density: dimensions.density,\n      grayColor: dimensions.grayColor,\n      hasBackground: true,\n      mode: resolvedTheme,\n      panelBackground: dimensions.panelBackground,\n      radius: dimensions.radius,\n      scaling: dimensions.scaling,\n    }),\n    [dimensions, resolvedTheme],\n  )\n\n  // Apply data attributes to document. useLayoutEffect, not useEffect \u2014 see\n  // the restore effect above for why: this must resolve before paint.\n  React.useLayoutEffect(() => {\n    return applyThemeToDocument(foundationThemeValue)\n  }, [foundationThemeValue])\n\n  // Listen for system theme changes. Inside a Telegram Mini App WebView,\n  // `prefers-color-scheme` reflects the OS theme, not the Telegram client's\n  // own theme (a user can run light-mode Telegram on a dark-mode phone, or\n  // vice versa) \u2014 `Telegram.WebApp`'s `colorScheme` + `themeChanged` event is\n  // the actual signal, and take priority whenever the WebApp bridge exists.\n  React.useEffect(() => {\n    if (typeof window === 'undefined' || dimensions.mode !== 'system') return\n\n    const telegramWebApp = getTelegramWebApp()\n    if (telegramWebApp?.onEvent) {\n      const updateFromTelegram = () => {\n        const scheme = getTelegramColorScheme()\n        if (scheme) setSystemTheme(scheme)\n      }\n\n      updateFromTelegram()\n      telegramWebApp.onEvent('themeChanged', updateFromTelegram)\n\n      return () => {\n        telegramWebApp.offEvent?.('themeChanged', updateFromTelegram)\n      }\n    }\n\n    const mediaQuery = window.matchMedia('(prefers-color-scheme: dark)')\n    const updateTheme = () => {\n      setSystemTheme(mediaQuery.matches ? 'dark' : 'light')\n    }\n\n    updateTheme()\n    mediaQuery.addEventListener('change', updateTheme)\n\n    return () => {\n      mediaQuery.removeEventListener('change', updateTheme)\n    }\n  }, [dimensions.mode])\n\n  const setMode = React.useCallback(\n    (action: React.SetStateAction<ThemePreference>) => {\n      setDimensions((prev) => ({\n        ...prev,\n        mode: typeof action === 'function' ? action(prev.mode) : action,\n      }))\n    },\n    [],\n  )\n\n  const setAccentColor = React.useCallback((value: ThemeAccentColor) => {\n    setDimensions((prev) => ({ ...prev, accentColor: value }))\n  }, [])\n\n  const setDensity = React.useCallback((value: 'comfortable' | 'compact') => {\n    setDimensions((prev) => ({ ...prev, density: value }))\n  }, [])\n\n  const setGrayColor = React.useCallback((value: ThemeGrayColor) => {\n    setDimensions((prev) => ({ ...prev, grayColor: value }))\n  }, [])\n\n  const setPanelBackground = React.useCallback((value: ThemePanelBackground) => {\n    setDimensions((prev) => ({ ...prev, panelBackground: value }))\n  }, [])\n\n  const setRadius = React.useCallback((value: ThemeRadius) => {\n    setDimensions((prev) => ({ ...prev, radius: value }))\n  }, [])\n\n  const setScaling = React.useCallback((value: ThemeScaling) => {\n    setDimensions((prev) => ({ ...prev, scaling: value }))\n  }, [])\n\n  const contextValue = React.useMemo<ThemeContextValue>(\n    () => ({\n      accentColor: dimensions.accentColor,\n      density: dimensions.density,\n      grayColor: dimensions.grayColor,\n      mode: dimensions.mode,\n      panelBackground: dimensions.panelBackground,\n      radius: dimensions.radius,\n      resolvedTheme,\n      scaling: dimensions.scaling,\n      setAccentColor,\n      setDensity,\n      setGrayColor,\n      setMode,\n      setPanelBackground,\n      setRadius,\n      setScaling,\n      setTheme: setMode,\n      theme: dimensions.mode,\n    }),\n    [\n      dimensions,\n      resolvedTheme,\n      setAccentColor,\n      setDensity,\n      setGrayColor,\n      setMode,\n      setPanelBackground,\n      setRadius,\n      setScaling,\n    ],\n  )\n\n  return (\n    <ThemeContext.Provider value={foundationThemeValue}>\n      <ThemeProviderContext.Provider value={contextValue}>{children}</ThemeProviderContext.Provider>\n    </ThemeContext.Provider>\n  )\n}\n\nexport function useTheme() {\n  const context = React.useContext(ThemeProviderContext)\n\n  if (!context) {\n    throw new Error('useTheme must be used within a ThemeProvider')\n  }\n\n  return context\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/components/themeProvider/ThemeScript.cjs CHANGED Viewed

@@ -55,7 +55,7 @@ function getThemeInitScript(options) {
     radius: defaultRadius,
     scaling: defaultScaling
   };
-  return `(function(){try{var k=${JSON.stringify(storageKey)};var d=${JSON.stringify(defaults)};var validAccent=${JSON.stringify(import_constants.ACCENT_COLOR_VALUES)};var s=null;try{var r=window.localStorage.getItem(k);if(r)s=JSON.parse(r);}catch(e){}var storedAccent=(s&&s.accentColor&&validAccent.indexOf(s.accentColor)!==-1)?s.accentColor:null;var dims={mode:(s&&s.mode)||d.mode,density:(s&&s.density)||d.density,scaling:(s&&s.scaling)||d.scaling,accentColor:storedAccent||d.accentColor,grayColor:(s&&s.grayColor)||d.grayColor,radius:(s&&s.radius)||d.radius,panelBackground:(s&&s.panelBackground)||d.panelBackground};var m=dims.mode;if(m==="system"){m=(window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches)?"dark":"light";}var root=document.documentElement;root.setAttribute("data-dsx-theme",m);root.setAttribute("data-dsx-density",dims.density);root.setAttribute("data-dsx-scaling",dims.scaling);root.setAttribute("data-accent-color",dims.accentColor);root.setAttribute("data-gray-color",dims.grayColor);root.setAttribute("data-radius",dims.radius);root.setAttribute("data-panel-background",dims.panelBackground);root.setAttribute("data-has-background","true");root.style.colorScheme=m;}catch(e){}})();`;
+  return `(function(){try{var k=${JSON.stringify(storageKey)};var d=${JSON.stringify(defaults)};var validAccent=${JSON.stringify(import_constants.ACCENT_COLOR_VALUES)};var s=null;try{var r=window.localStorage.getItem(k);if(r)s=JSON.parse(r);}catch(e){}var storedAccent=(s&&s.accentColor&&validAccent.indexOf(s.accentColor)!==-1)?s.accentColor:null;var dims={mode:(s&&s.mode)||d.mode,density:(s&&s.density)||d.density,scaling:(s&&s.scaling)||d.scaling,accentColor:storedAccent||d.accentColor,grayColor:(s&&s.grayColor)||d.grayColor,radius:(s&&s.radius)||d.radius,panelBackground:(s&&s.panelBackground)||d.panelBackground};var m=dims.mode;if(m==="system"){var tgScheme;try{tgScheme=window.Telegram&&window.Telegram.WebApp&&window.Telegram.WebApp.colorScheme;}catch(e){}if(tgScheme==="light"||tgScheme==="dark"){m=tgScheme;}else{m=(window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches)?"dark":"light";}}var root=document.documentElement;root.setAttribute("data-dsx-theme",m);root.setAttribute("data-dsx-density",dims.density);root.setAttribute("data-dsx-scaling",dims.scaling);root.setAttribute("data-accent-color",dims.accentColor);root.setAttribute("data-gray-color",dims.grayColor);root.setAttribute("data-radius",dims.radius);root.setAttribute("data-panel-background",dims.panelBackground);root.setAttribute("data-has-background","true");root.style.colorScheme=m;}catch(e){}})();`;
 }
 function ThemeScript({ nonce, ...options }) {
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(

package/dist/components/themeProvider/ThemeScript.cjs.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/themeProvider/ThemeScript.tsx"],
-  "sourcesContent": ["import { ACCENT_COLOR_VALUES } from '../../_internal/constants'\nimport {\n  type ThemeAccentColor,\n  type ThemeGrayColor,\n  type ThemePanelBackground,\n  type ThemeRadius,\n  type ThemeScaling,\n} from '../../foundations/Theme'\n\nimport { type ThemePreference } from './themeProvider.props'\n\nexport type ThemeScriptOptions = {\n  defaultAccentColor?: ThemeAccentColor\n  defaultDensity?: 'comfortable' | 'compact'\n  defaultGrayColor?: ThemeGrayColor\n  defaultPanelBackground?: ThemePanelBackground\n  defaultRadius?: ThemeRadius\n  defaultScaling?: ThemeScaling\n  defaultTheme?: ThemePreference\n  storageKey: string\n}\n\nconst SCRIPT_DEFAULTS: Required<Omit<ThemeScriptOptions, 'storageKey'>> = {\n  defaultAccentColor: 'rift',\n  defaultDensity: 'comfortable',\n  defaultGrayColor: 'auto',\n  defaultPanelBackground: 'translucent',\n  defaultRadius: 'md',\n  defaultScaling: '100',\n  defaultTheme: 'system',\n}\n\n/**\n * Returns the JS source for a blocking, pre-hydration script that reads the\n * same storageKey ThemeProvider persists to (falling back to matchMedia for\n * `system`) and applies the document attribute contract to `<html>` before\n * first paint. `document.body` does not exist yet when this runs in <head>;\n * ThemeProvider's own mount-time effect mirrors the same attributes onto\n * `<body>` once it exists \u2014 see ThemeProvider.tsx.\n */\nexport function getThemeInitScript(options: ThemeScriptOptions): string {\n  const {\n    storageKey,\n    defaultAccentColor = SCRIPT_DEFAULTS.defaultAccentColor,\n    defaultDensity = SCRIPT_DEFAULTS.defaultDensity,\n    defaultGrayColor = SCRIPT_DEFAULTS.defaultGrayColor,\n    defaultPanelBackground = SCRIPT_DEFAULTS.defaultPanelBackground,\n    defaultRadius = SCRIPT_DEFAULTS.defaultRadius,\n    defaultScaling = SCRIPT_DEFAULTS.defaultScaling,\n    defaultTheme = SCRIPT_DEFAULTS.defaultTheme,\n  } = options\n\n  const defaults = {\n    accentColor: defaultAccentColor,\n    density: defaultDensity,\n    grayColor: defaultGrayColor,\n    mode: defaultTheme,\n    panelBackground: defaultPanelBackground,\n    radius: defaultRadius,\n    scaling: defaultScaling,\n  }\n\n  // Kept as a plain string (not a template literal interpolating live values)\n  // so JSON.stringify is the only thing crossing the JS/string boundary \u2014\n  // storageKey and defaults are trusted app config, never user input, but\n  // this keeps the emitted script free of unescaped interpolation regardless.\n  return `(function(){try{` +\n    `var k=${JSON.stringify(storageKey)};` +\n    `var d=${JSON.stringify(defaults)};` +\n    `var validAccent=${JSON.stringify(ACCENT_COLOR_VALUES)};` +\n    `var s=null;` +\n    `try{var r=window.localStorage.getItem(k);if(r)s=JSON.parse(r);}catch(e){}` +\n    // A previous accent-tier naming scheme (amber/silver/bronze) can still be\n    // sitting in a returning user's localStorage. Reject anything not in the\n    // current allowlist so a stale value can't drive data-accent-color into\n    // a state with no matching CSS override block.\n    `var storedAccent=(s&&s.accentColor&&validAccent.indexOf(s.accentColor)!==-1)?s.accentColor:null;` +\n    `var dims={` +\n    `mode:(s&&s.mode)||d.mode,` +\n    `density:(s&&s.density)||d.density,` +\n    `scaling:(s&&s.scaling)||d.scaling,` +\n    `accentColor:storedAccent||d.accentColor,` +\n    `grayColor:(s&&s.grayColor)||d.grayColor,` +\n    `radius:(s&&s.radius)||d.radius,` +\n    `panelBackground:(s&&s.panelBackground)||d.panelBackground` +\n    `};` +\n    `var m=dims.mode;` +\n    `if(m===\"system\"){m=(window.matchMedia&&window.matchMedia(\"(prefers-color-scheme: dark)\").matches)?\"dark\":\"light\";}` +\n    `var root=document.documentElement;` +\n    `root.setAttribute(\"data-dsx-theme\",m);` +\n    `root.setAttribute(\"data-dsx-density\",dims.density);` +\n    `root.setAttribute(\"data-dsx-scaling\",dims.scaling);` +\n    `root.setAttribute(\"data-accent-color\",dims.accentColor);` +\n    `root.setAttribute(\"data-gray-color\",dims.grayColor);` +\n    `root.setAttribute(\"data-radius\",dims.radius);` +\n    `root.setAttribute(\"data-panel-background\",dims.panelBackground);` +\n    `root.setAttribute(\"data-has-background\",\"true\");` +\n    `root.style.colorScheme=m;` +\n    `}catch(e){}})();`\n}\n\nexport type ThemeScriptProps = ThemeScriptOptions & {\n  nonce?: string\n}\n\n/**\n * Place inside the SSR document <head>, before any content that reads theme\n * tokens \u2014 e.g. Next.js `app/layout.tsx`'s `<head>`, or a custom `_document`.\n * Pass the same `storageKey` (and any `default*` overrides) given to\n * ThemeProvider so both read/write the identical stored-preference schema.\n * The host `<html>` element needs `suppressHydrationWarning` since this\n * script sets attributes on it before React hydrates.\n */\nexport function ThemeScript({ nonce, ...options }: ThemeScriptProps) {\n  return (\n    <script\n      nonce={nonce}\n      // eslint-disable-next-line react/no-danger -- static, options-derived script; no user input crosses this boundary\n      dangerouslySetInnerHTML={{ __html: getThemeInitScript(options) }}\n    />\n  )\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,uBAAoC;AACpC,mBAMO;AAEP,2BAAqC;AA0GjC;AA7FJ,MAAM,kBAAoE;AAAA,EACxE,oBAAoB;AAAA,EACpB,gBAAgB;AAAA,EAChB,kBAAkB;AAAA,EAClB,wBAAwB;AAAA,EACxB,eAAe;AAAA,EACf,gBAAgB;AAAA,EAChB,cAAc;AAChB;AAUO,SAAS,mBAAmB,SAAqC;AACtE,QAAM;AAAA,IACJ;AAAA,IACA,qBAAqB,gBAAgB;AAAA,IACrC,iBAAiB,gBAAgB;AAAA,IACjC,mBAAmB,gBAAgB;AAAA,IACnC,yBAAyB,gBAAgB;AAAA,IACzC,gBAAgB,gBAAgB;AAAA,IAChC,iBAAiB,gBAAgB;AAAA,IACjC,eAAe,gBAAgB;AAAA,EACjC,IAAI;AAEJ,QAAM,WAAW;AAAA,IACf,aAAa;AAAA,IACb,SAAS;AAAA,IACT,WAAW;AAAA,IACX,MAAM;AAAA,IACN,iBAAiB;AAAA,IACjB,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AAMA,SAAO,yBACI,KAAK,UAAU,UAAU,CAAC,UAC1B,KAAK,UAAU,QAAQ,CAAC,oBACd,KAAK,UAAU,oCAAmB,CAAC;AA8B1D;AAcO,SAAS,YAAY,EAAE,OAAO,GAAG,QAAQ,GAAqB;AACnE,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MAEA,yBAAyB,EAAE,QAAQ,mBAAmB,OAAO,EAAE;AAAA;AAAA,EACjE;AAEJ;",
+  "sourcesContent": ["import { ACCENT_COLOR_VALUES } from '../../_internal/constants'\nimport {\n  type ThemeAccentColor,\n  type ThemeGrayColor,\n  type ThemePanelBackground,\n  type ThemeRadius,\n  type ThemeScaling,\n} from '../../foundations/Theme'\n\nimport { type ThemePreference } from './themeProvider.props'\n\nexport type ThemeScriptOptions = {\n  defaultAccentColor?: ThemeAccentColor\n  defaultDensity?: 'comfortable' | 'compact'\n  defaultGrayColor?: ThemeGrayColor\n  defaultPanelBackground?: ThemePanelBackground\n  defaultRadius?: ThemeRadius\n  defaultScaling?: ThemeScaling\n  defaultTheme?: ThemePreference\n  storageKey: string\n}\n\nconst SCRIPT_DEFAULTS: Required<Omit<ThemeScriptOptions, 'storageKey'>> = {\n  defaultAccentColor: 'rift',\n  defaultDensity: 'comfortable',\n  defaultGrayColor: 'auto',\n  defaultPanelBackground: 'translucent',\n  defaultRadius: 'md',\n  defaultScaling: '100',\n  defaultTheme: 'system',\n}\n\n/**\n * Returns the JS source for a blocking, pre-hydration script that reads the\n * same storageKey ThemeProvider persists to (falling back to matchMedia for\n * `system`) and applies the document attribute contract to `<html>` before\n * first paint. `document.body` does not exist yet when this runs in <head>;\n * ThemeProvider's own mount-time effect mirrors the same attributes onto\n * `<body>` once it exists \u2014 see ThemeProvider.tsx.\n */\nexport function getThemeInitScript(options: ThemeScriptOptions): string {\n  const {\n    storageKey,\n    defaultAccentColor = SCRIPT_DEFAULTS.defaultAccentColor,\n    defaultDensity = SCRIPT_DEFAULTS.defaultDensity,\n    defaultGrayColor = SCRIPT_DEFAULTS.defaultGrayColor,\n    defaultPanelBackground = SCRIPT_DEFAULTS.defaultPanelBackground,\n    defaultRadius = SCRIPT_DEFAULTS.defaultRadius,\n    defaultScaling = SCRIPT_DEFAULTS.defaultScaling,\n    defaultTheme = SCRIPT_DEFAULTS.defaultTheme,\n  } = options\n\n  const defaults = {\n    accentColor: defaultAccentColor,\n    density: defaultDensity,\n    grayColor: defaultGrayColor,\n    mode: defaultTheme,\n    panelBackground: defaultPanelBackground,\n    radius: defaultRadius,\n    scaling: defaultScaling,\n  }\n\n  // Kept as a plain string (not a template literal interpolating live values)\n  // so JSON.stringify is the only thing crossing the JS/string boundary \u2014\n  // storageKey and defaults are trusted app config, never user input, but\n  // this keeps the emitted script free of unescaped interpolation regardless.\n  return `(function(){try{` +\n    `var k=${JSON.stringify(storageKey)};` +\n    `var d=${JSON.stringify(defaults)};` +\n    `var validAccent=${JSON.stringify(ACCENT_COLOR_VALUES)};` +\n    `var s=null;` +\n    `try{var r=window.localStorage.getItem(k);if(r)s=JSON.parse(r);}catch(e){}` +\n    // A previous accent-tier naming scheme (amber/silver/bronze) can still be\n    // sitting in a returning user's localStorage. Reject anything not in the\n    // current allowlist so a stale value can't drive data-accent-color into\n    // a state with no matching CSS override block.\n    `var storedAccent=(s&&s.accentColor&&validAccent.indexOf(s.accentColor)!==-1)?s.accentColor:null;` +\n    `var dims={` +\n    `mode:(s&&s.mode)||d.mode,` +\n    `density:(s&&s.density)||d.density,` +\n    `scaling:(s&&s.scaling)||d.scaling,` +\n    `accentColor:storedAccent||d.accentColor,` +\n    `grayColor:(s&&s.grayColor)||d.grayColor,` +\n    `radius:(s&&s.radius)||d.radius,` +\n    `panelBackground:(s&&s.panelBackground)||d.panelBackground` +\n    `};` +\n    `var m=dims.mode;` +\n    `if(m===\"system\"){` +\n    // Telegram Mini App WebViews: `Telegram.WebApp.colorScheme` reflects the\n    // Telegram client's own theme, which can diverge from the OS theme\n    // `prefers-color-scheme` reports (light-mode Telegram on a dark-mode\n    // phone, or vice versa) \u2014 check it first; matchMedia is the fallback for\n    // a plain browser embed. Mirrors ThemeProvider.tsx's runtime detection.\n    `var tgScheme;` +\n    `try{tgScheme=window.Telegram&&window.Telegram.WebApp&&window.Telegram.WebApp.colorScheme;}catch(e){}` +\n    `if(tgScheme===\"light\"||tgScheme===\"dark\"){m=tgScheme;}` +\n    `else{m=(window.matchMedia&&window.matchMedia(\"(prefers-color-scheme: dark)\").matches)?\"dark\":\"light\";}` +\n    `}` +\n    `var root=document.documentElement;` +\n    `root.setAttribute(\"data-dsx-theme\",m);` +\n    `root.setAttribute(\"data-dsx-density\",dims.density);` +\n    `root.setAttribute(\"data-dsx-scaling\",dims.scaling);` +\n    `root.setAttribute(\"data-accent-color\",dims.accentColor);` +\n    `root.setAttribute(\"data-gray-color\",dims.grayColor);` +\n    `root.setAttribute(\"data-radius\",dims.radius);` +\n    `root.setAttribute(\"data-panel-background\",dims.panelBackground);` +\n    `root.setAttribute(\"data-has-background\",\"true\");` +\n    `root.style.colorScheme=m;` +\n    `}catch(e){}})();`\n}\n\nexport type ThemeScriptProps = ThemeScriptOptions & {\n  nonce?: string\n}\n\n/**\n * Place inside the SSR document <head>, before any content that reads theme\n * tokens \u2014 e.g. Next.js `app/layout.tsx`'s `<head>`, or a custom `_document`.\n * Pass the same `storageKey` (and any `default*` overrides) given to\n * ThemeProvider so both read/write the identical stored-preference schema.\n * The host `<html>` element needs `suppressHydrationWarning` since this\n * script sets attributes on it before React hydrates.\n */\nexport function ThemeScript({ nonce, ...options }: ThemeScriptProps) {\n  return (\n    <script\n      nonce={nonce}\n      // eslint-disable-next-line react/no-danger -- static, options-derived script; no user input crosses this boundary\n      dangerouslySetInnerHTML={{ __html: getThemeInitScript(options) }}\n    />\n  )\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,uBAAoC;AACpC,mBAMO;AAEP,2BAAqC;AAoHjC;AAvGJ,MAAM,kBAAoE;AAAA,EACxE,oBAAoB;AAAA,EACpB,gBAAgB;AAAA,EAChB,kBAAkB;AAAA,EAClB,wBAAwB;AAAA,EACxB,eAAe;AAAA,EACf,gBAAgB;AAAA,EAChB,cAAc;AAChB;AAUO,SAAS,mBAAmB,SAAqC;AACtE,QAAM;AAAA,IACJ;AAAA,IACA,qBAAqB,gBAAgB;AAAA,IACrC,iBAAiB,gBAAgB;AAAA,IACjC,mBAAmB,gBAAgB;AAAA,IACnC,yBAAyB,gBAAgB;AAAA,IACzC,gBAAgB,gBAAgB;AAAA,IAChC,iBAAiB,gBAAgB;AAAA,IACjC,eAAe,gBAAgB;AAAA,EACjC,IAAI;AAEJ,QAAM,WAAW;AAAA,IACf,aAAa;AAAA,IACb,SAAS;AAAA,IACT,WAAW;AAAA,IACX,MAAM;AAAA,IACN,iBAAiB;AAAA,IACjB,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AAMA,SAAO,yBACI,KAAK,UAAU,UAAU,CAAC,UAC1B,KAAK,UAAU,QAAQ,CAAC,oBACd,KAAK,UAAU,oCAAmB,CAAC;AAwC1D;AAcO,SAAS,YAAY,EAAE,OAAO,GAAG,QAAQ,GAAqB;AACnE,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MAEA,yBAAyB,EAAE,QAAQ,mBAAmB,OAAO,EAAE;AAAA;AAAA,EACjE;AAEJ;",
   "names": []
 }

package/dist/components/themeProvider/ThemeScript.d.cts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ThemeScript.d.cts","sourceRoot":"","sources":["../../../src/components/themeProvider/ThemeScript.tsx"],"names":[],"mappings":"AACA,OAAO,EACL,KAAK,gBAAgB,EACrB,KAAK,cAAc,EACnB,KAAK,oBAAoB,EACzB,KAAK,WAAW,EAChB,KAAK,YAAY,EAClB,MAAM,yBAAyB,CAAA;AAEhC,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,uBAAuB,CAAA;AAE5D,MAAM,MAAM,kBAAkB,GAAG;IAC/B,kBAAkB,CAAC,EAAE,gBAAgB,CAAA;IACrC,cAAc,CAAC,EAAE,aAAa,GAAG,SAAS,CAAA;IAC1C,gBAAgB,CAAC,EAAE,cAAc,CAAA;IACjC,sBAAsB,CAAC,EAAE,oBAAoB,CAAA;IAC7C,aAAa,CAAC,EAAE,WAAW,CAAA;IAC3B,cAAc,CAAC,EAAE,YAAY,CAAA;IAC7B,YAAY,CAAC,EAAE,eAAe,CAAA;IAC9B,UAAU,EAAE,MAAM,CAAA;CACnB,CAAA;AAYD;;;;;;;GAOG;AACH,wBAAgB,kBAAkB,CAAC,OAAO,EAAE,kBAAkB,GAAG,MAAM,~~CA2DtE~~;AAED,MAAM,MAAM,gBAAgB,GAAG,kBAAkB,GAAG;IAClD,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AAED;;;;;;;GAOG;AACH,wBAAgB,WAAW,CAAC,EAAE,KAAK,EAAE,GAAG,OAAO,EAAE,EAAE,gBAAgB,2CAQlE"}
1	+ {"version":3,"file":"ThemeScript.d.cts","sourceRoot":"","sources":["../../../src/components/themeProvider/ThemeScript.tsx"],"names":[],"mappings":"AACA,OAAO,EACL,KAAK,gBAAgB,EACrB,KAAK,cAAc,EACnB,KAAK,oBAAoB,EACzB,KAAK,WAAW,EAChB,KAAK,YAAY,EAClB,MAAM,yBAAyB,CAAA;AAEhC,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,uBAAuB,CAAA;AAE5D,MAAM,MAAM,kBAAkB,GAAG;IAC/B,kBAAkB,CAAC,EAAE,gBAAgB,CAAA;IACrC,cAAc,CAAC,EAAE,aAAa,GAAG,SAAS,CAAA;IAC1C,gBAAgB,CAAC,EAAE,cAAc,CAAA;IACjC,sBAAsB,CAAC,EAAE,oBAAoB,CAAA;IAC7C,aAAa,CAAC,EAAE,WAAW,CAAA;IAC3B,cAAc,CAAC,EAAE,YAAY,CAAA;IAC7B,YAAY,CAAC,EAAE,eAAe,CAAA;IAC9B,UAAU,EAAE,MAAM,CAAA;CACnB,CAAA;AAYD;;;;;;;GAOG;AACH,wBAAgB,kBAAkB,CAAC,OAAO,EAAE,kBAAkB,GAAG,MAAM,CAqEtE;AAED,MAAM,MAAM,gBAAgB,GAAG,kBAAkB,GAAG;IAClD,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AAED;;;;;;;GAOG;AACH,wBAAgB,WAAW,CAAC,EAAE,KAAK,EAAE,GAAG,OAAO,EAAE,EAAE,gBAAgB,2CAQlE"}

package/dist/components/themeProvider/ThemeScript.d.mts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ThemeScript.d.mts","sourceRoot":"","sources":["../../../src/components/themeProvider/ThemeScript.tsx"],"names":[],"mappings":"AACA,OAAO,EACL,KAAK,gBAAgB,EACrB,KAAK,cAAc,EACnB,KAAK,oBAAoB,EACzB,KAAK,WAAW,EAChB,KAAK,YAAY,EAClB,MAAM,yBAAyB,CAAA;AAEhC,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,uBAAuB,CAAA;AAE5D,MAAM,MAAM,kBAAkB,GAAG;IAC/B,kBAAkB,CAAC,EAAE,gBAAgB,CAAA;IACrC,cAAc,CAAC,EAAE,aAAa,GAAG,SAAS,CAAA;IAC1C,gBAAgB,CAAC,EAAE,cAAc,CAAA;IACjC,sBAAsB,CAAC,EAAE,oBAAoB,CAAA;IAC7C,aAAa,CAAC,EAAE,WAAW,CAAA;IAC3B,cAAc,CAAC,EAAE,YAAY,CAAA;IAC7B,YAAY,CAAC,EAAE,eAAe,CAAA;IAC9B,UAAU,EAAE,MAAM,CAAA;CACnB,CAAA;AAYD;;;;;;;GAOG;AACH,wBAAgB,kBAAkB,CAAC,OAAO,EAAE,kBAAkB,GAAG,MAAM,~~CA2DtE~~;AAED,MAAM,MAAM,gBAAgB,GAAG,kBAAkB,GAAG;IAClD,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AAED;;;;;;;GAOG;AACH,wBAAgB,WAAW,CAAC,EAAE,KAAK,EAAE,GAAG,OAAO,EAAE,EAAE,gBAAgB,2CAQlE"}
1	+ {"version":3,"file":"ThemeScript.d.mts","sourceRoot":"","sources":["../../../src/components/themeProvider/ThemeScript.tsx"],"names":[],"mappings":"AACA,OAAO,EACL,KAAK,gBAAgB,EACrB,KAAK,cAAc,EACnB,KAAK,oBAAoB,EACzB,KAAK,WAAW,EAChB,KAAK,YAAY,EAClB,MAAM,yBAAyB,CAAA;AAEhC,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,uBAAuB,CAAA;AAE5D,MAAM,MAAM,kBAAkB,GAAG;IAC/B,kBAAkB,CAAC,EAAE,gBAAgB,CAAA;IACrC,cAAc,CAAC,EAAE,aAAa,GAAG,SAAS,CAAA;IAC1C,gBAAgB,CAAC,EAAE,cAAc,CAAA;IACjC,sBAAsB,CAAC,EAAE,oBAAoB,CAAA;IAC7C,aAAa,CAAC,EAAE,WAAW,CAAA;IAC3B,cAAc,CAAC,EAAE,YAAY,CAAA;IAC7B,YAAY,CAAC,EAAE,eAAe,CAAA;IAC9B,UAAU,EAAE,MAAM,CAAA;CACnB,CAAA;AAYD;;;;;;;GAOG;AACH,wBAAgB,kBAAkB,CAAC,OAAO,EAAE,kBAAkB,GAAG,MAAM,CAqEtE;AAED,MAAM,MAAM,gBAAgB,GAAG,kBAAkB,GAAG;IAClD,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AAED;;;;;;;GAOG;AACH,wBAAgB,WAAW,CAAC,EAAE,KAAK,EAAE,GAAG,OAAO,EAAE,EAAE,gBAAgB,2CAQlE"}

package/dist/components/themeProvider/ThemeScript.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ThemeScript.d.ts","sourceRoot":"","sources":["../../../src/components/themeProvider/ThemeScript.tsx"],"names":[],"mappings":"AACA,OAAO,EACL,KAAK,gBAAgB,EACrB,KAAK,cAAc,EACnB,KAAK,oBAAoB,EACzB,KAAK,WAAW,EAChB,KAAK,YAAY,EAClB,MAAM,yBAAyB,CAAA;AAEhC,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,uBAAuB,CAAA;AAE5D,MAAM,MAAM,kBAAkB,GAAG;IAC/B,kBAAkB,CAAC,EAAE,gBAAgB,CAAA;IACrC,cAAc,CAAC,EAAE,aAAa,GAAG,SAAS,CAAA;IAC1C,gBAAgB,CAAC,EAAE,cAAc,CAAA;IACjC,sBAAsB,CAAC,EAAE,oBAAoB,CAAA;IAC7C,aAAa,CAAC,EAAE,WAAW,CAAA;IAC3B,cAAc,CAAC,EAAE,YAAY,CAAA;IAC7B,YAAY,CAAC,EAAE,eAAe,CAAA;IAC9B,UAAU,EAAE,MAAM,CAAA;CACnB,CAAA;AAYD;;;;;;;GAOG;AACH,wBAAgB,kBAAkB,CAAC,OAAO,EAAE,kBAAkB,GAAG,MAAM,~~CA2DtE~~;AAED,MAAM,MAAM,gBAAgB,GAAG,kBAAkB,GAAG;IAClD,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AAED;;;;;;;GAOG;AACH,wBAAgB,WAAW,CAAC,EAAE,KAAK,EAAE,GAAG,OAAO,EAAE,EAAE,gBAAgB,2CAQlE"}
1	+ {"version":3,"file":"ThemeScript.d.ts","sourceRoot":"","sources":["../../../src/components/themeProvider/ThemeScript.tsx"],"names":[],"mappings":"AACA,OAAO,EACL,KAAK,gBAAgB,EACrB,KAAK,cAAc,EACnB,KAAK,oBAAoB,EACzB,KAAK,WAAW,EAChB,KAAK,YAAY,EAClB,MAAM,yBAAyB,CAAA;AAEhC,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,uBAAuB,CAAA;AAE5D,MAAM,MAAM,kBAAkB,GAAG;IAC/B,kBAAkB,CAAC,EAAE,gBAAgB,CAAA;IACrC,cAAc,CAAC,EAAE,aAAa,GAAG,SAAS,CAAA;IAC1C,gBAAgB,CAAC,EAAE,cAAc,CAAA;IACjC,sBAAsB,CAAC,EAAE,oBAAoB,CAAA;IAC7C,aAAa,CAAC,EAAE,WAAW,CAAA;IAC3B,cAAc,CAAC,EAAE,YAAY,CAAA;IAC7B,YAAY,CAAC,EAAE,eAAe,CAAA;IAC9B,UAAU,EAAE,MAAM,CAAA;CACnB,CAAA;AAYD;;;;;;;GAOG;AACH,wBAAgB,kBAAkB,CAAC,OAAO,EAAE,kBAAkB,GAAG,MAAM,CAqEtE;AAED,MAAM,MAAM,gBAAgB,GAAG,kBAAkB,GAAG;IAClD,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AAED;;;;;;;GAOG;AACH,wBAAgB,WAAW,CAAC,EAAE,KAAK,EAAE,GAAG,OAAO,EAAE,EAAE,gBAAgB,2CAQlE"}

package/dist/components/themeProvider/ThemeScript.js CHANGED Viewed

@@ -32,7 +32,7 @@ function getThemeInitScript(options) {
     radius: defaultRadius,
     scaling: defaultScaling
   };
-  return `(function(){try{var k=${JSON.stringify(storageKey)};var d=${JSON.stringify(defaults)};var validAccent=${JSON.stringify(ACCENT_COLOR_VALUES)};var s=null;try{var r=window.localStorage.getItem(k);if(r)s=JSON.parse(r);}catch(e){}var storedAccent=(s&&s.accentColor&&validAccent.indexOf(s.accentColor)!==-1)?s.accentColor:null;var dims={mode:(s&&s.mode)||d.mode,density:(s&&s.density)||d.density,scaling:(s&&s.scaling)||d.scaling,accentColor:storedAccent||d.accentColor,grayColor:(s&&s.grayColor)||d.grayColor,radius:(s&&s.radius)||d.radius,panelBackground:(s&&s.panelBackground)||d.panelBackground};var m=dims.mode;if(m==="system"){m=(window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches)?"dark":"light";}var root=document.documentElement;root.setAttribute("data-dsx-theme",m);root.setAttribute("data-dsx-density",dims.density);root.setAttribute("data-dsx-scaling",dims.scaling);root.setAttribute("data-accent-color",dims.accentColor);root.setAttribute("data-gray-color",dims.grayColor);root.setAttribute("data-radius",dims.radius);root.setAttribute("data-panel-background",dims.panelBackground);root.setAttribute("data-has-background","true");root.style.colorScheme=m;}catch(e){}})();`;
+  return `(function(){try{var k=${JSON.stringify(storageKey)};var d=${JSON.stringify(defaults)};var validAccent=${JSON.stringify(ACCENT_COLOR_VALUES)};var s=null;try{var r=window.localStorage.getItem(k);if(r)s=JSON.parse(r);}catch(e){}var storedAccent=(s&&s.accentColor&&validAccent.indexOf(s.accentColor)!==-1)?s.accentColor:null;var dims={mode:(s&&s.mode)||d.mode,density:(s&&s.density)||d.density,scaling:(s&&s.scaling)||d.scaling,accentColor:storedAccent||d.accentColor,grayColor:(s&&s.grayColor)||d.grayColor,radius:(s&&s.radius)||d.radius,panelBackground:(s&&s.panelBackground)||d.panelBackground};var m=dims.mode;if(m==="system"){var tgScheme;try{tgScheme=window.Telegram&&window.Telegram.WebApp&&window.Telegram.WebApp.colorScheme;}catch(e){}if(tgScheme==="light"||tgScheme==="dark"){m=tgScheme;}else{m=(window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches)?"dark":"light";}}var root=document.documentElement;root.setAttribute("data-dsx-theme",m);root.setAttribute("data-dsx-density",dims.density);root.setAttribute("data-dsx-scaling",dims.scaling);root.setAttribute("data-accent-color",dims.accentColor);root.setAttribute("data-gray-color",dims.grayColor);root.setAttribute("data-radius",dims.radius);root.setAttribute("data-panel-background",dims.panelBackground);root.setAttribute("data-has-background","true");root.style.colorScheme=m;}catch(e){}})();`;
 }
 function ThemeScript({ nonce, ...options }) {
   return /* @__PURE__ */ jsx(

package/dist/components/themeProvider/ThemeScript.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/themeProvider/ThemeScript.tsx"],
-  "sourcesContent": ["import { ACCENT_COLOR_VALUES } from '../../_internal/constants'\nimport {\n  type ThemeAccentColor,\n  type ThemeGrayColor,\n  type ThemePanelBackground,\n  type ThemeRadius,\n  type ThemeScaling,\n} from '../../foundations/Theme'\n\nimport { type ThemePreference } from './themeProvider.props'\n\nexport type ThemeScriptOptions = {\n  defaultAccentColor?: ThemeAccentColor\n  defaultDensity?: 'comfortable' | 'compact'\n  defaultGrayColor?: ThemeGrayColor\n  defaultPanelBackground?: ThemePanelBackground\n  defaultRadius?: ThemeRadius\n  defaultScaling?: ThemeScaling\n  defaultTheme?: ThemePreference\n  storageKey: string\n}\n\nconst SCRIPT_DEFAULTS: Required<Omit<ThemeScriptOptions, 'storageKey'>> = {\n  defaultAccentColor: 'rift',\n  defaultDensity: 'comfortable',\n  defaultGrayColor: 'auto',\n  defaultPanelBackground: 'translucent',\n  defaultRadius: 'md',\n  defaultScaling: '100',\n  defaultTheme: 'system',\n}\n\n/**\n * Returns the JS source for a blocking, pre-hydration script that reads the\n * same storageKey ThemeProvider persists to (falling back to matchMedia for\n * `system`) and applies the document attribute contract to `<html>` before\n * first paint. `document.body` does not exist yet when this runs in <head>;\n * ThemeProvider's own mount-time effect mirrors the same attributes onto\n * `<body>` once it exists \u2014 see ThemeProvider.tsx.\n */\nexport function getThemeInitScript(options: ThemeScriptOptions): string {\n  const {\n    storageKey,\n    defaultAccentColor = SCRIPT_DEFAULTS.defaultAccentColor,\n    defaultDensity = SCRIPT_DEFAULTS.defaultDensity,\n    defaultGrayColor = SCRIPT_DEFAULTS.defaultGrayColor,\n    defaultPanelBackground = SCRIPT_DEFAULTS.defaultPanelBackground,\n    defaultRadius = SCRIPT_DEFAULTS.defaultRadius,\n    defaultScaling = SCRIPT_DEFAULTS.defaultScaling,\n    defaultTheme = SCRIPT_DEFAULTS.defaultTheme,\n  } = options\n\n  const defaults = {\n    accentColor: defaultAccentColor,\n    density: defaultDensity,\n    grayColor: defaultGrayColor,\n    mode: defaultTheme,\n    panelBackground: defaultPanelBackground,\n    radius: defaultRadius,\n    scaling: defaultScaling,\n  }\n\n  // Kept as a plain string (not a template literal interpolating live values)\n  // so JSON.stringify is the only thing crossing the JS/string boundary \u2014\n  // storageKey and defaults are trusted app config, never user input, but\n  // this keeps the emitted script free of unescaped interpolation regardless.\n  return `(function(){try{` +\n    `var k=${JSON.stringify(storageKey)};` +\n    `var d=${JSON.stringify(defaults)};` +\n    `var validAccent=${JSON.stringify(ACCENT_COLOR_VALUES)};` +\n    `var s=null;` +\n    `try{var r=window.localStorage.getItem(k);if(r)s=JSON.parse(r);}catch(e){}` +\n    // A previous accent-tier naming scheme (amber/silver/bronze) can still be\n    // sitting in a returning user's localStorage. Reject anything not in the\n    // current allowlist so a stale value can't drive data-accent-color into\n    // a state with no matching CSS override block.\n    `var storedAccent=(s&&s.accentColor&&validAccent.indexOf(s.accentColor)!==-1)?s.accentColor:null;` +\n    `var dims={` +\n    `mode:(s&&s.mode)||d.mode,` +\n    `density:(s&&s.density)||d.density,` +\n    `scaling:(s&&s.scaling)||d.scaling,` +\n    `accentColor:storedAccent||d.accentColor,` +\n    `grayColor:(s&&s.grayColor)||d.grayColor,` +\n    `radius:(s&&s.radius)||d.radius,` +\n    `panelBackground:(s&&s.panelBackground)||d.panelBackground` +\n    `};` +\n    `var m=dims.mode;` +\n    `if(m===\"system\"){m=(window.matchMedia&&window.matchMedia(\"(prefers-color-scheme: dark)\").matches)?\"dark\":\"light\";}` +\n    `var root=document.documentElement;` +\n    `root.setAttribute(\"data-dsx-theme\",m);` +\n    `root.setAttribute(\"data-dsx-density\",dims.density);` +\n    `root.setAttribute(\"data-dsx-scaling\",dims.scaling);` +\n    `root.setAttribute(\"data-accent-color\",dims.accentColor);` +\n    `root.setAttribute(\"data-gray-color\",dims.grayColor);` +\n    `root.setAttribute(\"data-radius\",dims.radius);` +\n    `root.setAttribute(\"data-panel-background\",dims.panelBackground);` +\n    `root.setAttribute(\"data-has-background\",\"true\");` +\n    `root.style.colorScheme=m;` +\n    `}catch(e){}})();`\n}\n\nexport type ThemeScriptProps = ThemeScriptOptions & {\n  nonce?: string\n}\n\n/**\n * Place inside the SSR document <head>, before any content that reads theme\n * tokens \u2014 e.g. Next.js `app/layout.tsx`'s `<head>`, or a custom `_document`.\n * Pass the same `storageKey` (and any `default*` overrides) given to\n * ThemeProvider so both read/write the identical stored-preference schema.\n * The host `<html>` element needs `suppressHydrationWarning` since this\n * script sets attributes on it before React hydrates.\n */\nexport function ThemeScript({ nonce, ...options }: ThemeScriptProps) {\n  return (\n    <script\n      nonce={nonce}\n      // eslint-disable-next-line react/no-danger -- static, options-derived script; no user input crosses this boundary\n      dangerouslySetInnerHTML={{ __html: getThemeInitScript(options) }}\n    />\n  )\n}\n"],
-  "mappings": "AAAA,SAAS,2BAA2B;AACpC;AAAA,OAMO;AAEP,eAAqC;AA0GjC;AA7FJ,MAAM,kBAAoE;AAAA,EACxE,oBAAoB;AAAA,EACpB,gBAAgB;AAAA,EAChB,kBAAkB;AAAA,EAClB,wBAAwB;AAAA,EACxB,eAAe;AAAA,EACf,gBAAgB;AAAA,EAChB,cAAc;AAChB;AAUO,SAAS,mBAAmB,SAAqC;AACtE,QAAM;AAAA,IACJ;AAAA,IACA,qBAAqB,gBAAgB;AAAA,IACrC,iBAAiB,gBAAgB;AAAA,IACjC,mBAAmB,gBAAgB;AAAA,IACnC,yBAAyB,gBAAgB;AAAA,IACzC,gBAAgB,gBAAgB;AAAA,IAChC,iBAAiB,gBAAgB;AAAA,IACjC,eAAe,gBAAgB;AAAA,EACjC,IAAI;AAEJ,QAAM,WAAW;AAAA,IACf,aAAa;AAAA,IACb,SAAS;AAAA,IACT,WAAW;AAAA,IACX,MAAM;AAAA,IACN,iBAAiB;AAAA,IACjB,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AAMA,SAAO,yBACI,KAAK,UAAU,UAAU,CAAC,UAC1B,KAAK,UAAU,QAAQ,CAAC,oBACd,KAAK,UAAU,mBAAmB,CAAC;AA8B1D;AAcO,SAAS,YAAY,EAAE,OAAO,GAAG,QAAQ,GAAqB;AACnE,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MAEA,yBAAyB,EAAE,QAAQ,mBAAmB,OAAO,EAAE;AAAA;AAAA,EACjE;AAEJ;",
+  "sourcesContent": ["import { ACCENT_COLOR_VALUES } from '../../_internal/constants'\nimport {\n  type ThemeAccentColor,\n  type ThemeGrayColor,\n  type ThemePanelBackground,\n  type ThemeRadius,\n  type ThemeScaling,\n} from '../../foundations/Theme'\n\nimport { type ThemePreference } from './themeProvider.props'\n\nexport type ThemeScriptOptions = {\n  defaultAccentColor?: ThemeAccentColor\n  defaultDensity?: 'comfortable' | 'compact'\n  defaultGrayColor?: ThemeGrayColor\n  defaultPanelBackground?: ThemePanelBackground\n  defaultRadius?: ThemeRadius\n  defaultScaling?: ThemeScaling\n  defaultTheme?: ThemePreference\n  storageKey: string\n}\n\nconst SCRIPT_DEFAULTS: Required<Omit<ThemeScriptOptions, 'storageKey'>> = {\n  defaultAccentColor: 'rift',\n  defaultDensity: 'comfortable',\n  defaultGrayColor: 'auto',\n  defaultPanelBackground: 'translucent',\n  defaultRadius: 'md',\n  defaultScaling: '100',\n  defaultTheme: 'system',\n}\n\n/**\n * Returns the JS source for a blocking, pre-hydration script that reads the\n * same storageKey ThemeProvider persists to (falling back to matchMedia for\n * `system`) and applies the document attribute contract to `<html>` before\n * first paint. `document.body` does not exist yet when this runs in <head>;\n * ThemeProvider's own mount-time effect mirrors the same attributes onto\n * `<body>` once it exists \u2014 see ThemeProvider.tsx.\n */\nexport function getThemeInitScript(options: ThemeScriptOptions): string {\n  const {\n    storageKey,\n    defaultAccentColor = SCRIPT_DEFAULTS.defaultAccentColor,\n    defaultDensity = SCRIPT_DEFAULTS.defaultDensity,\n    defaultGrayColor = SCRIPT_DEFAULTS.defaultGrayColor,\n    defaultPanelBackground = SCRIPT_DEFAULTS.defaultPanelBackground,\n    defaultRadius = SCRIPT_DEFAULTS.defaultRadius,\n    defaultScaling = SCRIPT_DEFAULTS.defaultScaling,\n    defaultTheme = SCRIPT_DEFAULTS.defaultTheme,\n  } = options\n\n  const defaults = {\n    accentColor: defaultAccentColor,\n    density: defaultDensity,\n    grayColor: defaultGrayColor,\n    mode: defaultTheme,\n    panelBackground: defaultPanelBackground,\n    radius: defaultRadius,\n    scaling: defaultScaling,\n  }\n\n  // Kept as a plain string (not a template literal interpolating live values)\n  // so JSON.stringify is the only thing crossing the JS/string boundary \u2014\n  // storageKey and defaults are trusted app config, never user input, but\n  // this keeps the emitted script free of unescaped interpolation regardless.\n  return `(function(){try{` +\n    `var k=${JSON.stringify(storageKey)};` +\n    `var d=${JSON.stringify(defaults)};` +\n    `var validAccent=${JSON.stringify(ACCENT_COLOR_VALUES)};` +\n    `var s=null;` +\n    `try{var r=window.localStorage.getItem(k);if(r)s=JSON.parse(r);}catch(e){}` +\n    // A previous accent-tier naming scheme (amber/silver/bronze) can still be\n    // sitting in a returning user's localStorage. Reject anything not in the\n    // current allowlist so a stale value can't drive data-accent-color into\n    // a state with no matching CSS override block.\n    `var storedAccent=(s&&s.accentColor&&validAccent.indexOf(s.accentColor)!==-1)?s.accentColor:null;` +\n    `var dims={` +\n    `mode:(s&&s.mode)||d.mode,` +\n    `density:(s&&s.density)||d.density,` +\n    `scaling:(s&&s.scaling)||d.scaling,` +\n    `accentColor:storedAccent||d.accentColor,` +\n    `grayColor:(s&&s.grayColor)||d.grayColor,` +\n    `radius:(s&&s.radius)||d.radius,` +\n    `panelBackground:(s&&s.panelBackground)||d.panelBackground` +\n    `};` +\n    `var m=dims.mode;` +\n    `if(m===\"system\"){` +\n    // Telegram Mini App WebViews: `Telegram.WebApp.colorScheme` reflects the\n    // Telegram client's own theme, which can diverge from the OS theme\n    // `prefers-color-scheme` reports (light-mode Telegram on a dark-mode\n    // phone, or vice versa) \u2014 check it first; matchMedia is the fallback for\n    // a plain browser embed. Mirrors ThemeProvider.tsx's runtime detection.\n    `var tgScheme;` +\n    `try{tgScheme=window.Telegram&&window.Telegram.WebApp&&window.Telegram.WebApp.colorScheme;}catch(e){}` +\n    `if(tgScheme===\"light\"||tgScheme===\"dark\"){m=tgScheme;}` +\n    `else{m=(window.matchMedia&&window.matchMedia(\"(prefers-color-scheme: dark)\").matches)?\"dark\":\"light\";}` +\n    `}` +\n    `var root=document.documentElement;` +\n    `root.setAttribute(\"data-dsx-theme\",m);` +\n    `root.setAttribute(\"data-dsx-density\",dims.density);` +\n    `root.setAttribute(\"data-dsx-scaling\",dims.scaling);` +\n    `root.setAttribute(\"data-accent-color\",dims.accentColor);` +\n    `root.setAttribute(\"data-gray-color\",dims.grayColor);` +\n    `root.setAttribute(\"data-radius\",dims.radius);` +\n    `root.setAttribute(\"data-panel-background\",dims.panelBackground);` +\n    `root.setAttribute(\"data-has-background\",\"true\");` +\n    `root.style.colorScheme=m;` +\n    `}catch(e){}})();`\n}\n\nexport type ThemeScriptProps = ThemeScriptOptions & {\n  nonce?: string\n}\n\n/**\n * Place inside the SSR document <head>, before any content that reads theme\n * tokens \u2014 e.g. Next.js `app/layout.tsx`'s `<head>`, or a custom `_document`.\n * Pass the same `storageKey` (and any `default*` overrides) given to\n * ThemeProvider so both read/write the identical stored-preference schema.\n * The host `<html>` element needs `suppressHydrationWarning` since this\n * script sets attributes on it before React hydrates.\n */\nexport function ThemeScript({ nonce, ...options }: ThemeScriptProps) {\n  return (\n    <script\n      nonce={nonce}\n      // eslint-disable-next-line react/no-danger -- static, options-derived script; no user input crosses this boundary\n      dangerouslySetInnerHTML={{ __html: getThemeInitScript(options) }}\n    />\n  )\n}\n"],
+  "mappings": "AAAA,SAAS,2BAA2B;AACpC;AAAA,OAMO;AAEP,eAAqC;AAoHjC;AAvGJ,MAAM,kBAAoE;AAAA,EACxE,oBAAoB;AAAA,EACpB,gBAAgB;AAAA,EAChB,kBAAkB;AAAA,EAClB,wBAAwB;AAAA,EACxB,eAAe;AAAA,EACf,gBAAgB;AAAA,EAChB,cAAc;AAChB;AAUO,SAAS,mBAAmB,SAAqC;AACtE,QAAM;AAAA,IACJ;AAAA,IACA,qBAAqB,gBAAgB;AAAA,IACrC,iBAAiB,gBAAgB;AAAA,IACjC,mBAAmB,gBAAgB;AAAA,IACnC,yBAAyB,gBAAgB;AAAA,IACzC,gBAAgB,gBAAgB;AAAA,IAChC,iBAAiB,gBAAgB;AAAA,IACjC,eAAe,gBAAgB;AAAA,EACjC,IAAI;AAEJ,QAAM,WAAW;AAAA,IACf,aAAa;AAAA,IACb,SAAS;AAAA,IACT,WAAW;AAAA,IACX,MAAM;AAAA,IACN,iBAAiB;AAAA,IACjB,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AAMA,SAAO,yBACI,KAAK,UAAU,UAAU,CAAC,UAC1B,KAAK,UAAU,QAAQ,CAAC,oBACd,KAAK,UAAU,mBAAmB,CAAC;AAwC1D;AAcO,SAAS,YAAY,EAAE,OAAO,GAAG,QAAQ,GAAqB;AACnE,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MAEA,yBAAyB,EAAE,QAAQ,mBAAmB,OAAO,EAAE;AAAA;AAAA,EACjE;AAEJ;",
   "names": []
 }

package/dist/components/time-picker.css CHANGED Viewed

@@ -9,8 +9,9 @@
   gap: var(--dsx-space-sm);
   padding: var(--dsx-density-control-padding-block, var(--dsx-space-sm)) var(--dsx-density-control-padding-inline, var(--dsx-space-md));
   border-radius: var(--dsx-rounded-md);
-  border: var(--dsx-border-width-sm) solid var(--dsx-color-outline);
-  background: var(--dsx-color-surface-overlay);
+  border: var(--dsx-border-width-sm) solid var(--dsx-panel-border-color);
+  background: var(--dsx-color-panel-translucent);
+  backdrop-filter: var(--dsx-effect-panel-glass-backdrop-filter);
   color: var(--dsx-color-on-surface);
   font-family: var(--dsx-typography-body-medium-font-family), sans-serif;
   font-size: var(--dsx-typography-body-medium-font-size);

package/dist/components/timeline.css CHANGED Viewed

@@ -4,6 +4,8 @@
   display: flex;
   flex-direction: column;
   box-sizing: border-box;
+  min-width: 0;
+  max-width: 100%;
 }
 .dsx-timeline--left {
@@ -17,6 +19,8 @@
 .dsx-timeline__item {
   display: flex;
   position: relative;
+  min-width: 0;
+  max-width: 100%;
 }
 .dsx-timeline--left .dsx-timeline__item {
@@ -24,36 +28,49 @@
   gap: var(--dsx-space-lg);
 }
+/* Alternate variant: centered dot-column spine with parity-split content.
+   Shares Stepper's vertical rail engine (see stepper.css
+   `.dsx-stepper--vertical .dsx-stepper__item:not(:last-child)::after`): the
+   connector is item-local, anchored at the marker bottom (`top` = marker
+   size) and stretched to the item bottom (`bottom: 0`), centered on the dot
+   column via `calc(marker-size / 2 - rail-width / 2)`. Timeline keeps its own
+   Connector DOM node (Stepper draws via ::after and hides its Separator) and
+   its own rail width (`--dsx-border-width-sm`); the geometry recipe is shared,
+   the slot API and ARIA roles stay distinct. Keep in sync with stepper.css. */
 .dsx-timeline--alternate .dsx-timeline__item {
-  flex-direction: row;
+  display: grid;
+  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
+  column-gap: var(--dsx-space-lg);
   width: 100%;
 }
-/* Zigzag: even items flip marker/content to the opposite side. This is a
-   per-item flip, not a shared centered spine — the connector position is
-   re-anchored to the marker's new (right) edge to match.
-   :nth-child()/[data-size] are wrapped in :where() so these rules tie the
-   file's pre-existing (0,3,0) ceiling on source order instead of exceeding
-   it — same technique as the V-2 card-selection fix. */
-.dsx-timeline--alternate .dsx-timeline__item:where(:nth-child(even)) {
-  flex-direction: row-reverse;
+/* Parity split: the 1fr tracks exist without any spacer element, so equal
+   fr shares keep the marker exactly on the centerline in both parities.
+   Odd items read content-left, even items read content-right. */
+.dsx-timeline--alternate .dsx-timeline__item:where(:nth-child(odd)) .dsx-timeline__content {
+  grid-column: 1;
+  grid-row: 1;
+  text-align: right;
 }
-.dsx-timeline--alternate .dsx-timeline__item:where(:nth-child(even)) .dsx-timeline__content {
-  text-align: right;
+.dsx-timeline--alternate .dsx-timeline__item:where(:nth-child(odd)) .dsx-timeline__marker {
+  grid-column: 2;
+  grid-row: 1;
 }
-.dsx-timeline--alternate .dsx-timeline__item:where(:nth-child(even)) .dsx-timeline__connector {
-  left: auto;
-  right: calc(var(--dsx-size-md) / 2 - var(--dsx-border-width-sm) / 2);
+.dsx-timeline--alternate .dsx-timeline__item:where(:nth-child(even)) .dsx-timeline__marker {
+  grid-column: 2;
+  grid-row: 1;
 }
-.dsx-timeline--alternate:where([data-size='sm']) .dsx-timeline__item:where(:nth-child(even)) .dsx-timeline__connector {
-  right: calc(var(--dsx-size-sm) / 2 - var(--dsx-border-width-sm) / 2);
+.dsx-timeline--alternate .dsx-timeline__item:where(:nth-child(even)) .dsx-timeline__content {
+  grid-column: 3;
+  grid-row: 1;
+  text-align: left;
 }
-.dsx-timeline--alternate:where([data-size='lg']) .dsx-timeline__item:where(:nth-child(even)) .dsx-timeline__connector {
-  right: calc(var(--dsx-size-lg) / 2 - var(--dsx-border-width-sm) / 2);
+.dsx-timeline--alternate .dsx-timeline__content {
+  min-width: 0;
 }
 .dsx-timeline__marker {
@@ -94,6 +111,19 @@
   top: var(--dsx-size-lg);
 }
+/* Centered spine: the connector runs down the item's vertical centerline,
+   which is the marker center because both halves are equal flex: 1. `top`
+   still follows the marker size via the base size rules above — only the
+   horizontal anchor is overridden here. Specificity (0,3,0) ties the base
+   size rules, so this block must stay after them in source order. */
+.dsx-timeline--alternate[data-size='sm'] .dsx-timeline__connector,
+.dsx-timeline--alternate[data-size='md'] .dsx-timeline__connector,
+.dsx-timeline--alternate:not([data-size]) .dsx-timeline__connector,
+.dsx-timeline--alternate[data-size='lg'] .dsx-timeline__connector {
+  left: calc(50% - var(--dsx-border-width-sm) / 2);
+  right: auto;
+}
 .dsx-timeline__item--active .dsx-timeline__marker {
   border-color: var(--dsx-color-primary);
   background: var(--dsx-color-primary);
@@ -123,11 +153,17 @@
   background: var(--dsx-color-primary);
 }
+.dsx-timeline__item--error .dsx-timeline__connector {
+  background: var(--dsx-color-error);
+}
 .dsx-timeline__content {
   display: flex;
   flex-direction: column;
   gap: var(--dsx-space-2xs);
   flex: 1;
+  min-width: 0;
+  overflow-wrap: anywhere;
   padding-bottom: var(--dsx-space-lg);
 }

package/dist/components/toast/Toast.d.cts CHANGED Viewed

@@ -21,7 +21,7 @@ declare const ToastRoot: React.ForwardRefExoticComponent<Omit<ToastPrimitive.Toa
     variant: {
         type: "enum";
         className: string;
-        values: readonly ["default", "destructive"];
+        values: readonly ["default", "success", "warning", "destructive", "info"];
         default: "default";
     };
     size: {

package/dist/components/toast/Toast.d.mts CHANGED Viewed

@@ -21,7 +21,7 @@ declare const ToastRoot: React.ForwardRefExoticComponent<Omit<ToastPrimitive.Toa
     variant: {
         type: "enum";
         className: string;
-        values: readonly ["default", "destructive"];
+        values: readonly ["default", "success", "warning", "destructive", "info"];
         default: "default";
     };
     size: {

package/dist/components/toast/Toast.d.ts CHANGED Viewed

@@ -21,7 +21,7 @@ declare const ToastRoot: React.ForwardRefExoticComponent<Omit<ToastPrimitive.Toa
     variant: {
         type: "enum";
         className: string;
-        values: readonly ["default", "destructive"];
+        values: readonly ["default", "success", "warning", "destructive", "info"];
         default: "default";
     };
     size: {

package/dist/components/toast/toast.props.cjs CHANGED Viewed

@@ -24,7 +24,7 @@ __export(toast_props_exports, {
 });
 module.exports = __toCommonJS(toast_props_exports);
 var import_asChild = require("../../_internal/props/asChild.prop");
-const toastVariants = ["default", "destructive"];
+const toastVariants = ["default", "success", "warning", "destructive", "info"];
 const toastSizes = ["sm", "md", "lg"];
 const toastPropDefs = {
   variant: {

package/dist/components/toast/toast.props.cjs.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/toast/toast.props.ts"],
-  "sourcesContent": ["import { asChildPropDef } from '../../_internal/props/asChild.prop'\n\nimport type { PropDef } from '../../_internal/props/propDef'\n\nconst toastVariants = ['default', 'destructive'] as const\nconst toastSizes = ['sm', 'md', 'lg'] as const\n\nconst toastPropDefs = {\n  variant: {\n    type: 'enum',\n    className: 'dsx-toast-variant',\n    values: toastVariants,\n    default: 'default',\n  },\n  size: {\n    type: 'enum',\n    values: toastSizes,\n    default: 'md',\n  },\n} satisfies {\n  variant: PropDef<(typeof toastVariants)[number]>\n  size: PropDef<(typeof toastSizes)[number]>\n}\n\nconst toastTriggerPropDefs = {\n  ...asChildPropDef,\n} satisfies {\n  asChild: PropDef\n}\n\nexport { toastPropDefs, toastTriggerPropDefs, toastVariants }\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAA+B;AAI/B,MAAM,gBAAgB,CAAC,WAAW,aAAa;AAC/C,MAAM,aAAa,CAAC,MAAM,MAAM,IAAI;AAEpC,MAAM,gBAAgB;AAAA,EACpB,SAAS;AAAA,IACP,MAAM;AAAA,IACN,WAAW;AAAA,IACX,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AAAA,EACA,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AACF;AAKA,MAAM,uBAAuB;AAAA,EAC3B,GAAG;AACL;",
+  "sourcesContent": ["import { asChildPropDef } from '../../_internal/props/asChild.prop'\n\nimport type { PropDef } from '../../_internal/props/propDef'\n\nconst toastVariants = ['default', 'success', 'warning', 'destructive', 'info'] as const\nconst toastSizes = ['sm', 'md', 'lg'] as const\n\nconst toastPropDefs = {\n  variant: {\n    type: 'enum',\n    className: 'dsx-toast-variant',\n    values: toastVariants,\n    default: 'default',\n  },\n  size: {\n    type: 'enum',\n    values: toastSizes,\n    default: 'md',\n  },\n} satisfies {\n  variant: PropDef<(typeof toastVariants)[number]>\n  size: PropDef<(typeof toastSizes)[number]>\n}\n\nconst toastTriggerPropDefs = {\n  ...asChildPropDef,\n} satisfies {\n  asChild: PropDef\n}\n\nexport { toastPropDefs, toastTriggerPropDefs, toastVariants }\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAA+B;AAI/B,MAAM,gBAAgB,CAAC,WAAW,WAAW,WAAW,eAAe,MAAM;AAC7E,MAAM,aAAa,CAAC,MAAM,MAAM,IAAI;AAEpC,MAAM,gBAAgB;AAAA,EACpB,SAAS;AAAA,IACP,MAAM;AAAA,IACN,WAAW;AAAA,IACX,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AAAA,EACA,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AACF;AAKA,MAAM,uBAAuB;AAAA,EAC3B,GAAG;AACL;",
   "names": []
 }

package/dist/components/toast/toast.props.d.cts CHANGED Viewed

@@ -1,9 +1,9 @@
-declare const toastVariants: readonly ["default", "destructive"];
+declare const toastVariants: readonly ["default", "success", "warning", "destructive", "info"];
 declare const toastPropDefs: {
     variant: {
         type: "enum";
         className: string;
-        values: readonly ["default", "destructive"];
+        values: readonly ["default", "success", "warning", "destructive", "info"];
         default: "default";
     };
     size: {

package/dist/components/toast/toast.props.d.cts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"toast.props.d.cts","sourceRoot":"","sources":["../../../src/components/toast/toast.props.ts"],"names":[],"mappings":"AAIA,QAAA,MAAM,aAAa,~~qCAAsC~~,CAAA;~~AAGzD~~,QAAA,MAAM,aAAa;;;;;;;;;;;;CAelB,CAAA;AAED,QAAA,MAAM,oBAAoB;;;;;CAIzB,CAAA;AAED,OAAO,EAAE,aAAa,EAAE,oBAAoB,EAAE,aAAa,EAAE,CAAA"}
1	+ {"version":3,"file":"toast.props.d.cts","sourceRoot":"","sources":["../../../src/components/toast/toast.props.ts"],"names":[],"mappings":"AAIA,QAAA,MAAM,aAAa,mEAAoE,CAAA;AAGvF,QAAA,MAAM,aAAa;;;;;;;;;;;;CAelB,CAAA;AAED,QAAA,MAAM,oBAAoB;;;;;CAIzB,CAAA;AAED,OAAO,EAAE,aAAa,EAAE,oBAAoB,EAAE,aAAa,EAAE,CAAA"}

package/dist/components/toast/toast.props.d.mts CHANGED Viewed

@@ -1,9 +1,9 @@
-declare const toastVariants: readonly ["default", "destructive"];
+declare const toastVariants: readonly ["default", "success", "warning", "destructive", "info"];
 declare const toastPropDefs: {
     variant: {
         type: "enum";
         className: string;
-        values: readonly ["default", "destructive"];
+        values: readonly ["default", "success", "warning", "destructive", "info"];
         default: "default";
     };
     size: {

package/dist/components/toast/toast.props.d.mts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"toast.props.d.mts","sourceRoot":"","sources":["../../../src/components/toast/toast.props.ts"],"names":[],"mappings":"AAIA,QAAA,MAAM,aAAa,~~qCAAsC~~,CAAA;~~AAGzD~~,QAAA,MAAM,aAAa;;;;;;;;;;;;CAelB,CAAA;AAED,QAAA,MAAM,oBAAoB;;;;;CAIzB,CAAA;AAED,OAAO,EAAE,aAAa,EAAE,oBAAoB,EAAE,aAAa,EAAE,CAAA"}
1	+ {"version":3,"file":"toast.props.d.mts","sourceRoot":"","sources":["../../../src/components/toast/toast.props.ts"],"names":[],"mappings":"AAIA,QAAA,MAAM,aAAa,mEAAoE,CAAA;AAGvF,QAAA,MAAM,aAAa;;;;;;;;;;;;CAelB,CAAA;AAED,QAAA,MAAM,oBAAoB;;;;;CAIzB,CAAA;AAED,OAAO,EAAE,aAAa,EAAE,oBAAoB,EAAE,aAAa,EAAE,CAAA"}

package/dist/components/toast/toast.props.d.ts CHANGED Viewed

@@ -1,9 +1,9 @@
-declare const toastVariants: readonly ["default", "destructive"];
+declare const toastVariants: readonly ["default", "success", "warning", "destructive", "info"];
 declare const toastPropDefs: {
     variant: {
         type: "enum";
         className: string;
-        values: readonly ["default", "destructive"];
+        values: readonly ["default", "success", "warning", "destructive", "info"];
         default: "default";
     };
     size: {

package/dist/components/toast/toast.props.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"toast.props.d.ts","sourceRoot":"","sources":["../../../src/components/toast/toast.props.ts"],"names":[],"mappings":"AAIA,QAAA,MAAM,aAAa,~~qCAAsC~~,CAAA;~~AAGzD~~,QAAA,MAAM,aAAa;;;;;;;;;;;;CAelB,CAAA;AAED,QAAA,MAAM,oBAAoB;;;;;CAIzB,CAAA;AAED,OAAO,EAAE,aAAa,EAAE,oBAAoB,EAAE,aAAa,EAAE,CAAA"}
1	+ {"version":3,"file":"toast.props.d.ts","sourceRoot":"","sources":["../../../src/components/toast/toast.props.ts"],"names":[],"mappings":"AAIA,QAAA,MAAM,aAAa,mEAAoE,CAAA;AAGvF,QAAA,MAAM,aAAa;;;;;;;;;;;;CAelB,CAAA;AAED,QAAA,MAAM,oBAAoB;;;;;CAIzB,CAAA;AAED,OAAO,EAAE,aAAa,EAAE,oBAAoB,EAAE,aAAa,EAAE,CAAA"}

package/dist/components/toast/toast.props.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import { asChildPropDef } from "../../_internal/props/asChild.prop.js";
-const toastVariants = ["default", "destructive"];
+const toastVariants = ["default", "success", "warning", "destructive", "info"];
 const toastSizes = ["sm", "md", "lg"];
 const toastPropDefs = {
   variant: {

package/dist/components/toast/toast.props.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/toast/toast.props.ts"],
-  "sourcesContent": ["import { asChildPropDef } from '../../_internal/props/asChild.prop'\n\nimport type { PropDef } from '../../_internal/props/propDef'\n\nconst toastVariants = ['default', 'destructive'] as const\nconst toastSizes = ['sm', 'md', 'lg'] as const\n\nconst toastPropDefs = {\n  variant: {\n    type: 'enum',\n    className: 'dsx-toast-variant',\n    values: toastVariants,\n    default: 'default',\n  },\n  size: {\n    type: 'enum',\n    values: toastSizes,\n    default: 'md',\n  },\n} satisfies {\n  variant: PropDef<(typeof toastVariants)[number]>\n  size: PropDef<(typeof toastSizes)[number]>\n}\n\nconst toastTriggerPropDefs = {\n  ...asChildPropDef,\n} satisfies {\n  asChild: PropDef\n}\n\nexport { toastPropDefs, toastTriggerPropDefs, toastVariants }\n"],
-  "mappings": "AAAA,SAAS,sBAAsB;AAI/B,MAAM,gBAAgB,CAAC,WAAW,aAAa;AAC/C,MAAM,aAAa,CAAC,MAAM,MAAM,IAAI;AAEpC,MAAM,gBAAgB;AAAA,EACpB,SAAS;AAAA,IACP,MAAM;AAAA,IACN,WAAW;AAAA,IACX,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AAAA,EACA,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AACF;AAKA,MAAM,uBAAuB;AAAA,EAC3B,GAAG;AACL;",
+  "sourcesContent": ["import { asChildPropDef } from '../../_internal/props/asChild.prop'\n\nimport type { PropDef } from '../../_internal/props/propDef'\n\nconst toastVariants = ['default', 'success', 'warning', 'destructive', 'info'] as const\nconst toastSizes = ['sm', 'md', 'lg'] as const\n\nconst toastPropDefs = {\n  variant: {\n    type: 'enum',\n    className: 'dsx-toast-variant',\n    values: toastVariants,\n    default: 'default',\n  },\n  size: {\n    type: 'enum',\n    values: toastSizes,\n    default: 'md',\n  },\n} satisfies {\n  variant: PropDef<(typeof toastVariants)[number]>\n  size: PropDef<(typeof toastSizes)[number]>\n}\n\nconst toastTriggerPropDefs = {\n  ...asChildPropDef,\n} satisfies {\n  asChild: PropDef\n}\n\nexport { toastPropDefs, toastTriggerPropDefs, toastVariants }\n"],
+  "mappings": "AAAA,SAAS,sBAAsB;AAI/B,MAAM,gBAAgB,CAAC,WAAW,WAAW,WAAW,eAAe,MAAM;AAC7E,MAAM,aAAa,CAAC,MAAM,MAAM,IAAI;AAEpC,MAAM,gBAAgB;AAAA,EACpB,SAAS;AAAA,IACP,MAAM;AAAA,IACN,WAAW;AAAA,IACX,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AAAA,EACA,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AACF;AAKA,MAAM,uBAAuB;AAAA,EAC3B,GAAG;AACL;",
   "names": []
 }