@commercetools/nimbus 3.3.0 → 3.4.0

package/dist/chunks/{theme-BR3bc6tH.esm.js → theme-CFqa_6UM.esm.js}

@@ -1,9 +1,9 @@
 import { t as e } from "./icon.recipe-DODJ2AGG.esm.js";
-import { createSystem as t, defineAnimationStyles as n, defineConditions as r, defineConfig as ee, defineGlobalStyles as i, defineLayerStyles as a, defineRecipe as o, defineSemanticTokens as s, defineSlotRecipe as c, defineTextStyles as l, defineTokens as u } from "@chakra-ui/react/styled-system";
-import { defaultBaseConfig as d } from "@chakra-ui/react/preset-base";
-import { designTokens as f, themeTokens as p } from "@commercetools/nimbus-tokens";
+import { createSystem as t, defineAnimationStyles as n, defineConditions as ee, defineConfig as te, defineGlobalStyles as ne, defineLayerStyles as r, defineRecipe as i, defineSemanticTokens as a, defineSlotRecipe as o, defineTextStyles as re, defineTokens as s } from "@chakra-ui/react/styled-system";
+import { defaultBaseConfig as c } from "@chakra-ui/react/preset-base";
+import { designTokens as l, themeTokens as u } from "@commercetools/nimbus-tokens";
 //#region src/theme/animation-styles.ts
-var te = n({
+var ie = n({
 	"slide-fade-in": { value: {
 		transformOrigin: "var(--transform-origin)",
 		"&[data-placement^=top]": { animationName: "slide-from-bottom, fade-in" },
@@ -29,15 +29,15 @@ var te = n({
 });
 //#endregion
 //#region src/theme/breakpoints.ts
-function ne(e) {
+function ae(e) {
 	let t = {};
 	for (let n in e) e[n]?.value ? t[n] = e[n].value : t[n] = e[n];
 	return t;
 }
-var re = ne(p.breakpoints), ie = r({
+var oe = ae(u.breakpoints), se = ee({
 	open: "&:is([data-entering], [data-open])",
 	closed: "&:is([data-exiting], [data-closed])"
-}), ae = i({
+}), ce = ne({
 	"*": {
 		fontFeatureSettings: "\"liga\", \"calt\", \"case\", \"ss01\", \"ss07\", \"ss08\", \"tnum\"",
 		"--ring-inset": "var(--chakra-empty,/*!*/ /*!*/)",
@@ -88,7 +88,7 @@ var re = ne(p.breakpoints), ie = r({
 		display: "initial",
 		verticalAlign: "initial"
 	}
-}), oe = {
+}), le = {
 	spin: {
 		"0%": { transform: "rotate(0deg)" },
 		"100%": { transform: "rotate(360deg)" }
@@ -205,8 +205,13 @@ var re = ne(p.breakpoints), ie = r({
 	"gradient-shimmer": {
 		"0%": { backgroundPosition: "200% 0" },
 		"100%": { backgroundPosition: "-200% 0" }
+	},
+	"skeleton-wave": {
+		"0%": { transform: "translateX(-100%)" },
+		"60%": { transform: "translateX(100%)" },
+		"100%": { transform: "translateX(100%)" }
 	}
-}, se = a({
+}, ue = r({
 	disabled: { value: {
 		opacity: "0.5",
 		cursor: "not-allowed"
@@ -217,7 +222,7 @@ var re = ne(p.breakpoints), ie = r({
 		outlineStyle: "var(--focus-ring-style)",
 		outlineOffset: "var(--focus-ring-offset)"
 	} }
-}), ce = o({
+}), de = i({
 	className: "nimbus-activity-indicator",
 	base: {
 		display: "inline-flex",
@@ -284,7 +289,7 @@ var re = ne(p.breakpoints), ie = r({
 		size: "inherit",
 		variant: "plain"
 	}
-}), le = o({
+}), fe = i({
 	className: "nimbus-avatar",
 	base: {
 		display: "inline-flex",
@@ -333,7 +338,7 @@ var re = ne(p.breakpoints), ie = r({
 		size: "md",
 		variant: "subtle"
 	}
-}), ue = o({
+}), pe = i({
 	className: "nimbus-badge",
 	base: {
 		display: "inline-flex",
@@ -386,7 +391,7 @@ var re = ne(p.breakpoints), ie = r({
 		}
 	} },
 	defaultVariants: { size: "md" }
-}), m = o({
+}), d = i({
 	className: "nimbus-button",
 	base: {
 		borderRadius: "200",
@@ -516,7 +521,7 @@ var re = ne(p.breakpoints), ie = r({
 		size: "md",
 		variant: "subtle"
 	}
-}), de = o({
+}), me = i({
 	className: "nimbus-code",
 	base: {
 		fontFamily: "mono",
@@ -574,7 +579,7 @@ var re = ne(p.breakpoints), ie = r({
 		variant: "solid",
 		size: "md"
 	}
-}), fe = o({
+}), he = i({
 	className: "nimbus-drop-zone",
 	base: {
 		display: "flex",
@@ -622,13 +627,13 @@ var re = ne(p.breakpoints), ie = r({
 			}
 		}
 	}
-}), pe = o({
+}), ge = i({
 	className: "nimbus-group",
 	base: {
 		display: "inline-flex",
 		alignItems: "center"
 	}
-}), me = o({
+}), _e = i({
 	className: "nimbus-heading",
 	base: {
 		fontFamily: "heading",
@@ -648,7 +653,7 @@ var re = ne(p.breakpoints), ie = r({
 		"7xl": { textStyle: "7xl" }
 	} },
 	defaultVariants: { size: "xl" }
-}), he = o({
+}), ve = i({
 	className: "nimbus-kbd",
 	base: {
 		display: "inline-flex",
@@ -668,7 +673,7 @@ var re = ne(p.breakpoints), ie = r({
 		borderBottom: "solid-50",
 		borderColor: "currentColor"
 	}
-}), ge = o({
+}), ye = i({
 	className: "nimbus-link",
 	base: {
 		display: "inline-flex",
@@ -703,7 +708,7 @@ var re = ne(p.breakpoints), ie = r({
 			inherit: { color: "inherit" }
 		}
 	}
-}), _e = o({
+}), be = i({
 	className: "nimbus-loading-spinner",
 	base: {
 		display: "inline-flex",
@@ -752,7 +757,7 @@ var re = ne(p.breakpoints), ie = r({
 		}
 	},
 	defaultVariants: { size: "sm" }
-}), h = o({
+}), xe = i({
 	className: "nimbus-popover",
 	base: {
 		bg: "white",
@@ -761,7 +766,7 @@ var re = ne(p.breakpoints), ie = r({
 		padding: "400",
 		zIndex: 1
 	}
-}), g = c({
+}), f = o({
 	slots: ["root", "option"],
 	className: "nimbus-radio-input",
 	base: {
@@ -812,7 +817,7 @@ var re = ne(p.breakpoints), ie = r({
 		} }
 	} },
 	defaultVariants: { orientation: "vertical" }
-}), _ = o({
+}), p = i({
 	className: "nimbus-separator",
 	base: {
 		border: "0",
@@ -831,14 +836,62 @@ var re = ne(p.breakpoints), ie = r({
 		}
 	} },
 	defaultVariants: { orientation: "horizontal" }
-}), v = o({
+}), m = i({
+	className: "nimbus-skeleton",
+	base: {
+		display: "block",
+		backgroundColor: "{colors.neutralAlpha.3}",
+		overflow: "hidden",
+		position: "relative",
+		_motionReduce: {
+			animation: "none !important",
+			"&::after": { display: "none !important" }
+		}
+	},
+	variants: {
+		size: {
+			"2xs": { boxSize: "600" },
+			xs: { boxSize: "800" },
+			md: { boxSize: "1000" }
+		},
+		shape: {
+			rectangle: { borderRadius: "{radii.100}" },
+			circle: {
+				borderRadius: "full",
+				aspectRatio: "1 / 1"
+			}
+		},
+		animation: {
+			pulse: { animation: "pulse 2s ease-in-out infinite" },
+			wave: {
+				"--skeleton-shimmer-color": "rgba(255, 255, 255, 0.6)",
+				_dark: { "--skeleton-shimmer-color": "rgba(255, 255, 255, 0.13)" },
+				"&::after": {
+					content: "\"\"",
+					position: "absolute",
+					top: "0",
+					left: "0",
+					right: "0",
+					bottom: "0",
+					backgroundImage: "linear-gradient(90deg, transparent, var(--skeleton-shimmer-color), transparent)",
+					animation: "skeleton-wave 1.6s ease-in-out 0.5s infinite"
+				}
+			},
+			none: { animation: "none" }
+		}
+	},
+	defaultVariants: {
+		shape: "rectangle",
+		animation: "pulse"
+	}
+}), h = i({
 	className: "nimbus-toggle-button",
 	base: {
-		...m.base,
+		...d.base,
 		colorPalette: "primary"
 	},
 	variants: {
-		size: { ...m.variants?.size },
+		size: { ...d.variants?.size },
 		variant: {
 			outline: {
 				"--button-bg": "transparent",
@@ -879,7 +932,7 @@ var re = ne(p.breakpoints), ie = r({
 		size: "md",
 		variant: "outline"
 	}
-}), y = o({
+}), g = i({
 	className: "nimbus-toolbar",
 	base: {
 		display: "inline-flex",
@@ -930,25 +983,26 @@ var re = ne(p.breakpoints), ie = r({
 		size: "md",
 		variant: "plain"
 	}
-}), b = {
-	nimbusActivityIndicator: ce,
-	nimbusAvatar: le,
-	nimbusBadge: ue,
-	nimbusButton: m,
-	nimbusCode: de,
-	nimbusDropZone: fe,
-	nimbusGroup: pe,
-	nimbusHeading: me,
+}), _ = {
+	nimbusActivityIndicator: de,
+	nimbusAvatar: fe,
+	nimbusBadge: pe,
+	nimbusButton: d,
+	nimbusCode: me,
+	nimbusDropZone: he,
+	nimbusGroup: ge,
+	nimbusHeading: _e,
 	nimbusIcon: e,
-	nimbusKbd: he,
-	nimbusLink: ge,
-	nimbusLoadingSpinner: _e,
-	nimbusPopover: h,
-	nimbusRadioInput: g,
-	nimbusSeparator: _,
-	nimbusToggleButton: v,
-	nimbusToolbar: y,
-	nimbusTooltip: o({
+	nimbusKbd: ve,
+	nimbusLink: ye,
+	nimbusLoadingSpinner: be,
+	nimbusPopover: xe,
+	nimbusRadioInput: f,
+	nimbusSeparator: p,
+	nimbusSkeleton: m,
+	nimbusToggleButton: h,
+	nimbusToolbar: g,
+	nimbusTooltip: i({
 		className: "nimbus-tooltip",
 		base: {
 			color: "bg",
@@ -965,8 +1019,8 @@ var re = ne(p.breakpoints), ie = r({
 			boxShadow: "1"
 		}
 	})
-}, x = {
-	colors: s.colors({
+}, v = {
+	colors: a.colors({
 		bg: { DEFAULT: { value: {
 			_light: "#fff",
 			_dark: "{colors.neutral.1}"
@@ -983,13 +1037,13 @@ var re = ne(p.breakpoints), ie = r({
 			positive: { value: "{colors.positive.8}" },
 			info: { value: "{colors.info.8}" }
 		},
-		...p.color["system-palettes"],
-		...p.color["brand-palettes"],
-		...p.color["semantic-palettes"]
+		...u.color["system-palettes"],
+		...u.color["brand-palettes"],
+		...u.color["semantic-palettes"]
 	}),
-	shadows: s.shadows(p.shadow),
-	radii: s.radii({})
-}, S = c({
+	shadows: a.shadows(u.shadow),
+	radii: a.radii({})
+}, y = o({
 	slots: [
 		"root",
 		"disclosure",
@@ -1060,7 +1114,85 @@ var re = ne(p.breakpoints), ie = r({
 		}
 	} },
 	defaultVariants: { size: "md" }
-}), C = c({
+}), b = o({
+	slots: [
+		"root",
+		"list",
+		"item",
+		"link",
+		"separator"
+	],
+	className: "nimbus-breadcrumbs",
+	base: {
+		root: {
+			display: "block",
+			width: "100%"
+		},
+		list: {
+			display: "flex",
+			flexDirection: "row",
+			flexWrap: "wrap",
+			alignItems: "center",
+			listStyle: "none",
+			margin: "0",
+			padding: "0",
+			gap: "var(--breadcrumbs-gap)"
+		},
+		item: {
+			display: "flex",
+			flexDirection: "row",
+			alignItems: "center",
+			gap: "var(--breadcrumbs-gap)"
+		},
+		link: {
+			display: "inline-flex",
+			alignItems: "center",
+			gap: "200",
+			color: "neutral.11",
+			textDecoration: "none",
+			cursor: "pointer",
+			borderRadius: "200",
+			transition: "color 150ms ease",
+			focusVisibleRing: "outside",
+			_hover: {
+				color: "primary.11",
+				textDecoration: "underline"
+			},
+			"&[data-current]": {
+				color: "neutral.12",
+				fontWeight: "500",
+				textDecoration: "none",
+				cursor: "default",
+				pointerEvents: "none"
+			},
+			"&[data-disabled]:not([data-current])": { layerStyle: "disabled" }
+		},
+		separator: {
+			display: "inline-flex",
+			alignItems: "center",
+			color: "neutral.9",
+			userSelect: "none",
+			"li:first-of-type > &": { display: "none" }
+		}
+	},
+	variants: { size: {
+		sm: {
+			item: {
+				textStyle: "sm",
+				"--breadcrumbs-gap": "{spacing.100}"
+			},
+			list: { "--breadcrumbs-gap": "{spacing.100}" }
+		},
+		md: {
+			item: {
+				textStyle: "md",
+				"--breadcrumbs-gap": "{spacing.200}"
+			},
+			list: { "--breadcrumbs-gap": "{spacing.200}" }
+		}
+	} },
+	defaultVariants: { size: "md" }
+}), x = o({
 	className: "nimbus-scroll-area",
 	slots: [
 		"root",
@@ -1186,7 +1318,7 @@ var re = ne(p.breakpoints), ie = r({
 		size: "sm",
 		variant: "hover"
 	}
-}), w = c({
+}), S = o({
 	slots: [
 		"root",
 		"header",
@@ -1297,7 +1429,7 @@ var re = ne(p.breakpoints), ie = r({
 		} } }
 	},
 	defaultVariants: { layout: "constrained" }
-}), T = c({
+}), C = o({
 	slots: [
 		"root",
 		"list",
@@ -1499,7 +1631,7 @@ var re = ne(p.breakpoints), ie = r({
 		size: "sm",
 		orientation: "horizontal"
 	}
-}), E = c({
+}), w = o({
 	slots: [
 		"root",
 		"title",
@@ -1556,7 +1688,7 @@ var re = ne(p.breakpoints), ie = r({
 			borderRadius: "200"
 		} }
 	} }
-}), D = c({
+}), T = o({
 	slots: [
 		"root",
 		"header",
@@ -1638,7 +1770,7 @@ var re = ne(p.breakpoints), ie = r({
 			}
 		}
 	}
-}), O = c({
+}), E = o({
 	slots: [
 		"root",
 		"header",
@@ -1716,7 +1848,7 @@ var re = ne(p.breakpoints), ie = r({
 		size: "md",
 		variant: "outlined"
 	}
-}), k = c({
+}), D = o({
 	slots: [
 		"root",
 		"avatar",
@@ -1828,7 +1960,7 @@ var re = ne(p.breakpoints), ie = r({
 		sender: "agent",
 		tone: "neutral"
 	}
-}), A = c({
+}), O = o({
 	slots: [
 		"root",
 		"viewport",
@@ -1880,7 +2012,7 @@ var re = ne(p.breakpoints), ie = r({
 			textAlign: "center"
 		}
 	}
-}), j = c({
+}), k = o({
 	slots: [
 		"root",
 		"label",
@@ -1969,7 +2101,7 @@ var re = ne(p.breakpoints), ie = r({
 		}
 	} } },
 	defaultVariants: { size: "md" }
-}), M = c({
+}), A = o({
 	slots: [
 		"root",
 		"trigger",
@@ -1981,7 +2113,7 @@ var re = ne(p.breakpoints), ie = r({
 		trigger: { cursor: "pointer" },
 		content: {}
 	}
-}), N = c({
+}), j = o({
 	slots: [
 		"root",
 		"trigger",
@@ -2146,12 +2278,12 @@ var re = ne(p.breakpoints), ie = r({
 			display: "flex",
 			alignItems: "center",
 			"& span[data-selected]": {
-				...j.base?.indicator,
-				...j.variants?.size.md.indicator
+				...k.base?.indicator,
+				...k.variants?.size.md.indicator
 			}
 		},
 		optionContent: {
-			...j.base?.label,
+			...k.base?.label,
 			whiteSpace: "wrap",
 			width: "calc(100% - {sizes.600})",
 			display: "inline-block"
@@ -2267,7 +2399,7 @@ var re = ne(p.breakpoints), ie = r({
 		variant: "solid",
 		selectionMode: "single"
 	}
-}), P = { "&::before": {
+}), M = { "&::before": {
 	content: "\"\"",
 	position: "absolute",
 	top: 0,
@@ -2276,7 +2408,7 @@ var re = ne(p.breakpoints), ie = r({
 	right: "-2px",
 	background: "inherit",
 	pointerEvents: "none"
-} }, F = c({
+} }, Se = o({
 	slots: [
 		"root",
 		"table",
@@ -2308,7 +2440,7 @@ var re = ne(p.breakpoints), ie = r({
 					right: 0,
 					zIndex: 3,
 					backgroundColor: "bg",
-					...P,
+					...M,
 					"& [data-slot='nimbus-table-cell-pin-button']": { opacity: 0 },
 					"& [data-slot='nimbus-table-cell-pin-button-pinned']": { opacity: 1 }
 				},
@@ -2316,7 +2448,7 @@ var re = ne(p.breakpoints), ie = r({
 					position: "sticky",
 					left: 0,
 					backgroundColor: "bg",
-					...P
+					...M
 				},
 				"& [data-slot='drag']": { zIndex: 11 },
 				"& [data-slot='selection']": { zIndex: 11 },
@@ -2482,7 +2614,7 @@ var re = ne(p.breakpoints), ie = r({
 				left: 0,
 				zIndex: 13,
 				background: "colorPalette.2",
-				...P
+				...M
 			},
 			"&.drag-column-header": {
 				cursor: "default",
@@ -2491,7 +2623,7 @@ var re = ne(p.breakpoints), ie = r({
 				left: 0,
 				zIndex: 13,
 				background: "colorPalette.2",
-				...P
+				...M
 			},
 			"&.expand-column-header": {
 				cursor: "default",
@@ -2500,7 +2632,7 @@ var re = ne(p.breakpoints), ie = r({
 				left: 0,
 				zIndex: 12,
 				background: "colorPalette.2",
-				...P
+				...M
 			},
 			"&.drag-column-header + &.selection-column-header": { left: "600" },
 			"&.drag-column-header + &.expand-column-header": { left: "600" },
@@ -2514,7 +2646,7 @@ var re = ne(p.breakpoints), ie = r({
 				right: 0,
 				zIndex: 11,
 				background: "colorPalette.2",
-				...P
+				...M
 			},
 			"&[aria-sort]": {
 				fontWeight: 600,
@@ -2612,7 +2744,7 @@ var re = ne(p.breakpoints), ie = r({
 			} }
 		}
 	}
-}), I = c({
+}), N = o({
 	className: "nimbus-date-input",
 	slots: [
 		"root",
@@ -2718,7 +2850,7 @@ var re = ne(p.breakpoints), ie = r({
 		size: "md",
 		variant: "solid"
 	}
-}), L = c({
+}), P = o({
 	className: "nimbus-date-picker",
 	slots: [
 		"root",
@@ -2761,7 +2893,7 @@ var re = ne(p.breakpoints), ie = r({
 		}
 	},
 	defaultVariants: { size: "md" }
-}), R = c({
+}), F = o({
 	className: "nimbus-date-range-picker",
 	slots: [
 		"root",
@@ -2848,7 +2980,7 @@ var re = ne(p.breakpoints), ie = r({
 		size: "md",
 		variant: "solid"
 	}
-}), ve = c({
+}), Ce = o({
 	slots: [
 		"root",
 		"trigger",
@@ -2990,7 +3122,7 @@ var re = ne(p.breakpoints), ie = r({
 		scrollBehavior: "outside",
 		placement: "center"
 	}
-}), ye = c({
+}), we = o({
 	slots: [
 		"root",
 		"empty",
@@ -3054,7 +3186,7 @@ var re = ne(p.breakpoints), ie = r({
 		md: { item: { minH: "800" } }
 	} },
 	defaultVariants: { size: "md" }
-}), z = c({
+}), I = o({
 	slots: [
 		"root",
 		"trigger",
@@ -3234,7 +3366,7 @@ var re = ne(p.breakpoints), ie = r({
 		placement: "right",
 		showBackdrop: !0
 	}
-}), be = c({
+}), Te = o({
 	className: "nimbus-field-errors",
 	slots: ["root", "message"],
 	base: {
@@ -3244,7 +3376,7 @@ var re = ne(p.breakpoints), ie = r({
 		},
 		message: { color: "colorPalette.11" }
 	}
-}), xe = c({
+}), Ee = o({
 	slots: [
 		"root",
 		"label",
@@ -3336,7 +3468,144 @@ var re = ne(p.breakpoints), ie = r({
 		direction: "column",
 		size: "md"
 	}
-}), Se = c({
+}), De = o({
+	slots: [
+		"root",
+		"header",
+		"media",
+		"content",
+		"title",
+		"description",
+		"actions",
+		"footer"
+	],
+	className: "nimbus-item",
+	base: {
+		root: {
+			colorPalette: "slate",
+			display: "flex",
+			flexWrap: "wrap",
+			alignItems: "center",
+			gap: "var(--item-gap)",
+			p: "var(--item-padding)",
+			width: "100%",
+			borderRadius: "300",
+			color: "inherit",
+			textDecoration: "none",
+			textAlign: "start",
+			outline: "none",
+			_focusVisible: { focusRing: "outside" },
+			"&:is(a)": {
+				cursor: "pointer",
+				transitionProperty: "background-color, border-color",
+				transitionDuration: "fast",
+				_hover: { backgroundColor: "colorPalette.2" }
+			}
+		},
+		header: {
+			flexBasis: "100%",
+			display: "flex",
+			alignItems: "center",
+			minWidth: 0
+		},
+		media: {
+			display: "flex",
+			flexShrink: 0,
+			alignItems: "center",
+			justifyContent: "center",
+			color: "colorPalette.11",
+			"& svg": { pointerEvents: "none" },
+			"&[data-variant='icon']": {
+				boxSize: "600",
+				"& svg": { boxSize: "500" }
+			},
+			"&[data-variant='image']": {
+				boxSize: "1000",
+				borderRadius: "200",
+				overflow: "hidden",
+				"& img": {
+					boxSize: "100%",
+					objectFit: "cover"
+				}
+			}
+		},
+		content: {
+			display: "flex",
+			flex: "1",
+			flexDirection: "column",
+			gap: "spacing.50",
+			minWidth: 0
+		},
+		title: {
+			textStyle: "sm",
+			fontWeight: "500",
+			color: "colorPalette.12"
+		},
+		description: {
+			textStyle: "sm",
+			color: "colorPalette.11"
+		},
+		actions: {
+			display: "flex",
+			flexShrink: 0,
+			alignItems: "center",
+			gap: "spacing.100",
+			marginInlineStart: "auto"
+		},
+		footer: {
+			flexBasis: "100%",
+			display: "flex",
+			alignItems: "center",
+			minWidth: 0
+		}
+	},
+	variants: {
+		size: {
+			xs: { root: {
+				"--item-gap": "spacing.200",
+				"--item-padding": "spacing.200"
+			} },
+			sm: { root: {
+				"--item-gap": "spacing.300",
+				"--item-padding": "spacing.300"
+			} },
+			md: { root: {
+				"--item-gap": "spacing.400",
+				"--item-padding": "spacing.400"
+			} }
+		},
+		variant: {
+			plain: { root: { backgroundColor: "transparent" } },
+			outline: { root: {
+				border: "solid-25",
+				borderColor: "colorPalette.6"
+			} },
+			subtle: { root: { backgroundColor: "colorPalette.2" } }
+		}
+	},
+	defaultVariants: {
+		size: "md",
+		variant: "plain"
+	}
+}), Oe = o({
+	slots: ["root", "separator"],
+	className: "nimbus-item-group",
+	base: {
+		root: {
+			display: "flex",
+			flexDirection: "column",
+			width: "100%"
+		},
+		separator: {
+			colorPalette: "neutral",
+			border: "0",
+			flexShrink: "0",
+			width: "100%",
+			height: "25",
+			backgroundColor: "colorPalette.6"
+		}
+	}
+}), ke = o({
 	className: "nimbus-list",
 	slots: [
 		"root",
@@ -3383,7 +3652,7 @@ var re = ne(p.breakpoints), ie = r({
 		}
 	},
 	defaultVariants: { variant: "marker" }
-}), Ce = c({
+}), Ae = o({
 	slots: [
 		"root",
 		"label",
@@ -3503,7 +3772,7 @@ var re = ne(p.breakpoints), ie = r({
 		}
 	},
 	defaultVariants: { size: "md" }
-}), we = c({
+}), je = o({
 	slots: [
 		"root",
 		"trigger",
@@ -3643,7 +3912,7 @@ var re = ne(p.breakpoints), ie = r({
 			letterSpacing: "{spacing.25}"
 		}
 	}
-}), Te = c({
+}), Me = o({
 	slots: [
 		"root",
 		"topBar",
@@ -3721,7 +3990,7 @@ var re = ne(p.breakpoints), ie = r({
 			py: "400"
 		}
 	}
-}), Ee = c({
+}), Ne = o({
 	slots: ["root", "column"],
 	className: "nimbus-page-content",
 	base: {
@@ -3777,7 +4046,7 @@ var re = ne(p.breakpoints), ie = r({
 		variant: "wide",
 		columns: "1"
 	}
-}), B = c({
+}), L = o({
 	slots: [
 		"root",
 		"container",
@@ -3868,7 +4137,7 @@ var re = ne(p.breakpoints), ie = r({
 		}
 	} },
 	defaultVariants: { size: "md" }
-}), V = c({
+}), R = o({
 	className: "nimbus-multiline-text-input",
 	slots: [
 		"root",
@@ -3897,7 +4166,7 @@ var re = ne(p.breakpoints), ie = r({
             <rect width="1.03391" height="8.27125" transform="matrix(0.716448 0.69764 -0.716448 0.69764 5.87891 -0.0262451)" fill="currentColor"/>
           </mask>
           <g mask="url(#mask0_4610_25787)">
-            <rect width="8" height="8" fill="${f.color["semantic-palettes"].primary.light[9]}"/>
+            <rect width="8" height="8" fill="${l.color["semantic-palettes"].primary.light[9]}"/>
           </g>
         </svg>
       `)}")`,
@@ -3987,7 +4256,7 @@ var re = ne(p.breakpoints), ie = r({
 		size: "md",
 		variant: "solid"
 	}
-}), H = c({
+}), z = o({
 	className: "nimbus-number-input",
 	slots: [
 		"root",
@@ -4157,7 +4426,7 @@ var re = ne(p.breakpoints), ie = r({
 		size: "md",
 		variant: "solid"
 	}
-}), De = c({
+}), Pe = o({
 	className: "nimbus-progress-bar",
 	slots: [
 		"root",
@@ -4277,7 +4546,7 @@ var re = ne(p.breakpoints), ie = r({
 		isIndeterminate: !0,
 		css: { fill: { "--progress-bar-animation": "progress-indeterminate 2s ease-in-out infinite" } }
 	}]
-}), U = c({
+}), B = o({
 	slots: [
 		"root",
 		"header",
@@ -4371,7 +4640,7 @@ var re = ne(p.breakpoints), ie = r({
 			"&[aria-disabled=true]": { layerStyle: "disabled" }
 		}
 	}
-}), W = c({
+}), V = o({
 	slots: [
 		"root",
 		"toolbar",
@@ -4486,7 +4755,7 @@ var re = ne(p.breakpoints), ie = r({
 		}
 	},
 	variants: {}
-}), G = c({
+}), H = o({
 	slots: [
 		"root",
 		"container",
@@ -4524,7 +4793,7 @@ var re = ne(p.breakpoints), ie = r({
 		md: {}
 	} },
 	defaultVariants: { size: "md" }
-}), K = c({
+}), U = o({
 	slots: [
 		"root",
 		"leadingElement",
@@ -4606,7 +4875,7 @@ var re = ne(p.breakpoints), ie = r({
 		size: "md",
 		variant: "solid"
 	}
-}), q = c({
+}), W = o({
 	slots: [
 		"root",
 		"leadingElement",
@@ -4764,7 +5033,249 @@ var re = ne(p.breakpoints), ie = r({
 		size: "md",
 		variant: "outline"
 	}
-}), Oe = c({
+}), G = "[data-slot=\"root\"]:hover &::before, [data-slot=\"root\"]:focus-within &::before, [data-slot=\"root\"]:has([data-dragging=\"true\"]) &::before", Fe = "[data-slot=\"root\"]:hover &, [data-slot=\"root\"]:focus-within &, [data-slot=\"root\"]:has([data-dragging=\"true\"]) &", K = "[data-slot=\"root\"]:hover &[data-range=\"true\"]::before, [data-slot=\"root\"]:focus-within &[data-range=\"true\"]::before, [data-slot=\"root\"]:has([data-dragging=\"true\"]) &[data-range=\"true\"]::before", q = o({
+	className: "nimbus-slider",
+	slots: [
+		"root",
+		"track",
+		"fill",
+		"thumb",
+		"tick",
+		"tickLabel"
+	],
+	base: {
+		root: {
+			colorPalette: "primary",
+			display: "flex",
+			alignItems: "center",
+			width: "100%",
+			minHeight: "var(--slider-thumb-size)",
+			userSelect: "none",
+			touchAction: "none",
+			"&[data-orientation=\"vertical\"]": {
+				width: "auto",
+				height: "var(--slider-vertical-length, 200px)",
+				flexDirection: "column",
+				justifyContent: "center"
+			},
+			"&[data-disabled='true']": {
+				layerStyle: "disabled",
+				pointerEvents: "none"
+			}
+		},
+		track: {
+			position: "relative",
+			display: "flex",
+			alignItems: "center",
+			height: "var(--slider-track-thickness)",
+			width: "calc(100% - var(--slider-thumb-size))",
+			marginInline: "calc(var(--slider-thumb-size) / 2)",
+			backgroundColor: "transparent",
+			overflow: "visible",
+			cursor: "pointer",
+			"&::before": {
+				content: "\"\"",
+				position: "absolute",
+				insetBlock: "0",
+				insetInline: "calc(var(--slider-thumb-size) / -2)",
+				borderRadius: "full",
+				backgroundColor: "neutral.6"
+			},
+			"&[data-orientation=\"vertical\"]": {
+				flexDirection: "column",
+				width: "var(--slider-track-thickness)",
+				height: "calc(100% - var(--slider-thumb-size))",
+				marginInline: "0",
+				marginBlock: "calc(var(--slider-thumb-size) / 2)",
+				"&::before": {
+					insetInline: "0",
+					insetBlock: "calc(var(--slider-thumb-size) / -2)"
+				}
+			},
+			"&[data-disabled='true']": { cursor: "default" }
+		},
+		fill: {
+			position: "absolute",
+			borderRadius: "full",
+			backgroundColor: "colorPalette.9",
+			height: "var(--slider-track-thickness)",
+			top: "0",
+			left: "0",
+			"&[data-orientation=\"vertical\"]": {
+				width: "var(--slider-track-thickness)",
+				height: "auto",
+				left: "0",
+				bottom: "0",
+				top: "auto"
+			}
+		},
+		thumb: {
+			boxSize: "var(--slider-thumb-size)",
+			borderRadius: "full",
+			backgroundColor: "neutral.1",
+			border: "solid-50",
+			borderColor: "colorPalette.9",
+			transition: "background-color 0.15s, transform 0.15s",
+			focusVisibleRing: "outside",
+			top: "50%",
+			"[data-orientation=\"vertical\"] &": { insetInlineStart: "50%" },
+			"&[data-hovered='true']": { backgroundColor: "colorPalette.2" },
+			"&[data-dragging='true']": {
+				backgroundColor: "colorPalette.3",
+				transform: "scale(1.1)"
+			},
+			"[data-invalid='true'] &": {
+				border: "solid-50",
+				borderColor: "critical.7"
+			}
+		},
+		tick: {
+			position: "absolute",
+			top: "50%",
+			width: "50",
+			height: "var(--slider-tick-length)",
+			backgroundColor: "neutral.9",
+			transform: "translate(-50%, -50%)",
+			pointerEvents: "none",
+			"&[data-filled='true']": { backgroundColor: "colorPalette.contrast" },
+			"&[data-on-thumb='true']": { backgroundColor: "neutral.11" },
+			"[data-orientation=\"vertical\"] &": {
+				top: "auto",
+				insetInlineStart: "50%",
+				width: "var(--slider-tick-length)",
+				height: "50",
+				transform: "translate(-50%, 50%)"
+			}
+		},
+		tickLabel: {
+			position: "absolute",
+			top: "calc(50% + var(--slider-tick-length))",
+			fontSize: "300",
+			color: "neutral.11",
+			transform: "translateX(-50%)",
+			whiteSpace: "nowrap",
+			pointerEvents: "none"
+		}
+	},
+	variants: {
+		size: {
+			sm: { root: {
+				"--slider-track-thickness": "sizes.200",
+				"--slider-thumb-size": "sizes.400",
+				"--slider-tick-length": "sizes.100"
+			} },
+			md: { root: {
+				"--slider-track-thickness": "sizes.400",
+				"--slider-thumb-size": "sizes.600",
+				"--slider-tick-length": "sizes.200"
+			} }
+		},
+		variant: {
+			filled: {},
+			minimal: {
+				fill: {
+					backgroundColor: "transparent",
+					"&[data-range='true']::before": {
+						content: "\"\"",
+						position: "absolute",
+						insetInline: "0",
+						top: "50%",
+						height: "calc(var(--slider-track-thickness) / 2)",
+						transform: "translateY(-50%)",
+						transition: "height 0.15s, background-color 0.15s",
+						borderRadius: "full",
+						backgroundColor: "colorPalette.9"
+					},
+					[K]: {
+						height: "var(--slider-track-thickness)",
+						backgroundColor: "colorPalette.10"
+					},
+					"&[data-orientation=\"vertical\"]": {
+						"&[data-range='true']::before": {
+							insetInline: "auto",
+							insetInlineStart: "50%",
+							top: "0",
+							bottom: "0",
+							height: "auto",
+							width: "calc(var(--slider-track-thickness) / 2)",
+							transform: "translateX(-50%)",
+							transition: "width 0.15s, background-color 0.15s"
+						},
+						[K]: {
+							width: "var(--slider-track-thickness)",
+							height: "auto"
+						}
+					}
+				},
+				track: {
+					"&::before": {
+						insetBlock: "auto",
+						insetInline: "calc(var(--slider-thumb-size) / -2)",
+						top: "50%",
+						height: "calc(var(--slider-track-thickness) / 2)",
+						transform: "translateY(-50%)",
+						transition: "height 0.15s, width 0.15s",
+						borderRadius: "full",
+						backgroundColor: "neutral.6"
+					},
+					[G]: { height: "var(--slider-track-thickness)" },
+					"&[data-orientation=\"vertical\"]": {
+						"&::before": {
+							insetInline: "auto",
+							insetInlineStart: "50%",
+							top: "calc(var(--slider-thumb-size) / -2)",
+							bottom: "calc(var(--slider-thumb-size) / -2)",
+							height: "auto",
+							width: "calc(var(--slider-track-thickness) / 2)",
+							transform: "translateX(-50%)",
+							borderRadius: "full",
+							backgroundColor: "neutral.6"
+						},
+						[G]: {
+							width: "var(--slider-track-thickness)",
+							height: "auto"
+						}
+					}
+				},
+				thumb: {
+					backgroundColor: "colorPalette.9",
+					borderColor: "colorPalette.9",
+					[Fe]: {
+						backgroundColor: "colorPalette.10",
+						borderColor: "colorPalette.10"
+					}
+				},
+				tick: {
+					"&[data-filled='true']": { backgroundColor: "neutral.9" },
+					"&[data-filled='true'][data-range='true']": { backgroundColor: "colorPalette.contrast" },
+					"&[data-on-thumb='true']": { backgroundColor: "colorPalette.contrast" }
+				}
+			},
+			enclosed: {
+				track: {
+					height: "var(--slider-thumb-size)",
+					"&[data-orientation=\"vertical\"]": { width: "var(--slider-thumb-size)" }
+				},
+				fill: {
+					height: "var(--slider-thumb-size)",
+					"&[data-orientation=\"vertical\"]": { width: "var(--slider-thumb-size)" }
+				},
+				thumb: {
+					boxSize: "var(--slider-thumb-size)",
+					borderWidth: "{spacing.50}",
+					borderStyle: "solid",
+					borderColor: "transparent",
+					backgroundClip: "padding-box",
+					shadow: "1"
+				}
+			}
+		}
+	},
+	defaultVariants: {
+		size: "md",
+		variant: "filled"
+	}
+}), Ie = o({
 	slots: [
 		"root",
 		"buttonGroup",
@@ -4805,7 +5316,7 @@ var re = ne(p.breakpoints), ie = r({
 		link: {}
 	} },
 	defaultVariants: { variant: "solid" }
-}), ke = c({
+}), Le = o({
 	className: "nimbus-splitter",
 	slots: [
 		"root",
@@ -4884,7 +5395,7 @@ var re = ne(p.breakpoints), ie = r({
 		}
 	} },
 	defaultVariants: { orientation: "horizontal" }
-}), J = c({
+}), J = o({
 	slots: [
 		"root",
 		"label",
@@ -4968,7 +5479,7 @@ var re = ne(p.breakpoints), ie = r({
 		}
 	} },
 	defaultVariants: { size: "md" }
-}), Ae = c({
+}), Re = o({
 	className: "nimbus-table",
 	slots: [
 		"root",
@@ -5090,7 +5601,7 @@ var re = ne(p.breakpoints), ie = r({
 	},
 	"[data-animated=\"true\"] &[aria-current=\"page\"]": { background: "transparent" },
 	_disabled: { layerStyle: "disabled" }
-}, X = c({
+}, ze = o({
 	slots: [
 		"root",
 		"item",
@@ -5207,7 +5718,7 @@ var re = ne(p.breakpoints), ie = r({
 		variant: "line",
 		size: "md"
 	}
-}), Z = {
+}), X = {
 	color: "neutral.11",
 	borderRadius: "200",
 	_hover: { color: "colorPalette.11" },
@@ -5220,7 +5731,7 @@ var re = ne(p.breakpoints), ie = r({
 		zIndex: "1"
 	},
 	"[data-animated=\"true\"] &[data-selected]": { background: "transparent" }
-}, je = c({
+}, Z = o({
 	slots: [
 		"root",
 		"list",
@@ -5305,7 +5816,7 @@ var re = ne(p.breakpoints), ie = r({
 					borderRadius: "200"
 				},
 				list: { gap: "100" },
-				tab: Z
+				tab: X
 			},
 			pill: {
 				root: { colorPalette: "primary" },
@@ -5315,7 +5826,7 @@ var re = ne(p.breakpoints), ie = r({
 				},
 				list: { gap: "100" },
 				tab: {
-					...Z,
+					...X,
 					borderRadius: "full",
 					paddingLeft: "calc(var(--tabs-padding-left) + {spacing.100})",
 					paddingRight: "calc(var(--tabs-padding-right) + {spacing.100})"
@@ -5416,7 +5927,7 @@ var re = ne(p.breakpoints), ie = r({
 		placement: "start",
 		size: "md"
 	}
-}), Me = c({
+}), Be = o({
 	slots: [
 		"root",
 		"tagList",
@@ -5483,7 +5994,7 @@ var re = ne(p.breakpoints), ie = r({
 		} }
 	} },
 	defaultVariants: { size: "lg" }
-}), Q = c({
+}), Q = o({
 	slots: [
 		"root",
 		"leadingElement",
@@ -5569,7 +6080,7 @@ var re = ne(p.breakpoints), ie = r({
 		size: "md",
 		variant: "solid"
 	}
-}), $ = c({
+}), $ = o({
 	className: "nimbus-time-input",
 	slots: [
 		"root",
@@ -5672,7 +6183,7 @@ var re = ne(p.breakpoints), ie = r({
 		size: "md",
 		variant: "solid"
 	}
-}), Ne = c({
+}), Ve = o({
 	slots: [
 		"root",
 		"item",
@@ -5806,7 +6317,7 @@ var re = ne(p.breakpoints), ie = r({
 		}
 	} },
 	defaultVariants: { size: "md" }
-}), Pe = c({
+}), He = o({
 	slots: [
 		"root",
 		"indicator",
@@ -5906,59 +6417,63 @@ var re = ne(p.breakpoints), ie = r({
 		}
 	} },
 	defaultVariants: { variant: "accent-start" }
-}), Fe = {
-	nimbusAccordion: S,
-	nimbusAlert: E,
-	nimbusCalendar: D,
-	nimbusCard: O,
-	nimbusChatMessage: k,
-	nimbusChatMessageList: A,
-	nimbusCheckbox: j,
-	nimbusCollapsibleMotion: M,
-	nimbusCombobox: N,
-	nimbusDataTable: F,
-	nimbusDefaultPage: w,
-	nimbusDateInput: I,
-	nimbusDatePicker: L,
-	nimbusDateRangePicker: R,
-	nimbusDialog: ve,
-	nimbusDraggableList: ye,
-	nimbusDrawer: z,
-	nimbusFieldErrors: be,
-	nimbusFormField: xe,
-	nimbusList: Se,
-	nimbusLocalizedField: Ce,
-	nimbusMenu: we,
-	nimbusModalPage: Te,
-	nimbusMoneyInput: B,
-	nimbusMultilineTextInput: V,
-	nimbusNumberInput: H,
-	nimbusPageContent: Ee,
-	nimbusProgressBar: De,
-	nimbusRadioInput: g,
-	nimbusRangeCalendar: U,
-	nimbusRichTextInput: W,
-	nimbusScopedSearchInput: G,
-	nimbusSearchInput: K,
-	nimbusSelect: q,
-	nimbusSplitButton: Oe,
-	nimbusSplitter: ke,
+}), Ue = {
+	nimbusAccordion: y,
+	nimbusAlert: w,
+	nimbusBreadcrumbs: b,
+	nimbusCalendar: T,
+	nimbusCard: E,
+	nimbusChatMessage: D,
+	nimbusChatMessageList: O,
+	nimbusCheckbox: k,
+	nimbusCollapsibleMotion: A,
+	nimbusCombobox: j,
+	nimbusDataTable: Se,
+	nimbusDefaultPage: S,
+	nimbusDateInput: N,
+	nimbusDatePicker: P,
+	nimbusDateRangePicker: F,
+	nimbusDialog: Ce,
+	nimbusDraggableList: we,
+	nimbusDrawer: I,
+	nimbusFieldErrors: Te,
+	nimbusFormField: Ee,
+	nimbusItem: De,
+	nimbusItemGroup: Oe,
+	nimbusList: ke,
+	nimbusLocalizedField: Ae,
+	nimbusMenu: je,
+	nimbusModalPage: Me,
+	nimbusMoneyInput: L,
+	nimbusMultilineTextInput: R,
+	nimbusNumberInput: z,
+	nimbusPageContent: Ne,
+	nimbusProgressBar: Pe,
+	nimbusRadioInput: f,
+	nimbusRangeCalendar: B,
+	nimbusRichTextInput: V,
+	nimbusScopedSearchInput: H,
+	nimbusSearchInput: U,
+	nimbusSelect: W,
+	nimbusSlider: q,
+	nimbusSplitButton: Ie,
+	nimbusSplitter: Le,
 	nimbusSwitch: J,
-	nimbusTable: Ae,
-	nimbusTabNav: X,
-	nimbusTabs: je,
-	nimbusTagGroup: Me,
+	nimbusTable: Re,
+	nimbusTabNav: ze,
+	nimbusTabs: Z,
+	nimbusTagGroup: Be,
 	nimbusTextInput: Q,
 	nimbusTimeInput: $,
-	nimbusTree: Ne,
-	nimbusToggleButtonGroup: c({
+	nimbusTree: Ve,
+	nimbusToggleButtonGroup: o({
 		slots: ["root", "button"],
 		className: "nimbus-toggle-button-group",
 		base: {
 			root: { display: "inline-flex" },
 			button: {
-				...m.base,
-				...m.variants?.variant.outline,
+				...d.base,
+				...d.variants?.variant.outline,
 				borderRadius: "0",
 				borderRightWidth: "0",
 				"&:first-of-type": { borderLeftRadius: "200" },
@@ -5966,13 +6481,13 @@ var re = ne(p.breakpoints), ie = r({
 					borderRightWidth: "1px",
 					borderRightRadius: "200"
 				},
-				"&[data-selected=true]": m.variants?.variant.solid
+				"&[data-selected=true]": d.variants?.variant.solid
 			}
 		},
 		variants: {
 			size: {
-				xs: { button: m.variants?.size.xs },
-				md: { button: m.variants?.size.md }
+				xs: { button: d.variants?.size.xs },
+				md: { button: d.variants?.size.md }
 			},
 			colorPalette: {
 				primary: { button: { colorPalette: "primary" } },
@@ -5982,35 +6497,35 @@ var re = ne(p.breakpoints), ie = r({
 		},
 		defaultVariants: { size: "md" }
 	}),
-	nimbusSteps: T,
-	scrollArea: C,
-	toast: Pe
-}, Ie = l(p.textStyle), Le = t(d, ee({
+	nimbusSteps: C,
+	scrollArea: x,
+	toast: He
+}, We = re(u.textStyle), Ge = t(c, te({
 	preflight: !0,
 	cssVarsPrefix: "nimbus",
 	cssVarsRoot: ":where(:root, :host)",
-	globalCss: ae,
-	conditions: ie,
+	globalCss: ce,
+	conditions: se,
 	theme: {
-		breakpoints: re,
-		keyframes: oe,
+		breakpoints: oe,
+		keyframes: le,
 		tokens: {
-			aspectRatios: u.aspectRatios(p.aspectRatio),
-			animations: u.animations(p.animation),
-			blurs: u.blurs(p.blur),
-			borders: u.borders(p.border),
-			colors: u.colors({ ...p.color["blacks-and-whites"] }),
-			durations: u.durations(p.duration),
-			easings: u.easings(p.easing),
-			fonts: u.fonts(p.fontFamily),
-			fontSizes: u.fontSizes(p.fontSize),
-			fontWeights: u.fontWeights(p.fontWeight),
-			letterSpacings: u.letterSpacings(((e) => Object.keys(e).reduce((t, n) => (t[n] = { value: `${parseFloat(e[n].value) / 100}em` }, t), {}))(p.letterSpacing)),
-			lineHeights: u.lineHeights(p.lineHeight),
-			radii: u.radii(p.borderRadius),
-			spacing: u.spacing(p.spacing),
-			sizes: u.sizes({
-				...p.size,
+			aspectRatios: s.aspectRatios(u.aspectRatio),
+			animations: s.animations(u.animation),
+			blurs: s.blurs(u.blur),
+			borders: s.borders(u.border),
+			colors: s.colors({ ...u.color["blacks-and-whites"] }),
+			durations: s.durations(u.duration),
+			easings: s.easings(u.easing),
+			fonts: s.fonts(u.fontFamily),
+			fontSizes: s.fontSizes(u.fontSize),
+			fontWeights: s.fontWeights(u.fontWeight),
+			letterSpacings: s.letterSpacings(((e) => Object.keys(e).reduce((t, n) => (t[n] = { value: `${parseFloat(e[n].value) / 100}em` }, t), {}))(u.letterSpacing)),
+			lineHeights: s.lineHeights(u.lineHeight),
+			radii: s.radii(u.borderRadius),
+			spacing: s.spacing(u.spacing),
+			sizes: s.sizes({
+				...u.size,
 				"1/2": { value: "50%" },
 				"1/3": { value: "33.333333%" },
 				"2/3": { value: "66.666667%" },
@@ -6050,18 +6565,18 @@ var re = ne(p.breakpoints), ie = r({
 				vw: { value: "100vw" },
 				vh: { value: "100vh" }
 			}),
-			zIndex: u.zIndex(p.zIndex),
-			cursor: u.cursor(p.cursor)
-		},
-		semanticTokens: x,
-		recipes: b,
-		slotRecipes: Fe,
-		textStyles: Ie,
-		layerStyles: se,
-		animationStyles: te
+			zIndex: s.zIndex(u.zIndex),
+			cursor: s.cursor(u.cursor)
+		},
+		semanticTokens: v,
+		recipes: _,
+		slotRecipes: Ue,
+		textStyles: We,
+		layerStyles: ue,
+		animationStyles: ie
 	}
 }));
 //#endregion
-export { y as _, q as a, W as c, V as d, B as f, I as g, L as h, J as i, U as l, R as m, $ as n, K as o, z as p, Q as r, G as s, Le as t, H as u, _ as v, g as y };
+export { N as _, q as a, f as b, H as c, z as d, R as f, P as g, F as h, J as i, V as l, I as m, $ as n, W as o, L as p, Q as r, U as s, Ge as t, B as u, g as v, p as y };
 
-//# sourceMappingURL=theme-BR3bc6tH.esm.js.map
+//# sourceMappingURL=theme-CFqa_6UM.esm.js.map