@commercetools/nimbus 0.0.10 → 0.0.11

package/dist/chunks/{nimbus-provider-BjnzjFmv.es.js → nimbus-provider-CDXyYH9f.es.js}

@@ -1,23 +1,26 @@
 import { jsx as z } from "react/jsx-runtime";
-import { defineAnimationStyles as $, defineGlobalStyles as O, defineLayerStyles as j, defineRecipe as H, defineSemanticTokens as W, defineSlotRecipe as x, defineTextStyles as M, defineTokens as n, createSystem as X, defaultBaseConfig as U, defineConfig as Y, ChakraProvider as G } from "@chakra-ui/react";
+import { defineAnimationStyles as $, defineGlobalStyles as j, defineLayerStyles as O, defineRecipe as D, defineSemanticTokens as H, defineSlotRecipe as v, defineTextStyles as M, defineTokens as i, createSystem as X, defaultBaseConfig as Y, defineConfig as U, ChakraProvider as G } from "@chakra-ui/react";
 import { themeTokens as o } from "@commercetools/nimbus-tokens";
 import { a as K } from "./avatar.recipe-BSmmqvwQ.es.js";
 import { b as J } from "./button.recipe-DzOS_Bqm.es.js";
-import { l as Q } from "./link.recipe-Ba2by0OG.es.js";
-import { t as q } from "./tooltip.recipe-B9-7OFCi.es.js";
-import { t as Z } from "./text-input.recipe-KNoUuq-g.es.js";
-import { r as D } from "./radio-input.recipe-CM9R2ilP.es.js";
-import { c as ee, a as te } from "./combobox.recipe-aeARdYiV.es.js";
-import { s as oe } from "./select.recipe-CXWsUldF.es.js";
-import { s as ae } from "./switch.recipe-CWOjEnIy.es.js";
-import { n as re } from "./number-input.recipe-8gbsGnLJ.es.js";
-import { c as ie } from "./calendar.recipe-B2sMokBn.es.js";
-import { d as ne } from "./date-input.recipe-BtWEmJGK.es.js";
-import { d as le } from "./date-picker.recipe-Dy6NmKHA.es.js";
+import { k as Q } from "./kbd.recipe-BONVaPQN.es.js";
+import { l as q } from "./link.recipe-Ba2by0OG.es.js";
+import { t as Z } from "./tooltip.recipe-B9-7OFCi.es.js";
+import { t as ee } from "./text-input.recipe-KNoUuq-g.es.js";
+import { r as L } from "./radio-input.recipe-CM9R2ilP.es.js";
+import { c as te, a as oe } from "./combobox.recipe-BQy3LgVG.es.js";
+import { s as ae } from "./select.recipe-CNH8aWdo.es.js";
+import { s as re } from "./switch.recipe-CWOjEnIy.es.js";
+import { n as ie } from "./number-input.recipe-8gbsGnLJ.es.js";
+import { c as ne } from "./calendar.recipe-B2sMokBn.es.js";
+import { r as le } from "./range-calendar.recipe-D7Qn7AJr.es.js";
+import { d as se } from "./date-input.recipe-BTsUgaUQ.es.js";
+import { d as ce } from "./date-picker.recipe-Dy6NmKHA.es.js";
+import { d as de } from "./date-range-picker.recipe-CuI7inaU.es.js";
 import * as r from "react";
-import { a as se } from "./context-D3RF-nTI.es.js";
-import { d as ce } from "./openLink-Bb-6Z-d5.es.js";
-const de = /* @__PURE__ */ $({
+import { a as me } from "./context-D3RF-nTI.es.js";
+import { c as pe } from "./openLink-BRnXRj9w.es.js";
+const ue = /* @__PURE__ */ $({
   "slide-fade-in": {
     value: {
       transformOrigin: "var(--transform-origin)",
@@ -65,14 +68,13 @@ const de = /* @__PURE__ */ $({
     }
   }
 });
-function me(e) {
-  var t;
+function ge(e) {
   const a = {};
-  for (const i in e)
-    (t = e[i]) != null && t.value ? a[i] = e[i].value : a[i] = e[i];
+  for (const t in e)
+    e[t]?.value ? a[t] = e[t].value : a[t] = e[t];
   return a;
 }
-const pe = /* @__PURE__ */ me(o.breakpoints), ue = /* @__PURE__ */ O({
+const fe = /* @__PURE__ */ ge(o.breakpoints), be = /* @__PURE__ */ j({
   "*": {
     fontFeatureSettings: '"liga", "calt", "case", "ss01", "ss07", "ss08", "tnum"',
     /**
@@ -152,7 +154,7 @@ const pe = /* @__PURE__ */ me(o.breakpoints), ue = /* @__PURE__ */ O({
     display: "initial",
     verticalAlign: "initial"
   }
-}), ge = {
+}), he = {
   spin: {
     "0%": {
       transform: "rotate(0deg)"
@@ -358,14 +360,14 @@ const pe = /* @__PURE__ */ me(o.breakpoints), ue = /* @__PURE__ */ O({
       backgroundPosition: "-200% 0"
     }
   }
-}, fe = /* @__PURE__ */ j({
+}, ve = /* @__PURE__ */ O({
   disabled: {
     value: {
       opacity: "0.5",
       cursor: "not-allowed"
     }
   }
-}), be = /* @__PURE__ */ H({
+}), ye = /* @__PURE__ */ D({
   className: "nimbus-code",
   base: {
     fontFamily: "mono",
@@ -425,7 +427,7 @@ const pe = /* @__PURE__ */ me(o.breakpoints), ue = /* @__PURE__ */ O({
     variant: "solid",
     size: "md"
   }
-}), he = /* @__PURE__ */ H({
+}), xe = /* @__PURE__ */ D({
   className: "nimbus-heading",
   base: {
     fontFamily: "heading",
@@ -471,84 +473,30 @@ const pe = /* @__PURE__ */ me(o.breakpoints), ue = /* @__PURE__ */ O({
   defaultVariants: {
     size: "xl"
   }
-}), ve = /* @__PURE__ */ H({
-  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"
-  }
-}), xe = {
+}), Se = {
   avatar: K,
   button: J,
-  code: be,
-  heading: he,
-  kbd: ve,
-  link: Q,
-  tooltip: q,
-  textInput: Z,
-  radioInput: D
-}, ye = /* @__PURE__ */ W.colors({
+  code: ye,
+  heading: xe,
+  kbd: Q,
+  link: q,
+  tooltip: Z,
+  textInput: ee,
+  radioInput: L
+}, ke = /* @__PURE__ */ H.colors({
   bg: {
     DEFAULT: {
       value: {
-        _light: "{colors.neutral.1}",
-        _dark: "{colors.neutral.1}"
+        _light: "white",
+        _dark: "black"
       }
     }
   },
   fg: {
     DEFAULT: {
       value: {
-        _light: "{colors.neutral.12}",
-        _dark: "{colors.neutral.12}"
+        _light: "black",
+        _dark: "white"
       }
     }
   },
@@ -584,11 +532,11 @@ const pe = /* @__PURE__ */ me(o.breakpoints), ue = /* @__PURE__ */ O({
   ...o.color["system-palettes"],
   ...o.color["brand-palettes"],
   ...o.color["semantic-palettes"]
-}), Se = /* @__PURE__ */ W.shadows(o.shadow), we = /* @__PURE__ */ W.radii({}), ke = {
-  colors: ye,
-  shadows: Se,
-  radii: we
-}, ze = /* @__PURE__ */ x({
+}), we = /* @__PURE__ */ H.shadows(o.shadow), ze = /* @__PURE__ */ H.radii({}), Ie = {
+  colors: ke,
+  shadows: we,
+  radii: ze
+}, Re = /* @__PURE__ */ v({
   slots: [
     "trigger",
     "backdrop",
@@ -839,7 +787,7 @@ const pe = /* @__PURE__ */ me(o.breakpoints), ue = /* @__PURE__ */ O({
     placement: "top",
     motionPreset: "scale"
   }
-}), Pe = /* @__PURE__ */ x({
+}), Pe = /* @__PURE__ */ v({
   className: "nimbus-list",
   slots: ["root", "item", "indicator"],
   base: {
@@ -904,7 +852,7 @@ const pe = /* @__PURE__ */ me(o.breakpoints), ue = /* @__PURE__ */ O({
   defaultVariants: {
     variant: "marker"
   }
-}), Ie = /* @__PURE__ */ x({
+}), Ce = /* @__PURE__ */ v({
   className: "chakra-table",
   slots: [
     "root",
@@ -1071,7 +1019,7 @@ const pe = /* @__PURE__ */ me(o.breakpoints), ue = /* @__PURE__ */ O({
     variant: "line",
     size: "md"
   }
-}), Re = /* @__PURE__ */ x({
+}), Ne = /* @__PURE__ */ v({
   slots: [
     "root",
     "disclosure",
@@ -1159,7 +1107,7 @@ const pe = /* @__PURE__ */ me(o.breakpoints), ue = /* @__PURE__ */ O({
   defaultVariants: {
     size: "md"
   }
-}), Ne = /* @__PURE__ */ x({
+}), Te = /* @__PURE__ */ v({
   slots: ["root", "tagList", "tag"],
   // Unique class name prefix for the component
   className: "nimbus-tag-group",
@@ -1183,16 +1131,16 @@ const pe = /* @__PURE__ */ me(o.breakpoints), ue = /* @__PURE__ */ O({
       fontSize: "400",
       lineHeight: "500",
       focusVisibleRing: "outside",
-      "&[data-disabled] &": {
+      "&[data-disabled='true'] &": {
         layerStyle: "disabled",
         pointerEvents: "none"
       },
-      "&[data-selected]": {
+      "&[data-selected='true']": {
         background: "colorPalette.9",
         color: "colorPalette.contrast",
         cursor: "button"
       },
-      "&[aria-selected]": {
+      "&[aria-selected='true']": {
         cursor: "button"
       },
       "& [role='gridcell']": {
@@ -1238,7 +1186,7 @@ const pe = /* @__PURE__ */ me(o.breakpoints), ue = /* @__PURE__ */ O({
   defaultVariants: {
     size: "lg"
   }
-}), Ce = /* @__PURE__ */ x({
+}), He = /* @__PURE__ */ v({
   className: "nimbus-progress-bar",
   slots: ["root", "track", "fill", "label", "value"],
   // Base styles applied to all instances of the component
@@ -1386,35 +1334,246 @@ const pe = /* @__PURE__ */ me(o.breakpoints), ue = /* @__PURE__ */ O({
       }
     }
   ]
-}), Te = {
-  dialog: ze,
+}), We = /* @__PURE__ */ v({
+  slots: [
+    "root",
+    "trigger",
+    "popover",
+    "content",
+    "item",
+    "separator",
+    "section",
+    "sectionLabel",
+    "submenu"
+  ],
+  // Unique class name prefix for the component
+  className: "nimbus-menu",
+  // Base styles applied to all instances of the component
+  base: {
+    root: {
+      display: "inline-block",
+      position: "relative"
+    },
+    trigger: {
+      focusRing: "outside"
+    },
+    popover: {
+      bg: "bg",
+      borderRadius: "200",
+      boxShadow: "5",
+      overflow: "auto",
+      // Entry animation
+      "&[data-entering]": {
+        animationName: "fade-in, scale-in",
+        animationDuration: "fast"
+      },
+      // Exit animation
+      "&[data-exiting]": {
+        animationName: "fade-out, scale-out",
+        animationDuration: "faster"
+      }
+    },
+    content: {
+      display: "flex",
+      flexDirection: "column",
+      minWidth: "200px",
+      maxHeight: "400px",
+      overflowY: "auto",
+      p: "200",
+      position: "relative",
+      // Focus styles for keyboard navigation
+      "&:focus": {
+        outline: "none"
+      }
+    },
+    item: {
+      display: "grid",
+      /*
+       * Define a 5-column grid:
+       * 1. selection – checkbox (size to content, 0 when no selection mode)
+       * 2. icon      – size to its content (usually 0 when no icon)
+       * 3. label/description – takes up all remaining space
+       * 4. keyboard  – size to its content (or 0 when missing)
+       * 5. flyout    – size to its content (or 0 when missing)
+       *
+       * Using `1fr` for the third column ensures that, when columns 4 or 5
+       * are absent for a particular row, the label/description column expands
+       * to fill the available width instead of leaving empty reserved space.
+       */
+      gridTemplateColumns: "auto auto 1fr auto auto",
+      gridTemplateAreas: `
+        'selection icon label keyboard flyoutCaret'
+        'selection icon description keyboard flyoutCaret'`,
+      flexDirection: "column",
+      alignItems: "start",
+      px: "300",
+      py: "200",
+      borderRadius: "200",
+      cursor: "pointer",
+      userSelect: "none",
+      color: "fg",
+      fontSize: "400",
+      lineHeight: "500",
+      position: "relative",
+      textStyle: "sm",
+      outline: 0,
+      boxShadow: "inset 0 0 0 {sizes.50} {colors.bg}",
+      // Hover state
+      "&[data-hovered='true'], &[data-focused='true']": {
+        bg: "primary.2",
+        outline: "none",
+        zIndex: "1"
+      },
+      // keyboard focused
+      "&[data-focus-visible]": {
+        focusRing: "outside"
+      },
+      "&[data-selected]": {
+        bg: "primary.3",
+        "& [slot='selection']": {
+          color: "primary.9"
+        }
+      },
+      // Critical state
+      "&[data-critical]": {
+        color: "critical.11",
+        "&[data-hovered='true'], &[data-focused='true']": {
+          bg: "critical.2"
+        },
+        "& [slot='label']": {
+          fontWeight: "600",
+          color: "critical.11"
+        },
+        "& [slot='icon']": {
+          color: "critical.11"
+        },
+        "& [slot='description']": {
+          color: "critical.11",
+          fontWeight: "300"
+        }
+      },
+      "& [slot='caretIcon']": {
+        gridArea: "flyoutCaret",
+        textAlign: "right",
+        my: "auto",
+        marginInlineStart: "400",
+        boxSize: "500",
+        color: "neutral.11"
+      },
+      // Styles for Text[slot="label"]
+      "& [slot='label']": {
+        gridArea: "label",
+        fontWeight: "500"
+      },
+      // Styles for Text[slot="description"]
+      "& [slot='description']": {
+        gridArea: "description",
+        color: "neutral.11"
+      },
+      // Styles for Kbd[slot="keyboard"]
+      "& [slot='keyboard']": {
+        gridArea: "keyboard",
+        color: "colorPalette.11",
+        fontFamily: "mono",
+        marginInlineStart: "400",
+        my: "auto"
+      },
+      // Styles for Icon[slot="icon"]
+      "& [slot='icon']": {
+        gridArea: "icon",
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center",
+        marginInlineEnd: "300",
+        my: "auto",
+        flexShrink: 0,
+        color: "neutral.11",
+        boxSize: "500"
+      },
+      // Styles for Checkbox[slot="selection"]
+      "& [slot='selection']": {
+        gridArea: "selection",
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center",
+        ml: "200",
+        mr: "300",
+        my: "auto",
+        color: "neutral.11",
+        /** has-submenu + selectable = impossible = hide checkbox*/
+        "[data-has-submenu='true']&": {
+          opacity: ".0",
+          ml: "-600"
+        },
+        "& svg": {
+          boxSize: "500"
+        }
+      },
+      // Adjust padding when selection mode is active
+      "&[data-selection-mode]": {
+        paddingInlineStart: "200"
+      },
+      // Disabled state
+      "&[data-disabled]": {
+        layerStyle: "disabled",
+        pointerEvents: "none"
+      }
+    },
+    separator: {
+      height: "25",
+      flexShrink: 0,
+      backgroundColor: "neutral.6",
+      my: "200",
+      mx: "-200"
+    },
+    section: {
+      display: "flex",
+      flexDirection: "column"
+    },
+    sectionLabel: {
+      textStyle: "xs",
+      fontWeight: "600",
+      color: "neutral.11",
+      px: "300",
+      pt: "300",
+      pb: "200",
+      marginBottom: "100",
+      textTransform: "uppercase",
+      letterSpacing: "{spacing.25}"
+    }
+  }
+}), Ae = {
+  dialog: Re,
   list: Pe,
-  table: Ie,
-  checkbox: te,
-  select: oe,
-  accordion: Re,
-  taggroup: Ne,
-  switch: ae,
-  numberInput: re,
-  calendar: ie,
-  dateInput: ne,
-  datePicker: le,
-  radioInput: D,
-  combobox: ee,
-  progressBar: Ce
-}, He = /* @__PURE__ */ M(
+  table: Ce,
+  checkbox: oe,
+  select: ae,
+  accordion: Ne,
+  taggroup: Te,
+  switch: re,
+  numberInput: ie,
+  calendar: ne,
+  rangeCalendar: le,
+  dateInput: se,
+  dateRangePicker: de,
+  datePicker: ce,
+  radioInput: L,
+  combobox: te,
+  progressBar: He,
+  menu: We
+}, Ee = /* @__PURE__ */ M(
   o.textStyle
-), We = /* @__PURE__ */ n.durations(o.aspectRatio), _e = /* @__PURE__ */ n.animations(o.animation), Ee = /* @__PURE__ */ n.blurs(o.blur), Ae = /* @__PURE__ */ n.borders(o.border), Ve = /* @__PURE__ */ n.colors({
+), _e = /* @__PURE__ */ i.durations(o.aspectRatio), De = /* @__PURE__ */ i.animations(o.animation), Le = /* @__PURE__ */ i.blurs(o.blur), Ve = /* @__PURE__ */ i.borders(o.border), Be = /* @__PURE__ */ i.colors({
   ...o.color["blacks-and-whites"]
-}), De = /* @__PURE__ */ n.durations(o.duration), Le = /* @__PURE__ */ n.easings(o.easing), Be = /* @__PURE__ */ n.fonts(o.fontFamily), Fe = /* @__PURE__ */ n.fontSizes(o.fontSize), $e = /* @__PURE__ */ n.fontWeights(o.fontWeight), Oe = (e) => Object.keys(e).reduce(
+}), Fe = /* @__PURE__ */ i.durations(o.duration), $e = /* @__PURE__ */ i.easings(o.easing), je = /* @__PURE__ */ i.fonts(o.fontFamily), Oe = /* @__PURE__ */ i.fontSizes(o.fontSize), Me = /* @__PURE__ */ i.fontWeights(o.fontWeight), Xe = (e) => Object.keys(e).reduce(
   (a, t) => {
-    const d = parseFloat(e[t].value) / 100;
-    return a[t] = { value: `${d}em` }, a;
+    const c = parseFloat(e[t].value) / 100;
+    return a[t] = { value: `${c}em` }, a;
   },
   {}
-), je = /* @__PURE__ */ n.letterSpacings(
-  /* @__PURE__ */ Oe(o.letterSpacing)
-), Me = /* @__PURE__ */ n.lineHeights(o.lineHeight), Xe = /* @__PURE__ */ n.radii(o.borderRadius), Ue = /* @__PURE__ */ n.spacing(o.spacing), Ye = /* @__PURE__ */ n.sizes({
+), Ye = /* @__PURE__ */ i.letterSpacings(
+  /* @__PURE__ */ Xe(o.letterSpacing)
+), Ue = /* @__PURE__ */ i.lineHeights(o.lineHeight), Ge = /* @__PURE__ */ i.radii(o.borderRadius), Ke = /* @__PURE__ */ i.spacing(o.spacing), Je = /* @__PURE__ */ i.sizes({
   ...o.size,
   "1/2": {
     value: "50%"
@@ -1530,134 +1689,135 @@ const pe = /* @__PURE__ */ me(o.breakpoints), ue = /* @__PURE__ */ O({
   vh: {
     value: "100vh"
   }
-}), Ge = /* @__PURE__ */ n.zIndex(o.zIndex), Ke = /* @__PURE__ */ n.cursor(o.cursor), Je = {
-  aspectRatios: We,
-  animations: _e,
-  blurs: Ee,
-  borders: Ae,
-  colors: Ve,
-  durations: De,
-  easings: Le,
-  fonts: Be,
-  fontSizes: Fe,
-  fontWeights: $e,
-  letterSpacings: je,
-  lineHeights: Me,
-  radii: Xe,
-  spacing: Ue,
-  sizes: Ye,
-  zIndex: Ge,
-  cursor: Ke
-}, Qe = /* @__PURE__ */ Y({
+}), Qe = /* @__PURE__ */ i.zIndex(o.zIndex), qe = /* @__PURE__ */ i.cursor(o.cursor), Ze = {
+  aspectRatios: _e,
+  animations: De,
+  blurs: Le,
+  borders: Ve,
+  colors: Be,
+  durations: Fe,
+  easings: $e,
+  fonts: je,
+  fontSizes: Oe,
+  fontWeights: Me,
+  letterSpacings: Ye,
+  lineHeights: Ue,
+  radii: Ge,
+  spacing: Ke,
+  sizes: Je,
+  zIndex: Qe,
+  cursor: qe
+}, et = /* @__PURE__ */ U({
   preflight: !0,
   cssVarsPrefix: "nimbus",
   cssVarsRoot: ":where(:root, :host)",
-  globalCss: ue,
+  globalCss: be,
   theme: {
-    breakpoints: pe,
-    keyframes: ge,
-    tokens: Je,
-    semanticTokens: ke,
-    recipes: xe,
-    slotRecipes: Te,
-    textStyles: He,
-    layerStyles: fe,
-    animationStyles: de
+    breakpoints: fe,
+    keyframes: he,
+    tokens: Ze,
+    semanticTokens: Ie,
+    recipes: Se,
+    slotRecipes: Ae,
+    textStyles: Ee,
+    layerStyles: ve,
+    animationStyles: ue
   }
-}), qe = /* @__PURE__ */ X(U, Qe);
-var Ze = (e, a, t, i, d, p, g, f) => {
-  let u = document.documentElement, y = ["light", "dark"];
-  function b(l) {
+}), tt = /* @__PURE__ */ X(Y, et);
+var ot = (e, a, t, u, c, m, g, f) => {
+  let p = document.documentElement, x = ["light", "dark"];
+  function b(n) {
     (Array.isArray(e) ? e : [e]).forEach((h) => {
-      let P = h === "class", C = P && p ? d.map((S) => p[S] || S) : d;
-      P ? (u.classList.remove(...C), u.classList.add(p && p[l] ? p[l] : l)) : u.setAttribute(h, l);
-    }), N(l);
+      let I = h === "class", N = I && m ? c.map((S) => m[S] || S) : c;
+      I ? (p.classList.remove(...N), p.classList.add(m && m[n] ? m[n] : n)) : p.setAttribute(h, n);
+    }), C(n);
   }
-  function N(l) {
-    f && y.includes(l) && (u.style.colorScheme = l);
+  function C(n) {
+    f && x.includes(n) && (p.style.colorScheme = n);
   }
-  function m() {
+  function d() {
     return window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
   }
-  if (i) b(i);
+  if (u) b(u);
   else try {
-    let l = localStorage.getItem(a) || t, h = g && l === "system" ? m() : l;
+    let n = localStorage.getItem(a) || t, h = g && n === "system" ? d() : n;
     b(h);
   } catch {
   }
-}, V = ["light", "dark"], L = "(prefers-color-scheme: dark)", et = typeof window > "u", _ = /* @__PURE__ */ r.createContext(void 0), tt = { setTheme: (e) => {
-}, themes: [] }, Rt = () => {
+}, _ = ["light", "dark"], V = "(prefers-color-scheme: dark)", at = typeof window > "u", W = /* @__PURE__ */ r.createContext(void 0), rt = { setTheme: (e) => {
+}, themes: [] }, At = () => {
   var e;
-  return (e = r.useContext(_)) != null ? e : tt;
-}, ot = (e) => r.useContext(_) ? r.createElement(r.Fragment, null, e.children) : r.createElement(rt, { ...e }), at = ["light", "dark"], rt = ({ forcedTheme: e, disableTransitionOnChange: a = !1, enableSystem: t = !0, enableColorScheme: i = !0, storageKey: d = "theme", themes: p = at, defaultTheme: g = t ? "system" : "light", attribute: f = "data-theme", value: u, children: y, nonce: b, scriptProps: N }) => {
-  let [m, l] = r.useState(() => nt(d, g)), [h, P] = r.useState(() => m === "system" ? T() : m), C = u ? Object.values(u) : p, S = r.useCallback((s) => {
-    let c = s;
-    if (!c) return;
-    s === "system" && t && (c = T());
-    let w = u ? u[c] : c, E = a ? lt(b) : null, k = document.documentElement, A = (v) => {
-      v === "class" ? (k.classList.remove(...C), w && k.classList.add(w)) : v.startsWith("data-") && (w ? k.setAttribute(v, w) : k.removeAttribute(v));
+  return (e = r.useContext(W)) != null ? e : rt;
+}, it = (e) => r.useContext(W) ? r.createElement(r.Fragment, null, e.children) : r.createElement(lt, { ...e }), nt = ["light", "dark"], lt = ({ forcedTheme: e, disableTransitionOnChange: a = !1, enableSystem: t = !0, enableColorScheme: u = !0, storageKey: c = "theme", themes: m = nt, defaultTheme: g = t ? "system" : "light", attribute: f = "data-theme", value: p, children: x, nonce: b, scriptProps: C }) => {
+  let [d, n] = r.useState(() => ct(c, g)), [h, I] = r.useState(() => d === "system" ? T() : d), N = p ? Object.values(p) : m, S = r.useCallback((l) => {
+    let s = l;
+    if (!s) return;
+    l === "system" && t && (s = T());
+    let k = p ? p[s] : s, A = a ? dt(b) : null, w = document.documentElement, E = (y) => {
+      y === "class" ? (w.classList.remove(...N), k && w.classList.add(k)) : y.startsWith("data-") && (k ? w.setAttribute(y, k) : w.removeAttribute(y));
     };
-    if (Array.isArray(f) ? f.forEach(A) : A(f), i) {
-      let v = V.includes(g) ? g : null, F = V.includes(c) ? c : v;
-      k.style.colorScheme = F;
+    if (Array.isArray(f) ? f.forEach(E) : E(f), u) {
+      let y = _.includes(g) ? g : null, F = _.includes(s) ? s : y;
+      w.style.colorScheme = F;
     }
-    E == null || E();
-  }, [b]), I = r.useCallback((s) => {
-    let c = typeof s == "function" ? s(m) : s;
-    l(c);
+    A?.();
+  }, [b]), R = r.useCallback((l) => {
+    let s = typeof l == "function" ? l(d) : l;
+    n(s);
     try {
-      localStorage.setItem(d, c);
+      localStorage.setItem(c, s);
     } catch {
     }
-  }, [m]), R = r.useCallback((s) => {
-    let c = T(s);
-    P(c), m === "system" && t && !e && S("system");
-  }, [m, e]);
+  }, [d]), P = r.useCallback((l) => {
+    let s = T(l);
+    I(s), d === "system" && t && !e && S("system");
+  }, [d, e]);
   r.useEffect(() => {
-    let s = window.matchMedia(L);
-    return s.addListener(R), R(s), () => s.removeListener(R);
-  }, [R]), r.useEffect(() => {
-    let s = (c) => {
-      c.key === d && (c.newValue ? l(c.newValue) : I(g));
+    let l = window.matchMedia(V);
+    return l.addListener(P), P(l), () => l.removeListener(P);
+  }, [P]), r.useEffect(() => {
+    let l = (s) => {
+      s.key === c && (s.newValue ? n(s.newValue) : R(g));
     };
-    return window.addEventListener("storage", s), () => window.removeEventListener("storage", s);
-  }, [I]), r.useEffect(() => {
-    S(e ?? m);
-  }, [e, m]);
-  let B = r.useMemo(() => ({ theme: m, setTheme: I, forcedTheme: e, resolvedTheme: m === "system" ? h : m, themes: t ? [...p, "system"] : p, systemTheme: t ? h : void 0 }), [m, I, e, h, t, p]);
-  return r.createElement(_.Provider, { value: B }, r.createElement(it, { forcedTheme: e, storageKey: d, attribute: f, enableSystem: t, enableColorScheme: i, defaultTheme: g, value: u, themes: p, nonce: b, scriptProps: N }), y);
-}, it = /* @__PURE__ */ r.memo(({ forcedTheme: e, storageKey: a, attribute: t, enableSystem: i, enableColorScheme: d, defaultTheme: p, value: g, themes: f, nonce: u, scriptProps: y }) => {
-  let b = JSON.stringify([t, a, p, e, f, g, i, d]).slice(1, -1);
-  return r.createElement("script", { ...y, suppressHydrationWarning: !0, nonce: typeof window > "u" ? u : "", dangerouslySetInnerHTML: { __html: `(${Ze.toString()})(${b})` } });
-}), nt = (e, a) => {
-  if (et) return;
+    return window.addEventListener("storage", l), () => window.removeEventListener("storage", l);
+  }, [R]), r.useEffect(() => {
+    S(e ?? d);
+  }, [e, d]);
+  let B = r.useMemo(() => ({ theme: d, setTheme: R, forcedTheme: e, resolvedTheme: d === "system" ? h : d, themes: t ? [...m, "system"] : m, systemTheme: t ? h : void 0 }), [d, R, e, h, t, m]);
+  return r.createElement(W.Provider, { value: B }, r.createElement(st, { forcedTheme: e, storageKey: c, attribute: f, enableSystem: t, enableColorScheme: u, defaultTheme: g, value: p, themes: m, nonce: b, scriptProps: C }), x);
+}, st = /* @__PURE__ */ r.memo(({ forcedTheme: e, storageKey: a, attribute: t, enableSystem: u, enableColorScheme: c, defaultTheme: m, value: g, themes: f, nonce: p, scriptProps: x }) => {
+  let b = JSON.stringify([t, a, m, e, f, g, u, c]).slice(1, -1);
+  return r.createElement("script", { ...x, suppressHydrationWarning: !0, nonce: typeof window > "u" ? p : "", dangerouslySetInnerHTML: { __html: `(${ot.toString()})(${b})` } });
+}), ct = (e, a) => {
+  if (at) return;
   let t;
   try {
     t = localStorage.getItem(e) || void 0;
   } catch {
   }
   return t || a;
-}, lt = (e) => {
+}, dt = (e) => {
   let a = document.createElement("style");
   return e && a.setAttribute("nonce", e), a.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(a), () => {
     window.getComputedStyle(document.body), setTimeout(() => {
       document.head.removeChild(a);
     }, 1);
   };
-}, T = (e) => (e || (e = window.matchMedia(L)), e.matches ? "dark" : "light");
-const st = (e) => /* @__PURE__ */ z(ot, { attribute: "class", disableTransitionOnChange: !0, ...e });
-function Nt({
+}, T = (e) => (e || (e = window.matchMedia(V)), e.matches ? "dark" : "light");
+const mt = (e) => /* @__PURE__ */ z(it, { attribute: "class", disableTransitionOnChange: !0, ...e });
+function Et({
   children: e,
   locale: a,
   router: t,
-  ...i
+  ...u
 }) {
-  const d = /* @__PURE__ */ z(G, { value: qe, children: /* @__PURE__ */ z(st, { enableSystem: !1, ...i, children: /* @__PURE__ */ z(se, { locale: a, children: e }) }) });
-  return t ? /* @__PURE__ */ z(ce, { ...t, children: d }) : d;
+  const c = /* @__PURE__ */ z(G, { value: tt, children: /* @__PURE__ */ z(mt, { enableSystem: !1, ...u, children: /* @__PURE__ */ z(me, { locale: a, children: e }) }) });
+  return t ? /* @__PURE__ */ z(pe, { ...t, children: c }) : c;
 }
 export {
-  Nt as N,
-  qe as s,
-  Rt as z
+  Et as N,
+  We as m,
+  tt as s,
+  At as z
 };
-//# sourceMappingURL=nimbus-provider-BjnzjFmv.es.js.map
+//# sourceMappingURL=nimbus-provider-CDXyYH9f.es.js.map