@commercetools/nimbus 0.0.0-canary-20251031122555 → 0.0.0-canary-20251031185705

package/dist/chunks/{index-B7wlrXvj.es.js → index-B-UyZdac.es.js}

@@ -1,129 +1,11 @@
 import { defineAnimationStyles as b, defineConditions as f, defineGlobalStyles as h, defineLayerStyles as x, defineRecipe as g, defineSemanticTokens as p, defineSlotRecipe as s, defineTextStyles as v, defineTokens as o, createSystem as y, defaultBaseConfig as w, defineConfig as S } from "@chakra-ui/react";
 import { themeTokens as t, designTokens as z } from "@commercetools/nimbus-tokens";
-import { a as k } from "./avatar.recipe-DfyPWbFZ.es.js";
+import { a as k } from "./avatar.recipe-BEdxgo-r.es.js";
 import { b as R } from "./badge.recipe-DsV4A_UD.es.js";
 import { b as c, a as I } from "./toggle-button-group.recipe-Cl3PTeGf.es.js";
-import { defineSlotRecipe as e, defineRecipe as a } from "@chakra-ui/react/styled-system";
+import { defineRecipe as a, defineSlotRecipe as e } from "@chakra-ui/react/styled-system";
 import { i as C } from "./icon.recipe-DjkjodUn.es.js";
-const P = /* @__PURE__ */ e({
-  className: "nimbus-date-range-picker",
-  slots: [
-    "root",
-    "group",
-    "trigger",
-    "popover",
-    "calendar",
-    "calendarHeader",
-    "calendarGrid",
-    "calendarCell"
-  ],
-  base: {
-    root: {
-      display: "inline-block"
-    },
-    group: {
-      "--border-width": "{sizes.25}",
-      "--border-color": "{colors.neutral.7}",
-      // ========================================
-      // BASE LAYOUT & VISUAL PROPERTIES
-      // ========================================
-      display: "flex",
-      alignItems: "center",
-      justifyContent: "flex-start",
-      boxShadow: "inset 0 0 0 var(--border-width) var(--border-color)",
-      borderRadius: "200",
-      bg: "neutral.1",
-      px: "300",
-      gap: 0,
-      position: "relative",
-      // Ensure stacking context for border
-      // ========================================
-      // INTERACTIVE STATES
-      // ========================================
-      _hover: {
-        bg: "primary.2"
-      },
-      // Focus ring with transparent gap
-      _focusWithin: {
-        outlineWidth: "var(--focus-ring-width)",
-        outlineColor: "var(--focus-ring-color)",
-        outlineStyle: "var(--focus-ring-style)",
-        outlineOffset: "var(--focus-ring-offset)"
-      },
-      // ========================================
-      // DATA STATES
-      // ========================================
-      // Invalid state styling
-      "&[data-invalid='true']": {
-        "--border-width": "{sizes.50}",
-        "--border-color": "{colors.critical.7}",
-        color: "critical.11",
-        alignItems: "center"
-      }
-    },
-    trigger: {
-      position: "absolute",
-      right: "400",
-      top: "100"
-    },
-    popover: {
-      bg: "neutral.1",
-      boxShadow: "4",
-      borderRadius: "300",
-      overflow: "auto",
-      "&[data-entering]": {
-        animationName: "fade-in, scale-in",
-        animationDuration: "fast"
-      },
-      "&[data-exiting]": {
-        animationName: "fade-out, scale-out",
-        animationDuration: "faster"
-      }
-    }
-  },
-  variants: {
-    size: {
-      sm: {
-        group: {
-          height: "800",
-          // Match DateInput sm height
-          pr: "calc({spacing.1400} + {spacing.400})"
-          // Smaller right padding for sm size
-        },
-        trigger: {
-          top: "50"
-        }
-      },
-      md: {
-        group: {
-          height: "1000",
-          // Match DateInput md height
-          pr: "calc({spacing.1600} + {spacing.200} + {spacing.400})"
-          // Right padding for trigger buttons
-        },
-        trigger: {
-          top: "100"
-        }
-      }
-    },
-    variant: {
-      solid: {},
-      ghost: {
-        group: {
-          bg: "transparent",
-          px: "300",
-          _hover: {
-            bg: "primary.2"
-          }
-        }
-      }
-    }
-  },
-  defaultVariants: {
-    size: "md",
-    variant: "solid"
-  }
-}), W = /* @__PURE__ */ b({
+const P = /* @__PURE__ */ b({
   "slide-fade-in": {
     value: {
       transformOrigin: "var(--transform-origin)",
@@ -171,13 +53,13 @@ const P = /* @__PURE__ */ e({
     }
   }
 });
-function _(i) {
+function W(i) {
   const n = {};
   for (const r in i)
     i[r]?.value ? n[r] = i[r].value : n[r] = i[r];
   return n;
 }
-const H = /* @__PURE__ */ _(t.breakpoints), N = /* @__PURE__ */ f({
+const _ = /* @__PURE__ */ W(t.breakpoints), H = /* @__PURE__ */ f({
   /**
    * Maps to React Aria's open state data attributes
    * Used for animations when a component is opening/entering
@@ -188,7 +70,7 @@ const H = /* @__PURE__ */ _(t.breakpoints), N = /* @__PURE__ */ f({
    * Used for animations when a component is closing/exiting
    */
   closed: "&:is([data-exiting], [data-closed])"
-}), B = /* @__PURE__ */ h({
+}), N = /* @__PURE__ */ h({
   "*": {
     fontFeatureSettings: '"liga", "calt", "case", "ss01", "ss07", "ss08", "tnum"',
     /**
@@ -268,7 +150,7 @@ const H = /* @__PURE__ */ _(t.breakpoints), N = /* @__PURE__ */ f({
     display: "initial",
     verticalAlign: "initial"
   }
-}), E = {
+}), B = {
   spin: {
     "0%": {
       transform: "rotate(0deg)"
@@ -474,7 +356,7 @@ const H = /* @__PURE__ */ _(t.breakpoints), N = /* @__PURE__ */ f({
       backgroundPosition: "-200% 0"
     }
   }
-}, T = /* @__PURE__ */ x({
+}, E = /* @__PURE__ */ x({
   disabled: {
     value: {
       opacity: "0.5",
@@ -489,7 +371,7 @@ const H = /* @__PURE__ */ _(t.breakpoints), N = /* @__PURE__ */ f({
       outlineOffset: "var(--focus-ring-offset)"
     }
   }
-}), D = /* @__PURE__ */ a({
+}), T = /* @__PURE__ */ a({
   className: "nimbus-code",
   base: {
     fontFamily: "mono",
@@ -549,14 +431,14 @@ const H = /* @__PURE__ */ _(t.breakpoints), N = /* @__PURE__ */ f({
     variant: "solid",
     size: "md"
   }
-}), L = /* @__PURE__ */ g({
+}), D = /* @__PURE__ */ g({
   className: "nimbus-group",
   base: {
     display: "inline-flex",
     alignItems: "center"
   }
   // TODO: there could be variants here
-}), A = /* @__PURE__ */ a({
+}), L = /* @__PURE__ */ a({
   className: "nimbus-heading",
   base: {
     fontFamily: "heading",
@@ -602,7 +484,7 @@ const H = /* @__PURE__ */ _(t.breakpoints), N = /* @__PURE__ */ f({
   defaultVariants: {
     size: "xl"
   }
-}), V = /* @__PURE__ */ a({
+}), A = /* @__PURE__ */ a({
   className: "nimbus-kbd",
   base: {
     display: "inline-flex",
@@ -622,7 +504,7 @@ const H = /* @__PURE__ */ _(t.breakpoints), N = /* @__PURE__ */ f({
     borderBottom: "solid-50",
     borderColor: "currentColor"
   }
-}), F = /* @__PURE__ */ a({
+}), V = /* @__PURE__ */ a({
   className: "nimbus-link",
   // Base styles applied to all instances of the component
   base: {
@@ -667,7 +549,7 @@ const H = /* @__PURE__ */ _(t.breakpoints), N = /* @__PURE__ */ f({
       }
     }
   }
-}), j = /* @__PURE__ */ a({
+}), F = /* @__PURE__ */ a({
   className: "nimbus-loading-spinner",
   base: {
     display: "inline-flex",
@@ -725,7 +607,7 @@ const H = /* @__PURE__ */ _(t.breakpoints), N = /* @__PURE__ */ f({
   defaultVariants: {
     size: "sm"
   }
-}), G = /* @__PURE__ */ a({
+}), j = /* @__PURE__ */ a({
   // Unique class name prefix for the component
   className: "nimbus-popover",
   // Base styles applied to all instances of the component
@@ -805,7 +687,7 @@ const H = /* @__PURE__ */ _(t.breakpoints), N = /* @__PURE__ */ f({
   defaultVariants: {
     orientation: "vertical"
   }
-}), O = /* @__PURE__ */ a({
+}), G = /* @__PURE__ */ a({
   className: "nimbus-separator",
   // Base styles applied to all instances of the component
   base: {
@@ -831,7 +713,7 @@ const H = /* @__PURE__ */ _(t.breakpoints), N = /* @__PURE__ */ f({
   defaultVariants: {
     orientation: "horizontal"
   }
-}), M = /* @__PURE__ */ a({
+}), O = /* @__PURE__ */ a({
   className: "nimbus-toggle-button",
   base: {
     ...c.base,
@@ -938,7 +820,7 @@ const H = /* @__PURE__ */ _(t.breakpoints), N = /* @__PURE__ */ f({
     size: "md",
     variant: "plain"
   }
-}), U = /* @__PURE__ */ a({
+}), M = /* @__PURE__ */ a({
   // Unique class name prefix for the component
   className: "nimbus-tooltip",
   // Base styles applied to all instances of the component
@@ -956,24 +838,24 @@ const H = /* @__PURE__ */ _(t.breakpoints), N = /* @__PURE__ */ f({
     maxW: "6400",
     boxShadow: "1"
   }
-}), X = {
+}), U = {
   avatar: k,
   badge: R,
   button: c,
-  code: D,
-  group: L,
-  heading: A,
+  code: T,
+  group: D,
+  heading: L,
   icon: C,
-  kbd: V,
-  link: F,
-  loadingSpinner: j,
-  popover: G,
+  kbd: A,
+  link: V,
+  loadingSpinner: F,
+  popover: j,
   radioInput: u,
-  separator: O,
-  toggleButton: M,
+  separator: G,
+  toggleButton: O,
   toolbar: Y,
-  tooltip: U
-}, $ = /* @__PURE__ */ p.colors({
+  tooltip: M
+}, X = /* @__PURE__ */ p.colors({
   bg: {
     DEFAULT: {
       value: {
@@ -1022,11 +904,11 @@ const H = /* @__PURE__ */ _(t.breakpoints), N = /* @__PURE__ */ f({
   ...t.color["system-palettes"],
   ...t.color["brand-palettes"],
   ...t.color["semantic-palettes"]
-}), q = /* @__PURE__ */ p.shadows(t.shadow), Z = /* @__PURE__ */ p.radii({}), J = {
-  colors: $,
-  shadows: q,
-  radii: Z
-}, K = /* @__PURE__ */ e({
+}), $ = /* @__PURE__ */ p.shadows(t.shadow), q = /* @__PURE__ */ p.radii({}), Z = {
+  colors: X,
+  shadows: $,
+  radii: q
+}, J = /* @__PURE__ */ e({
   slots: [
     "root",
     "disclosure",
@@ -1045,7 +927,7 @@ const H = /* @__PURE__ */ _(t.breakpoints), N = /* @__PURE__ */ f({
       width: "100%"
     },
     trigger: {
-      fontSize: "var(--font-size)",
+      fontSize: "var(--accordion-font-size)",
       focusVisibleRing: "outside",
       minHeight: "1200",
       bg: "none",
@@ -1055,8 +937,8 @@ const H = /* @__PURE__ */ _(t.breakpoints), N = /* @__PURE__ */ f({
       gap: "8px",
       width: "auto",
       "& svg": {
-        width: "var(--width)",
-        height: "var(--height)",
+        width: "var(--accordion-width)",
+        height: "var(--accordion-height)",
         rotate: "0deg",
         transition: "rotate 200ms"
       },
@@ -1068,9 +950,9 @@ const H = /* @__PURE__ */ _(t.breakpoints), N = /* @__PURE__ */ f({
       }
     },
     panel: {
-      paddingTop: "var(--padding-top)",
-      paddingBottom: "var(--padding-bottom)",
-      paddingLeft: "var(--padding-left)",
+      paddingTop: "var(--accordion-padding-top)",
+      paddingBottom: "var(--accordion-padding-bottom)",
+      paddingLeft: "var(--accordion-padding-left)",
       '&[aria-hidden="true"]': {
         display: "none"
       }
@@ -1083,30 +965,30 @@ const H = /* @__PURE__ */ _(t.breakpoints), N = /* @__PURE__ */ f({
     size: {
       md: {
         trigger: {
-          "--font-size": "fontSizes.500",
+          "--accordion-font-size": "fontSizes.500",
           "& svg": {
-            "--width": "sizes.600",
-            "--height": "sizes.600"
+            "--accordion-width": "sizes.600",
+            "--accordion-height": "sizes.600"
           }
         },
         panel: {
-          "--padding-top": "spacing.600",
-          "--padding-bottom": "spacing.800",
-          "--padding-left": "spacing.800"
+          "--accordion-padding-top": "spacing.600",
+          "--accordion-padding-bottom": "spacing.800",
+          "--accordion-padding-left": "spacing.800"
         }
       },
       sm: {
         trigger: {
-          "--font-size": "fontSizes.400",
+          "--accordion-font-size": "fontSizes.400",
           "& svg": {
-            "--width": "sizes.500",
-            "--height": "sizes.500"
+            "--accordion-width": "sizes.500",
+            "--accordion-height": "sizes.500"
           }
         },
         panel: {
-          "--padding-top": "spacing.400",
-          "--padding-bottom": "spacing.600",
-          "--padding-left": "spacing.700"
+          "--accordion-padding-top": "spacing.400",
+          "--accordion-padding-bottom": "spacing.600",
+          "--accordion-padding-left": "spacing.700"
         }
       }
     }
@@ -1114,7 +996,7 @@ const H = /* @__PURE__ */ _(t.breakpoints), N = /* @__PURE__ */ f({
   defaultVariants: {
     size: "md"
   }
-}), Q = /* @__PURE__ */ e({
+}), K = /* @__PURE__ */ e({
   slots: ["root", "title", "description", "icon", "actions", "dismissButton"],
   // Unique class name prefix for the component
   className: "nimbus-alert",
@@ -1155,7 +1037,7 @@ const H = /* @__PURE__ */ _(t.breakpoints), N = /* @__PURE__ */ f({
       }
     }
   }
-}), ee = /* @__PURE__ */ e({
+}), Q = /* @__PURE__ */ e({
   slots: [
     "root",
     "header",
@@ -1250,7 +1132,7 @@ const H = /* @__PURE__ */ _(t.breakpoints), N = /* @__PURE__ */ f({
       }
     }
   }
-}), te = /* @__PURE__ */ e({
+}), ee = /* @__PURE__ */ e({
   slots: ["root", "header", "content"],
   className: "nimbus-card",
   base: {
@@ -1309,6 +1191,12 @@ const H = /* @__PURE__ */ _(t.breakpoints), N = /* @__PURE__ */ f({
         }
       }
     }
+  },
+  defaultVariants: {
+    cardPadding: "md",
+    borderStyle: "outlined",
+    elevation: "none",
+    backgroundStyle: "default"
   }
 }), d = /* @__PURE__ */ e({
   slots: ["root", "label", "indicator"],
@@ -1616,7 +1504,7 @@ const H = /* @__PURE__ */ _(t.breakpoints), N = /* @__PURE__ */ f({
     size: "md",
     variant: "outline"
   }
-}), oe = /* @__PURE__ */ e({
+}), te = /* @__PURE__ */ e({
   slots: [
     "root",
     "value",
@@ -1908,7 +1796,7 @@ const H = /* @__PURE__ */ _(t.breakpoints), N = /* @__PURE__ */ f({
     variant: "solid",
     selectionMode: "single"
   }
-}), ae = /* @__PURE__ */ s({
+}), oe = /* @__PURE__ */ s({
   // Available slots for the DataTable component
   slots: [
     "root",
@@ -2363,7 +2251,7 @@ const H = /* @__PURE__ */ _(t.breakpoints), N = /* @__PURE__ */ f({
       }
     }
   }
-}), re = /* @__PURE__ */ e({
+}), ae = /* @__PURE__ */ e({
   // Unique class name prefix for the component
   className: "nimbus-date-input",
   slots: [
@@ -2520,7 +2408,7 @@ const H = /* @__PURE__ */ _(t.breakpoints), N = /* @__PURE__ */ f({
     size: "md",
     variant: "solid"
   }
-}), ie = /* @__PURE__ */ e({
+}), re = /* @__PURE__ */ e({
   // Unique class name prefix for the component
   className: "nimbus-date-picker",
   slots: [
@@ -2571,6 +2459,124 @@ const H = /* @__PURE__ */ _(t.breakpoints), N = /* @__PURE__ */ f({
   defaultVariants: {
     size: "md"
   }
+}), ie = /* @__PURE__ */ e({
+  className: "nimbus-date-range-picker",
+  slots: [
+    "root",
+    "group",
+    "trigger",
+    "popover",
+    "calendar",
+    "calendarHeader",
+    "calendarGrid",
+    "calendarCell"
+  ],
+  base: {
+    root: {
+      display: "inline-block"
+    },
+    group: {
+      "--border-width": "{sizes.25}",
+      "--border-color": "{colors.neutral.7}",
+      // ========================================
+      // BASE LAYOUT & VISUAL PROPERTIES
+      // ========================================
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "flex-start",
+      boxShadow: "inset 0 0 0 var(--border-width) var(--border-color)",
+      borderRadius: "200",
+      bg: "neutral.1",
+      px: "300",
+      gap: 0,
+      position: "relative",
+      // Ensure stacking context for border
+      // ========================================
+      // INTERACTIVE STATES
+      // ========================================
+      _hover: {
+        bg: "primary.2"
+      },
+      // Focus ring with transparent gap
+      _focusWithin: {
+        outlineWidth: "var(--focus-ring-width)",
+        outlineColor: "var(--focus-ring-color)",
+        outlineStyle: "var(--focus-ring-style)",
+        outlineOffset: "var(--focus-ring-offset)"
+      },
+      // ========================================
+      // DATA STATES
+      // ========================================
+      // Invalid state styling
+      "&[data-invalid='true']": {
+        "--border-width": "{sizes.50}",
+        "--border-color": "{colors.critical.7}",
+        color: "critical.11",
+        alignItems: "center"
+      }
+    },
+    trigger: {
+      position: "absolute",
+      right: "400",
+      top: "100"
+    },
+    popover: {
+      bg: "neutral.1",
+      boxShadow: "4",
+      borderRadius: "300",
+      overflow: "auto",
+      "&[data-entering]": {
+        animationName: "fade-in, scale-in",
+        animationDuration: "fast"
+      },
+      "&[data-exiting]": {
+        animationName: "fade-out, scale-out",
+        animationDuration: "faster"
+      }
+    }
+  },
+  variants: {
+    size: {
+      sm: {
+        group: {
+          height: "800",
+          // Match DateInput sm height
+          pr: "calc({spacing.1400} + {spacing.400})"
+          // Smaller right padding for sm size
+        },
+        trigger: {
+          top: "50"
+        }
+      },
+      md: {
+        group: {
+          height: "1000",
+          // Match DateInput md height
+          pr: "calc({spacing.1600} + {spacing.200} + {spacing.400})"
+          // Right padding for trigger buttons
+        },
+        trigger: {
+          top: "100"
+        }
+      }
+    },
+    variant: {
+      solid: {},
+      ghost: {
+        group: {
+          bg: "transparent",
+          px: "300",
+          _hover: {
+            bg: "primary.2"
+          }
+        }
+      }
+    }
+  },
+  defaultVariants: {
+    size: "md",
+    variant: "solid"
+  }
 }), le = /* @__PURE__ */ e({
   slots: [
     "trigger",
@@ -4618,7 +4624,7 @@ const H = /* @__PURE__ */ _(t.breakpoints), N = /* @__PURE__ */ f({
   }
 }), Ce = /* @__PURE__ */ e({
   slots: ["root", "trigger", "content"],
-  className: "collapsibleMotion",
+  className: "nimbus-collapsible-motion",
   base: {
     root: {},
     trigger: {
@@ -4746,7 +4752,7 @@ const H = /* @__PURE__ */ _(t.breakpoints), N = /* @__PURE__ */ f({
       flexShrink: 0,
       userSelect: "none",
       color: "neutral.11",
-      fontSize: "var(--label-font-size)"
+      fontSize: "var(--switch-label-font-size)"
     },
     track: {
       colorPalette: "neutral",
@@ -4755,9 +4761,9 @@ const H = /* @__PURE__ */ _(t.breakpoints), N = /* @__PURE__ */ f({
       display: "flex",
       alignItems: "center",
       flexShrink: 0,
-      width: "var(--track-width)",
-      height: "var(--track-height)",
-      borderRadius: "calc(var(--track-height) / 2)",
+      width: "var(--switch-track-width)",
+      height: "var(--switch-track-height)",
+      borderRadius: "calc(var(--switch-track-height) / 2)",
       backgroundColor: "colorPalette.5",
       transition: "background-color 0.2s",
       "&[data-selected='true']": {
@@ -4778,12 +4784,12 @@ const H = /* @__PURE__ */ _(t.breakpoints), N = /* @__PURE__ */ f({
       borderColor: "primary.9",
       backgroundColor: "neutral.1",
       transition: "all 0.2s",
-      boxSize: "var(--thumb-size)",
+      boxSize: "var(--switch-thumb-size)",
       "&[data-selected='false']": {
         left: "0"
       },
       "&[data-selected='true']": {
-        left: "calc(100% - var(--thumb-size))"
+        left: "calc(100% - var(--switch-thumb-size))"
       }
     }
   },
@@ -4791,26 +4797,26 @@ const H = /* @__PURE__ */ _(t.breakpoints), N = /* @__PURE__ */ f({
     size: {
       sm: {
         track: {
-          "--track-height": "sizes.400",
-          "--track-width": "sizes.700"
+          "--switch-track-height": "sizes.400",
+          "--switch-track-width": "sizes.700"
         },
         thumb: {
-          "--thumb-size": "sizes.400"
+          "--switch-thumb-size": "sizes.400"
         },
         label: {
-          "--label-font-size": "fontSizes.350"
+          "--switch-label-font-size": "fontSizes.350"
         }
       },
       md: {
         track: {
-          "--track-height": "sizes.600",
-          "--track-width": "sizes.1100"
+          "--switch-track-height": "sizes.600",
+          "--switch-track-width": "sizes.1100"
         },
         thumb: {
-          "--thumb-size": "sizes.600"
+          "--switch-thumb-size": "sizes.600"
         },
         label: {
-          "--label-font-size": "fontSizes.400"
+          "--switch-label-font-size": "fontSizes.400"
         }
       }
     }
@@ -5408,16 +5414,16 @@ const H = /* @__PURE__ */ _(t.breakpoints), N = /* @__PURE__ */ f({
     variant: "solid"
   }
 }), Ee = {
-  accordion: K,
-  alert: Q,
-  calendar: ee,
+  accordion: J,
+  alert: K,
+  calendar: Q,
   rangeCalendar: ve,
-  dateInput: re,
-  dateRangePicker: P,
-  datePicker: ie,
-  dataTable: ae,
+  dateInput: ae,
+  dateRangePicker: ie,
+  datePicker: re,
+  dataTable: oe,
   radioInput: u,
-  combobox: oe,
+  combobox: te,
   progressBar: ze,
   menu: ke,
   textInput: Re,
@@ -5425,7 +5431,7 @@ const H = /* @__PURE__ */ _(t.breakpoints), N = /* @__PURE__ */ f({
   drawer: le,
   tabs: He,
   localizedField: be,
-  card: te,
+  card: ee,
   checkbox: d,
   collapsibleMotion: Ce,
   dialog: ne,
@@ -5449,7 +5455,7 @@ const H = /* @__PURE__ */ _(t.breakpoints), N = /* @__PURE__ */ f({
   t.textStyle
 ), De = /* @__PURE__ */ o.durations(t.aspectRatio), Le = /* @__PURE__ */ o.animations(t.animation), Ae = /* @__PURE__ */ o.blurs(t.blur), Ve = /* @__PURE__ */ o.borders(t.border), Fe = /* @__PURE__ */ o.colors({
   ...t.color["blacks-and-whites"]
-}), je = /* @__PURE__ */ o.durations(t.duration), Ge = /* @__PURE__ */ o.easings(t.easing), Oe = /* @__PURE__ */ o.fonts(t.fontFamily), Me = /* @__PURE__ */ o.fontSizes(t.fontSize), Ye = /* @__PURE__ */ o.fontWeights(t.fontWeight), Ue = (i) => Object.keys(i).reduce(
+}), je = /* @__PURE__ */ o.durations(t.duration), Ge = /* @__PURE__ */ o.easings(t.easing), Oe = /* @__PURE__ */ o.fonts(t.fontFamily), Ye = /* @__PURE__ */ o.fontSizes(t.fontSize), Me = /* @__PURE__ */ o.fontWeights(t.fontWeight), Ue = (i) => Object.keys(i).reduce(
   (n, r) => {
     const m = parseFloat(i[r].value) / 100;
     return n[r] = { value: `${m}em` }, n;
@@ -5582,8 +5588,8 @@ const H = /* @__PURE__ */ _(t.breakpoints), N = /* @__PURE__ */ f({
   durations: je,
   easings: Ge,
   fonts: Oe,
-  fontSizes: Me,
-  fontWeights: Ye,
+  fontSizes: Ye,
+  fontWeights: Me,
   letterSpacings: Xe,
   lineHeights: $e,
   radii: qe,
@@ -5595,41 +5601,40 @@ const H = /* @__PURE__ */ _(t.breakpoints), N = /* @__PURE__ */ f({
   preflight: !0,
   cssVarsPrefix: "nimbus",
   cssVarsRoot: ":where(:root, :host)",
-  globalCss: B,
-  conditions: N,
+  globalCss: N,
+  conditions: H,
   theme: {
-    breakpoints: H,
-    keyframes: E,
+    breakpoints: _,
+    keyframes: B,
     tokens: et,
-    semanticTokens: J,
-    recipes: X,
+    semanticTokens: Z,
+    recipes: U,
     slotRecipes: Ee,
     textStyles: Te,
-    layerStyles: T,
-    animationStyles: W
+    layerStyles: E,
+    animationStyles: P
   }
 }), ct = /* @__PURE__ */ y(w, tt);
 export {
-  Re as a,
-  O as b,
+  Be as a,
+  G as b,
   Y as c,
-  re as d,
+  ae as d,
   We as e,
   we as f,
-  P as g,
-  ie as h,
+  ie as g,
+  re as h,
   fe as i,
-  ee as j,
-  u as k,
-  le as l,
+  u as j,
+  le as k,
+  l,
   he as m,
-  l as n,
-  ye as o,
-  Pe as p,
-  xe as q,
+  ye as n,
+  Pe as o,
+  xe as p,
+  te as q,
   ve as r,
   ct as s,
-  Be as t,
-  oe as u
+  Re as t
 };
-//# sourceMappingURL=index-B7wlrXvj.es.js.map
+//# sourceMappingURL=index-B-UyZdac.es.js.map