@commercetools/nimbus 0.0.9-rc8 → 0.0.10

package/dist/chunks/nimbus-provider-h_Fu03Zk.js

@@ -1,1530 +0,0 @@
-import { jsx as I } from "react/jsx-runtime";
-import { defineAnimationStyles as D, defineGlobalStyles as O, defineLayerStyles as $, defineRecipe as W, defineSemanticTokens as E, defineSlotRecipe as k, defineTextStyles as j, defineTokens as n, createSystem as U, defaultBaseConfig as Y, defineConfig as G, ChakraProvider as K } from "@chakra-ui/react";
-import * as r from "react";
-import { useState as X, useEffect as J } from "react";
-import { themeTokens as a } from "@commercetools/nimbus-tokens";
-import { a as Q } from "./avatar.recipe-BSmmqvwQ.js";
-import { b as q } from "./button.recipe-DzOS_Bqm.js";
-import { l as Z } from "./link.recipe-Ba2by0OG.js";
-import { t as ee } from "./tooltip.recipe-B9-7OFCi.js";
-import { t as te } from "./text-input.recipe-KNoUuq-g.js";
-import { r as L } from "./radio-input.recipe-CM9R2ilP.js";
-import { c as oe, a as ae } from "./combobox.recipe-BIn4O0NT.js";
-import { s as re } from "./select.recipe-CXWsUldF.js";
-import { s as ie } from "./switch.recipe-CWOjEnIy.js";
-import { n as ne } from "./number-input.recipe-8gbsGnLJ.js";
-import { c as le } from "./calendar.recipe-B2sMokBn.js";
-import { d as se } from "./date-input.recipe-BtWEmJGK.js";
-import { d as ce } from "./date-picker.recipe-Dy6NmKHA.js";
-import { a as de } from "./context-CI0Y3O6x.js";
-var me = (e, t, o, i, m, l, f, g) => {
-  let p = document.documentElement, y = ["light", "dark"];
-  function h(s) {
-    (Array.isArray(e) ? e : [e]).forEach((b) => {
-      let z = b === "class", N = z && l ? m.map((x) => l[x] || x) : m;
-      z ? (p.classList.remove(...N), p.classList.add(l && l[s] ? l[s] : s)) : p.setAttribute(b, s);
-    }), R(s);
-  }
-  function R(s) {
-    g && y.includes(s) && (p.style.colorScheme = s);
-  }
-  function u() {
-    return window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
-  }
-  if (i) h(i);
-  else try {
-    let s = localStorage.getItem(t) || o, b = f && s === "system" ? u() : s;
-    h(b);
-  } catch {
-  }
-}, V = ["light", "dark"], M = "(prefers-color-scheme: dark)", ue = typeof window > "u", H = /* @__PURE__ */ r.createContext(void 0), pe = { setTheme: (e) => {
-}, themes: [] }, fe = () => {
-  var e;
-  return (e = r.useContext(H)) != null ? e : pe;
-}, ge = (e) => r.useContext(H) ? r.createElement(r.Fragment, null, e.children) : r.createElement(be, { ...e }), he = ["light", "dark"], be = ({ forcedTheme: e, disableTransitionOnChange: t = !1, enableSystem: o = !0, enableColorScheme: i = !0, storageKey: m = "theme", themes: l = he, defaultTheme: f = o ? "system" : "light", attribute: g = "data-theme", value: p, children: y, nonce: h, scriptProps: R }) => {
-  let [u, s] = r.useState(() => ye(m, f)), [b, z] = r.useState(() => u === "system" ? T() : u), N = p ? Object.values(p) : l, x = r.useCallback((c) => {
-    let d = c;
-    if (!d) return;
-    c === "system" && o && (d = T());
-    let S = p ? p[d] : d, _ = t ? xe(h) : null, w = document.documentElement, A = (v) => {
-      v === "class" ? (w.classList.remove(...N), S && w.classList.add(S)) : v.startsWith("data-") && (S ? w.setAttribute(v, S) : w.removeAttribute(v));
-    };
-    if (Array.isArray(g) ? g.forEach(A) : A(g), i) {
-      let v = V.includes(f) ? f : null, B = V.includes(d) ? d : v;
-      w.style.colorScheme = B;
-    }
-    _ == null || _();
-  }, [h]), C = r.useCallback((c) => {
-    let d = typeof c == "function" ? c(u) : c;
-    s(d);
-    try {
-      localStorage.setItem(m, d);
-    } catch {
-    }
-  }, [u]), P = r.useCallback((c) => {
-    let d = T(c);
-    z(d), u === "system" && o && !e && x("system");
-  }, [u, e]);
-  r.useEffect(() => {
-    let c = window.matchMedia(M);
-    return c.addListener(P), P(c), () => c.removeListener(P);
-  }, [P]), r.useEffect(() => {
-    let c = (d) => {
-      d.key === m && (d.newValue ? s(d.newValue) : C(f));
-    };
-    return window.addEventListener("storage", c), () => window.removeEventListener("storage", c);
-  }, [C]), r.useEffect(() => {
-    x(e ?? u);
-  }, [e, u]);
-  let F = r.useMemo(() => ({ theme: u, setTheme: C, forcedTheme: e, resolvedTheme: u === "system" ? b : u, themes: o ? [...l, "system"] : l, systemTheme: o ? b : void 0 }), [u, C, e, b, o, l]);
-  return r.createElement(H.Provider, { value: F }, r.createElement(ve, { forcedTheme: e, storageKey: m, attribute: g, enableSystem: o, enableColorScheme: i, defaultTheme: f, value: p, themes: l, nonce: h, scriptProps: R }), y);
-}, ve = /* @__PURE__ */ r.memo(({ forcedTheme: e, storageKey: t, attribute: o, enableSystem: i, enableColorScheme: m, defaultTheme: l, value: f, themes: g, nonce: p, scriptProps: y }) => {
-  let h = JSON.stringify([o, t, l, e, g, f, i, m]).slice(1, -1);
-  return r.createElement("script", { ...y, suppressHydrationWarning: !0, nonce: typeof window > "u" ? p : "", dangerouslySetInnerHTML: { __html: `(${me.toString()})(${h})` } });
-}), ye = (e, t) => {
-  if (ue) return;
-  let o;
-  try {
-    o = localStorage.getItem(e) || void 0;
-  } catch {
-  }
-  return o || t;
-}, xe = (e) => {
-  let t = document.createElement("style");
-  return e && t.setAttribute("nonce", e), t.appendChild(document.createTextNode("*,*::before,*::after{-webkit-transition:none!important;-moz-transition:none!important;-o-transition:none!important;-ms-transition:none!important;transition:none!important}")), document.head.appendChild(t), () => {
-    window.getComputedStyle(document.body), setTimeout(() => {
-      document.head.removeChild(t);
-    }, 1);
-  };
-}, T = (e) => (e || (e = window.matchMedia(M)), e.matches ? "dark" : "light");
-function Se(e) {
-  return /* @__PURE__ */ I(ge, { attribute: "class", disableTransitionOnChange: !0, ...e });
-}
-function we() {
-  const { resolvedTheme: e, setTheme: t } = fe();
-  return {
-    colorMode: e,
-    setColorMode: t,
-    toggleColorMode: () => {
-      t(e === "light" ? "dark" : "light");
-    }
-  };
-}
-function Nt(e, t) {
-  const { colorMode: o } = we();
-  return o === "light" ? e : t;
-}
-const ke = /* @__PURE__ */ D({
-  "slide-fade-in": {
-    value: {
-      transformOrigin: "var(--transform-origin)",
-      "&[data-placement^=top]": {
-        animationName: "slide-from-bottom, fade-in"
-      },
-      "&[data-placement^=bottom]": {
-        animationName: "slide-from-top, fade-in"
-      },
-      "&[data-placement^=left]": {
-        animationName: "slide-from-right, fade-in"
-      },
-      "&[data-placement^=right]": {
-        animationName: "slide-from-left, fade-in"
-      }
-    }
-  },
-  "slide-fade-out": {
-    value: {
-      transformOrigin: "var(--transform-origin)",
-      "&[data-placement^=top]": {
-        animationName: "slide-to-bottom, fade-out"
-      },
-      "&[data-placement^=bottom]": {
-        animationName: "slide-to-top, fade-out"
-      },
-      "&[data-placement^=left]": {
-        animationName: "slide-to-right, fade-out"
-      },
-      "&[data-placement^=right]": {
-        animationName: "slide-to-left, fade-out"
-      }
-    }
-  },
-  "scale-fade-in": {
-    value: {
-      transformOrigin: "var(--transform-origin)",
-      animationName: "scale-in, fade-in"
-    }
-  },
-  "scale-fade-out": {
-    value: {
-      transformOrigin: "var(--transform-origin)",
-      animationName: "scale-out, fade-out"
-    }
-  }
-});
-function ze(e) {
-  var o;
-  const t = {};
-  for (const i in e)
-    (o = e[i]) != null && o.value ? t[i] = e[i].value : t[i] = e[i];
-  return t;
-}
-const Ce = /* @__PURE__ */ ze(a.breakpoints), Pe = /* @__PURE__ */ O({
-  "*": {
-    fontFeatureSettings: '"liga", "calt", "case", "ss01", "ss07", "ss08", "tnum"',
-    /**
-     * OVERRIDES FOR CSS VARS PROVIDED BY CHAKRA's `defaultBaseConfig` THEME
-     * OBJECT THAT CANNOT BE RENAMED / OVERRIDDEN VIA THEME CONFIGURATION
-     * `defaultBaseConfig` is defined here:
-     * https://github.com/chakra-ui/chakra-ui/blob/daa05b1c7962990075ae5065a17d897d80e276f2/packages/react/src/preset-base.ts#L220
-     */
-    "--ring-inset": "var(--chakra-empty,/*!*/ /*!*/)",
-    "--ring-offset-width": "0px",
-    "--ring-offset-color": "#fff",
-    "--ring-color": "rgba(66, 153, 225, 0.6)",
-    "--ring-offset-shadow": "0 0 #0000",
-    "--ring-shadow": "0 0 #0000",
-    // Set default chakra-variables for focus ring
-    "--focus-ring-color": "colors.primary.7",
-    "--focus-ring-width": "sizes.50",
-    "--focus-ring-offset": "spacing.50",
-    "--focus-ring-style": "solid",
-    "--brightness": "var(--chakra-empty,/*!*/ /*!*/)",
-    "--contrast": "var(--chakra-empty,/*!*/ /*!*/)",
-    "--grayscale": "var(--chakra-empty,/*!*/ /*!*/)",
-    "--hue-rotate": "var(--chakra-empty,/*!*/ /*!*/)",
-    "--invert": "var(--chakra-empty,/*!*/ /*!*/)",
-    "--saturate": "var(--chakra-empty,/*!*/ /*!*/)",
-    "--sepia": "var(--chakra-empty,/*!*/ /*!*/)",
-    "--drop-shadow": "var(--chakra-empty,/*!*/ /*!*/)",
-    "--backdrop-blur": "var(--chakra-empty,/*!*/ /*!*/)",
-    "--backdrop-brightness": "var(--chakra-empty,/*!*/ /*!*/)",
-    "--backdrop-contrast": "var(--chakra-empty,/*!*/ /*!*/)",
-    "--backdrop-grayscale": "var(--chakra-empty,/*!*/ /*!*/)",
-    "--backdrop-hue-rotate": "var(--chakra-empty,/*!*/ /*!*/)",
-    "--backdrop-invert": "var(--chakra-empty,/*!*/ /*!*/)",
-    "--backdrop-opacity": "var(--chakra-empty,/*!*/ /*!*/)",
-    "--backdrop-saturate": "var(--chakra-empty,/*!*/ /*!*/)",
-    "--backdrop-sepia": "var(--chakra-empty,/*!*/ /*!*/)",
-    "--global-font-mono": "fonts.mono",
-    "--global-font-body": "fonts.body",
-    "--global-color-border": "colors.border"
-    /**
-     * PREFIX ANY GLOBAL CSS VARIABLE THAT IS DEFINED BELOW THIS COMMENT WITH `--nimbus`
-     * TO DENOTE THAT IT IS SPECIFIC TO THE NIMBUS THEME AND NOT OVERRIDING CHAKRA
-     */
-  },
-  /** 'liga' may replace 2 characters with a single one,
-   * which causes differences in formatting when a monospace font is used.*/
-  "code *": {
-    fontFeatureSettings: '"calt", "case", "ss01", "ss07", "ss08", "tnum"'
-  },
-  html: {
-    color: "fg",
-    bg: "bg",
-    lineHeight: "1.5",
-    colorPalette: "neutral"
-  },
-  "*::placeholder": {
-    color: "fg.muted/80"
-  },
-  "*::selection": {
-    bg: "colorPalette.9",
-    color: "colorPalette.contrast"
-  },
-  /** overrides for styling in the chakra theme's preflight @reset layer
-   * overview of preflight config:
-   * https://chakra-ui.com/docs/theming/overview#preflight
-   * values set in @reset layer by preflight option:
-   * https://github.com/chakra-ui/chakra-ui/blob/main/packages/react/src/styled-system/preflight.ts
-   */
-  body: {
-    /** stops reset layer from triggering react-aria bug in overlay/tooltip positioning:
-     * https://github.com/adobe/react-spectrum/issues/7654
-     * https://github.com/adobe/react-spectrum/issues/7960
-     */
-    position: "initial"
-  },
-  "img, svg, video, canvas, audio, iframe, embed, object": {
-    display: "initial",
-    verticalAlign: "initial"
-  }
-}), Ie = {
-  spin: {
-    "0%": {
-      transform: "rotate(0deg)"
-    },
-    "100%": {
-      transform: "rotate(360deg)"
-    }
-  },
-  pulse: {
-    "50%": {
-      opacity: "0.5"
-    }
-  },
-  ping: {
-    "75%, 100%": {
-      transform: "scale(2)",
-      opacity: "0"
-    }
-  },
-  bounce: {
-    "0%, 100%": {
-      transform: "translateY(-25%)",
-      animationTimingFunction: "cubic-bezier(0.8,0,1,1)"
-    },
-    "50%": {
-      transform: "none",
-      animationTimingFunction: "cubic-bezier(0,0,0.2,1)"
-    }
-  },
-  "fade-in": {
-    from: {
-      opacity: 0
-    },
-    to: {
-      opacity: 1
-    }
-  },
-  "fade-out": {
-    from: {
-      opacity: 1
-    },
-    to: {
-      opacity: 0
-    }
-  },
-  "slide-from-left-full": {
-    from: {
-      translate: "-100% 0"
-    },
-    to: {
-      translate: "0 0"
-    }
-  },
-  "slide-from-right-full": {
-    from: {
-      translate: "100% 0"
-    },
-    to: {
-      translate: "0 0"
-    }
-  },
-  "slide-from-top-full": {
-    from: {
-      translate: "0 -100%"
-    },
-    to: {
-      translate: "0 0"
-    }
-  },
-  "slide-from-bottom-full": {
-    from: {
-      translate: "0 100%"
-    },
-    to: {
-      translate: "0 0"
-    }
-  },
-  "slide-to-left-full": {
-    from: {
-      translate: "0 0"
-    },
-    to: {
-      translate: "-100% 0"
-    }
-  },
-  "slide-to-right-full": {
-    from: {
-      translate: "0 0"
-    },
-    to: {
-      translate: "100% 0"
-    }
-  },
-  "slide-to-top-full": {
-    from: {
-      translate: "0 0"
-    },
-    to: {
-      translate: "0 -100%"
-    }
-  },
-  "slide-to-bottom-full": {
-    from: {
-      translate: "0 0"
-    },
-    to: {
-      translate: "0 100%"
-    }
-  },
-  "slide-from-top": {
-    "0%": {
-      translate: "0 -0.5rem"
-    },
-    to: {
-      translate: "0"
-    }
-  },
-  "slide-from-bottom": {
-    "0%": {
-      translate: "0 0.5rem"
-    },
-    to: {
-      translate: "0"
-    }
-  },
-  "slide-from-left": {
-    "0%": {
-      translate: "-0.5rem 0"
-    },
-    to: {
-      translate: "0"
-    }
-  },
-  "slide-from-right": {
-    "0%": {
-      translate: "0.5rem 0"
-    },
-    to: {
-      translate: "0"
-    }
-  },
-  "slide-to-top": {
-    "0%": {
-      translate: "0"
-    },
-    to: {
-      translate: "0 -0.5rem"
-    }
-  },
-  "slide-to-bottom": {
-    "0%": {
-      translate: "0"
-    },
-    to: {
-      translate: "0 0.5rem"
-    }
-  },
-  "slide-to-left": {
-    "0%": {
-      translate: "0"
-    },
-    to: {
-      translate: "-0.5rem 0"
-    }
-  },
-  "slide-to-right": {
-    "0%": {
-      translate: "0"
-    },
-    to: {
-      translate: "0.5rem 0"
-    }
-  },
-  "scale-in": {
-    from: {
-      scale: "0.95"
-    },
-    to: {
-      scale: "1"
-    }
-  },
-  "scale-out": {
-    from: {
-      scale: "1"
-    },
-    to: {
-      scale: "0.95"
-    }
-  }
-}, Re = /* @__PURE__ */ $({
-  disabled: {
-    value: {
-      opacity: "0.5",
-      cursor: "not-allowed"
-    }
-  }
-}), Ne = /* @__PURE__ */ W({
-  className: "nimbus-code",
-  base: {
-    fontFamily: "mono",
-    alignItems: "center",
-    display: "inline-flex",
-    borderRadius: "100"
-  },
-  variants: {
-    variant: {
-      solid: {
-        bg: "colorPalette.4",
-        color: "colorPalette.11"
-      },
-      subtle: {
-        bg: "colorPalette.3",
-        color: "colorPalette.11"
-      },
-      outline: {
-        color: "colorPalette.fg",
-        shadow: "inset 0 0 0px 1px var(--shadow-color)",
-        shadowColor: "colorPalette.muted"
-      },
-      surface: {
-        bg: "colorPalette.subtle",
-        color: "colorPalette.fg",
-        shadow: "inset 0 0 0px 1px var(--shadow-color)",
-        shadowColor: "colorPalette.muted"
-      },
-      plain: {
-        color: "colorPalette.fg"
-      }
-    },
-    size: {
-      xs: {
-        textStyle: "2xs",
-        px: "100",
-        minH: "400"
-      },
-      sm: {
-        textStyle: "xs",
-        px: "150",
-        minH: "500"
-      },
-      md: {
-        textStyle: "sm",
-        px: "200",
-        minH: "600"
-      },
-      lg: {
-        textStyle: "sm",
-        px: "250",
-        minH: "700"
-      }
-    }
-  },
-  defaultVariants: {
-    variant: "solid",
-    size: "md"
-  }
-}), Te = /* @__PURE__ */ W({
-  className: "nimbus-heading",
-  base: {
-    fontFamily: "heading",
-    fontWeight: "600"
-  },
-  variants: {
-    size: {
-      xs: {
-        textStyle: "xs"
-      },
-      sm: {
-        textStyle: "sm"
-      },
-      md: {
-        textStyle: "md"
-      },
-      lg: {
-        textStyle: "lg"
-      },
-      xl: {
-        textStyle: "xl"
-      },
-      "2xl": {
-        textStyle: "2xl"
-      },
-      "3xl": {
-        textStyle: "3xl"
-      },
-      "4xl": {
-        textStyle: "4xl"
-      },
-      "5xl": {
-        textStyle: "5xl"
-      },
-      "6xl": {
-        textStyle: "6xl"
-      },
-      "7xl": {
-        textStyle: "7xl"
-      }
-    }
-  },
-  defaultVariants: {
-    size: "xl"
-  }
-}), We = /* @__PURE__ */ W({
-  className: "nimbus-kbd",
-  base: {
-    display: "inline-flex",
-    alignItems: "center",
-    fontWeight: "medium",
-    fontFamily: "mono",
-    flexShrink: "0",
-    whiteSpace: "nowrap",
-    wordSpacing: "-0.5em",
-    userSelect: "none",
-    px: "100",
-    borderRadius: "100"
-  },
-  variants: {
-    variant: {
-      raised: {
-        bg: "colorPalette.subtle",
-        color: "colorPalette.fg",
-        borderWidth: "1px",
-        borderBottomWidth: "2px",
-        borderColor: "colorPalette.muted"
-      },
-      outline: {
-        borderWidth: "1px",
-        color: "colorPalette.fg"
-      },
-      subtle: {
-        bg: "colorPalette.muted",
-        color: "colorPalette.fg"
-      },
-      plain: {
-        color: "colorPalette.fg"
-      }
-    },
-    size: {
-      sm: {
-        textStyle: "xs",
-        height: "450"
-      },
-      md: {
-        textStyle: "sm",
-        height: "500"
-      },
-      lg: {
-        textStyle: "md",
-        height: "600"
-      }
-    }
-  },
-  defaultVariants: {
-    size: "md",
-    variant: "raised"
-  }
-}), Ee = {
-  avatar: Q,
-  button: q,
-  code: Ne,
-  heading: Te,
-  kbd: We,
-  link: Z,
-  tooltip: ee,
-  textInput: te,
-  radioInput: L
-}, He = /* @__PURE__ */ E.colors({
-  bg: {
-    DEFAULT: {
-      value: {
-        _light: "{colors.neutral.1}",
-        _dark: "{colors.neutral.1}"
-      }
-    }
-  },
-  fg: {
-    DEFAULT: {
-      value: {
-        _light: "{colors.neutral.12}",
-        _dark: "{colors.neutral.12}"
-      }
-    }
-  },
-  border: {
-    DEFAULT: {
-      value: "{colors.neutral.6}"
-    },
-    muted: {
-      value: "{colors.neutral.7}"
-    },
-    subtle: {
-      value: "{colors.neutral.6}"
-    },
-    emphasized: {
-      value: "{colors.neutral.8}"
-    },
-    inverted: {
-      value: "{colors.neutral.9}"
-    },
-    critical: {
-      value: "{colors.critical.8}"
-    },
-    warning: {
-      value: "{colors.warning.8}"
-    },
-    positive: {
-      value: "{colors.positive.8}"
-    },
-    info: {
-      value: "{colors.ingo.8}"
-    }
-  },
-  ...a.color["system-palettes"],
-  ...a.color["brand-palettes"],
-  ...a.color["semantic-palettes"]
-}), _e = /* @__PURE__ */ E.shadows(a.shadow), Ae = /* @__PURE__ */ E.radii({}), Ve = {
-  colors: He,
-  shadows: _e,
-  radii: Ae
-}, Le = /* @__PURE__ */ k({
-  slots: [
-    "trigger",
-    "backdrop",
-    "positioner",
-    "content",
-    "title",
-    "description",
-    "closeTrigger",
-    "header",
-    "body",
-    "footer",
-    "backdrop"
-  ],
-  className: "nimbus-dialog",
-  base: {
-    backdrop: {
-      bg: {
-        _dark: "bg/50",
-        _light: "fg/50"
-      },
-      pos: "fixed",
-      left: 0,
-      top: 0,
-      w: "100vw",
-      h: "100dvh",
-      zIndex: "modal",
-      _open: {
-        animationName: "fade-in",
-        animationDuration: "slow"
-      },
-      _closed: {
-        animationName: "fade-out",
-        animationDuration: "moderate"
-      }
-    },
-    positioner: {
-      display: "flex",
-      width: "100vw",
-      height: "100dvh",
-      position: "fixed",
-      left: 0,
-      top: 0,
-      "--dialog-z-index": "zIndex.modal",
-      zIndex: "calc(var(--dialog-z-index) + var(--layer-index, 0))",
-      justifyContent: "center",
-      overscrollBehaviorY: "none"
-    },
-    content: {
-      display: "flex",
-      flexDirection: "column",
-      position: "relative",
-      width: "100%",
-      outline: 0,
-      borderRadius: "200",
-      textStyle: "sm",
-      my: "var(--dialog-margin, var(--dialog-base-margin))",
-      "--dialog-z-index": "zIndex.modal",
-      zIndex: "calc(var(--dialog-z-index) + var(--layer-index, 0))",
-      bg: "bg",
-      boxShadow: "lg",
-      _open: {
-        animationDuration: "moderate"
-      },
-      _closed: {
-        animationDuration: "faster"
-      }
-    },
-    header: {
-      flex: 0,
-      px: "600",
-      pt: "600",
-      pb: "400"
-    },
-    body: {
-      flex: "1",
-      px: "600",
-      pt: "200",
-      pb: "600"
-    },
-    footer: {
-      display: "flex",
-      alignItems: "center",
-      justifyContent: "flex-end",
-      gap: "300",
-      px: "600",
-      pt: "200",
-      pb: "400"
-    },
-    title: {
-      textStyle: "lg",
-      fontWeight: "semibold"
-    },
-    description: {
-      color: "fg.muted"
-    }
-  },
-  variants: {
-    placement: {
-      center: {
-        positioner: {
-          alignItems: "center"
-        },
-        content: {
-          "--dialog-base-margin": "auto",
-          mx: "auto"
-        }
-      },
-      top: {
-        positioner: {
-          alignItems: "flex-start"
-        },
-        content: {
-          "--dialog-base-margin": "spacing.1600",
-          mx: "auto"
-        }
-      },
-      bottom: {
-        positioner: {
-          alignItems: "flex-end"
-        },
-        content: {
-          "--dialog-base-margin": "spacing.1600",
-          mx: "auto"
-        }
-      }
-    },
-    scrollBehavior: {
-      inside: {
-        positioner: {
-          overflow: "hidden"
-        },
-        content: {
-          maxH: "calc(100% - 7.5rem)"
-        },
-        body: {
-          overflow: "auto"
-        }
-      },
-      outside: {
-        positioner: {
-          overflow: "auto",
-          pointerEvents: "auto"
-        }
-      }
-    },
-    size: {
-      xs: {
-        content: {
-          maxW: "sm"
-        }
-      },
-      sm: {
-        content: {
-          maxW: "md"
-        }
-      },
-      md: {
-        content: {
-          maxW: "lg"
-        }
-      },
-      lg: {
-        content: {
-          maxW: "2xl"
-        }
-      },
-      xl: {
-        content: {
-          maxW: "4xl"
-        }
-      },
-      cover: {
-        positioner: {
-          padding: "1000"
-        },
-        content: {
-          width: "100%",
-          height: "100%",
-          "--dialog-margin": "0"
-        }
-      },
-      full: {
-        content: {
-          maxW: "100vw",
-          minH: "100vh",
-          "--dialog-margin": "0",
-          borderRadius: "0"
-        }
-      }
-    },
-    motionPreset: {
-      scale: {
-        content: {
-          _open: {
-            animationName: "scale-in, fade-in"
-          },
-          _closed: {
-            animationName: "scale-out, fade-out"
-          }
-        }
-      },
-      "slide-in-bottom": {
-        content: {
-          _open: {
-            animationName: "slide-from-bottom, fade-in"
-          },
-          _closed: {
-            animationName: "slide-to-bottom, fade-out"
-          }
-        }
-      },
-      "slide-in-top": {
-        content: {
-          _open: {
-            animationName: "slide-from-top, fade-in"
-          },
-          _closed: {
-            animationName: "slide-to-top, fade-out"
-          }
-        }
-      },
-      "slide-in-left": {
-        content: {
-          _open: {
-            animationName: "slide-from-left, fade-in"
-          },
-          _closed: {
-            animationName: "slide-to-left, fade-out"
-          }
-        }
-      },
-      "slide-in-right": {
-        content: {
-          _open: {
-            animationName: "slide-from-right, fade-in"
-          },
-          _closed: {
-            animationName: "slide-to-right, fade-out"
-          }
-        }
-      },
-      none: {}
-    }
-  },
-  defaultVariants: {
-    size: "md",
-    scrollBehavior: "outside",
-    placement: "top",
-    motionPreset: "scale"
-  }
-}), Me = /* @__PURE__ */ k({
-  className: "nimbus-list",
-  slots: ["root", "item", "indicator"],
-  base: {
-    root: {
-      display: "flex",
-      flexDirection: "column",
-      gap: "var(--list-gap)",
-      "& :where(ul, ol)": {
-        marginTop: "var(--list-gap)"
-      }
-    },
-    item: {
-      whiteSpace: "normal",
-      display: "list-item"
-    },
-    indicator: {
-      marginEnd: "200",
-      minHeight: "1lh",
-      flexShrink: 0,
-      display: "inline-block",
-      verticalAlign: "middle"
-    }
-  },
-  variants: {
-    variant: {
-      marker: {
-        root: {
-          listStyle: "revert",
-          listStylePosition: "inside"
-        },
-        item: {
-          _marker: {
-            color: "fg.subtle"
-          }
-        }
-      },
-      plain: {
-        item: {
-          alignItems: "flex-start",
-          display: "inline-flex"
-        }
-      }
-    },
-    align: {
-      center: {
-        item: {
-          alignItems: "center"
-        }
-      },
-      start: {
-        item: {
-          alignItems: "flex-start"
-        }
-      },
-      end: {
-        item: {
-          alignItems: "flex-end"
-        }
-      }
-    }
-  },
-  defaultVariants: {
-    variant: "marker"
-  }
-}), Fe = /* @__PURE__ */ k({
-  className: "chakra-table",
-  slots: [
-    "root",
-    "header",
-    "body",
-    "row",
-    "columnHeader",
-    "cell",
-    "footer",
-    "caption"
-  ],
-  base: {
-    root: {
-      fontVariantNumeric: "lining-nums tabular-nums",
-      borderCollapse: "collapse",
-      width: "full",
-      textAlign: "start",
-      verticalAlign: "top"
-    },
-    row: {
-      _selected: {
-        bg: "colorPalette.subtle"
-      }
-    },
-    cell: {
-      textAlign: "start",
-      alignItems: "center"
-    },
-    columnHeader: {
-      fontWeight: "medium",
-      textAlign: "start",
-      color: "fg"
-    },
-    caption: {
-      fontWeight: "medium",
-      textStyle: "xs"
-    },
-    footer: {
-      fontWeight: "medium"
-    }
-  },
-  variants: {
-    interactive: {
-      true: {
-        body: {
-          "& tr": {
-            _hover: {
-              bg: "colorPalette.subtle"
-            }
-          }
-        }
-      }
-    },
-    stickyHeader: {
-      true: {
-        header: {
-          "& :where(tr)": {
-            top: "var(--table-sticky-offset, 0)",
-            position: "sticky",
-            zIndex: 1
-          }
-        }
-      }
-    },
-    striped: {
-      true: {
-        row: {
-          "&:nth-of-type(odd) td": {
-            bg: "bg.muted"
-          }
-        }
-      }
-    },
-    showColumnBorder: {
-      true: {
-        columnHeader: {
-          "&:not(:last-of-type)": {
-            borderInlineEndWidth: "1px"
-          }
-        },
-        cell: {
-          "&:not(:last-of-type)": {
-            borderInlineEndWidth: "1px"
-          }
-        }
-      }
-    },
-    variant: {
-      line: {
-        columnHeader: {
-          borderBottomWidth: "1px"
-        },
-        cell: {
-          borderBottomWidth: "1px"
-        },
-        row: {
-          bg: "bg"
-        }
-      },
-      outline: {
-        root: {
-          boxShadow: "0 0 0 1px {colors.border}",
-          overflow: "hidden"
-        },
-        columnHeader: {
-          borderBottomWidth: "1px"
-        },
-        header: {
-          bg: "bg.muted"
-        },
-        row: {
-          "&:not(:last-of-type)": {
-            borderBottomWidth: "1px"
-          }
-        },
-        footer: {
-          borderTopWidth: "1px"
-        }
-      }
-    },
-    size: {
-      sm: {
-        root: {
-          textStyle: "sm"
-        },
-        columnHeader: {
-          px: "200",
-          py: "200"
-        },
-        cell: {
-          px: "200",
-          py: "200"
-        }
-      },
-      md: {
-        root: {
-          textStyle: "sm"
-        },
-        columnHeader: {
-          px: "300",
-          py: "300"
-        },
-        cell: {
-          px: "300",
-          py: "300"
-        }
-      },
-      lg: {
-        root: {
-          textStyle: "md"
-        },
-        columnHeader: {
-          px: "400",
-          py: "300"
-        },
-        cell: {
-          px: "400",
-          py: "300"
-        }
-      }
-    }
-  },
-  defaultVariants: {
-    variant: "line",
-    size: "md"
-  }
-}), Be = /* @__PURE__ */ k({
-  slots: [
-    "root",
-    "disclosure",
-    "trigger",
-    "panel",
-    "accordionTitle",
-    "headerContentRight"
-  ],
-  // Unique class name prefix for the component
-  className: "nimbus-accordion",
-  base: {
-    root: {
-      width: "100%"
-    },
-    disclosure: {
-      width: "100%"
-    },
-    trigger: {
-      fontSize: "var(--font-size)",
-      focusVisibleRing: "outside",
-      minHeight: "1200",
-      bg: "none",
-      flexGrow: 1,
-      display: "flex",
-      alignItems: "center",
-      gap: "8px",
-      width: "auto",
-      "& svg": {
-        width: "var(--width)",
-        height: "var(--height)",
-        rotate: "0deg",
-        transition: "rotate 200ms"
-      },
-      '&[aria-expanded="true"] svg': {
-        rotate: "90deg"
-      },
-      "&[disabled]": {
-        layerStyle: "disabled"
-      }
-    },
-    panel: {
-      paddingTop: "var(--padding-top)",
-      paddingBottom: "var(--padding-bottom)",
-      paddingLeft: "var(--padding-left)",
-      '&[aria-hidden="true"]': {
-        display: "none"
-      }
-    },
-    accordionTitle: {
-      fontWeight: "700"
-    }
-  },
-  variants: {
-    size: {
-      md: {
-        trigger: {
-          "--font-size": "fontSizes.500",
-          "& svg": {
-            "--width": "sizes.600",
-            "--height": "sizes.600"
-          }
-        },
-        panel: {
-          "--padding-top": "spacing.600",
-          "--padding-bottom": "spacing.800",
-          "--padding-left": "spacing.800"
-        }
-      },
-      sm: {
-        trigger: {
-          "--font-size": "fontSizes.400",
-          "& svg": {
-            "--width": "sizes.500",
-            "--height": "sizes.500"
-          }
-        },
-        panel: {
-          "--padding-top": "spacing.400",
-          "--padding-bottom": "spacing.600",
-          "--padding-left": "spacing.700"
-        }
-      }
-    }
-  },
-  defaultVariants: {
-    size: "md"
-  }
-}), De = /* @__PURE__ */ k({
-  slots: ["root", "tagList", "tag"],
-  // Unique class name prefix for the component
-  className: "nimbus-tag-group",
-  // Base styles applied to all instances of the component
-  base: {
-    root: { display: "flex", flexDirection: "column", gapY: "50" },
-    tagList: {
-      display: "flex",
-      flexWrap: "wrap",
-      gap: "100"
-    },
-    tag: {
-      colorPalette: "primary",
-      display: "flex",
-      alignItems: "center",
-      justifyContent: "center",
-      alignContent: "center",
-      gap: "100",
-      borderRadius: "200",
-      background: "colorPalette.3",
-      fontSize: "400",
-      lineHeight: "500",
-      focusVisibleRing: "outside",
-      "&[data-disabled] &": {
-        layerStyle: "disabled",
-        pointerEvents: "none"
-      },
-      "&[data-selected]": {
-        background: "colorPalette.9",
-        color: "colorPalette.contrast",
-        cursor: "button"
-      },
-      "&[aria-selected]": {
-        cursor: "button"
-      },
-      "& [role='gridcell']": {
-        display: "inline-flex !important",
-        alignItems: "center",
-        justifyContent: "space-between",
-        gapX: "100",
-        whiteSpace: "initial"
-      }
-    }
-  },
-  // Available variants for customizing the component's appearance
-  variants: {
-    // Size variants from smallest to largest
-    size: {
-      sm: {
-        tag: {
-          minH: "600",
-          paddingX: "200",
-          fontSize: "350",
-          lineHeight: "400"
-        }
-      },
-      // Small
-      md: {
-        tag: {
-          minH: "800",
-          paddingX: "200",
-          paddingY: "100"
-        }
-      },
-      // Medium
-      lg: {
-        tag: {
-          minH: "1000",
-          padding: "200"
-        }
-      }
-      // Large
-    }
-  },
-  // Default variant values when not explicitly specified
-  defaultVariants: {
-    size: "lg"
-  }
-}), Oe = {
-  dialog: Le,
-  list: Me,
-  table: Fe,
-  checkbox: ae,
-  select: re,
-  accordion: Be,
-  taggroup: De,
-  switch: ie,
-  numberInput: ne,
-  calendar: le,
-  dateInput: se,
-  datePicker: ce,
-  radioInput: L,
-  combobox: oe
-}, $e = /* @__PURE__ */ j(
-  a.textStyle
-), je = /* @__PURE__ */ n.durations(a.aspectRatio), Ue = /* @__PURE__ */ n.animations(a.animation), Ye = /* @__PURE__ */ n.blurs(a.blur), Ge = /* @__PURE__ */ n.borders(a.border), Ke = /* @__PURE__ */ n.colors({
-  ...a.color["blacks-and-whites"]
-}), Xe = /* @__PURE__ */ n.durations(a.duration), Je = /* @__PURE__ */ n.easings(a.easing), Qe = /* @__PURE__ */ n.fonts(a.fontFamily), qe = /* @__PURE__ */ n.fontSizes(a.fontSize), Ze = /* @__PURE__ */ n.fontWeights(a.fontWeight), et = (e) => Object.keys(e).reduce(
-  (t, o) => {
-    const m = parseFloat(e[o].value) / 100;
-    return t[o] = { value: `${m}em` }, t;
-  },
-  {}
-), tt = /* @__PURE__ */ n.letterSpacings(
-  /* @__PURE__ */ et(a.letterSpacing)
-), ot = /* @__PURE__ */ n.lineHeights(a.lineHeight), at = /* @__PURE__ */ n.radii(a.borderRadius), rt = /* @__PURE__ */ n.spacing(a.spacing), it = /* @__PURE__ */ n.sizes({
-  ...a.size,
-  "1/2": {
-    value: "50%"
-  },
-  "1/3": {
-    value: "33.333333%"
-  },
-  "2/3": {
-    value: "66.666667%"
-  },
-  "1/4": {
-    value: "25%"
-  },
-  "3/4": {
-    value: "75%"
-  },
-  "1/5": {
-    value: "20%"
-  },
-  "2/5": {
-    value: "40%"
-  },
-  "3/5": {
-    value: "60%"
-  },
-  "4/5": {
-    value: "80%"
-  },
-  "1/6": {
-    value: "16.666667%"
-  },
-  "2/6": {
-    value: "33.333333%"
-  },
-  "3/6": {
-    value: "50%"
-  },
-  "4/6": {
-    value: "66.666667%"
-  },
-  "5/6": {
-    value: "83.333333%"
-  },
-  "1/12": {
-    value: "8.333333%"
-  },
-  "2/12": {
-    value: "16.666667%"
-  },
-  "3/12": {
-    value: "25%"
-  },
-  "4/12": {
-    value: "33.333333%"
-  },
-  "5/12": {
-    value: "41.666667%"
-  },
-  "6/12": {
-    value: "50%"
-  },
-  "7/12": {
-    value: "58.333333%"
-  },
-  "8/12": {
-    value: "66.666667%"
-  },
-  "9/12": {
-    value: "75%"
-  },
-  "10/12": {
-    value: "83.333333%"
-  },
-  "11/12": {
-    value: "91.666667%"
-  },
-  max: {
-    value: "max-content"
-  },
-  min: {
-    value: "min-content"
-  },
-  fit: {
-    value: "fit-content"
-  },
-  prose: {
-    value: "60ch"
-  },
-  full: {
-    value: "100%"
-  },
-  dvh: {
-    value: "100dvh"
-  },
-  svh: {
-    value: "100svh"
-  },
-  lvh: {
-    value: "100lvh"
-  },
-  dvw: {
-    value: "100dvw"
-  },
-  svw: {
-    value: "100svw"
-  },
-  lvw: {
-    value: "100lvw"
-  },
-  vw: {
-    value: "100vw"
-  },
-  vh: {
-    value: "100vh"
-  }
-}), nt = /* @__PURE__ */ n.zIndex(a.zIndex), lt = /* @__PURE__ */ n.cursor(a.cursor), st = {
-  aspectRatios: je,
-  animations: Ue,
-  blurs: Ye,
-  borders: Ge,
-  colors: Ke,
-  durations: Xe,
-  easings: Je,
-  fonts: Qe,
-  fontSizes: qe,
-  fontWeights: Ze,
-  letterSpacings: tt,
-  lineHeights: ot,
-  radii: at,
-  spacing: rt,
-  sizes: it,
-  zIndex: nt,
-  cursor: lt
-}, ct = /* @__PURE__ */ G({
-  preflight: !0,
-  cssVarsPrefix: "nimbus",
-  cssVarsRoot: ":where(:root, :host)",
-  globalCss: Pe,
-  theme: {
-    breakpoints: Ce,
-    keyframes: Ie,
-    tokens: st,
-    semanticTokens: Ve,
-    recipes: Ee,
-    slotRecipes: Oe,
-    textStyles: $e,
-    layerStyles: Re,
-    animationStyles: ke
-  }
-}), dt = /* @__PURE__ */ U(Y, ct);
-function Tt() {
-  const [e, t] = X(o());
-  function o() {
-    return document.documentElement.style.getPropertyValue("color-scheme") || localStorage.getItem("theme") || "light";
-  }
-  return J(() => {
-    const i = document.documentElement, m = new MutationObserver(() => {
-      const l = o();
-      t(l);
-    });
-    return m.observe(i, {
-      attributes: !0,
-      attributeFilter: ["style"]
-    }), () => m.disconnect();
-  }, []), e;
-}
-function Wt({
-  children: e,
-  locale: t,
-  ...o
-}) {
-  return /* @__PURE__ */ I(K, { value: dt, children: /* @__PURE__ */ I(Se, { enableSystem: !1, ...o, children: /* @__PURE__ */ I(de, { locale: t, children: e }) }) });
-}
-export {
-  Wt as N,
-  Nt as a,
-  Tt as b,
-  dt as s,
-  we as u
-};
-//# sourceMappingURL=nimbus-provider-h_Fu03Zk.js.map