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

package/__chunks__/SelectorErrorTooltip-43c5e29e.js

@@ -1,84 +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-3d00481a.js");
-const Text = require("./Text-1ae70c19.js");
-const Tooltip = require("./Tooltip-bd55165e.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 /* @__PURE__ */ React__namespace.createElement("svg", __spreadValues2({ xmlns: "http://www.w3.org/2000/svg", viewBox: "0 -960 960 960", "aria-labelledby": titleId }, props), title ? /* @__PURE__ */ React__namespace.createElement("title", { id: titleId }, title) : null, /* @__PURE__ */ 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_cuvwb_5";
-const styles = {
-  SelectorErrorTooltip: SelectorErrorTooltip$1
-};
-function SelectorErrorTooltip(props) {
-  return /* @__PURE__ */ React.createElement(Tooltip.Tooltip, __spreadValues({}, props), /* @__PURE__ */ React.createElement("span", { tabIndex: 0, className: styles.SelectorErrorTooltip }, /* @__PURE__ */ React.createElement(Text.Text, { visuallyHidden: true }, "Error"), /* @__PURE__ */ React.createElement(Icon.Icon, { symbol: ErrorFill })));
-}
-exports.SelectorErrorTooltip = SelectorErrorTooltip;

package/__chunks__/SelectorErrorTooltip-b6204987.mjs

@@ -1,69 +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-a75b5201.mjs";
-import { T as Text } from "./Text-4ae50d5c.mjs";
-import { T as Tooltip } from "./Tooltip-f7e67b21.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 /* @__PURE__ */ React.createElement("svg", __spreadValues2({ xmlns: "http://www.w3.org/2000/svg", viewBox: "0 -960 960 960", "aria-labelledby": titleId }, props), title ? /* @__PURE__ */ React.createElement("title", { id: titleId }, title) : null, /* @__PURE__ */ 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_cuvwb_5";
-const styles = {
-  SelectorErrorTooltip: SelectorErrorTooltip$1
-};
-function SelectorErrorTooltip(props) {
-  return /* @__PURE__ */ React__default.createElement(Tooltip, __spreadValues({}, props), /* @__PURE__ */ React__default.createElement("span", { tabIndex: 0, className: styles.SelectorErrorTooltip }, /* @__PURE__ */ React__default.createElement(Text, { visuallyHidden: true }, "Error"), /* @__PURE__ */ React__default.createElement(Icon, { symbol: ErrorFill })));
-}
-export {
-  SelectorErrorTooltip as S
-};

package/__chunks__/Text-1ae70c19.js

@@ -1,102 +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_1kykv_5";
-const heading1 = "_heading1_1kykv_13";
-const heading2 = "_heading2_1kykv_30";
-const heading3 = "_heading3_1kykv_47";
-const heading4 = "_heading4_1kykv_64";
-const heading5 = "_heading5_1kykv_72";
-const subtitle1 = "_subtitle1_1kykv_80";
-const subtitle2 = "_subtitle2_1kykv_88";
-const body1 = "_body1_1kykv_96";
-const body2 = "_body2_1kykv_104";
-const caption = "_caption_1kykv_112";
-const overline = "_overline_1kykv_120";
-const button = "_button_1kykv_128";
-const normal = "_normal_1kykv_144";
-const medium = "_medium_1kykv_148";
-const semibold = "_semibold_1kykv_152";
-const bold = "_bold_1kykv_156";
-const truncate = "_truncate_1kykv_160";
-const block = "_block_1kykv_166";
-const visuallyHidden = "_visuallyHidden_1kykv_170";
-const start = "_start_1kykv_183";
-const center = "_center_1kykv_187";
-const end = "_end_1kykv_191";
-const justify = "_justify_1kykv_195";
-const numeric = "_numeric_1kykv_203";
-const styles = {
-  Text: Text$1,
-  heading1,
-  heading2,
-  heading3,
-  heading4,
-  heading5,
-  subtitle1,
-  subtitle2,
-  body1,
-  body2,
-  caption,
-  overline,
-  button,
-  "small-button": "_small-button_1kykv_136",
-  normal,
-  medium,
-  semibold,
-  bold,
-  truncate,
-  block,
-  visuallyHidden,
-  start,
-  center,
-  end,
-  justify,
-  "break": "_break_1kykv_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 /* @__PURE__ */ React.createElement(Component, { className, style, id: id ? id : void 0 }, children);
-}
-function cleanVariant(variant) {
-  return variant.replace(/_/, "-");
-}
-exports.Text = Text;

package/__chunks__/Text-4ae50d5c.mjs

@@ -1,103 +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_1kykv_5";
-const heading1 = "_heading1_1kykv_13";
-const heading2 = "_heading2_1kykv_30";
-const heading3 = "_heading3_1kykv_47";
-const heading4 = "_heading4_1kykv_64";
-const heading5 = "_heading5_1kykv_72";
-const subtitle1 = "_subtitle1_1kykv_80";
-const subtitle2 = "_subtitle2_1kykv_88";
-const body1 = "_body1_1kykv_96";
-const body2 = "_body2_1kykv_104";
-const caption = "_caption_1kykv_112";
-const overline = "_overline_1kykv_120";
-const button = "_button_1kykv_128";
-const normal = "_normal_1kykv_144";
-const medium = "_medium_1kykv_148";
-const semibold = "_semibold_1kykv_152";
-const bold = "_bold_1kykv_156";
-const truncate = "_truncate_1kykv_160";
-const block = "_block_1kykv_166";
-const visuallyHidden = "_visuallyHidden_1kykv_170";
-const start = "_start_1kykv_183";
-const center = "_center_1kykv_187";
-const end = "_end_1kykv_191";
-const justify = "_justify_1kykv_195";
-const numeric = "_numeric_1kykv_203";
-const styles = {
-  Text: Text$1,
-  heading1,
-  heading2,
-  heading3,
-  heading4,
-  heading5,
-  subtitle1,
-  subtitle2,
-  body1,
-  body2,
-  caption,
-  overline,
-  button,
-  "small-button": "_small-button_1kykv_136",
-  normal,
-  medium,
-  semibold,
-  bold,
-  truncate,
-  block,
-  visuallyHidden,
-  start,
-  center,
-  end,
-  justify,
-  "break": "_break_1kykv_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 /* @__PURE__ */ 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-4e498252.mjs

@@ -1,132 +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 /* @__PURE__ */ 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 /* @__PURE__ */ React__default.createElement(TrackerContext.Provider, { value: count }, /* @__PURE__ */ React__default.createElement(ThemeContextComponent, { theme }, /* @__PURE__ */ React__default.createElement(ColorSchemeContextComponent, { colorScheme }, /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ 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 /* @__PURE__ */ React__default.createElement("style", { id: fingerprint, dangerouslySetInnerHTML: { __html: css } });
-}
-function ThemeContextProvider({ theme, children }) {
-  return /* @__PURE__ */ 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 /* @__PURE__ */ 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-751e5575.js

@@ -1,131 +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 /* @__PURE__ */ 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 /* @__PURE__ */ React.createElement(TrackerContext.Provider, { value: count }, /* @__PURE__ */ React.createElement(ThemeContextComponent, { theme }, /* @__PURE__ */ React.createElement(ColorSchemeContextComponent, { colorScheme }, /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ 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 /* @__PURE__ */ React.createElement("style", { id: fingerprint, dangerouslySetInnerHTML: { __html: css } });
-}
-function ThemeContextProvider({ theme, children }) {
-  return /* @__PURE__ */ 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 /* @__PURE__ */ 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;