@commercetools/nimbus 0.0.9-rc5 → 0.0.9-rc7

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

@@ -0,0 +1,1530 @@
+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-BV5OkaPx.js";
+import { b as q } from "./button.recipe-DbFAOebT.js";
+import { l as Z } from "./link.recipe-CbFF3IUG.js";
+import { t as ee } from "./tooltip.recipe-D9fYIQZz.js";
+import { t as te } from "./text-input.recipe-CGpq33Pp.js";
+import { r as L } from "./radio-input.recipe-QYiFg_Kf.js";
+import { c as oe, a as ae } from "./combobox.recipe-KVsma6zb.js";
+import { s as re } from "./select.recipe-DS5ZRkug.js";
+import { s as ie } from "./switch.recipe-D3gb3Xj_.js";
+import { n as ne } from "./number-input.recipe-CbLyhXgE.js";
+import { c as le } from "./calendar.recipe-RdPylgdo.js";
+import { d as se } from "./date-input.recipe-BcsevQtW.js";
+import { d as ce } from "./date-picker.recipe-BJ79OJaw.js";
+import { a as de } from "./context-CgP0qpkX.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 = 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 = 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 = 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 = ze(a.breakpoints), Pe = 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 = $({
+  disabled: {
+    value: {
+      opacity: "0.5",
+      cursor: "not-allowed"
+    }
+  }
+}), Ne = 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 = 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 = 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 = 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 = E.shadows(a.shadow), Ae = E.radii({}), Ve = {
+  colors: He,
+  shadows: _e,
+  radii: Ae
+}, Le = 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 = 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 = 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 = 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 = 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 = j(
+  a.textStyle
+), je = n.durations(a.aspectRatio), Ue = n.animations(a.animation), Ye = n.blurs(a.blur), Ge = n.borders(a.border), Ke = n.colors({
+  ...a.color["blacks-and-whites"]
+}), Xe = n.durations(a.duration), Je = n.easings(a.easing), Qe = n.fonts(a.fontFamily), qe = n.fontSizes(a.fontSize), Ze = 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 = n.letterSpacings(
+  et(a.letterSpacing)
+), ot = n.lineHeights(a.lineHeight), at = n.radii(a.borderRadius), rt = n.spacing(a.spacing), it = 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 = n.zIndex(a.zIndex), lt = 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 = 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 = 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-CFSRgGKt.js.map