@easypost/easy-ui 1.0.0-alpha.6 → 1.0.0-alpha.61

package/__chunks__/Tabs-DHXJckwb.js

@@ -0,0 +1,253 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+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;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+const React = require("react");
+const useEdgeInterceptors = require("./useEdgeInterceptors-DfiAHAYW.js");
+const utilities_css = require("../utilities/css.js");
+const useResizeObserver = require("./useResizeObserver-BsbT3mjh.js");
+const useHover = require("./useHover-BIKwjrCT.js");
+const useFocusRing = require("./useFocusRing-DFRFvht_.js");
+const mergeProps = require("./mergeProps-DniMwM6P.js");
+const overlayscrollbarsReact = require("./overlayscrollbars-react-D154NPCl.js");
+const Edge$1 = "_Edge_1s37s_5";
+const sideLeft = "_sideLeft_1s37s_21";
+const sideRight = "_sideRight_1s37s_28";
+const activated = "_activated_1s37s_35";
+const styles$2 = {
+  Edge: Edge$1,
+  sideLeft,
+  sideRight,
+  activated
+};
+function Edge({ side, isUnderScroll }) {
+  const className = utilities_css.classNames(styles$2.Edge, styles$2[utilities_css.variationName("side", side)], isUnderScroll && styles$2.activated);
+  return React.createElement("div", {
+    className
+  });
+}
+const TabsContext = React.createContext(null);
+const useTabs = () => {
+  const tabsContext = React.useContext(TabsContext);
+  if (!tabsContext) {
+    throw new Error("useTabs must be used within a Tabs");
+  }
+  return tabsContext;
+};
+function getSharedMeasurementsForTabNavItem($item) {
+  const $nav = $item.closest('[data-ezui-tabs-indicator-parent="true"]');
+  if (!$nav) {
+    throw new Error("Unable to find parent nav element from tab item");
+  }
+  const itemRect = $item.getBoundingClientRect();
+  const navRect = $nav.getBoundingClientRect();
+  const navScrollLeft = $nav.scrollLeft;
+  const itemWidth = itemRect.width;
+  const itemPosition = navScrollLeft + (itemRect.x - navRect.x);
+  return {
+    $nav,
+    itemRect,
+    navRect,
+    navScrollLeft,
+    itemWidth,
+    itemPosition
+  };
+}
+function useIndicatorSizing({ isSelected, itemRef, setIndicatorPosition, setIndicatorWidth }) {
+  const handleSizing = React.useCallback(() => {
+    if (isSelected && itemRef.current) {
+      const $item = itemRef.current;
+      const { itemWidth, itemPosition } = getSharedMeasurementsForTabNavItem($item);
+      setIndicatorWidth(itemWidth);
+      setIndicatorPosition(itemPosition);
+    }
+  }, [isSelected, itemRef, setIndicatorPosition, setIndicatorWidth]);
+  React.useEffect(() => {
+    handleSizing();
+  }, [handleSizing]);
+  useResizeObserver.$9daab02d461809db$export$683480f191c0e3ea({
+    ref: itemRef,
+    onResize: handleSizing
+  });
+}
+const SCROLL_PADDING = 24;
+function useScrollIntoViewIfNeeded({ isSelected, itemRef }) {
+  const handleScroll = React.useCallback(() => {
+    if (isSelected && itemRef.current) {
+      const $item = itemRef.current;
+      const { $nav, navRect, itemPosition, itemWidth, navScrollLeft } = getSharedMeasurementsForTabNavItem($item);
+      const navWidth = navRect.width;
+      const itemEndEdge = itemPosition + itemWidth + SCROLL_PADDING;
+      const navEndEdge = navScrollLeft + navWidth;
+      const itemStartEdge = itemPosition - SCROLL_PADDING;
+      const navStartEdge = navScrollLeft;
+      if (itemEndEdge > navEndEdge) {
+        $nav.scrollTo({
+          left: itemPosition - (navWidth - itemWidth) + SCROLL_PADDING
+        });
+      }
+      if (itemStartEdge < navStartEdge) {
+        $nav.scrollTo({
+          left: itemPosition - SCROLL_PADDING
+        });
+      }
+    }
+  }, [isSelected, itemRef]);
+  React.useEffect(() => {
+    handleScroll();
+  }, [handleScroll]);
+  useResizeObserver.$9daab02d461809db$export$683480f191c0e3ea({
+    ref: itemRef,
+    onResize: handleScroll
+  });
+}
+const TabsItem$1 = "_TabsItem_1y5c1_5";
+const tab = "_tab_1y5c1_9";
+const focusVisible = "_focusVisible_1y5c1_32";
+const text = "_text_1y5c1_44";
+const disabled = "_disabled_1y5c1_48";
+const hovered = "_hovered_1y5c1_53";
+const selected = "_selected_1y5c1_57";
+const styles$1 = {
+  TabsItem: TabsItem$1,
+  tab,
+  focusVisible,
+  text,
+  disabled,
+  hovered,
+  selected
+};
+function TabsItem(props) {
+  const _a = props, { containerComponent: ContainerComponent = "div", tabComponent: TabComponent = "span", tabRef, children, isSelected, isDisabled } = _a, elementProps = __objRest(_a, ["containerComponent", "tabComponent", "tabRef", "children", "isSelected", "isDisabled"]);
+  const { setIndicatorWidth, setIndicatorPosition } = useTabs();
+  const ref = React.useRef(null);
+  const { isHovered, hoverProps } = useHover.$6179b936705e76d3$export$ae780daf29e6d456({});
+  const { isFocusVisible, focusProps } = useFocusRing.$f7dceffc5ad7768b$export$4e328f61c538687f();
+  useIndicatorSizing({
+    itemRef: ref,
+    isSelected,
+    setIndicatorPosition,
+    setIndicatorWidth
+  });
+  useScrollIntoViewIfNeeded({
+    itemRef: ref,
+    isSelected
+  });
+  const className = utilities_css.classNames(styles$1.TabsItem, isSelected && styles$1.selected, isHovered && !isDisabled && styles$1.hovered, isDisabled && styles$1.disabled, isFocusVisible && styles$1.focusVisible);
+  return React.createElement(ContainerComponent, {
+    className
+  }, React.createElement(TabComponent, __spreadProps(__spreadValues({
+    ref: tabRef
+  }, mergeProps.$3ef42575df84b30b$export$9d1611c77c2fe928(hoverProps, focusProps, elementProps)), {
+    className: styles$1.tab
+  }), React.createElement("span", {
+    ref,
+    className: styles$1.text
+  }, children)));
+}
+function useScrollbar({ navRef, containerRef }) {
+  const [initialize] = overlayscrollbarsReact.F({
+    options: {
+      scrollbars: {
+        visibility: "hidden"
+      }
+    },
+    defer: false
+  });
+  React.useLayoutEffect(() => {
+    if (navRef.current && containerRef.current) {
+      initialize({
+        target: containerRef.current,
+        elements: {
+          viewport: navRef.current
+        }
+      });
+    }
+  }, [initialize, navRef, containerRef]);
+}
+const Tabs$1 = "_Tabs_wd1kz_5";
+const nav = "_nav_wd1kz_19";
+const listContainer = "_listContainer_wd1kz_25";
+const list = "_list_wd1kz_25";
+const indicator = "_indicator_wd1kz_44";
+const styles = {
+  Tabs: Tabs$1,
+  nav,
+  listContainer,
+  list,
+  indicator
+};
+function Tabs(props) {
+  const { children, containerComponent: ContainerComponent, containerProps, listComponent: ListComponent, listRef, listProps } = props;
+  const navRef = React.useRef(null);
+  const containerRef = React.useRef(null);
+  const [indicatorWidth, setIndicatorWidth] = React.useState(0);
+  const [indicatorPosition, setIndicatorPosition] = React.useState(0);
+  const [renderInterceptors, { isLeftEdgeUnderScroll, isRightEdgeUnderScroll }] = useEdgeInterceptors.useEdgeInterceptors(navRef);
+  const context = React.useMemo(() => {
+    return {
+      setIndicatorWidth,
+      setIndicatorPosition
+    };
+  }, []);
+  useScrollbar({
+    navRef,
+    containerRef
+  });
+  const style = __spreadValues(__spreadValues({}, utilities_css.getComponentToken("tab-nav", "indicator-width", String(indicatorWidth))), utilities_css.getComponentToken("tab-nav", "indicator-position", `${indicatorPosition}px`));
+  return React.createElement(TabsContext.Provider, {
+    value: context
+  }, React.createElement("div", {
+    className: styles.Tabs,
+    ref: containerRef
+  }, React.createElement(ContainerComponent, __spreadProps(__spreadValues({}, containerProps), {
+    ref: navRef,
+    className: styles.nav,
+    style,
+    "data-ezui-tabs-indicator-parent": "true"
+  }), React.createElement("div", {
+    className: styles.listContainer
+  }, React.createElement(ListComponent, __spreadProps(__spreadValues({
+    ref: listRef
+  }, listProps), {
+    className: styles.list
+  }), children), renderInterceptors()), indicatorWidth !== 0 ? React.createElement("div", {
+    className: styles.indicator
+  }) : null), React.createElement(Edge, {
+    side: "left",
+    isUnderScroll: isLeftEdgeUnderScroll
+  }), React.createElement(Edge, {
+    side: "right",
+    isUnderScroll: isRightEdgeUnderScroll
+  })));
+}
+Tabs.Item = TabsItem;
+exports.Tabs = Tabs;

package/__chunks__/Text-CQ_8wg0t.mjs

@@ -0,0 +1,101 @@
+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, variationName, getComponentThemeToken, backwardsCompatibleColorToken } from "../utilities/css.mjs";
+const Text$1 = "_Text_1oe3z_5";
+const heading1 = "_heading1_1oe3z_13";
+const heading2 = "_heading2_1oe3z_30";
+const heading3 = "_heading3_1oe3z_47";
+const heading4 = "_heading4_1oe3z_64";
+const heading5 = "_heading5_1oe3z_72";
+const subtitle1 = "_subtitle1_1oe3z_80";
+const subtitle2 = "_subtitle2_1oe3z_88";
+const body1 = "_body1_1oe3z_96";
+const body2 = "_body2_1oe3z_104";
+const caption = "_caption_1oe3z_112";
+const caption2 = "_caption2_1oe3z_120";
+const caption3 = "_caption3_1oe3z_128";
+const overline = "_overline_1oe3z_136";
+const overline2 = "_overline2_1oe3z_144";
+const button = "_button_1oe3z_152";
+const normal = "_normal_1oe3z_168";
+const medium = "_medium_1oe3z_172";
+const semibold = "_semibold_1oe3z_176";
+const bold = "_bold_1oe3z_180";
+const truncate = "_truncate_1oe3z_184";
+const block = "_block_1oe3z_190";
+const visuallyHidden = "_visuallyHidden_1oe3z_194";
+const start = "_start_1oe3z_207";
+const center = "_center_1oe3z_211";
+const end = "_end_1oe3z_215";
+const justify = "_justify_1oe3z_219";
+const numeric = "_numeric_1oe3z_227";
+const transformNone = "_transformNone_1oe3z_231";
+const transformCapitalize = "_transformCapitalize_1oe3z_235";
+const transformUppercase = "_transformUppercase_1oe3z_239";
+const transformLowercase = "_transformLowercase_1oe3z_243";
+const styles = {
+  Text: Text$1,
+  heading1,
+  heading2,
+  heading3,
+  heading4,
+  heading5,
+  subtitle1,
+  subtitle2,
+  body1,
+  body2,
+  caption,
+  caption2,
+  caption3,
+  overline,
+  overline2,
+  button,
+  "small-button": "_small-button_1oe3z_160",
+  normal,
+  medium,
+  semibold,
+  bold,
+  truncate,
+  block,
+  visuallyHidden,
+  start,
+  center,
+  end,
+  justify,
+  "break": "_break_1oe3z_223",
+  numeric,
+  transformNone,
+  transformCapitalize,
+  transformUppercase,
+  transformLowercase
+};
+function Text({ alignment, as: Component = "span", breakWord = false, children, color, id, transform = "none", 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, transform && styles[variationName("transform", transform)]);
+  const style = __spreadValues({}, getComponentThemeToken("text", "color", "color", backwardsCompatibleColorToken(color)));
+  return React__default.createElement(Component, {
+    className,
+    style,
+    id: id ? id : void 0
+  }, children);
+}
+function cleanVariant(variant) {
+  return variant.replace(/_/, "-");
+}
+export {
+  Text as T
+};

package/__chunks__/Text-Dfbyoxsz.js

@@ -0,0 +1,100 @@
+"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;
+};
+const React = require("react");
+const utilities_css = require("../utilities/css.js");
+const Text$1 = "_Text_1oe3z_5";
+const heading1 = "_heading1_1oe3z_13";
+const heading2 = "_heading2_1oe3z_30";
+const heading3 = "_heading3_1oe3z_47";
+const heading4 = "_heading4_1oe3z_64";
+const heading5 = "_heading5_1oe3z_72";
+const subtitle1 = "_subtitle1_1oe3z_80";
+const subtitle2 = "_subtitle2_1oe3z_88";
+const body1 = "_body1_1oe3z_96";
+const body2 = "_body2_1oe3z_104";
+const caption = "_caption_1oe3z_112";
+const caption2 = "_caption2_1oe3z_120";
+const caption3 = "_caption3_1oe3z_128";
+const overline = "_overline_1oe3z_136";
+const overline2 = "_overline2_1oe3z_144";
+const button = "_button_1oe3z_152";
+const normal = "_normal_1oe3z_168";
+const medium = "_medium_1oe3z_172";
+const semibold = "_semibold_1oe3z_176";
+const bold = "_bold_1oe3z_180";
+const truncate = "_truncate_1oe3z_184";
+const block = "_block_1oe3z_190";
+const visuallyHidden = "_visuallyHidden_1oe3z_194";
+const start = "_start_1oe3z_207";
+const center = "_center_1oe3z_211";
+const end = "_end_1oe3z_215";
+const justify = "_justify_1oe3z_219";
+const numeric = "_numeric_1oe3z_227";
+const transformNone = "_transformNone_1oe3z_231";
+const transformCapitalize = "_transformCapitalize_1oe3z_235";
+const transformUppercase = "_transformUppercase_1oe3z_239";
+const transformLowercase = "_transformLowercase_1oe3z_243";
+const styles = {
+  Text: Text$1,
+  heading1,
+  heading2,
+  heading3,
+  heading4,
+  heading5,
+  subtitle1,
+  subtitle2,
+  body1,
+  body2,
+  caption,
+  caption2,
+  caption3,
+  overline,
+  overline2,
+  button,
+  "small-button": "_small-button_1oe3z_160",
+  normal,
+  medium,
+  semibold,
+  bold,
+  truncate,
+  block,
+  visuallyHidden,
+  start,
+  center,
+  end,
+  justify,
+  "break": "_break_1oe3z_223",
+  numeric,
+  transformNone,
+  transformCapitalize,
+  transformUppercase,
+  transformLowercase
+};
+function Text({ alignment, as: Component = "span", breakWord = false, children, color, id, transform = "none", 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, transform && styles[utilities_css.variationName("transform", transform)]);
+  const style = __spreadValues({}, utilities_css.getComponentThemeToken("text", "color", "color", utilities_css.backwardsCompatibleColorToken(color)));
+  return React.createElement(Component, {
+    className,
+    style,
+    id: id ? id : void 0
+  }, children);
+}
+function cleanVariant(variant) {
+  return variant.replace(/_/, "-");
+}
+exports.Text = Text;

package/__chunks__/Theme-BTOgcCP2.js

@@ -0,0 +1,146 @@
+"use strict";
+const React = require("react");
+const tokens = require("./tokens-BmCk-Bk0.js");
+const utilities_tokens = require("../utilities/tokens.js");
+const utilities_css = require("../utilities/css.js");
+const defaultTheme = createTheme(() => {
+  return getThemeFromTokens("theme.light");
+});
+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-${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.light"), pattern);
+}
+exports.ThemeProvider = ThemeProvider;
+exports.createTheme = createTheme;
+exports.defaultTheme = defaultTheme;
+exports.getThemeTokenAliases = getThemeTokenAliases;