@hanwenbo/x-taro-ui 0.0.1

package/es/theme/listTypography.js

@@ -0,0 +1,99 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+/**
+ * Shared list-row typography tokens aligned with x-mobile-ui List / CheckList / Menu.
+ */
+
+import { designSystemTypography } from "./generated/design-system.generated";
+var sizes = designSystemTypography.sizes,
+  roles = designSystemTypography.roles;
+/** Mirrors x-mobile-ui listItemTitleVariants / listItemDescVariants. */
+export function getListTypographyTokens() {
+  var size = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'middle';
+  switch (size) {
+    case 'mini':
+      return {
+        titleFontSize: sizes.xs,
+        titleFontWeight: roles.label.fontWeight,
+        descriptionFontSize: 10
+      };
+    case 'small':
+      return {
+        titleFontSize: sizes.xs,
+        titleFontWeight: roles.label.fontWeight,
+        descriptionFontSize: sizes.xs
+      };
+    case 'large':
+      return {
+        titleFontSize: sizes.base,
+        titleFontWeight: roles.label.fontWeight,
+        descriptionFontSize: sizes.base
+      };
+    case 'middle':
+    default:
+      return {
+        titleFontSize: sizes.sm,
+        titleFontWeight: roles.label.fontWeight,
+        descriptionFontSize: sizes.sm
+      };
+  }
+}
+/** Mirrors x-mobile-ui itemTitleVariants / itemDescriptionVariants (medium = text-sm). */
+export function getItemTypographyTokens() {
+  var size = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'medium';
+  switch (size) {
+    case 'mini':
+      return {
+        titleFontSize: sizes.xs,
+        titleFontWeight: roles.label.fontWeight,
+        descriptionFontSize: 11,
+        extraFontSize: sizes.xs
+      };
+    case 'small':
+      return {
+        titleFontSize: sizes.sm,
+        titleFontWeight: roles.label.fontWeight,
+        descriptionFontSize: sizes.xs,
+        extraFontSize: sizes.xs
+      };
+    case 'large':
+      return {
+        titleFontSize: sizes.base,
+        titleFontWeight: roles.label.fontWeight,
+        descriptionFontSize: sizes.sm,
+        extraFontSize: sizes.sm
+      };
+    case 'middle':
+    case 'medium':
+    default:
+      return {
+        titleFontSize: sizes.sm,
+        titleFontWeight: roles.label.fontWeight,
+        descriptionFontSize: sizes.sm,
+        extraFontSize: sizes.sm
+      };
+  }
+}
+export function getDescriptionsTypographyTokens() {
+  var size = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'middle';
+  var rowPadding = size === 'small' ? {
+    rowPaddingY: 8,
+    rowPaddingX: 12
+  } : size === 'large' ? {
+    rowPaddingY: 14,
+    rowPaddingX: 18
+  } : {
+    rowPaddingY: 12,
+    rowPaddingX: 14
+  };
+  return _objectSpread({
+    titleFontSize: sizes.base,
+    titleFontWeight: roles.label.fontWeight,
+    labelFontSize: roles.caption.fontSize,
+    valueFontSize: sizes.sm
+  }, rowPadding);
+}

package/es/theme/runtime/ThemeProvider.d.ts

@@ -0,0 +1,30 @@
+/**
+ * Theme Provider for x-taro-ui
+ * Mini-program adapted version
+ */
+import React from 'react';
+import type { BaseColor, ColorScheme, Theme, ThemeConfig, ThemeContextType, ThemeMode } from '../types';
+export interface ThemeProviderProps {
+    children: React.ReactNode;
+    /**
+     * 将主题类名和变量合并到直接子节点，而不是额外渲染 View。
+     * Taro App 根节点应启用此项，避免打断 `.taro_router > .taro_page` 层级。
+     */
+    asChild?: boolean;
+    defaultTheme?: ThemeMode | ThemeConfig;
+    baseColor?: BaseColor;
+    colorScheme?: ColorScheme;
+    radius?: ThemeConfig['radius'];
+    colors?: Partial<Theme['colors']>;
+    cssVariables?: ThemeConfig['cssVariables'];
+    /** Persist the normalized theme with Taro storage. Defaults on the outermost provider. */
+    storageKey?: string;
+}
+export declare const ThemeProvider: React.FC<ThemeProviderProps>;
+export declare function useTheme(): ThemeContextType;
+export declare function useOptionalTheme(): ThemeContextType | undefined;
+export declare function useThemeMode(): 'light' | 'dark';
+export declare function useThemeBaseColor(): BaseColor;
+export declare function useThemeColorScheme(): ColorScheme;
+export declare function useIsDarkMode(): boolean;
+//# sourceMappingURL=ThemeProvider.d.ts.map

package/es/theme/runtime/ThemeProvider.js

@@ -0,0 +1,308 @@
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+/**
+ * Theme Provider for x-taro-ui
+ * Mini-program adapted version
+ */
+
+import React, { Children, Fragment, cloneElement, createContext, isValidElement, useCallback, useContext, useEffect, useMemo, useState } from 'react';
+import { View } from '@tarojs/components';
+import Taro from '@tarojs/taro';
+import { createTheme, DEFAULT_COLOR_SCHEME, isThemeMode, normalizeThemeConfig, resolveThemeMode } from "../default-theme";
+import { buildThemeStyle } from "./cssVariables";
+import { jsx as _jsx } from "react/jsx-runtime";
+// Taro H5 在本地 tarball 更新或分包热重载时，可能只替换消费主题 hook 的
+// chunk，而保留已经挂载的 App/ThemeProvider。若这里每次模块求值都创建新
+// Context，新 hook 就无法读取旧 Provider。使用全局 symbol 让同一运行时内
+// 的模块副本与热更新版本始终共享一个 Context；不同小程序运行时仍彼此隔离。
+var themeContextKey = Symbol.for('x-taro-ui.theme-context');
+var themeContextRegistry = globalThis;
+var existingThemeContext = themeContextRegistry[themeContextKey];
+var ThemeContext = existingThemeContext !== null && existingThemeContext !== void 0 ? existingThemeContext : /*#__PURE__*/createContext(undefined);
+var DEFAULT_THEME_STORAGE_KEY = 'x-mobile-ui-theme';
+if (!existingThemeContext) {
+  themeContextRegistry[themeContextKey] = ThemeContext;
+}
+
+// ThemeProvider props
+
+function applyThemeToChildren(children, themeClassName, themeStyle) {
+  return Children.map(children, function (child) {
+    if (! /*#__PURE__*/isValidElement(child)) return child;
+    if (child.type === Fragment) {
+      return /*#__PURE__*/cloneElement(child, undefined, applyThemeToChildren(child.props.children, themeClassName, themeStyle));
+    }
+    return /*#__PURE__*/cloneElement(child, {
+      className: [child.props.className, themeClassName].filter(Boolean).join(' '),
+      style: _objectSpread(_objectSpread({}, themeStyle), child.props.style)
+    });
+  });
+}
+
+// Resolve initial config from props
+function resolveInitialConfig(defaultTheme, baseColor, colorScheme, radius, colors, cssVariables) {
+  var themeConfig = typeof defaultTheme === 'string' ? {
+    colorScheme: defaultTheme === 'system' ? 'light' : defaultTheme
+  } : defaultTheme !== null && defaultTheme !== void 0 ? defaultTheme : {};
+  return normalizeThemeConfig(_objectSpread({
+    baseColor: baseColor,
+    colorScheme: colorScheme,
+    radius: radius,
+    colors: colors,
+    cssVariables: cssVariables
+  }, themeConfig));
+}
+function parseStoredThemeConfig(storageKey) {
+  if (!storageKey) return null;
+  try {
+    var nativeRuntime = globalThis.wx;
+    var stored = (nativeRuntime !== null && nativeRuntime !== void 0 ? nativeRuntime : Taro).getStorageSync(storageKey);
+    if (!stored) return null;
+    if (isThemeMode(stored)) return {
+      colorScheme: resolveThemeMode(stored)
+    };
+    var parsed = typeof stored === 'string' ? JSON.parse(stored) : stored;
+    if (isThemeMode(parsed)) return {
+      colorScheme: resolveThemeMode(parsed)
+    };
+    if (parsed && _typeof(parsed) === 'object' && !Array.isArray(parsed)) {
+      return parsed;
+    }
+  } catch (_unused) {
+    return null;
+  }
+  return null;
+}
+function mergeStoredThemeConfig(defaultConfig, storedConfig) {
+  var _defaultConfig$colors, _storedConfig$colors, _defaultConfig$cssVar, _storedConfig$cssVari;
+  if (!storedConfig) return defaultConfig;
+  return normalizeThemeConfig(_objectSpread(_objectSpread(_objectSpread({}, defaultConfig), storedConfig), {}, {
+    colors: _objectSpread(_objectSpread({}, (_defaultConfig$colors = defaultConfig.colors) !== null && _defaultConfig$colors !== void 0 ? _defaultConfig$colors : {}), (_storedConfig$colors = storedConfig.colors) !== null && _storedConfig$colors !== void 0 ? _storedConfig$colors : {}),
+    cssVariables: _objectSpread(_objectSpread({}, (_defaultConfig$cssVar = defaultConfig.cssVariables) !== null && _defaultConfig$cssVar !== void 0 ? _defaultConfig$cssVar : {}), (_storedConfig$cssVari = storedConfig.cssVariables) !== null && _storedConfig$cssVari !== void 0 ? _storedConfig$cssVari : {})
+  }));
+}
+export var ThemeProvider = function ThemeProvider(_ref) {
+  var children = _ref.children,
+    _ref$asChild = _ref.asChild,
+    asChild = _ref$asChild === void 0 ? false : _ref$asChild,
+    defaultTheme = _ref.defaultTheme,
+    baseColor = _ref.baseColor,
+    colorScheme = _ref.colorScheme,
+    radius = _ref.radius,
+    colors = _ref.colors,
+    cssVariables = _ref.cssVariables,
+    storageKey = _ref.storageKey;
+  var parentThemeContext = useContext(ThemeContext);
+  var resolvedStorageKey = storageKey !== null && storageKey !== void 0 ? storageKey : parentThemeContext ? undefined : DEFAULT_THEME_STORAGE_KEY;
+  // Initialize config
+  var defaultConfig = useMemo(function () {
+    return resolveInitialConfig(defaultTheme, baseColor, colorScheme, radius, colors, cssVariables);
+  }, [defaultTheme, baseColor, colorScheme, radius, colors, cssVariables]);
+
+  // Theme config state
+  var _useState = useState(function () {
+      return mergeStoredThemeConfig(defaultConfig, parseStoredThemeConfig(resolvedStorageKey));
+    }),
+    _useState2 = _slicedToArray(_useState, 2),
+    themeConfig = _useState2[0],
+    setThemeConfig = _useState2[1];
+
+  // Create theme from config
+  var theme = useMemo(function () {
+    return createTheme(themeConfig);
+  }, [themeConfig]);
+  useEffect(function () {
+    if (!resolvedStorageKey) return;
+    try {
+      var nativeRuntime = globalThis.wx;
+      (nativeRuntime !== null && nativeRuntime !== void 0 ? nativeRuntime : Taro).setStorageSync(resolvedStorageKey, JSON.stringify(themeConfig));
+    } catch (_unused2) {
+      // Storage can be unavailable in privacy, quota, or SSR-like runtimes.
+    }
+  }, [resolvedStorageKey, themeConfig]);
+
+  // Update theme config
+  var updateTheme = useCallback(function (config) {
+    setThemeConfig(function (current) {
+      var _current$colors, _current$cssVariables;
+      return normalizeThemeConfig(_objectSpread(_objectSpread(_objectSpread({}, current), config), {}, {
+        colors: config.colors !== undefined ? Object.keys(config.colors).length === 0 ? {} : _objectSpread(_objectSpread({}, (_current$colors = current.colors) !== null && _current$colors !== void 0 ? _current$colors : {}), config.colors) : current.colors,
+        cssVariables: config.cssVariables !== undefined ? Object.keys(config.cssVariables).length === 0 ? {} : _objectSpread(_objectSpread({}, (_current$cssVariables = current.cssVariables) !== null && _current$cssVariables !== void 0 ? _current$cssVariables : {}), config.cssVariables) : current.cssVariables
+      }));
+    });
+  }, []);
+
+  // Set theme mode
+  var setTheme = useCallback(function (mode) {
+    var resolved = resolveThemeMode(mode);
+    updateTheme({
+      colorScheme: resolved
+    });
+  }, [updateTheme]);
+
+  // Toggle between light and dark
+  var toggleTheme = useCallback(function () {
+    setThemeConfig(function (current) {
+      var _current$colorScheme;
+      var currentScheme = (_current$colorScheme = current.colorScheme) !== null && _current$colorScheme !== void 0 ? _current$colorScheme : DEFAULT_COLOR_SCHEME;
+      return _objectSpread(_objectSpread({}, current), {}, {
+        colorScheme: currentScheme === 'light' ? 'dark' : 'light'
+      });
+    });
+  }, []);
+
+  // Set color scheme directly
+  var setColorScheme = useCallback(function (scheme) {
+    updateTheme({
+      colorScheme: scheme
+    });
+  }, [updateTheme]);
+
+  // Set base color
+  var setBaseColor = useCallback(function (color) {
+    updateTheme({
+      baseColor: color
+    });
+  }, [updateTheme]);
+  var themeStyle = useMemo(function () {
+    return buildThemeStyle(theme);
+  }, [theme]);
+  var themeClassName = "x-theme-root x-theme-".concat(theme.mode, " x-theme-").concat(theme.baseColor);
+  useEffect(function () {
+    var runtimeDocument = globalThis['document'];
+    if (!asChild || parentThemeContext || !(runtimeDocument !== null && runtimeDocument !== void 0 && runtimeDocument.documentElement)) return;
+
+    // Taro H5 mounts App children through its router. The element received by the
+    // App component is not the final `.taro_page` DOM node, so cloning className
+    // and style alone cannot expose theme variables to rendered pages. Mirror the
+    // outermost provider variables onto the document root without touching the
+    // root font-size that Taro uses for rpx conversion.
+    var root = runtimeDocument.documentElement;
+    var nextClasses = themeClassName.split(' ').filter(Boolean);
+    var previousClasses = Array.from(root.classList).filter(function (name) {
+      return name === 'x-theme-root' || name.startsWith('x-theme-');
+    });
+    var styleEntries = [].concat(_toConsumableArray(Object.entries(themeStyle).filter(function (_ref2) {
+      var _ref3 = _slicedToArray(_ref2, 1),
+        name = _ref3[0];
+      return name.startsWith('--');
+    })), [['color', theme.colors.foreground], ['background-color', theme.colors.background], ['font-family', themeStyle.fontFamily]]).filter(function (entry) {
+      return entry[1] !== undefined;
+    });
+    var previousStyles = new Map(styleEntries.map(function (_ref4) {
+      var _ref5 = _slicedToArray(_ref4, 1),
+        name = _ref5[0];
+      return [name, {
+        value: root.style.getPropertyValue(name),
+        priority: root.style.getPropertyPriority(name)
+      }];
+    }));
+    previousClasses.forEach(function (name) {
+      return root.classList.remove(name);
+    });
+    nextClasses.forEach(function (name) {
+      return root.classList.add(name);
+    });
+    styleEntries.forEach(function (_ref6) {
+      var _ref7 = _slicedToArray(_ref6, 2),
+        name = _ref7[0],
+        value = _ref7[1];
+      return root.style.setProperty(name, String(value));
+    });
+    return function () {
+      nextClasses.forEach(function (name) {
+        return root.classList.remove(name);
+      });
+      previousClasses.forEach(function (name) {
+        return root.classList.add(name);
+      });
+      previousStyles.forEach(function (_ref8, name) {
+        var value = _ref8.value,
+          priority = _ref8.priority;
+        if (value) {
+          root.style.setProperty(name, value, priority);
+        } else {
+          root.style.removeProperty(name);
+        }
+      });
+    };
+  }, [asChild, parentThemeContext, theme, themeClassName, themeStyle]);
+
+  // Context value
+  var contextValue = useMemo(function () {
+    return {
+      theme: theme,
+      config: themeConfig,
+      setTheme: setTheme,
+      toggleTheme: toggleTheme,
+      setColorScheme: setColorScheme,
+      setBaseColor: setBaseColor,
+      updateTheme: updateTheme
+    };
+  }, [theme, themeConfig, setTheme, toggleTheme, setColorScheme, setBaseColor, updateTheme]);
+  return /*#__PURE__*/_jsx(ThemeContext.Provider, {
+    value: contextValue,
+    children: asChild ? applyThemeToChildren(children, themeClassName, themeStyle) : /*#__PURE__*/_jsx(View, {
+      className: themeClassName,
+      style: themeStyle,
+      children: children
+    })
+  });
+};
+
+// Hook to use theme context
+export function useTheme() {
+  var context = useContext(ThemeContext);
+  if (!context) {
+    throw new Error('useTheme must be used within a ThemeProvider');
+  }
+  return context;
+}
+
+// 供允许脱离 ThemeProvider 独立渲染的基础组件读取可选主题。
+// 业务侧仍应优先使用 useTheme，以便尽早发现 Provider 配置遗漏。
+export function useOptionalTheme() {
+  return useContext(ThemeContext);
+}
+
+// Hook to get current theme mode
+export function useThemeMode() {
+  var _useTheme = useTheme(),
+    theme = _useTheme.theme;
+  return theme.mode;
+}
+
+// Hook to get base color
+export function useThemeBaseColor() {
+  var _useTheme2 = useTheme(),
+    theme = _useTheme2.theme;
+  return theme.baseColor;
+}
+
+// Hook to get color scheme
+export function useThemeColorScheme() {
+  var _useTheme3 = useTheme(),
+    theme = _useTheme3.theme;
+  return theme.colorScheme;
+}
+
+// Hook to check if dark mode
+export function useIsDarkMode() {
+  var _useTheme4 = useTheme(),
+    theme = _useTheme4.theme;
+  return theme.mode === 'dark';
+}

package/es/theme/runtime/componentTokens.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Component-level CSS variables derived from semantic theme colors.
+ * Mirrors x-mobile-ui globals.css component token families.
+ */
+import type { Theme } from '../types';
+export declare const ACTION_SHEET_SHADOW = "0 25px 50px -12px rgba(0, 0, 0, 0.25)";
+export declare function mixSolidColors(foreground: string, background: string, weight: number): string;
+export declare function buildSubtleShadow(color: string): string;
+export declare function buildComponentSlotVariables(theme: Theme): Record<string, string>;
+//# sourceMappingURL=componentTokens.d.ts.map