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

package/__chunks__/SelectorErrorTooltip-4d820c45.mjs

@@ -1,83 +0,0 @@
-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 { I as Icon } from "./Icon-6eb724b4.mjs";
-import { T as Text } from "./Text-ec2b8d8a.mjs";
-import { T as Tooltip } from "./Tooltip-b4e23b78.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_1tvbs_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 {
-  SelectorErrorTooltip as S
-};

package/__chunks__/SelectorErrorTooltip-b7bb5b9d.js

@@ -1,98 +0,0 @@
-"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 Icon = require("./Icon-1a25dcae.js");
-const Text = require("./Text-2efbe1fe.js");
-const Tooltip = require("./Tooltip-c5076ca7.js");
-function _interopNamespaceDefault(e) {
-  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
-  if (e) {
-    for (const k in e) {
-      if (k !== "default") {
-        const d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: () => e[k]
-        });
-      }
-    }
-  }
-  n.default = e;
-  return Object.freeze(n);
-}
-const React__namespace = /* @__PURE__ */ _interopNamespaceDefault(React);
-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__namespace.createElement("svg", __spreadValues2({
-    xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "0 -960 960 960",
-    "aria-labelledby": titleId
-  }, props), title ? React__namespace.createElement("title", {
-    id: titleId
-  }, title) : null, React__namespace.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_1tvbs_5";
-const styles = {
-  SelectorErrorTooltip: SelectorErrorTooltip$1
-};
-function SelectorErrorTooltip(props) {
-  return React.createElement(Tooltip.Tooltip, __spreadValues({}, props), React.createElement("span", {
-    tabIndex: 0,
-    className: styles.SelectorErrorTooltip
-  }, React.createElement(Text.Text, {
-    visuallyHidden: true
-  }, "Error"), React.createElement(Icon.Icon, {
-    symbol: ErrorFill
-  })));
-}
-exports.SelectorErrorTooltip = SelectorErrorTooltip;

package/__chunks__/Text-2efbe1fe.js

@@ -1,86 +0,0 @@
-"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_1ffkf_5";
-const heading1 = "_heading1_1ffkf_13";
-const heading2 = "_heading2_1ffkf_30";
-const heading3 = "_heading3_1ffkf_47";
-const heading4 = "_heading4_1ffkf_64";
-const heading5 = "_heading5_1ffkf_72";
-const subtitle1 = "_subtitle1_1ffkf_80";
-const subtitle2 = "_subtitle2_1ffkf_88";
-const body1 = "_body1_1ffkf_96";
-const body2 = "_body2_1ffkf_104";
-const caption = "_caption_1ffkf_112";
-const overline = "_overline_1ffkf_120";
-const button = "_button_1ffkf_128";
-const normal = "_normal_1ffkf_144";
-const medium = "_medium_1ffkf_148";
-const semibold = "_semibold_1ffkf_152";
-const bold = "_bold_1ffkf_156";
-const truncate = "_truncate_1ffkf_160";
-const block = "_block_1ffkf_166";
-const visuallyHidden = "_visuallyHidden_1ffkf_170";
-const start = "_start_1ffkf_183";
-const center = "_center_1ffkf_187";
-const end = "_end_1ffkf_191";
-const justify = "_justify_1ffkf_195";
-const numeric = "_numeric_1ffkf_203";
-const styles = {
-  Text: Text$1,
-  heading1,
-  heading2,
-  heading3,
-  heading4,
-  heading5,
-  subtitle1,
-  subtitle2,
-  body1,
-  body2,
-  caption,
-  overline,
-  button,
-  "small-button": "_small-button_1ffkf_136",
-  normal,
-  medium,
-  semibold,
-  bold,
-  truncate,
-  block,
-  visuallyHidden,
-  start,
-  center,
-  end,
-  justify,
-  "break": "_break_1ffkf_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/__chunks__/Text-ec2b8d8a.mjs

@@ -1,87 +0,0 @@
-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_1ffkf_5";
-const heading1 = "_heading1_1ffkf_13";
-const heading2 = "_heading2_1ffkf_30";
-const heading3 = "_heading3_1ffkf_47";
-const heading4 = "_heading4_1ffkf_64";
-const heading5 = "_heading5_1ffkf_72";
-const subtitle1 = "_subtitle1_1ffkf_80";
-const subtitle2 = "_subtitle2_1ffkf_88";
-const body1 = "_body1_1ffkf_96";
-const body2 = "_body2_1ffkf_104";
-const caption = "_caption_1ffkf_112";
-const overline = "_overline_1ffkf_120";
-const button = "_button_1ffkf_128";
-const normal = "_normal_1ffkf_144";
-const medium = "_medium_1ffkf_148";
-const semibold = "_semibold_1ffkf_152";
-const bold = "_bold_1ffkf_156";
-const truncate = "_truncate_1ffkf_160";
-const block = "_block_1ffkf_166";
-const visuallyHidden = "_visuallyHidden_1ffkf_170";
-const start = "_start_1ffkf_183";
-const center = "_center_1ffkf_187";
-const end = "_end_1ffkf_191";
-const justify = "_justify_1ffkf_195";
-const numeric = "_numeric_1ffkf_203";
-const styles = {
-  Text: Text$1,
-  heading1,
-  heading2,
-  heading3,
-  heading4,
-  heading5,
-  subtitle1,
-  subtitle2,
-  body1,
-  body2,
-  caption,
-  overline,
-  button,
-  "small-button": "_small-button_1ffkf_136",
-  normal,
-  medium,
-  semibold,
-  bold,
-  truncate,
-  block,
-  visuallyHidden,
-  start,
-  center,
-  end,
-  justify,
-  "break": "_break_1ffkf_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 {
-  Text as T
-};

package/__chunks__/Theme-123ba2c3.mjs

@@ -1,147 +0,0 @@
-import React__default, { createContext, useContext, useState, useMemo } from "react";
-import { e as ezuiTokens } from "./tokens-6be8e137.mjs";
-import { getTokenAliases } from "../utilities/tokens.mjs";
-import { tokenSafeKebabCase } from "../utilities/css.mjs";
-const defaultTheme = createTheme(() => {
-  return getThemeFromTokens("theme.base");
-});
-const invertedColorSchemes = {
-  light: "dark",
-  dark: "light",
-  system: "inverted",
-  inverted: "system"
-};
-function NoopComponent(props) {
-  return React__default.createElement(React__default.Fragment, null, props.children);
-}
-const TrackerContext = createContext(0);
-const ThemeContext = createContext(null);
-const ColorSchemeContext = createContext(null);
-function ThemeProvider({ children, colorScheme: colorSchemeFromUser, theme: themeFromUser }) {
-  const parentTheme = useContext(ThemeContext);
-  const isRoot = !parentTheme;
-  if (!isRoot && !themeFromUser && !colorSchemeFromUser) {
-    throw new Error("Must supply theme or colorScheme to ThemeProvider");
-  }
-  const parentContext = useContext(TrackerContext);
-  const [count] = 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__default.createElement(TrackerContext.Provider, {
-    value: count
-  }, React__default.createElement(ThemeContextComponent, {
-    theme
-  }, React__default.createElement(ColorSchemeContextComponent, {
-    colorScheme
-  }, React__default.createElement(React__default.Fragment, null, React__default.createElement(Style, {
-    isRoot
-  }), children))));
-}
-function createTheme(themeCreator) {
-  return themeCreator;
-}
-function useTheme() {
-  const themeContext = useContext(ThemeContext);
-  if (!themeContext) {
-    throw new Error("useTheme() must be used within a ThemeProvier");
-  }
-  return themeContext;
-}
-function useColorScheme() {
-  const colorSchemeContext = useContext(ColorSchemeContext);
-  if (!colorSchemeContext) {
-    throw new Error("useColorScheme() must be used within a ThemeProvider");
-  }
-  return colorSchemeContext;
-}
-function Style({ isRoot }) {
-  const parentContext = useContext(TrackerContext);
-  const themeCreator = useTheme();
-  const { resolvedColorScheme } = useColorScheme();
-  const fingerprint = useMemo(() => {
-    return `ezui-theme-style-level-${parentContext}`;
-  }, [parentContext]);
-  const selector = isRoot ? ":root" : `#${fingerprint} ~ *`;
-  const css = 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__default.createElement("style", {
-    id: fingerprint,
-    dangerouslySetInnerHTML: {
-      __html: css
-    }
-  });
-}
-function ThemeContextProvider({ theme, children }) {
-  return React__default.createElement(ThemeContext.Provider, {
-    value: theme
-  }, children);
-}
-function ColorSchemeContextProvider({ colorScheme, children }) {
-  const parentColorSchemeContext = useContext(ColorSchemeContext);
-  const colorSchemeContextValue = useMemo(() => {
-    const resolvedColorScheme = colorScheme === "inverted" && parentColorSchemeContext ? invertedColorSchemes[parentColorSchemeContext.resolvedColorScheme] : colorScheme;
-    return {
-      userColorScheme: colorScheme,
-      resolvedColorScheme
-    };
-  }, [colorScheme, parentColorSchemeContext]);
-  return React__default.createElement(ColorSchemeContext.Provider, {
-    value: colorSchemeContextValue
-  }, children);
-}
-function getThemeInstanceVariables(theme) {
-  return Object.fromEntries(Object.entries(theme).map(([key, value]) => {
-    const property = 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(ezuiTokens).filter((key) => key.startsWith(`${prefix}.`)).map((key) => key.replace(new RegExp(`^${prefix}.`), "")).map((key) => {
-    const value = `var(--ezui-${tokenSafeKebabCase(prefix)}-${tokenSafeKebabCase(key)})`;
-    return [key, value];
-  }));
-  return theme;
-}
-function getThemeTokenAliases(pattern) {
-  return getTokenAliases(getThemeFromTokens("theme.base"), pattern);
-}
-export {
-  ThemeProvider as T,
-  createTheme as c,
-  defaultTheme as d,
-  getThemeTokenAliases as g
-};

package/__chunks__/Theme-57f8311c.js

@@ -1,146 +0,0 @@
-"use strict";
-const React = require("react");
-const tokens = require("./tokens-e696ca96.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;