@easypost/easy-ui 1.0.0-alpha.0

package/Provider/index.mjs

@@ -0,0 +1,9 @@
+import t from "react";
+import { T as m } from "../Theme-161aed4a.mjs";
+import "../tokens-713623f4.mjs";
+function c({ children: r, theme: e, colorScheme: o }) {
+  return /* @__PURE__ */ t.createElement(m, { theme: e, colorScheme: o }, r);
+}
+export {
+  c as Provider
+};

package/Text/Text.d.ts

@@ -0,0 +1,70 @@
+import { ReactNode } from "react";
+import { TokenNamespace, TokenNamespaceWithSuffix } from "../types";
+export type TextAs = "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | "span";
+export type TextColor = TokenNamespace<"color">;
+export type TextVariant = TokenNamespaceWithSuffix<"font-style", "family">;
+export type TextWeight = "normal" | "medium" | "semibold" | "bold";
+export type TextProps = {
+    /** Adjusts horizontal alignment of text */
+    alignment?: "start" | "center" | "end" | "justify";
+    as?: TextAs;
+    /** Prevent text from overflowing inline container */
+    breakWord?: boolean;
+    /** Text to display */
+    children: ReactNode;
+    /** Adjust color of text */
+    color?: TextColor;
+    /** HTML id attribute */
+    id?: string;
+    /** Truncate text overflow with ellipsis */
+    truncate?: boolean;
+    /** Adjusts the style of text that's rendered */
+    variant?: TextVariant;
+    /** Visually hide the text but keep it accessible */
+    visuallyHidden?: boolean;
+    /** Adjust weight of text */
+    weight?: TextWeight;
+};
+/**
+ * A typography helper that will apply text styles to the text inside.
+ *
+ * @remarks
+ * Accepts an Easy UI text variant along with other font-related props to adjust
+ * the rendered text within Easy UI's constraint system.
+ *
+ * This component is helpful in product-facing scenarios where components tend
+ * to be used all the way down the stack, it may be less helpful in
+ * marketing-facing situations where long-form prose is required.
+ *
+ * @example
+ * Standard body text:
+ * ```tsx
+ * <Text variant="body1">Standard body text rendered as a span</Text>
+ * ```
+ *
+ * @example
+ * Working with alignment and color:
+ * ```tsx
+ * <Text variant="body1" alignment="center" color="blue-500">
+ *   Standard body text rendered as a span, centered, and colored blue 500
+ * </Text>
+ * ```
+ *
+ * @example
+ * Working with headings:
+ * ```tsx
+ * <Text variant="heading2" as="h2" id="unique-heading-id">
+ *   Heading level 2 text
+ * </Text>
+ * ```
+ *
+ * @example
+ * Visually hidden for accessibility purposes:
+ * ```tsx
+ * <Text visuallyHidden>
+ *   Description of icon or image visually hidden but still in tree
+ * </Text>
+ * ```
+ */
+export declare function Text({ alignment, as: Component, breakWord, children, color, id, truncate, variant, visuallyHidden, weight, }: TextProps): JSX.Element;
+//# sourceMappingURL=Text.d.ts.map

package/Text/Text.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../src/Text/Text.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,cAAc,EAAE,wBAAwB,EAAE,MAAM,UAAU,CAAC;AAKpE,MAAM,MAAM,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,GAAG,GAAG,MAAM,CAAC;AAC5E,MAAM,MAAM,SAAS,GAAG,cAAc,CAAC,OAAO,CAAC,CAAC;AAChD,MAAM,MAAM,WAAW,GAAG,wBAAwB,CAAC,YAAY,EAAE,QAAQ,CAAC,CAAC;AAC3E,MAAM,MAAM,UAAU,GAAG,QAAQ,GAAG,QAAQ,GAAG,UAAU,GAAG,MAAM,CAAC;AAEnE,MAAM,MAAM,SAAS,GAAG;IACtB,2CAA2C;IAC3C,SAAS,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,SAAS,CAAC;IAEnD,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,qDAAqD;IACrD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,sBAAsB;IACtB,QAAQ,EAAE,SAAS,CAAC;IACpB,2BAA2B;IAC3B,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,wBAAwB;IACxB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,2CAA2C;IAC3C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gDAAgD;IAChD,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,oDAAoD;IACpD,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,4BAA4B;IAC5B,MAAM,CAAC,EAAE,UAAU,CAAC;CACrB,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwCG;AACH,wBAAgB,IAAI,CAAC,EACnB,SAAS,EACT,EAAE,EAAE,SAAkB,EACtB,SAAiB,EACjB,QAAQ,EACR,KAAK,EACL,EAAE,EACF,QAAgB,EAChB,OAAO,EACP,cAAsB,EACtB,MAAM,GACP,EAAE,SAAS,eAqBX"}

package/Text/Text.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=Text.test.d.ts.map

package/Text/Text.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Text.test.d.ts","sourceRoot":"","sources":["../../src/Text/Text.test.tsx"],"names":[],"mappings":""}

package/Text/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./Text";
+//# sourceMappingURL=index.d.ts.map

package/Text/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Text/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC"}

package/Text/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const j=require("react"),c=require("../utilities/css.js"),m="_Text_74t3j_5",y="_heading1_74t3j_12",g="_heading2_74t3j_29",h="_heading3_74t3j_46",f="_heading4_74t3j_63",k="_heading5_74t3j_71",v="_subtitle1_74t3j_79",T="_subtitle2_74t3j_87",x="_body1_74t3j_95",p="_body2_74t3j_103",H="_caption_74t3j_111",q="_overline_74t3j_119",N="_button_74t3j_127",S="_normal_74t3j_143",C="_medium_74t3j_147",E="_semibold_74t3j_151",M="_bold_74t3j_155",O="_truncate_74t3j_159",P="_block_74t3j_165",R="_visuallyHidden_74t3j_169",$="_start_74t3j_182",z="_center_74t3j_186",A="_end_74t3j_190",B="_justify_74t3j_194",D="_numeric_74t3j_202",t={Text:m,heading1:y,heading2:g,heading3:h,heading4:f,heading5:k,subtitle1:v,subtitle2:T,body1:x,body2:p,caption:H,overline:q,button:N,"small-button":"_small-button_74t3j_135",normal:S,medium:C,semibold:E,bold:M,truncate:O,block:P,visuallyHidden:R,start:$,center:z,end:A,justify:B,break:"_break_74t3j_198",numeric:D};function F({alignment:e,as:i="span",breakWord:l=!1,children:a,color:d,id:_,truncate:n=!1,variant:o,visuallyHidden:u=!1,weight:s}){const r=c.classNames(t.Text,o&&t[o],s&&t[s],(e||n)&&t.block,e&&t[e],l&&t.break,n&&t.truncate,u&&t.visuallyHidden),b={...c.getComponentToken("text","color","color",d)};return j.createElement(i,{className:r,style:b,id:_||void 0},a)}exports.Text=F;

package/Text/index.mjs

@@ -0,0 +1,60 @@
+import r from "react";
+import { classNames as u, getComponentToken as m } from "../utilities/css.mjs";
+const y = "_Text_74t3j_5", h = "_heading1_74t3j_12", g = "_heading2_74t3j_29", f = "_heading3_74t3j_46", k = "_heading4_74t3j_63", p = "_heading5_74t3j_71", v = "_subtitle1_74t3j_79", x = "_subtitle2_74t3j_87", T = "_body1_74t3j_95", H = "_body2_74t3j_103", N = "_caption_74t3j_111", C = "_overline_74t3j_119", E = "_button_74t3j_127", R = "_normal_74t3j_143", $ = "_medium_74t3j_147", q = "_semibold_74t3j_151", z = "_bold_74t3j_155", A = "_truncate_74t3j_159", B = "_block_74t3j_165", D = "_visuallyHidden_74t3j_169", F = "_start_74t3j_182", G = "_center_74t3j_186", I = "_end_74t3j_190", J = "_justify_74t3j_194", K = "_numeric_74t3j_202", t = {
+  Text: y,
+  heading1: h,
+  heading2: g,
+  heading3: f,
+  heading4: k,
+  heading5: p,
+  subtitle1: v,
+  subtitle2: x,
+  body1: T,
+  body2: H,
+  caption: N,
+  overline: C,
+  button: E,
+  "small-button": "_small-button_74t3j_135",
+  normal: R,
+  medium: $,
+  semibold: q,
+  bold: z,
+  truncate: A,
+  block: B,
+  visuallyHidden: D,
+  start: F,
+  center: G,
+  end: I,
+  justify: J,
+  break: "_break_74t3j_198",
+  numeric: K
+};
+function O({
+  alignment: _,
+  as: c = "span",
+  breakWord: i = !1,
+  children: a,
+  color: d,
+  id: e,
+  truncate: n = !1,
+  variant: o,
+  visuallyHidden: l = !1,
+  weight: s
+}) {
+  const b = u(
+    t.Text,
+    o && t[o],
+    s && t[s],
+    (_ || n) && t.block,
+    _ && t[_],
+    i && t.break,
+    n && t.truncate,
+    l && t.visuallyHidden
+  ), j = {
+    ...m("text", "color", "color", d)
+  };
+  return /* @__PURE__ */ r.createElement(c, { className: b, style: j, id: e || void 0 }, a);
+}
+export {
+  O as Text
+};

package/Theme/Container.d.ts

@@ -0,0 +1,6 @@
+import { ReactNode } from "react";
+export type ContainerProps = {
+    children: ReactNode;
+};
+export declare function Container({ children }: ContainerProps): JSX.Element;
+//# sourceMappingURL=Container.d.ts.map

package/Theme/Container.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Container.d.ts","sourceRoot":"","sources":["../../src/Theme/Container.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKzC,MAAM,MAAM,cAAc,GAAG;IAC3B,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAIF,wBAAgB,SAAS,CAAC,EAAE,QAAQ,EAAE,EAAE,cAAc,eAWrD"}

package/Theme/Theme.d.ts

@@ -0,0 +1,63 @@
+import { ReactNode } from "react";
+export type Theme = {
+    "font.family": string;
+    "color.text": string;
+    "color.text.heading": string;
+    "color.background.disabled": string;
+    "color.background.support": string;
+    "color.background.primary": string;
+    "color.background.primary.hovered": string;
+    "color.background.primary.pressed": string;
+    "color.background.secondary": string;
+    "color.background.secondary.hovered": string;
+    "color.background.secondary.pressed": string;
+    "color.background.neutral": string;
+    "color.background.neutral.hovered": string;
+    "color.background.neutral.pressed": string;
+    "color.background.success": string;
+    "color.background.success.hovered": string;
+    "color.background.success.pressed": string;
+    "color.background.danger": string;
+    "color.background.danger.hovered": string;
+    "color.background.danger.pressed": string;
+};
+export type ColorScheme = "light" | "dark" | "system" | "inverted";
+export declare const defaultThemeCreator: ThemeCreator;
+export type ThemeableColorScheme = Extract<ColorScheme, "light" | "dark">;
+export type ThemePreferences = {
+    colorScheme: ThemeableColorScheme;
+};
+export type ThemeCreator = (preferences: ThemePreferences) => Theme;
+export type ThemeProviderProps = {
+    /** Component tree to apply specified theme. */
+    children: ReactNode;
+    /**
+     * Color scheme to apply to Easy UI.
+     * @default system
+     */
+    colorScheme?: ColorScheme;
+    /**
+     * Theme to apply to Easy UI. Use `createTheme()` to build theme object.
+     * @default defaultTheme
+     */
+    theme?: ThemeCreator;
+};
+/**
+ * Makes the specified `theme` and `colorScheme` applicable to the provided
+ * React tree. CSS variables within modules will adjust to
+ * the new configuration.
+ *
+ * @param props.children Component tree to apply specified theme
+ * @param props.colorScheme Color scheme to apply to Easy UI
+ * @param props.theme Theme to apply to Easy UI. Use `createTheme()` to build theme object
+ * @returns Themed component tree
+ */
+export declare function ThemeProvider({ children, colorScheme: colorSchemeFromUser, theme: themeFromUser, }: ThemeProviderProps): JSX.Element;
+/**
+ * Create a theme to use for Easy UI.
+ *
+ * @param themeCreator function that returns a theme object
+ * @returns theme creation function
+ */
+export declare function createTheme(themeCreator: ThemeCreator): ThemeCreator;
+//# sourceMappingURL=Theme.d.ts.map

package/Theme/Theme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Theme.d.ts","sourceRoot":"","sources":["../../src/Theme/Theme.tsx"],"names":[],"mappings":"AAAA,OAAc,EAEZ,SAAS,EAIV,MAAM,OAAO,CAAC;AAIf,MAAM,MAAM,KAAK,GAAG;IAClB,aAAa,EAAE,MAAM,CAAC;IACtB,YAAY,EAAE,MAAM,CAAC;IACrB,oBAAoB,EAAE,MAAM,CAAC;IAC7B,2BAA2B,EAAE,MAAM,CAAC;IACpC,0BAA0B,EAAE,MAAM,CAAC;IACnC,0BAA0B,EAAE,MAAM,CAAC;IACnC,kCAAkC,EAAE,MAAM,CAAC;IAC3C,kCAAkC,EAAE,MAAM,CAAC;IAC3C,4BAA4B,EAAE,MAAM,CAAC;IACrC,oCAAoC,EAAE,MAAM,CAAC;IAC7C,oCAAoC,EAAE,MAAM,CAAC;IAC7C,0BAA0B,EAAE,MAAM,CAAC;IACnC,kCAAkC,EAAE,MAAM,CAAC;IAC3C,kCAAkC,EAAE,MAAM,CAAC;IAC3C,0BAA0B,EAAE,MAAM,CAAC;IACnC,kCAAkC,EAAE,MAAM,CAAC;IAC3C,kCAAkC,EAAE,MAAM,CAAC;IAC3C,yBAAyB,EAAE,MAAM,CAAC;IAClC,iCAAiC,EAAE,MAAM,CAAC;IAC1C,iCAAiC,EAAE,MAAM,CAAC;CAC3C,CAAC;AACF,MAAM,MAAM,WAAW,GAAG,OAAO,GAAG,MAAM,GAAG,QAAQ,GAAG,UAAU,CAAC;AAEnE,eAAO,MAAM,mBAAmB,cAE9B,CAAC;AASH,MAAM,MAAM,oBAAoB,GAAG,OAAO,CAAC,WAAW,EAAE,OAAO,GAAG,MAAM,CAAC,CAAC;AAC1E,MAAM,MAAM,gBAAgB,GAAG;IAAE,WAAW,EAAE,oBAAoB,CAAA;CAAE,CAAC;AACrE,MAAM,MAAM,YAAY,GAAG,CAAC,WAAW,EAAE,gBAAgB,KAAK,KAAK,CAAC;AAEpE,MAAM,MAAM,kBAAkB,GAAG;IAC/B,+CAA+C;IAC/C,QAAQ,EAAE,SAAS,CAAC;IACpB;;;OAGG;IACH,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B;;;OAGG;IACH,KAAK,CAAC,EAAE,YAAY,CAAC;CACtB,CAAC;AA4BF;;;;;;;;;GASG;AACH,wBAAgB,aAAa,CAAC,EAC5B,QAAQ,EACR,WAAW,EAAE,mBAAmB,EAChC,KAAK,EAAE,aAAa,GACrB,EAAE,kBAAkB,eAgCpB;AAED;;;;;GAKG;AACH,wBAAgB,WAAW,CAAC,YAAY,EAAE,YAAY,gBAErD"}

package/Theme/Theme.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=Theme.test.d.ts.map

package/Theme/Theme.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Theme.test.d.ts","sourceRoot":"","sources":["../../src/Theme/Theme.test.tsx"],"names":[],"mappings":""}

package/Theme/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./Theme";
+//# sourceMappingURL=index.d.ts.map

package/Theme/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Theme/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC"}

package/Theme/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../Theme-93ca6374.js");require("react");require("../tokens-e7406ce6.js");exports.ThemeProvider=e.ThemeProvider;exports.createTheme=e.createTheme;exports.defaultThemeCreator=e.defaultThemeCreator;

package/Theme/index.mjs

@@ -0,0 +1,8 @@
+import { T as o, c as t, d as T } from "../Theme-161aed4a.mjs";
+import "react";
+import "../tokens-713623f4.mjs";
+export {
+  o as ThemeProvider,
+  t as createTheme,
+  T as defaultThemeCreator
+};

package/Theme-0f0cbd77.mjs

@@ -0,0 +1,396 @@
+import a, { createContext as g, useContext as s, useState as h, useMemo as x, useEffect as _ } from "react";
+import { t as X } from "./tokens-32b892de.mjs";
+var l = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
+function F(e, r, t, o) {
+  var n = -1, u = e == null ? 0 : e.length;
+  for (o && u && (t = e[++n]); ++n < u; )
+    t = r(t, e[n], n, e);
+  return t;
+}
+var ee = F;
+function re(e) {
+  return function(r) {
+    return e == null ? void 0 : e[r];
+  };
+}
+var te = re, oe = te, ne = {
+  // Latin-1 Supplement block.
+  À: "A",
+  Á: "A",
+  Â: "A",
+  Ã: "A",
+  Ä: "A",
+  Å: "A",
+  à: "a",
+  á: "a",
+  â: "a",
+  ã: "a",
+  ä: "a",
+  å: "a",
+  Ç: "C",
+  ç: "c",
+  Ð: "D",
+  ð: "d",
+  È: "E",
+  É: "E",
+  Ê: "E",
+  Ë: "E",
+  è: "e",
+  é: "e",
+  ê: "e",
+  ë: "e",
+  Ì: "I",
+  Í: "I",
+  Î: "I",
+  Ï: "I",
+  ì: "i",
+  í: "i",
+  î: "i",
+  ï: "i",
+  Ñ: "N",
+  ñ: "n",
+  Ò: "O",
+  Ó: "O",
+  Ô: "O",
+  Õ: "O",
+  Ö: "O",
+  Ø: "O",
+  ò: "o",
+  ó: "o",
+  ô: "o",
+  õ: "o",
+  ö: "o",
+  ø: "o",
+  Ù: "U",
+  Ú: "U",
+  Û: "U",
+  Ü: "U",
+  ù: "u",
+  ú: "u",
+  û: "u",
+  ü: "u",
+  Ý: "Y",
+  ý: "y",
+  ÿ: "y",
+  Æ: "Ae",
+  æ: "ae",
+  Þ: "Th",
+  þ: "th",
+  ß: "ss",
+  // Latin Extended-A block.
+  Ā: "A",
+  Ă: "A",
+  Ą: "A",
+  ā: "a",
+  ă: "a",
+  ą: "a",
+  Ć: "C",
+  Ĉ: "C",
+  Ċ: "C",
+  Č: "C",
+  ć: "c",
+  ĉ: "c",
+  ċ: "c",
+  č: "c",
+  Ď: "D",
+  Đ: "D",
+  ď: "d",
+  đ: "d",
+  Ē: "E",
+  Ĕ: "E",
+  Ė: "E",
+  Ę: "E",
+  Ě: "E",
+  ē: "e",
+  ĕ: "e",
+  ė: "e",
+  ę: "e",
+  ě: "e",
+  Ĝ: "G",
+  Ğ: "G",
+  Ġ: "G",
+  Ģ: "G",
+  ĝ: "g",
+  ğ: "g",
+  ġ: "g",
+  ģ: "g",
+  Ĥ: "H",
+  Ħ: "H",
+  ĥ: "h",
+  ħ: "h",
+  Ĩ: "I",
+  Ī: "I",
+  Ĭ: "I",
+  Į: "I",
+  İ: "I",
+  ĩ: "i",
+  ī: "i",
+  ĭ: "i",
+  į: "i",
+  ı: "i",
+  Ĵ: "J",
+  ĵ: "j",
+  Ķ: "K",
+  ķ: "k",
+  ĸ: "k",
+  Ĺ: "L",
+  Ļ: "L",
+  Ľ: "L",
+  Ŀ: "L",
+  Ł: "L",
+  ĺ: "l",
+  ļ: "l",
+  ľ: "l",
+  ŀ: "l",
+  ł: "l",
+  Ń: "N",
+  Ņ: "N",
+  Ň: "N",
+  Ŋ: "N",
+  ń: "n",
+  ņ: "n",
+  ň: "n",
+  ŋ: "n",
+  Ō: "O",
+  Ŏ: "O",
+  Ő: "O",
+  ō: "o",
+  ŏ: "o",
+  ő: "o",
+  Ŕ: "R",
+  Ŗ: "R",
+  Ř: "R",
+  ŕ: "r",
+  ŗ: "r",
+  ř: "r",
+  Ś: "S",
+  Ŝ: "S",
+  Ş: "S",
+  Š: "S",
+  ś: "s",
+  ŝ: "s",
+  ş: "s",
+  š: "s",
+  Ţ: "T",
+  Ť: "T",
+  Ŧ: "T",
+  ţ: "t",
+  ť: "t",
+  ŧ: "t",
+  Ũ: "U",
+  Ū: "U",
+  Ŭ: "U",
+  Ů: "U",
+  Ű: "U",
+  Ų: "U",
+  ũ: "u",
+  ū: "u",
+  ŭ: "u",
+  ů: "u",
+  ű: "u",
+  ų: "u",
+  Ŵ: "W",
+  ŵ: "w",
+  Ŷ: "Y",
+  ŷ: "y",
+  Ÿ: "Y",
+  Ź: "Z",
+  Ż: "Z",
+  Ž: "Z",
+  ź: "z",
+  ż: "z",
+  ž: "z",
+  IJ: "IJ",
+  ij: "ij",
+  Œ: "Oe",
+  œ: "oe",
+  ʼn: "'n",
+  ſ: "s"
+}, ue = oe(ne), ae = ue, ce = typeof l == "object" && l && l.Object === Object && l, se = ce, ie = se, fe = typeof self == "object" && self && self.Object === Object && self, de = ie || fe || Function("return this")(), le = de, xe = le, be = xe.Symbol, v = be;
+function me(e, r) {
+  for (var t = -1, o = e == null ? 0 : e.length, n = Array(o); ++t < o; )
+    n[t] = r(e[t], t, e);
+  return n;
+}
+var ge = me, he = Array.isArray, ve = he, S = v, k = Object.prototype, pe = k.hasOwnProperty, Se = k.toString, f = S ? S.toStringTag : void 0;
+function Te(e) {
+  var r = pe.call(e, f), t = e[f];
+  try {
+    e[f] = void 0;
+    var o = !0;
+  } catch {
+  }
+  var n = Se.call(e);
+  return o && (r ? e[f] = t : delete e[f]), n;
+}
+var ye = Te, Ce = Object.prototype, $e = Ce.toString;
+function Oe(e) {
+  return $e.call(e);
+}
+var je = Oe, T = v, Re = ye, we = je, Ee = "[object Null]", Ae = "[object Undefined]", y = T ? T.toStringTag : void 0;
+function _e(e) {
+  return e == null ? e === void 0 ? Ae : Ee : y && y in Object(e) ? Re(e) : we(e);
+}
+var ke = _e;
+function Le(e) {
+  return e != null && typeof e == "object";
+}
+var Pe = Le, Me = ke, Ie = Pe, We = "[object Symbol]";
+function ze(e) {
+  return typeof e == "symbol" || Ie(e) && Me(e) == We;
+}
+var Ne = ze, C = v, Ge = ge, Ue = ve, Ze = Ne, De = 1 / 0, $ = C ? C.prototype : void 0, O = $ ? $.toString : void 0;
+function L(e) {
+  if (typeof e == "string")
+    return e;
+  if (Ue(e))
+    return Ge(e, L) + "";
+  if (Ze(e))
+    return O ? O.call(e) : "";
+  var r = e + "";
+  return r == "0" && 1 / e == -De ? "-0" : r;
+}
+var He = L, Ve = He;
+function Je(e) {
+  return e == null ? "" : Ve(e);
+}
+var P = Je, Ye = ae, Be = P, qe = /[\xc0-\xd6\xd8-\xf6\xf8-\xff\u0100-\u017f]/g, Ke = "\\u0300-\\u036f", Qe = "\\ufe20-\\ufe2f", Xe = "\\u20d0-\\u20ff", Fe = Ke + Qe + Xe, er = "[" + Fe + "]", rr = RegExp(er, "g");
+function tr(e) {
+  return e = Be(e), e && e.replace(qe, Ye).replace(rr, "");
+}
+var or = tr, nr = /[^\x00-\x2f\x3a-\x40\x5b-\x60\x7b-\x7f]+/g;
+function ur(e) {
+  return e.match(nr) || [];
+}
+var ar = ur, cr = /[a-z][A-Z]|[A-Z]{2}[a-z]|[0-9][a-zA-Z]|[a-zA-Z][0-9]|[^a-zA-Z0-9 ]/;
+function sr(e) {
+  return cr.test(e);
+}
+var ir = sr, M = "\\ud800-\\udfff", fr = "\\u0300-\\u036f", dr = "\\ufe20-\\ufe2f", lr = "\\u20d0-\\u20ff", xr = fr + dr + lr, I = "\\u2700-\\u27bf", W = "a-z\\xdf-\\xf6\\xf8-\\xff", br = "\\xac\\xb1\\xd7\\xf7", mr = "\\x00-\\x2f\\x3a-\\x40\\x5b-\\x60\\x7b-\\xbf", gr = "\\u2000-\\u206f", hr = " \\t\\x0b\\f\\xa0\\ufeff\\n\\r\\u2028\\u2029\\u1680\\u180e\\u2000\\u2001\\u2002\\u2003\\u2004\\u2005\\u2006\\u2007\\u2008\\u2009\\u200a\\u202f\\u205f\\u3000", z = "A-Z\\xc0-\\xd6\\xd8-\\xde", vr = "\\ufe0e\\ufe0f", N = br + mr + gr + hr, G = "['’]", j = "[" + N + "]", pr = "[" + xr + "]", U = "\\d+", Sr = "[" + I + "]", Z = "[" + W + "]", D = "[^" + M + N + U + I + W + z + "]", Tr = "\\ud83c[\\udffb-\\udfff]", yr = "(?:" + pr + "|" + Tr + ")", Cr = "[^" + M + "]", H = "(?:\\ud83c[\\udde6-\\uddff]){2}", V = "[\\ud800-\\udbff][\\udc00-\\udfff]", c = "[" + z + "]", $r = "\\u200d", R = "(?:" + Z + "|" + D + ")", Or = "(?:" + c + "|" + D + ")", w = "(?:" + G + "(?:d|ll|m|re|s|t|ve))?", E = "(?:" + G + "(?:D|LL|M|RE|S|T|VE))?", J = yr + "?", Y = "[" + vr + "]?", jr = "(?:" + $r + "(?:" + [Cr, H, V].join("|") + ")" + Y + J + ")*", Rr = "\\d*(?:1st|2nd|3rd|(?![123])\\dth)(?=\\b|[A-Z_])", wr = "\\d*(?:1ST|2ND|3RD|(?![123])\\dTH)(?=\\b|[a-z_])", Er = Y + J + jr, Ar = "(?:" + [Sr, H, V].join("|") + ")" + Er, _r = RegExp([
+  c + "?" + Z + "+" + w + "(?=" + [j, c, "$"].join("|") + ")",
+  Or + "+" + E + "(?=" + [j, c + R, "$"].join("|") + ")",
+  c + "?" + R + "+" + w,
+  c + "+" + E,
+  wr,
+  Rr,
+  U,
+  Ar
+].join("|"), "g");
+function kr(e) {
+  return e.match(_r) || [];
+}
+var Lr = kr, Pr = ar, Mr = ir, Ir = P, Wr = Lr;
+function zr(e, r, t) {
+  return e = Ir(e), r = t ? void 0 : r, r === void 0 ? Mr(e) ? Wr(e) : Pr(e) : e.match(r) || [];
+}
+var Nr = zr, Gr = ee, Ur = or, Zr = Nr, Dr = "['’]", Hr = RegExp(Dr, "g");
+function Vr(e) {
+  return function(r) {
+    return Gr(Zr(Ur(r).replace(Hr, "")), e, "");
+  };
+}
+var Jr = Vr, Yr = Jr, Br = Yr(function(e, r, t) {
+  return e + (t ? "-" : "") + r.toLowerCase();
+}), qr = Br;
+const Kr = () => nt(X, "theme-light"), Qr = {
+  light: "dark",
+  dark: "light",
+  system: "inverted",
+  inverted: "system"
+};
+function A(e) {
+  return /* @__PURE__ */ a.createElement(a.Fragment, null, e.children);
+}
+const b = g(0), p = g(null), m = g(null);
+function ct({
+  children: e,
+  colorScheme: r,
+  theme: t
+}) {
+  const n = !s(p);
+  if (!n && !t && !r)
+    throw new Error("Must supply theme or colorScheme to ThemeProvider");
+  const u = s(b), [i] = h(() => u + 1), B = n || t ? rt : A, q = n || r ? tt : A, K = t || Kr, Q = r || "system";
+  return /* @__PURE__ */ a.createElement(b.Provider, { value: i }, /* @__PURE__ */ a.createElement(B, { theme: K }, /* @__PURE__ */ a.createElement(q, { colorScheme: Q }, /* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.createElement(et, { isRoot: n }), e))));
+}
+function st(e) {
+  return e;
+}
+function Xr() {
+  const e = s(p);
+  if (!e)
+    throw new Error("useTheme() must be used within a ThemeProvier");
+  return e;
+}
+function Fr() {
+  const e = s(m);
+  if (!e)
+    throw new Error("useColorScheme() must be used within a ThemeProvider");
+  return e;
+}
+function et({ isRoot: e }) {
+  const r = s(b), [t] = Xr(), [, , o] = Fr(), n = x(() => `ezui-theme-style-level-${r}`, [r]), u = e ? ":root" : `#${n} ~ *`, i = x(() => o === "system" ? `${u} {
+        ${d(t({ colorScheme: "light" }))}
+      }
+      @media (prefers-color-scheme: dark) {
+        ${u} {
+          ${d(t({ colorScheme: "dark" }))}
+        }
+      }` : o === "inverted" ? `${u} {
+        ${d(t({ colorScheme: "dark" }))}
+      }
+      @media (prefers-color-scheme: dark) {
+        ${u} {
+          ${d(t({ colorScheme: "light" }))}
+        }
+      }` : `${u} {
+        ${d(t({ colorScheme: o }))}
+      }`, [o, u, t]);
+  return /* @__PURE__ */ a.createElement("style", { id: n, dangerouslySetInnerHTML: { __html: i } });
+}
+function rt({
+  theme: e,
+  children: r
+}) {
+  const [t, o] = h(() => e), n = x(() => [t, o], [t, o]);
+  return _(() => {
+    o(() => e);
+  }, [e]), /* @__PURE__ */ a.createElement(p.Provider, { value: n }, r);
+}
+function tt({
+  colorScheme: e,
+  children: r
+}) {
+  const t = s(m), [o, n] = h(
+    () => e
+  ), u = x(() => {
+    const i = o === "inverted" && t ? Qr[t[2]] : o;
+    return [o, n, i];
+  }, [o, n, t]);
+  return _(() => {
+    n(() => e);
+  }, [e]), /* @__PURE__ */ a.createElement(m.Provider, { value: u }, r);
+}
+function ot(e) {
+  return Object.fromEntries(
+    Object.entries(e).map(([r, t]) => [`--ezui-t-${qr(r)}`, t])
+  );
+}
+function d(e) {
+  const r = ot(e);
+  return Object.entries(r).map((o) => o.join(": ") + ";").join(`
+`);
+}
+function nt(e, r) {
+  return Object.fromEntries(
+    Object.keys(e).filter((o) => o.startsWith(r)).map((o) => {
+      const n = o.replace(`${r}-`, "").replace("-", "."), u = `var(--ezui-${o})`;
+      return [n, u];
+    })
+  );
+}
+export {
+  ct as T,
+  st as c,
+  Kr as d
+};