@easypost/easy-ui 1.0.0-alpha.5 → 1.0.0-alpha.7

package/SelectorErrorTooltip/index.mjs

@@ -1,15 +1,90 @@
-import { S } from "../__chunks__/SelectorErrorTooltip-4d820c45.mjs";
-import "react";
-import "../__chunks__/Icon-6eb724b4.mjs";
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+import * as React from "react";
+import React__default from "react";
+import { Icon } from "../Icon/index.mjs";
+import { Text } from "../Text/index.mjs";
+import { T as Tooltip } from "../__chunks__/index-e989a741.mjs";
 import "../utilities/css.mjs";
-import "../__chunks__/Text-ec2b8d8a.mjs";
-import "../__chunks__/Tooltip-b4e23b78.mjs";
-import "../__chunks__/import-29edaaea.mjs";
-import "../__chunks__/import-fbe7cc7e.mjs";
-import "../__chunks__/import-a6cadfe8.mjs";
+import "../__chunks__/import-c4caaddf.mjs";
+import "../__chunks__/import-19bc38ac.mjs";
+import "../__chunks__/import-3faba3a6.mjs";
 import "react-dom";
 import "../__chunks__/import-6a831ca1.mjs";
-import "../__chunks__/real-module-2f165429.mjs";
+import "../__chunks__/real-module-515df21d.mjs";
+var __defProp2 = Object.defineProperty;
+var __getOwnPropSymbols2 = Object.getOwnPropertySymbols;
+var __hasOwnProp2 = Object.prototype.hasOwnProperty;
+var __propIsEnum2 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp2 = (obj, key, value) => key in obj ? __defProp2(obj, key, {
+  enumerable: true,
+  configurable: true,
+  writable: true,
+  value
+}) : obj[key] = value;
+var __spreadValues2 = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp2.call(b, prop))
+      __defNormalProp2(a, prop, b[prop]);
+  if (__getOwnPropSymbols2)
+    for (var prop of __getOwnPropSymbols2(b)) {
+      if (__propIsEnum2.call(b, prop))
+        __defNormalProp2(a, prop, b[prop]);
+    }
+  return a;
+};
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp2.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols2)
+    for (var prop of __getOwnPropSymbols2(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum2.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+const ErrorFill = (_a) => {
+  var _b = _a, { title, titleId } = _b, props = __objRest(_b, ["title", "titleId"]);
+  return React.createElement("svg", __spreadValues2({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 -960 960 960",
+    "aria-labelledby": titleId
+  }, props), title ? React.createElement("title", {
+    id: titleId
+  }, title) : null, React.createElement("path", {
+    d: "M479.982-290.77q11.902 0 19.575-7.655 7.673-7.656 7.673-19.558 0-11.902-7.655-19.575t-19.557-7.673q-11.902 0-19.575 7.656-7.673 7.655-7.673 19.557 0 11.902 7.655 19.575t19.557 7.673Zm-20.443-141.076h45.383v-249.538h-45.383v249.538Zm20.794 331.845q-78.955 0-147.897-29.92t-120.755-81.71q-51.814-51.791-81.747-120.777t-29.933-148.025q0-78.655 29.92-147.864t81.71-120.522q51.791-51.314 120.777-81.247t148.025-29.933q78.655 0 147.864 29.92t120.522 81.21q51.314 51.291 81.247 120.629 29.933 69.337 29.933 147.907 0 78.955-29.92 147.897t-81.21 120.571q-51.291 51.629-120.629 81.746-69.337 30.118-147.907 30.118Z"
+  }));
+};
+const SelectorErrorTooltip$1 = "_SelectorErrorTooltip_1umds_5";
+const styles = {
+  SelectorErrorTooltip: SelectorErrorTooltip$1
+};
+function SelectorErrorTooltip(props) {
+  return React__default.createElement(Tooltip, __spreadValues({}, props), React__default.createElement("span", {
+    tabIndex: 0,
+    className: styles.SelectorErrorTooltip
+  }, React__default.createElement(Text, {
+    visuallyHidden: true
+  }, "Error"), React__default.createElement(Icon, {
+    symbol: ErrorFill
+  })));
+}
 export {
-  S as SelectorErrorTooltip
+  SelectorErrorTooltip
 };

package/Text/index.js

@@ -1,6 +1,87 @@
 "use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const Text = require("../__chunks__/Text-2efbe1fe.js");
-require("react");
-require("../utilities/css.js");
-exports.Text = Text.Text;
+const React = require("react");
+const utilities_css = require("../utilities/css.js");
+const Text$1 = "_Text_1jvl7_5";
+const heading1 = "_heading1_1jvl7_13";
+const heading2 = "_heading2_1jvl7_30";
+const heading3 = "_heading3_1jvl7_47";
+const heading4 = "_heading4_1jvl7_64";
+const heading5 = "_heading5_1jvl7_72";
+const subtitle1 = "_subtitle1_1jvl7_80";
+const subtitle2 = "_subtitle2_1jvl7_88";
+const body1 = "_body1_1jvl7_96";
+const body2 = "_body2_1jvl7_104";
+const caption = "_caption_1jvl7_112";
+const overline = "_overline_1jvl7_120";
+const button = "_button_1jvl7_128";
+const normal = "_normal_1jvl7_144";
+const medium = "_medium_1jvl7_148";
+const semibold = "_semibold_1jvl7_152";
+const bold = "_bold_1jvl7_156";
+const truncate = "_truncate_1jvl7_160";
+const block = "_block_1jvl7_166";
+const visuallyHidden = "_visuallyHidden_1jvl7_170";
+const start = "_start_1jvl7_183";
+const center = "_center_1jvl7_187";
+const end = "_end_1jvl7_191";
+const justify = "_justify_1jvl7_195";
+const numeric = "_numeric_1jvl7_203";
+const styles = {
+  Text: Text$1,
+  heading1,
+  heading2,
+  heading3,
+  heading4,
+  heading5,
+  subtitle1,
+  subtitle2,
+  body1,
+  body2,
+  caption,
+  overline,
+  button,
+  "small-button": "_small-button_1jvl7_136",
+  normal,
+  medium,
+  semibold,
+  bold,
+  truncate,
+  block,
+  visuallyHidden,
+  start,
+  center,
+  end,
+  justify,
+  "break": "_break_1jvl7_199",
+  numeric
+};
+function Text({ alignment, as: Component = "span", breakWord = false, children, color, id, truncate: truncate2 = false, variant, visuallyHidden: visuallyHidden2 = false, weight }) {
+  const className = utilities_css.classNames(styles.Text, variant && styles[cleanVariant(variant)], weight && styles[weight], (alignment || truncate2) && styles.block, alignment && styles[alignment], breakWord && styles.break, truncate2 && styles.truncate, visuallyHidden2 && styles.visuallyHidden);
+  const style = __spreadValues({}, utilities_css.getComponentThemeToken("text", "color", "color.text", color));
+  return React.createElement(Component, {
+    className,
+    style,
+    id: id ? id : void 0
+  }, children);
+}
+function cleanVariant(variant) {
+  return variant.replace(/_/, "-");
+}
+exports.Text = Text;

package/Text/index.mjs

@@ -1,6 +1,87 @@
-import { T } from "../__chunks__/Text-ec2b8d8a.mjs";
-import "react";
-import "../utilities/css.mjs";
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+import React__default from "react";
+import { classNames, getComponentThemeToken } from "../utilities/css.mjs";
+const Text$1 = "_Text_1jvl7_5";
+const heading1 = "_heading1_1jvl7_13";
+const heading2 = "_heading2_1jvl7_30";
+const heading3 = "_heading3_1jvl7_47";
+const heading4 = "_heading4_1jvl7_64";
+const heading5 = "_heading5_1jvl7_72";
+const subtitle1 = "_subtitle1_1jvl7_80";
+const subtitle2 = "_subtitle2_1jvl7_88";
+const body1 = "_body1_1jvl7_96";
+const body2 = "_body2_1jvl7_104";
+const caption = "_caption_1jvl7_112";
+const overline = "_overline_1jvl7_120";
+const button = "_button_1jvl7_128";
+const normal = "_normal_1jvl7_144";
+const medium = "_medium_1jvl7_148";
+const semibold = "_semibold_1jvl7_152";
+const bold = "_bold_1jvl7_156";
+const truncate = "_truncate_1jvl7_160";
+const block = "_block_1jvl7_166";
+const visuallyHidden = "_visuallyHidden_1jvl7_170";
+const start = "_start_1jvl7_183";
+const center = "_center_1jvl7_187";
+const end = "_end_1jvl7_191";
+const justify = "_justify_1jvl7_195";
+const numeric = "_numeric_1jvl7_203";
+const styles = {
+  Text: Text$1,
+  heading1,
+  heading2,
+  heading3,
+  heading4,
+  heading5,
+  subtitle1,
+  subtitle2,
+  body1,
+  body2,
+  caption,
+  overline,
+  button,
+  "small-button": "_small-button_1jvl7_136",
+  normal,
+  medium,
+  semibold,
+  bold,
+  truncate,
+  block,
+  visuallyHidden,
+  start,
+  center,
+  end,
+  justify,
+  "break": "_break_1jvl7_199",
+  numeric
+};
+function Text({ alignment, as: Component = "span", breakWord = false, children, color, id, truncate: truncate2 = false, variant, visuallyHidden: visuallyHidden2 = false, weight }) {
+  const className = classNames(styles.Text, variant && styles[cleanVariant(variant)], weight && styles[weight], (alignment || truncate2) && styles.block, alignment && styles[alignment], breakWord && styles.break, truncate2 && styles.truncate, visuallyHidden2 && styles.visuallyHidden);
+  const style = __spreadValues({}, getComponentThemeToken("text", "color", "color.text", color));
+  return React__default.createElement(Component, {
+    className,
+    style,
+    id: id ? id : void 0
+  }, children);
+}
+function cleanVariant(variant) {
+  return variant.replace(/_/, "-");
+}
 export {
-  T as Text
+  Text
 };

package/TextField/index.js

@@ -1,19 +1,19 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const React = require("react");
-const InputField = require("../__chunks__/InputField-f5072e37.js");
+const InputField_index = require("../InputField/index.js");
 require("../utilities/css.js");
-require("../__chunks__/InputIcon-70dad3e5.js");
-require("../__chunks__/Text-2efbe1fe.js");
-require("../__chunks__/Icon-1a25dcae.js");
-require("../__chunks__/UnstyledButton-5bbb3c5e.js");
+require("../__chunks__/InputIcon-f456e366.js");
+require("../Text/index.js");
+require("../Icon/index.js");
+require("../__chunks__/index-5f429325.js");
 require("../__chunks__/import-a1e0f814.js");
 require("../__chunks__/omit-fca26542.js");
-require("../__chunks__/import-9581a2dc.js");
+require("../__chunks__/import-26676303.js");
 require("../__chunks__/import-24a482e1.js");
 function TextField(props) {
   const { type = "text", size = "md", isLabelVisuallyHidden = false, isDisabled = false, isRequired = false, validationState = "valid", isLabelEmphasized = false, autoFocus = false, label, errorText, helperText, placeholder, value, defaultValue, iconAtStart, iconAtEnd } = props;
-  return React.createElement(InputField.InputField, {
+  return React.createElement(InputField_index.InputField, {
     type,
     size,
     isLabelVisuallyHidden,

package/TextField/index.mjs

@@ -1,14 +1,14 @@
 import React__default from "react";
-import { I as InputField } from "../__chunks__/InputField-cc829736.mjs";
+import { InputField } from "../InputField/index.mjs";
 import "../utilities/css.mjs";
-import "../__chunks__/InputIcon-4a8e5243.mjs";
-import "../__chunks__/Text-ec2b8d8a.mjs";
-import "../__chunks__/Icon-6eb724b4.mjs";
-import "../__chunks__/UnstyledButton-981cd9af.mjs";
-import "../__chunks__/import-fbe7cc7e.mjs";
+import "../__chunks__/InputIcon-1f2ed127.mjs";
+import "../Text/index.mjs";
+import "../Icon/index.mjs";
+import "../__chunks__/index-45f05366.mjs";
+import "../__chunks__/import-19bc38ac.mjs";
 import "../__chunks__/omit-f17deb8f.mjs";
-import "../__chunks__/import-a6cadfe8.mjs";
-import "../__chunks__/import-d2e79ac1.mjs";
+import "../__chunks__/import-3faba3a6.mjs";
+import "../__chunks__/import-29af6941.mjs";
 function TextField(props) {
   const { type = "text", size = "md", isLabelVisuallyHidden = false, isDisabled = false, isRequired = false, validationState = "valid", isLabelEmphasized = false, autoFocus = false, label, errorText, helperText, placeholder, value, defaultValue, iconAtStart, iconAtEnd } = props;
   return React__default.createElement(InputField, {

package/Textarea/index.js

@@ -1,19 +1,19 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const React = require("react");
-const InputField = require("../__chunks__/InputField-f5072e37.js");
+const InputField_index = require("../InputField/index.js");
 require("../utilities/css.js");
-require("../__chunks__/InputIcon-70dad3e5.js");
-require("../__chunks__/Text-2efbe1fe.js");
-require("../__chunks__/Icon-1a25dcae.js");
-require("../__chunks__/UnstyledButton-5bbb3c5e.js");
+require("../__chunks__/InputIcon-f456e366.js");
+require("../Text/index.js");
+require("../Icon/index.js");
+require("../__chunks__/index-5f429325.js");
 require("../__chunks__/import-a1e0f814.js");
 require("../__chunks__/omit-fca26542.js");
-require("../__chunks__/import-9581a2dc.js");
+require("../__chunks__/import-26676303.js");
 require("../__chunks__/import-24a482e1.js");
 function Textarea(props) {
   const { size = "md", isLabelVisuallyHidden = false, isDisabled = false, isRequired = false, validationState = "valid", isLabelEmphasized = false, autoFocus = false, label, errorText, helperText, placeholder, value, defaultValue, rows = 1 } = props;
-  return React.createElement(InputField.InputField, {
+  return React.createElement(InputField_index.InputField, {
     isMultiline: true,
     size,
     isLabelVisuallyHidden,

package/Textarea/index.mjs

@@ -1,14 +1,14 @@
 import React__default from "react";
-import { I as InputField } from "../__chunks__/InputField-cc829736.mjs";
+import { InputField } from "../InputField/index.mjs";
 import "../utilities/css.mjs";
-import "../__chunks__/InputIcon-4a8e5243.mjs";
-import "../__chunks__/Text-ec2b8d8a.mjs";
-import "../__chunks__/Icon-6eb724b4.mjs";
-import "../__chunks__/UnstyledButton-981cd9af.mjs";
-import "../__chunks__/import-fbe7cc7e.mjs";
+import "../__chunks__/InputIcon-1f2ed127.mjs";
+import "../Text/index.mjs";
+import "../Icon/index.mjs";
+import "../__chunks__/index-45f05366.mjs";
+import "../__chunks__/import-19bc38ac.mjs";
 import "../__chunks__/omit-f17deb8f.mjs";
-import "../__chunks__/import-a6cadfe8.mjs";
-import "../__chunks__/import-d2e79ac1.mjs";
+import "../__chunks__/import-3faba3a6.mjs";
+import "../__chunks__/import-29af6941.mjs";
 function Textarea(props) {
   const { size = "md", isLabelVisuallyHidden = false, isDisabled = false, isRequired = false, validationState = "valid", isLabelEmphasized = false, autoFocus = false, label, errorText, helperText, placeholder, value, defaultValue, rows = 1 } = props;
   return React__default.createElement(InputField, {

package/Theme/index.js

@@ -1,11 +1,147 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const Theme = require("../__chunks__/Theme-57f8311c.js");
-require("react");
-require("../__chunks__/tokens-e696ca96.js");
-require("../utilities/tokens.js");
-require("../utilities/css.js");
-exports.ThemeProvider = Theme.ThemeProvider;
-exports.createTheme = Theme.createTheme;
-exports.defaultTheme = Theme.defaultTheme;
-exports.getThemeTokenAliases = Theme.getThemeTokenAliases;
+const React = require("react");
+const tokens = require("../__chunks__/tokens-ad06cd2c.js");
+const utilities_tokens = require("../utilities/tokens.js");
+const utilities_css = require("../utilities/css.js");
+const defaultTheme = createTheme(() => {
+  return getThemeFromTokens("theme.base");
+});
+const invertedColorSchemes = {
+  light: "dark",
+  dark: "light",
+  system: "inverted",
+  inverted: "system"
+};
+function NoopComponent(props) {
+  return React.createElement(React.Fragment, null, props.children);
+}
+const TrackerContext = React.createContext(0);
+const ThemeContext = React.createContext(null);
+const ColorSchemeContext = React.createContext(null);
+function ThemeProvider({ children, colorScheme: colorSchemeFromUser, theme: themeFromUser }) {
+  const parentTheme = React.useContext(ThemeContext);
+  const isRoot = !parentTheme;
+  if (!isRoot && !themeFromUser && !colorSchemeFromUser) {
+    throw new Error("Must supply theme or colorScheme to ThemeProvider");
+  }
+  const parentContext = React.useContext(TrackerContext);
+  const [count] = React.useState(() => parentContext + 1);
+  const ThemeContextComponent = isRoot || themeFromUser ? ThemeContextProvider : NoopComponent;
+  const ColorSchemeContextComponent = isRoot || colorSchemeFromUser ? ColorSchemeContextProvider : NoopComponent;
+  const theme = themeFromUser ? themeFromUser : defaultTheme;
+  const colorScheme = colorSchemeFromUser ? colorSchemeFromUser : "system";
+  return React.createElement(TrackerContext.Provider, {
+    value: count
+  }, React.createElement(ThemeContextComponent, {
+    theme
+  }, React.createElement(ColorSchemeContextComponent, {
+    colorScheme
+  }, React.createElement(React.Fragment, null, React.createElement(Style, {
+    isRoot
+  }), children))));
+}
+function createTheme(themeCreator) {
+  return themeCreator;
+}
+function useTheme() {
+  const themeContext = React.useContext(ThemeContext);
+  if (!themeContext) {
+    throw new Error("useTheme() must be used within a ThemeProvier");
+  }
+  return themeContext;
+}
+function useColorScheme() {
+  const colorSchemeContext = React.useContext(ColorSchemeContext);
+  if (!colorSchemeContext) {
+    throw new Error("useColorScheme() must be used within a ThemeProvider");
+  }
+  return colorSchemeContext;
+}
+function Style({ isRoot }) {
+  const parentContext = React.useContext(TrackerContext);
+  const themeCreator = useTheme();
+  const { resolvedColorScheme } = useColorScheme();
+  const fingerprint = React.useMemo(() => {
+    return `ezui-theme-style-level-${parentContext}`;
+  }, [parentContext]);
+  const selector = isRoot ? ":root" : `#${fingerprint} ~ *`;
+  const css = React.useMemo(() => {
+    return resolvedColorScheme === "system" ? `${selector} {
+        ${renderThemeVariables(themeCreator({
+      colorScheme: "light"
+    }))}
+      }
+      @media (prefers-color-scheme: dark) {
+        ${selector} {
+          ${renderThemeVariables(themeCreator({
+      colorScheme: "dark"
+    }))}
+        }
+      }` : resolvedColorScheme === "inverted" ? `${selector} {
+        ${renderThemeVariables(themeCreator({
+      colorScheme: "dark"
+    }))}
+      }
+      @media (prefers-color-scheme: dark) {
+        ${selector} {
+          ${renderThemeVariables(themeCreator({
+      colorScheme: "light"
+    }))}
+        }
+      }` : `${selector} {
+        ${renderThemeVariables(themeCreator({
+      colorScheme: resolvedColorScheme
+    }))}
+      }`;
+  }, [resolvedColorScheme, selector, themeCreator]);
+  return React.createElement("style", {
+    id: fingerprint,
+    dangerouslySetInnerHTML: {
+      __html: css
+    }
+  });
+}
+function ThemeContextProvider({ theme, children }) {
+  return React.createElement(ThemeContext.Provider, {
+    value: theme
+  }, children);
+}
+function ColorSchemeContextProvider({ colorScheme, children }) {
+  const parentColorSchemeContext = React.useContext(ColorSchemeContext);
+  const colorSchemeContextValue = React.useMemo(() => {
+    const resolvedColorScheme = colorScheme === "inverted" && parentColorSchemeContext ? invertedColorSchemes[parentColorSchemeContext.resolvedColorScheme] : colorScheme;
+    return {
+      userColorScheme: colorScheme,
+      resolvedColorScheme
+    };
+  }, [colorScheme, parentColorSchemeContext]);
+  return React.createElement(ColorSchemeContext.Provider, {
+    value: colorSchemeContextValue
+  }, children);
+}
+function getThemeInstanceVariables(theme) {
+  return Object.fromEntries(Object.entries(theme).map(([key, value]) => {
+    const property = utilities_css.tokenSafeKebabCase(key);
+    return [`--ezui-t-${property}`, value];
+  }));
+}
+function renderThemeVariables(theme) {
+  const variables = getThemeInstanceVariables(theme);
+  const css = Object.entries(variables).map((entry) => entry.join(": ") + ";").join("\n");
+  return css;
+}
+function getThemeFromTokens(prefix) {
+  const theme = Object.fromEntries(Object.keys(tokens.ezuiTokens).filter((key) => key.startsWith(`${prefix}.`)).map((key) => key.replace(new RegExp(`^${prefix}.`), "")).map((key) => {
+    const value = `var(--ezui-${utilities_css.tokenSafeKebabCase(prefix)}-${utilities_css.tokenSafeKebabCase(key)})`;
+    return [key, value];
+  }));
+  return theme;
+}
+function getThemeTokenAliases(pattern) {
+  return utilities_tokens.getTokenAliases(getThemeFromTokens("theme.base"), pattern);
+}
+exports.ThemeProvider = ThemeProvider;
+exports.createTheme = createTheme;
+exports.defaultTheme = defaultTheme;
+exports.getThemeTokenAliases = getThemeTokenAliases;