@commercetools/nimbus 0.0.0-canary-20250930190235 → 0.0.0-canary-20251001071243

package/dist/chunks/{index-C7AV1c1_.es.js → index-DRb2wMPi.es.js}

@@ -1,13 +1,170 @@
-import { defineAnimationStyles as m, defineGlobalStyles as b, defineLayerStyles as f, defineRecipe as h, defineSemanticTokens as d, defineSlotRecipe as p, defineTextStyles as v, defineTokens as o, createSystem as x, defaultBaseConfig as y, defineConfig as w } from "@chakra-ui/react";
+import { defineAnimationStyles as b, defineConditions as m, defineGlobalStyles as h, defineLayerStyles as f, defineRecipe as v, defineSemanticTokens as d, defineSlotRecipe as p, defineTextStyles as x, defineTokens as o, createSystem as y, defaultBaseConfig as w, defineConfig as S } from "@chakra-ui/react";
 import { themeTokens as e } from "@commercetools/nimbus-tokens";
-import { a as S } from "./avatar.recipe-DfyPWbFZ.es.js";
+import { a as z } from "./avatar.recipe-DfyPWbFZ.es.js";
 import { b as n } from "./button.recipe-NdTb5f8M.es.js";
-import { defineRecipe as c, defineSlotRecipe as t } from "@chakra-ui/react/styled-system";
-import { g as z } from "./group.recipe-BQafmscW.es.js";
-import { k } from "./kbd.recipe-DXiyvrAP.es.js";
-import { l as R } from "./link.recipe-pXiGIJtI.es.js";
-import { t as C } from "./tooltip.recipe-Cqi_tgR5.es.js";
-const I = /* @__PURE__ */ m({
+import { defineSlotRecipe as t, defineRecipe as c } from "@chakra-ui/react/styled-system";
+import { g as k } from "./group.recipe-BQafmscW.es.js";
+import { k as R } from "./kbd.recipe-DXiyvrAP.es.js";
+import { l as C } from "./link.recipe-pXiGIJtI.es.js";
+import { t as I } from "./tooltip.recipe-Cqi_tgR5.es.js";
+const P = /* @__PURE__ */ t({
+  slots: [
+    "trigger",
+    "modalOverlay",
+    "modal",
+    "content",
+    "title",
+    "closeTrigger",
+    "header",
+    "body",
+    "footer"
+  ],
+  className: "nimbus-dialog",
+  base: {
+    trigger: {
+      focusRing: "outside"
+    },
+    modalOverlay: {
+      bg: {
+        _dark: "bg/20",
+        _light: "fg/20"
+      },
+      pos: "fixed",
+      left: 0,
+      top: 0,
+      w: "100vw",
+      h: "100dvh",
+      backdropFilter: "blur({sizes.100})",
+      zIndex: "modal",
+      "&[data-entering]": {
+        animationName: "fade-in",
+        animationDuration: "fast"
+      },
+      "&[data-exiting]": {
+        animationName: "fade-out",
+        animationDuration: "faster"
+      }
+    },
+    modal: {
+      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",
+      pointerEvents: "none",
+      "&[data-entering]": {
+        animationDuration: "moderate",
+        animationName: "slide-from-bottom, scale-in, fade-in"
+      },
+      "&[data-exiting]": {
+        animationDuration: "faster",
+        animationName: "slide-to-top, scale-out, fade-out"
+      }
+    },
+    content: {
+      display: "flex",
+      flexDirection: "column",
+      position: "relative",
+      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: "6",
+      width: "lg",
+      maxW: "full",
+      pointerEvents: "auto"
+    },
+    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",
+      py: "400"
+    },
+    title: {},
+    closeTrigger: {
+      position: "absolute",
+      top: "400",
+      right: "400",
+      zIndex: 1
+    }
+  },
+  variants: {
+    placement: {
+      center: {
+        modal: {
+          alignItems: "center"
+        },
+        content: {
+          "--dialog-base-margin": "auto",
+          mx: "auto"
+        }
+      },
+      top: {
+        modal: {
+          alignItems: "flex-start"
+        },
+        content: {
+          "--dialog-base-margin": "spacing.1600",
+          mx: "auto"
+        }
+      },
+      bottom: {
+        modal: {
+          alignItems: "flex-end"
+        },
+        content: {
+          "--dialog-base-margin": "spacing.1600",
+          mx: "auto"
+        }
+      }
+    },
+    scrollBehavior: {
+      inside: {
+        modal: {
+          overflow: "hidden"
+        },
+        content: {
+          maxH: "calc(100% - 7.5rem)"
+        },
+        body: {
+          overflow: "auto",
+          focusVisibleRing: "outside"
+        }
+      },
+      outside: {
+        modal: {
+          overflow: "auto"
+        }
+      }
+    }
+  },
+  defaultVariants: {
+    scrollBehavior: "outside",
+    placement: "center"
+  }
+}), W = /* @__PURE__ */ b({
   "slide-fade-in": {
     value: {
       transformOrigin: "var(--transform-origin)",
@@ -55,13 +212,24 @@ const I = /* @__PURE__ */ m({
     }
   }
 });
-function P(r) {
+function B(r) {
   const l = {};
   for (const a in r)
     r[a]?.value ? l[a] = r[a].value : l[a] = r[a];
   return l;
 }
-const W = /* @__PURE__ */ P(e.breakpoints), _ = /* @__PURE__ */ b({
+const H = /* @__PURE__ */ B(e.breakpoints), E = /* @__PURE__ */ m({
+  /**
+   * Maps to React Aria's open state data attributes
+   * Used for animations when a component is opening/entering
+   */
+  open: "&:is([data-entering], [data-open])",
+  /**
+   * Maps to React Aria's closed state data attributes
+   * Used for animations when a component is closing/exiting
+   */
+  closed: "&:is([data-exiting], [data-closed])"
+}), _ = /* @__PURE__ */ h({
   "*": {
     fontFeatureSettings: '"liga", "calt", "case", "ss01", "ss07", "ss08", "tnum"',
     /**
@@ -141,7 +309,7 @@ const W = /* @__PURE__ */ P(e.breakpoints), _ = /* @__PURE__ */ b({
     display: "initial",
     verticalAlign: "initial"
   }
-}), B = {
+}), N = {
   spin: {
     "0%": {
       transform: "rotate(0deg)"
@@ -347,7 +515,7 @@ const W = /* @__PURE__ */ P(e.breakpoints), _ = /* @__PURE__ */ b({
       backgroundPosition: "-200% 0"
     }
   }
-}, N = /* @__PURE__ */ f({
+}, T = /* @__PURE__ */ f({
   disabled: {
     value: {
       opacity: "0.5",
@@ -362,7 +530,7 @@ const W = /* @__PURE__ */ P(e.breakpoints), _ = /* @__PURE__ */ b({
       outlineOffset: "var(--focus-ring-offset)"
     }
   }
-}), H = /* @__PURE__ */ c({
+}), A = /* @__PURE__ */ c({
   className: "nimbus-code",
   base: {
     fontFamily: "mono",
@@ -422,7 +590,7 @@ const W = /* @__PURE__ */ P(e.breakpoints), _ = /* @__PURE__ */ b({
     variant: "solid",
     size: "md"
   }
-}), E = /* @__PURE__ */ c({
+}), D = /* @__PURE__ */ c({
   className: "nimbus-heading",
   base: {
     fontFamily: "heading",
@@ -537,7 +705,7 @@ const W = /* @__PURE__ */ P(e.breakpoints), _ = /* @__PURE__ */ b({
   defaultVariants: {
     orientation: "vertical"
   }
-}), T = /* @__PURE__ */ c({
+}), V = /* @__PURE__ */ c({
   className: "nimbus-toggle-button",
   base: {
     ...n.base
@@ -594,7 +762,7 @@ const W = /* @__PURE__ */ P(e.breakpoints), _ = /* @__PURE__ */ b({
     variant: "outline",
     tone: "primary"
   }
-}), A = /* @__PURE__ */ h({
+}), L = /* @__PURE__ */ v({
   className: "nimbus-toolbar",
   base: {
     display: "inline-flex",
@@ -647,19 +815,19 @@ const W = /* @__PURE__ */ P(e.breakpoints), _ = /* @__PURE__ */ b({
     size: "md",
     variant: "plain"
   }
-}), D = {
-  avatar: S,
+}), j = {
+  avatar: z,
   button: n,
-  code: H,
-  group: z,
-  heading: E,
-  kbd: k,
-  link: R,
-  tooltip: C,
+  code: A,
+  group: k,
+  heading: D,
+  kbd: R,
+  link: C,
+  tooltip: I,
   radioInput: u,
-  toggleButton: T,
-  toolbar: A
-}, V = /* @__PURE__ */ d.colors({
+  toggleButton: V,
+  toolbar: L
+}, G = /* @__PURE__ */ d.colors({
   bg: {
     DEFAULT: {
       value: {
@@ -708,262 +876,11 @@ const W = /* @__PURE__ */ P(e.breakpoints), _ = /* @__PURE__ */ b({
   ...e.color["system-palettes"],
   ...e.color["brand-palettes"],
   ...e.color["semantic-palettes"]
-}), L = /* @__PURE__ */ d.shadows(e.shadow), j = /* @__PURE__ */ d.radii({}), G = {
-  colors: V,
-  shadows: L,
-  radii: j
-}, O = /* @__PURE__ */ t({
-  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"
-  }
-}), F = /* @__PURE__ */ t({
+}), O = /* @__PURE__ */ d.shadows(e.shadow), F = /* @__PURE__ */ d.radii({}), M = {
+  colors: G,
+  shadows: O,
+  radii: F
+}, Y = /* @__PURE__ */ t({
   className: "nimbus-list",
   slots: ["root", "item", "indicator"],
   base: {
@@ -1028,7 +945,7 @@ const W = /* @__PURE__ */ P(e.breakpoints), _ = /* @__PURE__ */ b({
   defaultVariants: {
     variant: "marker"
   }
-}), M = /* @__PURE__ */ t({
+}), X = /* @__PURE__ */ t({
   className: "chakra-table",
   slots: [
     "root",
@@ -1501,7 +1418,7 @@ const W = /* @__PURE__ */ P(e.breakpoints), _ = /* @__PURE__ */ b({
     size: "md",
     variant: "outline"
   }
-}), Y = /* @__PURE__ */ t({
+}), $ = /* @__PURE__ */ t({
   slots: [
     "root",
     "disclosure",
@@ -1589,7 +1506,7 @@ const W = /* @__PURE__ */ P(e.breakpoints), _ = /* @__PURE__ */ b({
   defaultVariants: {
     size: "md"
   }
-}), X = /* @__PURE__ */ t({
+}), U = /* @__PURE__ */ t({
   slots: ["root", "tagList", "tag"],
   // Unique class name prefix for the component
   className: "nimbus-tag-group",
@@ -1668,7 +1585,7 @@ const W = /* @__PURE__ */ P(e.breakpoints), _ = /* @__PURE__ */ b({
   defaultVariants: {
     size: "lg"
   }
-}), $ = /* @__PURE__ */ t({
+}), q = /* @__PURE__ */ t({
   slots: ["root", "label", "track", "thumb"],
   // Unique class name prefix for the component
   className: "nimbus-switch",
@@ -1762,7 +1679,7 @@ const W = /* @__PURE__ */ P(e.breakpoints), _ = /* @__PURE__ */ b({
   defaultVariants: {
     size: "md"
   }
-}), U = /* @__PURE__ */ t({
+}), J = /* @__PURE__ */ t({
   // Unique class name prefix for the component
   className: "nimbus-number-input",
   // Define the slots for this multi-part component
@@ -1991,7 +1908,7 @@ const W = /* @__PURE__ */ P(e.breakpoints), _ = /* @__PURE__ */ b({
     size: "md",
     variant: "solid"
   }
-}), q = /* @__PURE__ */ t({
+}), K = /* @__PURE__ */ t({
   slots: [
     "root",
     "value",
@@ -2283,7 +2200,7 @@ const W = /* @__PURE__ */ P(e.breakpoints), _ = /* @__PURE__ */ b({
     variant: "solid",
     selectionMode: "single"
   }
-}), J = /* @__PURE__ */ t({
+}), Q = /* @__PURE__ */ t({
   slots: [
     "root",
     "header",
@@ -2378,7 +2295,7 @@ const W = /* @__PURE__ */ P(e.breakpoints), _ = /* @__PURE__ */ b({
       }
     }
   }
-}), K = /* @__PURE__ */ t({
+}), Z = /* @__PURE__ */ t({
   slots: [
     "root",
     "header",
@@ -2501,7 +2418,7 @@ const W = /* @__PURE__ */ P(e.breakpoints), _ = /* @__PURE__ */ b({
       }
     }
   }
-}), Q = /* @__PURE__ */ t({
+}), ee = /* @__PURE__ */ t({
   // Unique class name prefix for the component
   className: "nimbus-date-input",
   slots: [
@@ -2658,7 +2575,7 @@ const W = /* @__PURE__ */ P(e.breakpoints), _ = /* @__PURE__ */ b({
     size: "md",
     variant: "solid"
   }
-}), Z = /* @__PURE__ */ t({
+}), te = /* @__PURE__ */ t({
   // Unique class name prefix for the component
   className: "nimbus-date-picker",
   slots: [
@@ -2709,7 +2626,7 @@ const W = /* @__PURE__ */ P(e.breakpoints), _ = /* @__PURE__ */ b({
   defaultVariants: {
     size: "md"
   }
-}), ee = /* @__PURE__ */ t({
+}), oe = /* @__PURE__ */ t({
   className: "nimbus-date-range-picker",
   slots: [
     "root",
@@ -2827,7 +2744,7 @@ const W = /* @__PURE__ */ P(e.breakpoints), _ = /* @__PURE__ */ b({
     size: "md",
     variant: "solid"
   }
-}), te = /* @__PURE__ */ p({
+}), ae = /* @__PURE__ */ p({
   // Available slots for the DataTable component
   slots: [
     "root",
@@ -3281,7 +3198,7 @@ const W = /* @__PURE__ */ P(e.breakpoints), _ = /* @__PURE__ */ b({
       }
     }
   }
-}), oe = /* @__PURE__ */ t({
+}), re = /* @__PURE__ */ t({
   className: "nimbus-progress-bar",
   slots: ["root", "track", "fill", "label", "value"],
   // Base styles applied to all instances of the component
@@ -3429,7 +3346,7 @@ const W = /* @__PURE__ */ P(e.breakpoints), _ = /* @__PURE__ */ b({
       }
     }
   ]
-}), ae = /* @__PURE__ */ t({
+}), ie = /* @__PURE__ */ t({
   slots: [
     "root",
     "trigger",
@@ -3609,7 +3526,7 @@ const W = /* @__PURE__ */ P(e.breakpoints), _ = /* @__PURE__ */ b({
       letterSpacing: "{spacing.25}"
     }
   }
-}), re = /* @__PURE__ */ t({
+}), le = /* @__PURE__ */ t({
   slots: ["root", "leadingElement", "input", "trailingElement"],
   // Unique class name prefix for the component
   className: "nimbus-text-input",
@@ -3714,7 +3631,7 @@ const W = /* @__PURE__ */ P(e.breakpoints), _ = /* @__PURE__ */ b({
     size: "md",
     variant: "solid"
   }
-}), ie = /* @__PURE__ */ p({
+}), ne = /* @__PURE__ */ p({
   slots: ["root", "buttonGroup", "primaryButton", "dropdownTrigger"],
   // Unique class name prefix for the component
   className: "nimbus-split-button",
@@ -3775,7 +3692,7 @@ const W = /* @__PURE__ */ P(e.breakpoints), _ = /* @__PURE__ */ b({
     variant: "solid"
     // Match component default
   }
-}), le = /* @__PURE__ */ t({
+}), se = /* @__PURE__ */ t({
   slots: ["root", "trigger", "content"],
   className: "collapsibleMotion",
   base: {
@@ -3785,42 +3702,42 @@ const W = /* @__PURE__ */ P(e.breakpoints), _ = /* @__PURE__ */ b({
     },
     content: {}
   }
-}), ne = {
-  dialog: O,
-  list: F,
-  table: M,
+}), de = {
+  dialog: P,
+  list: Y,
+  table: X,
   checkbox: s,
   select: i,
-  accordion: Y,
-  taggroup: X,
-  switch: $,
-  numberInput: U,
-  calendar: J,
-  rangeCalendar: K,
-  dateInput: Q,
-  dateRangePicker: ee,
-  datePicker: Z,
-  dataTable: te,
+  accordion: $,
+  taggroup: U,
+  switch: q,
+  numberInput: J,
+  calendar: Q,
+  rangeCalendar: Z,
+  dateInput: ee,
+  dateRangePicker: oe,
+  datePicker: te,
+  dataTable: ae,
   radioInput: u,
-  combobox: q,
-  progressBar: oe,
-  menu: ae,
-  textInput: re,
-  splitButton: ie,
-  collapsibleMotion: le
-}, se = /* @__PURE__ */ v(
+  combobox: K,
+  progressBar: re,
+  menu: ie,
+  textInput: le,
+  splitButton: ne,
+  collapsibleMotion: se
+}, ce = /* @__PURE__ */ x(
   e.textStyle
-), de = /* @__PURE__ */ o.durations(e.aspectRatio), ce = /* @__PURE__ */ o.animations(e.animation), pe = /* @__PURE__ */ o.blurs(e.blur), ue = /* @__PURE__ */ o.borders(e.border), ge = /* @__PURE__ */ o.colors({
+), pe = /* @__PURE__ */ o.durations(e.aspectRatio), ue = /* @__PURE__ */ o.animations(e.animation), ge = /* @__PURE__ */ o.blurs(e.blur), be = /* @__PURE__ */ o.borders(e.border), me = /* @__PURE__ */ o.colors({
   ...e.color["blacks-and-whites"]
-}), me = /* @__PURE__ */ o.durations(e.duration), be = /* @__PURE__ */ o.easings(e.easing), fe = /* @__PURE__ */ o.fonts(e.fontFamily), he = /* @__PURE__ */ o.fontSizes(e.fontSize), ve = /* @__PURE__ */ o.fontWeights(e.fontWeight), xe = (r) => Object.keys(r).reduce(
+}), he = /* @__PURE__ */ o.durations(e.duration), fe = /* @__PURE__ */ o.easings(e.easing), ve = /* @__PURE__ */ o.fonts(e.fontFamily), xe = /* @__PURE__ */ o.fontSizes(e.fontSize), ye = /* @__PURE__ */ o.fontWeights(e.fontWeight), we = (r) => Object.keys(r).reduce(
   (l, a) => {
     const g = parseFloat(r[a].value) / 100;
     return l[a] = { value: `${g}em` }, l;
   },
   {}
-), ye = /* @__PURE__ */ o.letterSpacings(
-  /* @__PURE__ */ xe(e.letterSpacing)
-), we = /* @__PURE__ */ o.lineHeights(e.lineHeight), Se = /* @__PURE__ */ o.radii(e.borderRadius), ze = /* @__PURE__ */ o.spacing(e.spacing), ke = /* @__PURE__ */ o.sizes({
+), Se = /* @__PURE__ */ o.letterSpacings(
+  /* @__PURE__ */ we(e.letterSpacing)
+), ze = /* @__PURE__ */ o.lineHeights(e.lineHeight), ke = /* @__PURE__ */ o.radii(e.borderRadius), Re = /* @__PURE__ */ o.spacing(e.spacing), Ce = /* @__PURE__ */ o.sizes({
   ...e.size,
   "1/2": {
     value: "50%"
@@ -3936,58 +3853,60 @@ const W = /* @__PURE__ */ P(e.breakpoints), _ = /* @__PURE__ */ b({
   vh: {
     value: "100vh"
   }
-}), Re = /* @__PURE__ */ o.zIndex(e.zIndex), Ce = /* @__PURE__ */ o.cursor(e.cursor), Ie = {
-  aspectRatios: de,
-  animations: ce,
-  blurs: pe,
-  borders: ue,
-  colors: ge,
-  durations: me,
-  easings: be,
-  fonts: fe,
-  fontSizes: he,
-  fontWeights: ve,
-  letterSpacings: ye,
-  lineHeights: we,
-  radii: Se,
-  spacing: ze,
-  sizes: ke,
-  zIndex: Re,
-  cursor: Ce
-}, Pe = /* @__PURE__ */ w({
+}), Ie = /* @__PURE__ */ o.zIndex(e.zIndex), Pe = /* @__PURE__ */ o.cursor(e.cursor), We = {
+  aspectRatios: pe,
+  animations: ue,
+  blurs: ge,
+  borders: be,
+  colors: me,
+  durations: he,
+  easings: fe,
+  fonts: ve,
+  fontSizes: xe,
+  fontWeights: ye,
+  letterSpacings: Se,
+  lineHeights: ze,
+  radii: ke,
+  spacing: Re,
+  sizes: Ce,
+  zIndex: Ie,
+  cursor: Pe
+}, Be = /* @__PURE__ */ S({
   preflight: !0,
   cssVarsPrefix: "nimbus",
   cssVarsRoot: ":where(:root, :host)",
   globalCss: _,
+  conditions: E,
   theme: {
-    breakpoints: W,
-    keyframes: B,
-    tokens: Ie,
-    semanticTokens: G,
-    recipes: D,
-    slotRecipes: ne,
-    textStyles: se,
-    layerStyles: N,
-    animationStyles: I
+    breakpoints: H,
+    keyframes: N,
+    tokens: We,
+    semanticTokens: M,
+    recipes: j,
+    slotRecipes: de,
+    textStyles: ce,
+    layerStyles: T,
+    animationStyles: W
   }
-}), Le = /* @__PURE__ */ x(y, Pe);
+}), Ge = /* @__PURE__ */ y(w, Be);
 export {
-  ie as a,
-  T as b,
-  $ as c,
-  Q as d,
-  A as e,
-  ee as f,
-  J as g,
-  Z as h,
+  le as a,
+  ne as b,
+  L as c,
+  ee as d,
+  q as e,
+  oe as f,
+  te as g,
+  Q as h,
   u as i,
   i as j,
-  te as k,
-  q as l,
-  ae as m,
-  U as n,
-  K as r,
-  Le as s,
-  re as t
+  P as k,
+  ae as l,
+  ie as m,
+  J as n,
+  K as o,
+  Z as r,
+  Ge as s,
+  V as t
 };
-//# sourceMappingURL=index-C7AV1c1_.es.js.map
+//# sourceMappingURL=index-DRb2wMPi.es.js.map