@bamboocss/eslint-plugin 1.12.0

package/dist/utils-CwjhPHe9.mjs

@@ -0,0 +1,4433 @@
+import "@bamboocss/types";
+import { findConfig, loadConfig, mergeConfigs } from "@bamboocss/config";
+import { parseJson, stringifyJson } from "@bamboocss/shared";
+import { Generator } from "@bamboocss/generator";
+import { resolveTsPathPattern } from "@bamboocss/config/ts-path";
+import micromatch from "micromatch";
+import path from "path";
+import { createSyncFn, runAsWorker } from "synckit";
+import { ESLintUtils } from "@typescript-eslint/utils";
+import { join } from "node:path";
+import { fileURLToPath } from "node:url";
+
+//#region \0rolldown/runtime.js
+var __esmMin = (fn, res) => () => (fn && (res = fn(fn = 0)), res);
+var __commonJSMin = (cb, mod) => () => (mod || (cb((mod = { exports: {} }).exports, mod), cb = null), mod.exports);
+
+//#endregion
+//#region tests/fixtures/recipes.ts
+var recipes;
+var init_recipes = __esmMin((() => {
+	recipes = {
+		buttonStyle: {
+			base: {
+				_hover: {
+					backgroundColor: "red.200",
+					color: "white",
+					fontSize: "3xl"
+				},
+				alignItems: "center",
+				display: "inline-flex",
+				justifyContent: "center"
+			},
+			className: "buttonStyle",
+			defaultVariants: {
+				size: "md",
+				variant: "solid"
+			},
+			variants: {
+				size: {
+					md: {
+						height: "3rem",
+						minWidth: "3rem",
+						padding: "0 0.75rem"
+					},
+					sm: {
+						height: "2.5rem",
+						minWidth: "2.5rem",
+						padding: "0 0.5rem"
+					}
+				},
+				variant: {
+					outline: {
+						"&[data-disabled]": {
+							backgroundColor: "transparent",
+							border: "1px solid gray",
+							color: "gray"
+						},
+						_hover: {
+							backgroundColor: "blue",
+							color: "white"
+						},
+						backgroundColor: "transparent",
+						border: "1px solid blue",
+						color: "blue"
+					},
+					solid: {
+						"&[data-disabled]": {
+							backgroundColor: "gray",
+							color: "black",
+							fontSize: "2xl"
+						},
+						_hover: { backgroundColor: "darkblue" },
+						backgroundColor: "blue",
+						color: "white"
+					}
+				}
+			}
+		},
+		cardStyle: {
+			className: "card",
+			variants: { rounded: { true: { borderRadius: "0.375rem" } } }
+		},
+		textStyle: {
+			base: {
+				divideX: "20px",
+				fontFamily: "mono"
+			},
+			className: "textStyle",
+			variants: { size: {
+				h1: {
+					fontSize: "5rem",
+					fontWeight: 800,
+					lineHeight: "1em"
+				},
+				h2: {
+					fontSize: "3rem",
+					fontWeight: 700,
+					letterSpacing: "-0.03em",
+					lineHeight: "1.2em"
+				}
+			} }
+		},
+		tooltipStyle: {
+			base: { "&[data-tooltip], & [data-tooltip]": { color: { _dark: "red" } } },
+			className: "tooltipStyle"
+		}
+	};
+}));
+
+//#endregion
+//#region tests/fixtures/semantic-tokens.ts
+var semanticTokens;
+var init_semantic_tokens = __esmMin((() => {
+	semanticTokens = {
+		colors: {
+			button: {
+				card: {
+					body: { value: {
+						_dark: "#000",
+						base: "#fff"
+					} },
+					heading: { value: {
+						_dark: "#000",
+						base: "#fff"
+					} }
+				},
+				thick: { value: {
+					_dark: "#000",
+					base: "#fff"
+				} }
+			},
+			complex: { value: {
+				_dark: { _highContrast: "{colors.red.700}" },
+				base: "{colors.red.800}"
+			} },
+			primary: { value: {
+				_dark: "{colors.red.400}",
+				base: "{colors.red.500}"
+			} },
+			secondary: { value: {
+				_dark: "{colors.red.700}",
+				base: "{colors.red.800}"
+			} },
+			surface: { value: {
+				_materialTheme: {
+					_dark: "#m-d",
+					base: "#m-b"
+				},
+				_pastelTheme: {
+					_dark: { md: "#p-d" },
+					base: "#p-b"
+				}
+			} }
+		},
+		spacing: { gutter: { value: {
+			base: "{spacing.4}",
+			lg: "{spacing.5}"
+		} } }
+	};
+}));
+
+//#endregion
+//#region tests/fixtures/slot-recipes.ts
+var slotRecipes;
+var init_slot_recipes = __esmMin((() => {
+	slotRecipes = {
+		badge: {
+			base: { title: {
+				bg: "red.300",
+				rounded: "sm"
+			} },
+			className: "badge",
+			compoundVariants: [{
+				css: { title: { color: "ButtonHighlight" } },
+				raised: true,
+				size: "sm"
+			}],
+			slots: ["title", "body"],
+			variants: {
+				raised: { true: { title: { shadow: "md" } } },
+				size: { sm: {
+					body: { color: "red" },
+					title: { px: "4" }
+				} }
+			}
+		},
+		checkbox: {
+			base: {
+				control: {
+					borderRadius: "sm",
+					borderWidth: "1px"
+				},
+				label: { marginStart: "2" },
+				root: {
+					alignItems: "center",
+					display: "flex",
+					gap: "2"
+				}
+			},
+			className: "checkbox",
+			defaultVariants: { size: "sm" },
+			slots: [
+				"root",
+				"control",
+				"label"
+			],
+			variants: { size: {
+				lg: {
+					control: {
+						height: "12",
+						width: "12"
+					},
+					label: { fontSize: "lg" }
+				},
+				md: {
+					control: {
+						height: "10",
+						width: "10"
+					},
+					label: { fontSize: "md" }
+				},
+				sm: {
+					control: {
+						height: "8",
+						textStyle: "headline.h1",
+						width: "8"
+					},
+					label: { fontSize: "sm" }
+				}
+			} }
+		}
+	};
+}));
+
+//#endregion
+//#region ../preset-base/dist/index.mjs
+function definePattern(config) {
+	return config;
+}
+function createFocusRing(selector, className) {
+	return {
+		className,
+		group: "Focus Ring",
+		values: [
+			"outside",
+			"inside",
+			"mixed",
+			"none"
+		],
+		transform(value) {
+			const focusRingColor = `var(--focus-ring-color-prop, var(--global-color-focus-ring, #005FCC))`;
+			switch (value) {
+				case "inside": return {
+					"--focus-ring-color": focusRingColor,
+					[selector]: {
+						outlineOffset: "0px",
+						outlineWidth: "var(--focus-ring-width, 1px)",
+						outlineColor: "var(--focus-ring-color)",
+						outlineStyle: "var(--focus-ring-style, solid)",
+						borderColor: "var(--focus-ring-color)"
+					}
+				};
+				case "outside": return {
+					"--focus-ring-color": focusRingColor,
+					[selector]: {
+						outlineWidth: "var(--focus-ring-width, 2px)",
+						outlineOffset: "var(--focus-ring-offset, 2px)",
+						outlineStyle: "var(--focus-ring-style, solid)",
+						outlineColor: "var(--focus-ring-color)"
+					}
+				};
+				case "mixed": return {
+					"--focus-ring-color": focusRingColor,
+					[selector]: {
+						outlineOffset: "0px",
+						outlineWidth: "var(--focus-ring-width, 3px)",
+						outlineStyle: "var(--focus-ring-style, solid)",
+						outlineColor: "color-mix(in srgb, var(--focus-ring-color), transparent 60%)",
+						borderColor: "var(--focus-ring-color)"
+					}
+				};
+				case "none": return {
+					"--focus-ring-color": focusRingColor,
+					[selector]: { outline: "none" }
+				};
+				default: return {};
+			}
+		}
+	};
+}
+var conditions$1, EMPTY, globalCss, box, flex, stack, vstack, hstack, spacer, circle, square, grid, gridItem, wrap, container$1, center, aspectRatio, divider, patterns, createColorMixTransform, background, border, container, cursor, display, divideColor, divide, effects, flexGrid, focusRing, gradientVia, linearGradientDirectionMap, isGradientShortcut, linearGradientValues, gradientStops, gradientViaStops, backgroundGradients, srMapping, helpers, interactivity, layout, list, outline, polyfill, widthValues, heightValues, sizing, marginValues, spacing$1, svg, tables, positiveFractions, negativeFractions, fractions, transforms, createTransition, transitionMap, transitions, typography, utilities, definePreset$1, preset$1;
+var init_dist$2 = __esmMin((() => {
+	conditions$1 = {
+		hover: "&:is(:hover, [data-hover])",
+		focus: "&:is(:focus, [data-focus])",
+		focusWithin: "&:focus-within",
+		focusVisible: "&:is(:focus-visible, [data-focus-visible])",
+		disabled: "&:is(:disabled, [disabled], [data-disabled], [aria-disabled=true])",
+		active: "&:is(:active, [data-active])",
+		visited: "&:visited",
+		target: "&:target",
+		readOnly: "&:is(:read-only, [data-read-only], [aria-readonly=true])",
+		readWrite: "&:read-write",
+		empty: "&:is(:empty, [data-empty])",
+		checked: "&:is(:checked, [data-checked], [aria-checked=true], [data-state=\"checked\"])",
+		enabled: "&:enabled",
+		expanded: "&:is([aria-expanded=true], [data-expanded], [data-state=\"expanded\"])",
+		highlighted: "&[data-highlighted]",
+		complete: "&[data-complete]",
+		incomplete: "&[data-incomplete]",
+		dragging: "&[data-dragging]",
+		before: "&::before",
+		after: "&::after",
+		firstLetter: "&::first-letter",
+		firstLine: "&::first-line",
+		marker: "&::marker, &::-webkit-details-marker",
+		selection: "&::selection",
+		file: "&::file-selector-button",
+		backdrop: "&::backdrop",
+		first: "&:first-child",
+		last: "&:last-child",
+		only: "&:only-child",
+		even: "&:nth-child(even)",
+		odd: "&:nth-child(odd)",
+		firstOfType: "&:first-of-type",
+		lastOfType: "&:last-of-type",
+		onlyOfType: "&:only-of-type",
+		peerFocus: ".peer:is(:focus, [data-focus]) ~ &",
+		peerHover: ".peer:is(:hover, [data-hover]) ~ &",
+		peerActive: ".peer:is(:active, [data-active]) ~ &",
+		peerFocusWithin: ".peer:focus-within ~ &",
+		peerFocusVisible: ".peer:is(:focus-visible, [data-focus-visible]) ~ &",
+		peerDisabled: ".peer:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) ~ &",
+		peerChecked: ".peer:is(:checked, [data-checked], [aria-checked=true], [data-state=\"checked\"]) ~ &",
+		peerInvalid: ".peer:is(:invalid, [data-invalid], [aria-invalid=true]) ~ &",
+		peerExpanded: ".peer:is([aria-expanded=true], [data-expanded], [data-state=\"expanded\"]) ~ &",
+		peerPlaceholderShown: ".peer:placeholder-shown ~ &",
+		groupFocus: ".group:is(:focus, [data-focus]) &",
+		groupHover: ".group:is(:hover, [data-hover]) &",
+		groupActive: ".group:is(:active, [data-active]) &",
+		groupFocusWithin: ".group:focus-within &",
+		groupFocusVisible: ".group:is(:focus-visible, [data-focus-visible]) &",
+		groupDisabled: ".group:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) &",
+		groupChecked: ".group:is(:checked, [data-checked], [aria-checked=true], [data-state=\"checked\"]) &",
+		groupExpanded: ".group:is([aria-expanded=true], [data-expanded], [data-state=\"expanded\"]) &",
+		groupInvalid: ".group:is(:invalid, [data-invalid], [aria-invalid=true]) &",
+		indeterminate: "&:is(:indeterminate, [data-indeterminate], [aria-checked=mixed], [data-state=\"indeterminate\"])",
+		required: "&:is(:required, [data-required], [aria-required=true])",
+		valid: "&:is(:valid, [data-valid])",
+		invalid: "&:is(:invalid, [data-invalid], [aria-invalid=true])",
+		autofill: "&:autofill",
+		inRange: "&:is(:in-range, [data-in-range])",
+		outOfRange: "&:is(:out-of-range, [data-outside-range])",
+		placeholder: "&::placeholder, &[data-placeholder]",
+		placeholderShown: "&:is(:placeholder-shown, [data-placeholder-shown])",
+		pressed: "&:is([aria-pressed=true], [data-pressed])",
+		selected: "&:is([aria-selected=true], [data-selected])",
+		grabbed: "&:is([aria-grabbed=true], [data-grabbed])",
+		underValue: "&[data-state=under-value]",
+		overValue: "&[data-state=over-value]",
+		atValue: "&[data-state=at-value]",
+		default: "&:default",
+		optional: "&:optional",
+		open: "&:is([open], [data-open], [data-state=\"open\"], :popover-open)",
+		closed: "&:is([closed], [data-closed], [data-state=\"closed\"])",
+		fullscreen: "&:is(:fullscreen, [data-fullscreen])",
+		loading: "&:is([data-loading], [aria-busy=true])",
+		hidden: "&:is([hidden], [data-hidden])",
+		current: "&:is([aria-current=true], [data-current])",
+		currentPage: "&[aria-current=page]",
+		currentStep: "&[aria-current=step]",
+		today: "&[data-today]",
+		unavailable: "&[data-unavailable]",
+		rangeStart: "&[data-range-start]",
+		rangeEnd: "&[data-range-end]",
+		now: "&[data-now]",
+		topmost: "&[data-topmost]",
+		motionReduce: "@media (prefers-reduced-motion: reduce)",
+		motionSafe: "@media (prefers-reduced-motion: no-preference)",
+		print: "@media print",
+		landscape: "@media (orientation: landscape)",
+		portrait: "@media (orientation: portrait)",
+		dark: ".dark &",
+		light: ".light &",
+		osDark: "@media (prefers-color-scheme: dark)",
+		osLight: "@media (prefers-color-scheme: light)",
+		highContrast: "@media (forced-colors: active)",
+		lessContrast: "@media (prefers-contrast: less)",
+		moreContrast: "@media (prefers-contrast: more)",
+		ltr: ":where([dir=ltr], :dir(ltr)) &",
+		rtl: ":where([dir=rtl], :dir(rtl)) &",
+		scrollbar: "&::-webkit-scrollbar",
+		scrollbarThumb: "&::-webkit-scrollbar-thumb",
+		scrollbarTrack: "&::-webkit-scrollbar-track",
+		horizontal: "&[data-orientation=horizontal]",
+		vertical: "&[data-orientation=vertical]",
+		icon: "& :where(svg)",
+		starting: "@starting-style",
+		noscript: "@media (scripting: none)",
+		invertedColors: "@media (inverted-colors: inverted)"
+	};
+	EMPTY = "/*-*/ /*-*/";
+	globalCss = { "*, ::before, ::after, ::backdrop": {
+		"--blur": EMPTY,
+		"--brightness": EMPTY,
+		"--contrast": EMPTY,
+		"--grayscale": EMPTY,
+		"--hue-rotate": EMPTY,
+		"--invert": EMPTY,
+		"--saturate": EMPTY,
+		"--sepia": EMPTY,
+		"--drop-shadow": EMPTY,
+		"--backdrop-blur": EMPTY,
+		"--backdrop-brightness": EMPTY,
+		"--backdrop-contrast": EMPTY,
+		"--backdrop-grayscale": EMPTY,
+		"--backdrop-hue-rotate": EMPTY,
+		"--backdrop-invert": EMPTY,
+		"--backdrop-opacity": EMPTY,
+		"--backdrop-saturate": EMPTY,
+		"--backdrop-sepia": EMPTY,
+		"--gradient-from-position": EMPTY,
+		"--gradient-to-position": EMPTY,
+		"--gradient-via-position": EMPTY,
+		"--scroll-snap-strictness": "proximity",
+		"--border-spacing-x": 0,
+		"--border-spacing-y": 0,
+		"--translate-x": 0,
+		"--translate-y": 0,
+		"--rotate": 0,
+		"--rotate-x": 0,
+		"--rotate-y": 0,
+		"--skew-x": 0,
+		"--skew-y": 0,
+		"--scale-x": 1,
+		"--scale-y": 1
+	} };
+	box = definePattern({ transform(props) {
+		return props;
+	} });
+	flex = definePattern({
+		properties: {
+			align: {
+				type: "property",
+				value: "alignItems"
+			},
+			justify: {
+				type: "property",
+				value: "justifyContent"
+			},
+			direction: {
+				type: "property",
+				value: "flexDirection"
+			},
+			wrap: {
+				type: "property",
+				value: "flexWrap"
+			},
+			basis: {
+				type: "property",
+				value: "flexBasis"
+			},
+			grow: {
+				type: "property",
+				value: "flexGrow"
+			},
+			shrink: {
+				type: "property",
+				value: "flexShrink"
+			}
+		},
+		transform(props) {
+			const { direction, align, justify, wrap, basis, grow, shrink, ...rest } = props;
+			return {
+				display: "flex",
+				flexDirection: direction,
+				alignItems: align,
+				justifyContent: justify,
+				flexWrap: wrap,
+				flexBasis: basis,
+				flexGrow: grow,
+				flexShrink: shrink,
+				...rest
+			};
+		}
+	});
+	stack = definePattern({
+		properties: {
+			align: {
+				type: "property",
+				value: "alignItems"
+			},
+			justify: {
+				type: "property",
+				value: "justifyContent"
+			},
+			direction: {
+				type: "property",
+				value: "flexDirection"
+			},
+			gap: {
+				type: "property",
+				value: "gap"
+			}
+		},
+		defaultValues: {
+			direction: "column",
+			gap: "8px"
+		},
+		transform(props) {
+			const { align, justify, direction, gap, ...rest } = props;
+			return {
+				display: "flex",
+				flexDirection: direction,
+				alignItems: align,
+				justifyContent: justify,
+				gap,
+				...rest
+			};
+		}
+	});
+	vstack = definePattern({
+		jsxName: "VStack",
+		properties: {
+			justify: {
+				type: "property",
+				value: "justifyContent"
+			},
+			gap: {
+				type: "property",
+				value: "gap"
+			}
+		},
+		defaultValues: { gap: "8px" },
+		transform(props) {
+			const { justify, gap, ...rest } = props;
+			return {
+				display: "flex",
+				alignItems: "center",
+				justifyContent: justify,
+				gap,
+				flexDirection: "column",
+				...rest
+			};
+		}
+	});
+	hstack = definePattern({
+		jsxName: "HStack",
+		properties: {
+			justify: {
+				type: "property",
+				value: "justifyContent"
+			},
+			gap: {
+				type: "property",
+				value: "gap"
+			}
+		},
+		defaultValues: { gap: "8px" },
+		transform(props) {
+			const { justify, gap, ...rest } = props;
+			return {
+				display: "flex",
+				alignItems: "center",
+				justifyContent: justify,
+				gap,
+				flexDirection: "row",
+				...rest
+			};
+		}
+	});
+	spacer = definePattern({
+		properties: { size: {
+			type: "token",
+			value: "spacing"
+		} },
+		transform(props, { map, isCssUnit, isCssVar }) {
+			const { size, ...rest } = props;
+			return {
+				alignSelf: "stretch",
+				justifySelf: "stretch",
+				flex: map(size, (v) => {
+					if (v == null) return "1";
+					return `0 0 ${isCssUnit(v) || isCssVar(v) ? v : `token(spacing.${v}, ${v})`}`;
+				}),
+				...rest
+			};
+		}
+	});
+	circle = definePattern({
+		properties: { size: {
+			type: "property",
+			value: "width"
+		} },
+		transform(props) {
+			const { size, ...rest } = props;
+			return {
+				display: "flex",
+				alignItems: "center",
+				justifyContent: "center",
+				flex: "0 0 auto",
+				width: size,
+				height: size,
+				borderRadius: "9999px",
+				...rest
+			};
+		}
+	});
+	square = definePattern({
+		properties: { size: {
+			type: "property",
+			value: "width"
+		} },
+		transform(props) {
+			const { size, ...rest } = props;
+			return {
+				display: "flex",
+				alignItems: "center",
+				justifyContent: "center",
+				flex: "0 0 auto",
+				width: size,
+				height: size,
+				...rest
+			};
+		}
+	});
+	grid = definePattern({
+		properties: {
+			gap: {
+				type: "property",
+				value: "gap"
+			},
+			columnGap: {
+				type: "property",
+				value: "gap"
+			},
+			rowGap: {
+				type: "property",
+				value: "gap"
+			},
+			columns: { type: "number" },
+			minChildWidth: {
+				type: "token",
+				value: "sizes",
+				property: "width"
+			}
+		},
+		defaultValues(props) {
+			return { gap: props.columnGap || props.rowGap ? void 0 : "8px" };
+		},
+		transform(props, { map, isCssUnit }) {
+			const { columnGap, rowGap, gap, columns, minChildWidth, ...rest } = props;
+			const getValue = (v) => isCssUnit(v) ? v : `token(sizes.${v}, ${v})`;
+			return {
+				display: "grid",
+				gridTemplateColumns: columns != null ? map(columns, (v) => `repeat(${v}, minmax(0, 1fr))`) : minChildWidth != null ? map(minChildWidth, (v) => `repeat(auto-fit, minmax(${getValue(v)}, 1fr))`) : void 0,
+				gap,
+				columnGap,
+				rowGap,
+				...rest
+			};
+		}
+	});
+	gridItem = definePattern({
+		properties: {
+			colSpan: { type: "number" },
+			rowSpan: { type: "number" },
+			colStart: { type: "number" },
+			rowStart: { type: "number" },
+			colEnd: { type: "number" },
+			rowEnd: { type: "number" }
+		},
+		transform(props, { map }) {
+			const { colSpan, rowSpan, colStart, rowStart, colEnd, rowEnd, ...rest } = props;
+			const spanFn = (v) => v === "auto" ? v : `span ${v}`;
+			return {
+				gridColumn: colSpan != null ? map(colSpan, spanFn) : void 0,
+				gridRow: rowSpan != null ? map(rowSpan, spanFn) : void 0,
+				gridColumnStart: colStart,
+				gridColumnEnd: colEnd,
+				gridRowStart: rowStart,
+				gridRowEnd: rowEnd,
+				...rest
+			};
+		}
+	});
+	wrap = definePattern({
+		properties: {
+			gap: {
+				type: "property",
+				value: "gap"
+			},
+			rowGap: {
+				type: "property",
+				value: "gap"
+			},
+			columnGap: {
+				type: "property",
+				value: "gap"
+			},
+			align: {
+				type: "property",
+				value: "alignItems"
+			},
+			justify: {
+				type: "property",
+				value: "justifyContent"
+			}
+		},
+		transform(props) {
+			const { columnGap, rowGap, gap = columnGap || rowGap ? void 0 : "8px", align, justify, ...rest } = props;
+			return {
+				display: "flex",
+				flexWrap: "wrap",
+				alignItems: align,
+				justifyContent: justify,
+				gap,
+				columnGap,
+				rowGap,
+				...rest
+			};
+		}
+	});
+	container$1 = definePattern({ transform(props) {
+		return {
+			position: "relative",
+			maxWidth: "8xl",
+			mx: "auto",
+			px: {
+				base: "4",
+				md: "6",
+				lg: "8"
+			},
+			...props
+		};
+	} });
+	center = definePattern({
+		properties: { inline: { type: "boolean" } },
+		transform(props) {
+			const { inline, ...rest } = props;
+			return {
+				display: inline ? "inline-flex" : "flex",
+				alignItems: "center",
+				justifyContent: "center",
+				...rest
+			};
+		}
+	});
+	aspectRatio = definePattern({
+		properties: { ratio: { type: "number" } },
+		blocklist: ["aspectRatio"],
+		transform(props, { map }) {
+			const { ratio = 4 / 3, ...rest } = props;
+			return {
+				position: "relative",
+				_before: {
+					content: `""`,
+					display: "block",
+					height: "0",
+					paddingBottom: map(ratio, (r) => `${1 / r * 100}%`)
+				},
+				"&>*": {
+					display: "flex",
+					justifyContent: "center",
+					alignItems: "center",
+					overflow: "hidden",
+					position: "absolute",
+					inset: "0",
+					width: "100%",
+					height: "100%"
+				},
+				"&>img, &>video": { objectFit: "cover" },
+				...rest
+			};
+		}
+	});
+	divider = definePattern({
+		properties: {
+			orientation: {
+				type: "enum",
+				value: ["horizontal", "vertical"]
+			},
+			thickness: {
+				type: "token",
+				value: "sizes",
+				property: "borderWidth"
+			},
+			color: {
+				type: "token",
+				value: "colors",
+				property: "borderColor"
+			}
+		},
+		defaultValues: {
+			orientation: "horizontal",
+			thickness: "1px"
+		},
+		transform(props, { map }) {
+			const { orientation, thickness, color, ...rest } = props;
+			return {
+				"--thickness": thickness,
+				width: map(orientation, (v) => v === "vertical" ? void 0 : "100%"),
+				height: map(orientation, (v) => v === "horizontal" ? void 0 : "100%"),
+				borderBlockEndWidth: map(orientation, (v) => v === "horizontal" ? "var(--thickness)" : void 0),
+				borderInlineEndWidth: map(orientation, (v) => v === "vertical" ? "var(--thickness)" : void 0),
+				borderColor: color,
+				...rest
+			};
+		}
+	});
+	patterns = {
+		box,
+		flex,
+		stack,
+		vstack,
+		hstack,
+		spacer,
+		square,
+		circle,
+		center,
+		linkOverlay: definePattern({
+			jsxElement: "a",
+			transform(props) {
+				return {
+					_before: {
+						content: "\"\"",
+						position: "absolute",
+						inset: "0",
+						zIndex: "0",
+						...props["_before"]
+					},
+					...props
+				};
+			}
+		}),
+		aspectRatio,
+		grid,
+		gridItem,
+		wrap,
+		container: container$1,
+		divider,
+		float: definePattern({
+			properties: {
+				offsetX: {
+					type: "token",
+					value: "spacing",
+					property: "left"
+				},
+				offsetY: {
+					type: "token",
+					value: "spacing",
+					property: "top"
+				},
+				offset: {
+					type: "token",
+					value: "spacing",
+					property: "top"
+				},
+				placement: {
+					type: "enum",
+					value: [
+						"bottom-end",
+						"bottom-start",
+						"top-end",
+						"top-start",
+						"bottom-center",
+						"top-center",
+						"middle-center",
+						"middle-end",
+						"middle-start"
+					]
+				}
+			},
+			defaultValues(props) {
+				const offset = props.offset || "0";
+				return {
+					offset,
+					offsetX: offset,
+					offsetY: offset,
+					placement: "top-end"
+				};
+			},
+			transform(props, { map }) {
+				const { offset, offsetX, offsetY, placement, ...rest } = props;
+				return {
+					display: "inline-flex",
+					justifyContent: "center",
+					alignItems: "center",
+					position: "absolute",
+					insetBlockStart: map(placement, (v) => {
+						const [side] = v.split("-");
+						return {
+							top: offsetY,
+							middle: "50%",
+							bottom: "auto"
+						}[side];
+					}),
+					insetBlockEnd: map(placement, (v) => {
+						const [side] = v.split("-");
+						return {
+							top: "auto",
+							middle: "50%",
+							bottom: offsetY
+						}[side];
+					}),
+					insetInlineStart: map(placement, (v) => {
+						const [, align] = v.split("-");
+						return {
+							start: offsetX,
+							center: "50%",
+							end: "auto"
+						}[align];
+					}),
+					insetInlineEnd: map(placement, (v) => {
+						const [, align] = v.split("-");
+						return {
+							start: "auto",
+							center: "50%",
+							end: offsetX
+						}[align];
+					}),
+					translate: map(placement, (v) => {
+						const [side, align] = v.split("-");
+						return `${{
+							start: "-50%",
+							center: "-50%",
+							end: "50%"
+						}[align]} ${{
+							top: "-50%",
+							middle: "-50%",
+							bottom: "50%"
+						}[side]}`;
+					}),
+					...rest
+				};
+			}
+		}),
+		bleed: definePattern({
+			properties: {
+				inline: {
+					type: "property",
+					value: "marginInline"
+				},
+				block: {
+					type: "property",
+					value: "marginBlock"
+				}
+			},
+			defaultValues: {
+				inline: "0",
+				block: "0"
+			},
+			transform(props, { map, isCssUnit, isCssVar }) {
+				const { inline, block, ...rest } = props;
+				const valueFn = (v) => isCssUnit(v) || isCssVar(v) ? v : `token(spacing.${v}, ${v})`;
+				return {
+					"--bleed-x": map(inline, valueFn),
+					"--bleed-y": map(block, valueFn),
+					marginInline: "calc(var(--bleed-x, 0) * -1)",
+					marginBlock: "calc(var(--bleed-y, 0) * -1)",
+					...rest
+				};
+			}
+		}),
+		visuallyHidden: definePattern({ transform(props) {
+			return {
+				srOnly: true,
+				...props
+			};
+		} }),
+		cq: definePattern({
+			properties: {
+				name: {
+					type: "token",
+					value: "containerNames",
+					property: "containerName"
+				},
+				type: {
+					type: "property",
+					value: "containerType"
+				}
+			},
+			defaultValues: { type: "inline-size" },
+			transform(props) {
+				const { name, type, ...rest } = props;
+				return {
+					containerType: type,
+					containerName: name,
+					...rest
+				};
+			}
+		})
+	};
+	createColorMixTransform = (prop) => (value, args) => {
+		const mix = args.utils.colorMix(value);
+		if (mix.invalid) return { [prop]: value };
+		const cssVar = "--mix-" + prop;
+		return {
+			[cssVar]: mix.value,
+			[prop]: `var(${cssVar}, ${mix.color})`
+		};
+	};
+	background = {
+		backgroundPosition: {
+			shorthand: "bgPosition",
+			className: "bg-p",
+			group: "Background"
+		},
+		backgroundPositionX: {
+			shorthand: "bgPositionX",
+			className: "bg-p-x",
+			group: "Background"
+		},
+		backgroundPositionY: {
+			shorthand: "bgPositionY",
+			className: "bg-p-y",
+			group: "Background"
+		},
+		backgroundAttachment: {
+			shorthand: "bgAttachment",
+			className: "bg-a",
+			group: "Background"
+		},
+		backgroundClip: {
+			shorthand: "bgClip",
+			className: "bg-cp",
+			group: "Background",
+			transform(value) {
+				return {
+					backgroundClip: value,
+					WebkitBackgroundClip: value
+				};
+			}
+		},
+		background: {
+			shorthand: "bg",
+			className: "bg",
+			values: "colors",
+			group: "Background",
+			transform: createColorMixTransform("background")
+		},
+		backgroundColor: {
+			shorthand: "bgColor",
+			className: "bg-c",
+			values: "colors",
+			group: "Background",
+			transform: createColorMixTransform("backgroundColor")
+		},
+		backgroundOrigin: {
+			shorthand: "bgOrigin",
+			className: "bg-o",
+			group: "Background"
+		},
+		backgroundImage: {
+			shorthand: "bgImage",
+			className: "bg-i",
+			values: "assets",
+			group: "Background"
+		},
+		backgroundRepeat: {
+			shorthand: "bgRepeat",
+			className: "bg-r",
+			group: "Background"
+		},
+		backgroundBlendMode: {
+			shorthand: "bgBlendMode",
+			className: "bg-bm",
+			group: "Background"
+		},
+		backgroundSize: {
+			shorthand: "bgSize",
+			className: "bg-s",
+			group: "Background"
+		}
+	};
+	border = {
+		borderRadius: {
+			className: "bdr",
+			shorthand: "rounded",
+			values: "radii",
+			group: "Border Radius"
+		},
+		borderTopLeftRadius: {
+			className: "bdr-tl",
+			shorthand: "roundedTopLeft",
+			values: "radii",
+			group: "Border Radius"
+		},
+		borderTopRightRadius: {
+			className: "bdr-tr",
+			shorthand: "roundedTopRight",
+			values: "radii",
+			group: "Border Radius"
+		},
+		borderBottomRightRadius: {
+			className: "bdr-br",
+			shorthand: "roundedBottomRight",
+			values: "radii",
+			group: "Border Radius"
+		},
+		borderBottomLeftRadius: {
+			className: "bdr-bl",
+			shorthand: "roundedBottomLeft",
+			values: "radii",
+			group: "Border Radius"
+		},
+		borderTopRadius: {
+			className: "bdr-t",
+			shorthand: "roundedTop",
+			property: "borderRadius",
+			values: "radii",
+			group: "Border Radius",
+			transform(value) {
+				return {
+					borderTopLeftRadius: value,
+					borderTopRightRadius: value
+				};
+			}
+		},
+		borderRightRadius: {
+			className: "bdr-r",
+			shorthand: "roundedRight",
+			property: "borderRadius",
+			values: "radii",
+			group: "Border Radius",
+			transform(value) {
+				return {
+					borderTopRightRadius: value,
+					borderBottomRightRadius: value
+				};
+			}
+		},
+		borderBottomRadius: {
+			className: "bdr-b",
+			shorthand: "roundedBottom",
+			property: "borderRadius",
+			values: "radii",
+			group: "Border Radius",
+			transform(value) {
+				return {
+					borderBottomLeftRadius: value,
+					borderBottomRightRadius: value
+				};
+			}
+		},
+		borderLeftRadius: {
+			className: "bdr-l",
+			shorthand: "roundedLeft",
+			values: "radii",
+			property: "borderRadius",
+			group: "Border Radius",
+			transform(value) {
+				return {
+					borderTopLeftRadius: value,
+					borderBottomLeftRadius: value
+				};
+			}
+		},
+		borderStartStartRadius: {
+			className: "bdr-ss",
+			shorthand: "roundedStartStart",
+			values: "radii",
+			group: "Border Radius"
+		},
+		borderStartEndRadius: {
+			className: "bdr-se",
+			shorthand: "roundedStartEnd",
+			values: "radii",
+			group: "Border Radius"
+		},
+		borderStartRadius: {
+			className: "bdr-s",
+			values: "radii",
+			property: "borderRadius",
+			shorthand: "roundedStart",
+			group: "Border Radius",
+			transform(value) {
+				return {
+					borderStartStartRadius: value,
+					borderEndStartRadius: value
+				};
+			}
+		},
+		borderEndStartRadius: {
+			className: "bdr-es",
+			shorthand: "roundedEndStart",
+			values: "radii",
+			group: "Border Radius"
+		},
+		borderEndEndRadius: {
+			className: "bdr-ee",
+			shorthand: "roundedEndEnd",
+			values: "radii",
+			group: "Border Radius"
+		},
+		borderEndRadius: {
+			className: "bdr-e",
+			shorthand: "roundedEnd",
+			property: "borderRadius",
+			values: "radii",
+			group: "Border Radius",
+			transform(value) {
+				return {
+					borderStartEndRadius: value,
+					borderEndEndRadius: value
+				};
+			}
+		},
+		border: {
+			className: "bd",
+			values: "borders",
+			group: "Border"
+		},
+		borderWidth: {
+			className: "bd-w",
+			values: "borderWidths",
+			group: "Border Radius"
+		},
+		borderTopWidth: {
+			className: "bd-t-w",
+			values: "borderWidths",
+			group: "Border"
+		},
+		borderLeftWidth: {
+			className: "bd-l-w",
+			values: "borderWidths",
+			group: "Border"
+		},
+		borderRightWidth: {
+			className: "bd-r-w",
+			values: "borderWidths",
+			group: "Border"
+		},
+		borderBottomWidth: {
+			className: "bd-b-w",
+			values: "borderWidths",
+			group: "Border"
+		},
+		borderBlockStartWidth: {
+			className: "bd-bs-w",
+			values: "borderWidths",
+			group: "Border Radius"
+		},
+		borderBlockEndWidth: {
+			className: "bd-be-w",
+			values: "borderWidths",
+			group: "Border Radius"
+		},
+		borderColor: {
+			className: "bd-c",
+			values: "colors",
+			group: "Border",
+			transform: createColorMixTransform("borderColor")
+		},
+		borderInline: {
+			className: "bd-x",
+			values: "borders",
+			group: "Border",
+			shorthand: "borderX"
+		},
+		borderInlineWidth: {
+			className: "bd-x-w",
+			values: "borderWidths",
+			group: "Border",
+			shorthand: "borderXWidth"
+		},
+		borderInlineColor: {
+			className: "bd-x-c",
+			values: "colors",
+			group: "Border",
+			shorthand: "borderXColor",
+			transform: createColorMixTransform("borderInlineColor")
+		},
+		borderBlock: {
+			className: "bd-y",
+			values: "borders",
+			group: "Border",
+			shorthand: "borderY"
+		},
+		borderBlockWidth: {
+			className: "bd-y-w",
+			values: "borderWidths",
+			group: "Border",
+			shorthand: "borderYWidth"
+		},
+		borderBlockColor: {
+			className: "bd-y-c",
+			values: "colors",
+			group: "Border",
+			shorthand: "borderYColor",
+			transform: createColorMixTransform("borderBlockColor")
+		},
+		borderLeft: {
+			className: "bd-l",
+			values: "borders",
+			group: "Border"
+		},
+		borderLeftColor: {
+			className: "bd-l-c",
+			values: "colors",
+			group: "Border",
+			transform: createColorMixTransform("borderLeftColor")
+		},
+		borderInlineStart: {
+			className: "bd-s",
+			values: "borders",
+			group: "Border",
+			shorthand: "borderStart"
+		},
+		borderInlineStartWidth: {
+			className: "bd-s-w",
+			values: "borderWidths",
+			group: "Border",
+			shorthand: "borderStartWidth"
+		},
+		borderInlineStartColor: {
+			className: "bd-s-c",
+			values: "colors",
+			group: "Border",
+			shorthand: "borderStartColor",
+			transform: createColorMixTransform("borderInlineStartColor")
+		},
+		borderRight: {
+			className: "bd-r",
+			values: "borders",
+			group: "Border"
+		},
+		borderRightColor: {
+			className: "bd-r-c",
+			values: "colors",
+			group: "Border",
+			transform: createColorMixTransform("borderRightColor")
+		},
+		borderInlineEnd: {
+			className: "bd-e",
+			values: "borders",
+			group: "Border",
+			shorthand: "borderEnd"
+		},
+		borderInlineEndWidth: {
+			className: "bd-e-w",
+			values: "borderWidths",
+			group: "Border",
+			shorthand: "borderEndWidth"
+		},
+		borderInlineEndColor: {
+			className: "bd-e-c",
+			values: "colors",
+			group: "Border",
+			shorthand: "borderEndColor",
+			transform: createColorMixTransform("borderInlineEndColor")
+		},
+		borderTop: {
+			className: "bd-t",
+			values: "borders",
+			group: "Border"
+		},
+		borderTopColor: {
+			className: "bd-t-c",
+			values: "colors",
+			group: "Border",
+			transform: createColorMixTransform("borderTopColor")
+		},
+		borderBottom: {
+			className: "bd-b",
+			values: "borders",
+			group: "Border"
+		},
+		borderBottomColor: {
+			className: "bd-b-c",
+			values: "colors",
+			group: "Border",
+			transform: createColorMixTransform("borderBottomColor")
+		},
+		borderBlockEnd: {
+			className: "bd-be",
+			values: "borders",
+			group: "Border"
+		},
+		borderBlockEndColor: {
+			className: "bd-be-c",
+			values: "colors",
+			group: "Border",
+			transform: createColorMixTransform("borderBlockEndColor")
+		},
+		borderBlockStart: {
+			className: "bd-bs",
+			values: "borders",
+			group: "Border"
+		},
+		borderBlockStartColor: {
+			className: "bd-bs-c",
+			values: "colors",
+			group: "Border",
+			transform: createColorMixTransform("borderBlockStartColor")
+		}
+	};
+	container = {
+		container: {
+			className: "cq",
+			group: "Container"
+		},
+		containerName: {
+			className: "cq-n",
+			property: "containerName",
+			values: "containerNames",
+			group: "Container"
+		},
+		containerType: {
+			className: "cq-t",
+			group: "Container"
+		}
+	};
+	cursor = { cursor: {
+		className: "cursor",
+		values: "cursor",
+		group: "System"
+	} };
+	display = {
+		display: {
+			className: "d",
+			group: "Display"
+		},
+		hideFrom: {
+			className: "hide",
+			values: "breakpoints",
+			group: "Display",
+			transform(value, { raw, token }) {
+				return { [token.raw(`breakpoints.${raw}`) ? `@breakpoint ${raw}` : `@media screen and (min-width: ${value})`]: { display: "none" } };
+			}
+		},
+		hideBelow: {
+			className: "show",
+			values: "breakpoints",
+			group: "Display",
+			transform(value, { raw, token }) {
+				return { [token.raw(`breakpoints.${raw}`) ? `@breakpoint ${raw}Down` : `@media screen and (max-width: ${value})`]: { display: "none" } };
+			}
+		}
+	};
+	divideColor = createColorMixTransform("borderColor");
+	divide = {
+		divideX: {
+			className: "dvd-x",
+			values: "borderWidths",
+			group: "Border",
+			transform(value) {
+				return { "& > :not([hidden]) ~ :not([hidden])": {
+					borderInlineStartWidth: value,
+					borderInlineEndWidth: "0px"
+				} };
+			}
+		},
+		divideY: {
+			className: "dvd-y",
+			values: "borderWidths",
+			group: "Border",
+			transform(value) {
+				return { "& > :not([hidden]) ~ :not([hidden])": {
+					borderTopWidth: value,
+					borderBottomWidth: "0px"
+				} };
+			}
+		},
+		divideColor: {
+			className: "dvd-c",
+			values: "colors",
+			group: "Border",
+			transform(value, args) {
+				return { "& > :not([hidden]) ~ :not([hidden])": divideColor(value, args) };
+			}
+		},
+		divideStyle: {
+			className: "dvd-s",
+			property: "borderStyle",
+			group: "Border",
+			transform(value) {
+				return { "& > :not([hidden]) ~ :not([hidden])": { borderStyle: value } };
+			}
+		}
+	};
+	effects = {
+		opacity: {
+			className: "op",
+			values: "opacity",
+			group: "Background"
+		},
+		boxShadow: {
+			shorthand: "shadow",
+			className: "bx-sh",
+			values: "shadows",
+			group: "Shadow"
+		},
+		boxShadowColor: {
+			shorthand: "shadowColor",
+			className: "bx-sh-c",
+			values: "colors",
+			transform: createColorMixTransform("--shadow-color"),
+			group: "Color"
+		},
+		mixBlendMode: {
+			className: "mix-bm",
+			group: "Effect"
+		},
+		filter: {
+			className: "filter",
+			group: "Effect",
+			values: { auto: "var(--blur, ) var(--brightness, ) var(--contrast, ) var(--grayscale, ) var(--hue-rotate, ) var(--invert, ) var(--saturate, ) var(--sepia, ) var(--drop-shadow, )" }
+		},
+		brightness: {
+			className: "brightness",
+			group: "Effect",
+			transform(value) {
+				return { "--brightness": `brightness(${value})` };
+			}
+		},
+		contrast: {
+			className: "contrast",
+			group: "Effect",
+			transform(value) {
+				return { "--contrast": `contrast(${value})` };
+			}
+		},
+		grayscale: {
+			className: "grayscale",
+			group: "Effect",
+			transform(value) {
+				return { "--grayscale": `grayscale(${value})` };
+			}
+		},
+		hueRotate: {
+			className: "hue-rotate",
+			group: "Effect",
+			transform(value) {
+				return { "--hue-rotate": `hue-rotate(${value})` };
+			}
+		},
+		invert: {
+			className: "invert",
+			group: "Effect",
+			transform(value) {
+				return { "--invert": `invert(${value})` };
+			}
+		},
+		saturate: {
+			className: "saturate",
+			group: "Effect",
+			transform(value) {
+				return { "--saturate": `saturate(${value})` };
+			}
+		},
+		sepia: {
+			className: "sepia",
+			group: "Effect",
+			transform(value) {
+				return { "--sepia": `sepia(${value})` };
+			}
+		},
+		dropShadow: {
+			className: "drop-shadow",
+			group: "Effect",
+			values: "dropShadows",
+			transform(value) {
+				return { "--drop-shadow": value };
+			}
+		},
+		blur: {
+			className: "blur",
+			group: "Effect",
+			values: "blurs",
+			transform(value) {
+				return { "--blur": `blur(${value})` };
+			}
+		},
+		backdropFilter: {
+			className: "bkdp",
+			group: "Effect",
+			values: { auto: "var(--backdrop-blur, ) var(--backdrop-brightness, ) var(--backdrop-contrast, ) var(--backdrop-grayscale, ) var(--backdrop-hue-rotate, ) var(--backdrop-invert, ) var(--backdrop-opacity, ) var(--backdrop-saturate, ) var(--backdrop-sepia, )" },
+			transform(value) {
+				return {
+					backdropFilter: value,
+					WebkitBackdropFilter: value
+				};
+			}
+		},
+		backdropBlur: {
+			className: "bkdp-blur",
+			group: "Effect",
+			values: "blurs",
+			transform(value) {
+				return { "--backdrop-blur": `blur(${value})` };
+			}
+		},
+		backdropBrightness: {
+			className: "bkdp-brightness",
+			group: "Effect",
+			transform(value) {
+				return { "--backdrop-brightness": `brightness(${value})` };
+			}
+		},
+		backdropContrast: {
+			className: "bkdp-contrast",
+			group: "Effect",
+			transform(value) {
+				return { "--backdrop-contrast": `contrast(${value})` };
+			}
+		},
+		backdropGrayscale: {
+			className: "bkdp-grayscale",
+			group: "Effect",
+			transform(value) {
+				return { "--backdrop-grayscale": `grayscale(${value})` };
+			}
+		},
+		backdropHueRotate: {
+			className: "bkdp-hue-rotate",
+			group: "Effect",
+			transform(value) {
+				return { "--backdrop-hue-rotate": `hue-rotate(${value})` };
+			}
+		},
+		backdropInvert: {
+			className: "bkdp-invert",
+			group: "Effect",
+			transform(value) {
+				return { "--backdrop-invert": `invert(${value})` };
+			}
+		},
+		backdropOpacity: {
+			className: "bkdp-opacity",
+			group: "Effect",
+			transform(value) {
+				return { "--backdrop-opacity": value };
+			}
+		},
+		backdropSaturate: {
+			className: "bkdp-saturate",
+			group: "Effect",
+			transform(value) {
+				return { "--backdrop-saturate": `saturate(${value})` };
+			}
+		},
+		backdropSepia: {
+			className: "bkdp-sepia",
+			group: "Effect",
+			transform(value) {
+				return { "--backdrop-sepia": `sepia(${value})` };
+			}
+		}
+	};
+	flexGrid = {
+		flexBasis: {
+			className: "flex-b",
+			group: "Flex Layout",
+			values(theme) {
+				return {
+					...theme("sizes"),
+					"1/2": "50%",
+					"1/3": "33.333333%",
+					"2/3": "66.666667%",
+					"1/4": "25%",
+					"2/4": "50%",
+					"3/4": "75%",
+					"1/5": "20%",
+					"2/5": "40%",
+					"3/5": "60%",
+					"4/5": "80%",
+					"1/6": "16.666667%",
+					"2/6": "33.333333%",
+					"3/6": "50%",
+					"4/6": "66.666667%",
+					"5/6": "83.333333%",
+					"1/12": "8.333333%",
+					"2/12": "16.666667%",
+					"3/12": "25%",
+					"4/12": "33.333333%",
+					"5/12": "41.666667%",
+					"6/12": "50%",
+					"7/12": "58.333333%",
+					"8/12": "66.666667%",
+					"9/12": "75%",
+					"10/12": "83.333333%",
+					"11/12": "91.666667%",
+					full: "100%"
+				};
+			}
+		},
+		flex: {
+			className: "flex",
+			group: "Flex Layout",
+			values: {
+				"1": "1 1 0%",
+				auto: "1 1 auto",
+				initial: "0 1 auto",
+				none: "none"
+			}
+		},
+		flexDirection: {
+			className: "flex-d",
+			group: "Flex Layout",
+			shorthand: "flexDir"
+		},
+		flexGrow: {
+			className: "flex-g",
+			group: "Flex Layout"
+		},
+		flexShrink: {
+			className: "flex-sh",
+			group: "Flex Layout"
+		},
+		gridTemplateColumns: {
+			className: "grid-tc",
+			group: "Grid Layout"
+		},
+		gridTemplateRows: {
+			className: "grid-tr",
+			group: "Grid Layout"
+		},
+		gridColumn: {
+			className: "grid-c",
+			group: "Grid Layout"
+		},
+		gridRow: {
+			className: "grid-r",
+			group: "Grid Layout"
+		},
+		gridColumnStart: {
+			className: "grid-cs",
+			group: "Grid Layout"
+		},
+		gridColumnEnd: {
+			className: "grid-ce",
+			group: "Grid Layout"
+		},
+		gridAutoFlow: {
+			className: "grid-af",
+			group: "Grid Layout"
+		},
+		gridAutoColumns: {
+			className: "grid-ac",
+			group: "Grid Layout",
+			values: {
+				min: "min-content",
+				max: "max-content",
+				fr: "minmax(0, 1fr)"
+			}
+		},
+		gridAutoRows: {
+			className: "grid-ar",
+			group: "Grid Layout",
+			values: {
+				min: "min-content",
+				max: "max-content",
+				fr: "minmax(0, 1fr)"
+			}
+		},
+		gap: {
+			className: "gap",
+			group: "Flex Layout",
+			values: "spacing"
+		},
+		gridGap: {
+			className: "grid-g",
+			group: "Grid Layout",
+			values: "spacing"
+		},
+		gridRowGap: {
+			className: "grid-rg",
+			group: "Grid Layout",
+			values: "spacing"
+		},
+		gridColumnGap: {
+			className: "grid-cg",
+			group: "Grid Layout",
+			values: "spacing"
+		},
+		rowGap: {
+			className: "rg",
+			group: "Grid Layout",
+			values: "spacing"
+		},
+		columnGap: {
+			className: "cg",
+			group: "Grid Layout",
+			values: "spacing"
+		},
+		justifyContent: {
+			className: "jc",
+			group: "Flex Layout"
+		},
+		alignContent: {
+			className: "ac",
+			group: "Flex Layout"
+		},
+		alignItems: {
+			className: "ai",
+			group: "Flex Layout"
+		},
+		alignSelf: {
+			className: "as",
+			group: "Flex Layout"
+		}
+	};
+	focusRing = {
+		focusRing: createFocusRing("&:is(:focus, [data-focus])", "focus-ring"),
+		focusVisibleRing: createFocusRing("&:is(:focus-visible, [data-focus-visible])", "focus-v-ring"),
+		focusRingColor: {
+			className: "focus-ring-c",
+			values: "colors",
+			group: "Focus Ring",
+			transform(value, { utils }) {
+				const prop = "--focus-ring-color-prop";
+				const mix = utils.colorMix(value);
+				if (mix.invalid) return { [prop]: value };
+				const cssVar = "--mix-" + prop;
+				return {
+					[cssVar]: mix.value,
+					[prop]: `var(${cssVar}, ${mix.color})`
+				};
+			}
+		},
+		focusRingOffset: {
+			className: "focus-ring-o",
+			values: "spacing",
+			group: "Focus Ring",
+			transform: (v) => ({ "--focus-ring-offset": v })
+		},
+		focusRingWidth: {
+			className: "focus-ring-w",
+			values: "borderWidths",
+			property: "outlineWidth",
+			group: "Focus Ring",
+			transform: (v) => ({ "--focus-ring-width": v })
+		},
+		focusRingStyle: {
+			className: "focus-ring-s",
+			values: "borderStyles",
+			property: "outlineStyle",
+			group: "Focus Ring",
+			transform: (v) => ({ "--focus-ring-style": v })
+		}
+	};
+	gradientVia = createColorMixTransform("--gradient-via");
+	linearGradientDirectionMap = new Map([
+		["to-t", "to top"],
+		["to-tr", "to top right"],
+		["to-r", "to right"],
+		["to-br", "to bottom right"],
+		["to-b", "to bottom"],
+		["to-bl", "to bottom left"],
+		["to-l", "to left"],
+		["to-tl", "to top left"]
+	]);
+	isGradientShortcut = (value) => linearGradientDirectionMap.has(value);
+	linearGradientValues = (theme) => {
+		return {
+			...theme("gradients"),
+			...Object.fromEntries(linearGradientDirectionMap.entries())
+		};
+	};
+	gradientStops = "var(--gradient-via-stops, var(--gradient-position), var(--gradient-from) var(--gradient-from-position), var(--gradient-to) var(--gradient-to-position))";
+	gradientViaStops = "var(--gradient-position), var(--gradient-from) var(--gradient-from-position), var(--gradient-via) var(--gradient-via-position), var(--gradient-to) var(--gradient-to-position)";
+	backgroundGradients = {
+		backgroundGradient: {
+			shorthand: "bgGradient",
+			className: "bg-grad",
+			group: "Background Gradient",
+			values: linearGradientValues,
+			transform(value, { raw, token }) {
+				const tokenValue = token(`gradients.${raw}`);
+				if (tokenValue) return { backgroundImage: tokenValue };
+				if (!isGradientShortcut(raw)) return { backgroundImage: value };
+				return {
+					"--gradient-stops": gradientStops,
+					"--gradient-position": linearGradientDirectionMap.get(raw),
+					backgroundImage: `linear-gradient(var(--gradient-stops))`
+				};
+			}
+		},
+		backgroundLinear: {
+			shorthand: "bgLinear",
+			className: "bg-linear",
+			group: "Background Gradient",
+			values: linearGradientValues,
+			transform(value, { raw, token }) {
+				const tokenValue = token(`gradients.${raw}`);
+				if (tokenValue) return { backgroundImage: tokenValue };
+				if (!isGradientShortcut(raw)) return { backgroundImage: value };
+				return {
+					"--gradient-stops": gradientStops,
+					"--gradient-position": linearGradientDirectionMap.get(raw),
+					backgroundImage: `linear-gradient(var(--gradient-stops))`
+				};
+			}
+		},
+		backgroundRadial: {
+			shorthand: "bgRadial",
+			className: "bg-radial",
+			group: "Background Gradient",
+			values: "gradients",
+			transform(value, { raw, token }) {
+				const tokenValue = token(`gradients.${raw}`);
+				if (tokenValue) return { backgroundImage: tokenValue };
+				return {
+					"--gradient-stops": gradientStops,
+					"--gradient-position": value,
+					backgroundImage: `radial-gradient(var(--gradient-stops,${value}))`
+				};
+			}
+		},
+		backgroundConic: {
+			shorthand: "bgConic",
+			className: "bg-conic",
+			group: "Background Gradient",
+			transform(value) {
+				return {
+					"--gradient-stops": gradientStops,
+					"--gradient-position": value,
+					backgroundImage: `conic-gradient(var(--gradient-stops))`
+				};
+			}
+		},
+		textGradient: {
+			className: "txt-grad",
+			group: "Background Gradient",
+			values: linearGradientValues,
+			transform(value, { raw, token }) {
+				const tokenValue = token(`gradients.${raw}`);
+				if (tokenValue) return {
+					backgroundImage: tokenValue,
+					WebkitBackgroundClip: "text",
+					color: "transparent"
+				};
+				if (!isGradientShortcut(raw)) return {
+					backgroundImage: value,
+					WebkitBackgroundClip: "text",
+					color: "transparent"
+				};
+				return {
+					"--gradient-stops": gradientStops,
+					"--gradient-position": linearGradientDirectionMap.get(raw),
+					backgroundImage: `linear-gradient(var(--gradient-stops))`,
+					WebkitBackgroundClip: "text",
+					color: "transparent"
+				};
+			}
+		},
+		gradientFromPosition: {
+			className: "grad-from-pos",
+			group: "Background Gradient",
+			transform(value) {
+				return { "--gradient-from-position": value };
+			}
+		},
+		gradientToPosition: {
+			className: "grad-to-pos",
+			group: "Background Gradient",
+			transform(value) {
+				return { "--gradient-to-position": value };
+			}
+		},
+		gradientFrom: {
+			className: "grad-from",
+			values: "colors",
+			group: "Background Gradient",
+			transform: createColorMixTransform("--gradient-from")
+		},
+		gradientTo: {
+			className: "grad-to",
+			values: "colors",
+			group: "Background Gradient",
+			transform: createColorMixTransform("--gradient-to")
+		},
+		gradientVia: {
+			className: "grad-via",
+			values: "colors",
+			group: "Background Gradient",
+			transform(value, args) {
+				return {
+					...gradientVia(value, args),
+					"--gradient-stops": "var(--gradient-via-stops)",
+					"--gradient-via-stops": gradientViaStops
+				};
+			}
+		},
+		gradientViaPosition: {
+			className: "grad-via-pos",
+			group: "Background Gradient",
+			transform(value) {
+				return { "--gradient-via-position": value };
+			}
+		}
+	};
+	srMapping = {
+		true: {
+			position: "absolute",
+			width: "1px",
+			height: "1px",
+			padding: "0",
+			margin: "-1px",
+			overflow: "hidden",
+			clip: "rect(0, 0, 0, 0)",
+			whiteSpace: "nowrap",
+			borderWidth: "0"
+		},
+		false: {
+			position: "static",
+			width: "auto",
+			height: "auto",
+			padding: "0",
+			margin: "0",
+			overflow: "visible",
+			clip: "auto",
+			whiteSpace: "normal"
+		}
+	};
+	helpers = {
+		srOnly: {
+			className: "sr",
+			values: { type: "boolean" },
+			group: "Other",
+			transform(value) {
+				return srMapping[value] || {};
+			}
+		},
+		debug: {
+			className: "debug",
+			values: { type: "boolean" },
+			group: "Other",
+			transform(value) {
+				if (!value) return {};
+				return {
+					outline: "1px solid blue !important",
+					"&>*": { outline: "1px solid red !important" }
+				};
+			}
+		}
+	};
+	interactivity = {
+		accentColor: {
+			className: "ac-c",
+			values: "colors",
+			transform: createColorMixTransform("accentColor"),
+			group: "Color"
+		},
+		caretColor: {
+			className: "ca-c",
+			values: "colors",
+			group: "Color",
+			transform: createColorMixTransform("caretColor")
+		},
+		scrollBehavior: {
+			className: "scr-bhv",
+			group: "Scroll"
+		},
+		scrollbar: {
+			className: "scr-bar",
+			values: ["visible", "hidden"],
+			group: "Scroll",
+			transform(value) {
+				if (value === "visible") return {
+					msOverflowStyle: "auto",
+					scrollbarWidth: "auto",
+					"&::-webkit-scrollbar": { display: "block" }
+				};
+				if (value === "hidden") return {
+					msOverflowStyle: "none",
+					scrollbarWidth: "none",
+					"&::-webkit-scrollbar": { display: "none" }
+				};
+			}
+		},
+		scrollbarColor: {
+			className: "scr-bar-c",
+			values: "colors",
+			group: "Scroll",
+			transform: createColorMixTransform("scrollbarColor")
+		},
+		scrollbarGutter: {
+			className: "scr-bar-g",
+			group: "Scroll"
+		},
+		scrollbarWidth: {
+			className: "scr-bar-w",
+			values: "sizes",
+			group: "Scroll"
+		},
+		scrollMargin: {
+			className: "scr-m",
+			values: "spacing",
+			group: "Scroll"
+		},
+		scrollMarginLeft: {
+			className: "scr-ml",
+			values: "spacing",
+			group: "Scroll"
+		},
+		scrollMarginRight: {
+			className: "scr-mr",
+			values: "spacing",
+			group: "Scroll"
+		},
+		scrollMarginTop: {
+			className: "scr-mt",
+			values: "spacing",
+			group: "Scroll"
+		},
+		scrollMarginBottom: {
+			className: "scr-mb",
+			values: "spacing",
+			group: "Scroll"
+		},
+		scrollMarginBlock: {
+			className: "scr-my",
+			values: "spacing",
+			group: "Scroll",
+			shorthand: ["scrollMarginY"]
+		},
+		scrollMarginBlockEnd: {
+			className: "scr-mbe",
+			values: "spacing",
+			group: "Scroll"
+		},
+		scrollMarginBlockStart: {
+			className: "scr-mbt",
+			values: "spacing",
+			group: "Scroll"
+		},
+		scrollMarginInline: {
+			className: "scr-mx",
+			values: "spacing",
+			group: "Scroll",
+			shorthand: ["scrollMarginX"]
+		},
+		scrollMarginInlineEnd: {
+			className: "scr-me",
+			values: "spacing",
+			group: "Scroll"
+		},
+		scrollMarginInlineStart: {
+			className: "scr-ms",
+			values: "spacing",
+			group: "Scroll"
+		},
+		scrollPadding: {
+			className: "scr-p",
+			values: "spacing",
+			group: "Scroll"
+		},
+		scrollPaddingBlock: {
+			className: "scr-py",
+			values: "spacing",
+			group: "Scroll",
+			shorthand: ["scrollPaddingY"]
+		},
+		scrollPaddingBlockStart: {
+			className: "scr-pbs",
+			values: "spacing",
+			group: "Scroll"
+		},
+		scrollPaddingBlockEnd: {
+			className: "scr-pbe",
+			values: "spacing",
+			group: "Scroll"
+		},
+		scrollPaddingInline: {
+			className: "scr-px",
+			values: "spacing",
+			group: "Scroll",
+			shorthand: ["scrollPaddingX"]
+		},
+		scrollPaddingInlineEnd: {
+			className: "scr-pe",
+			values: "spacing",
+			group: "Scroll"
+		},
+		scrollPaddingInlineStart: {
+			className: "scr-ps",
+			values: "spacing",
+			group: "Scroll"
+		},
+		scrollPaddingLeft: {
+			className: "scr-pl",
+			values: "spacing",
+			group: "Scroll"
+		},
+		scrollPaddingRight: {
+			className: "scr-pr",
+			values: "spacing",
+			group: "Scroll"
+		},
+		scrollPaddingTop: {
+			className: "scr-pt",
+			values: "spacing",
+			group: "Scroll"
+		},
+		scrollPaddingBottom: {
+			className: "scr-pb",
+			values: "spacing",
+			group: "Scroll"
+		},
+		scrollSnapAlign: {
+			className: "scr-sa",
+			group: "Scroll"
+		},
+		scrollSnapStop: {
+			className: "scrs-s",
+			group: "Scroll"
+		},
+		scrollSnapType: {
+			className: "scrs-t",
+			group: "Scroll",
+			values: {
+				none: "none",
+				x: "x var(--scroll-snap-strictness)",
+				y: "y var(--scroll-snap-strictness)",
+				both: "both var(--scroll-snap-strictness)"
+			}
+		},
+		scrollSnapStrictness: {
+			className: "scrs-strt",
+			values: ["mandatory", "proximity"],
+			group: "Scroll",
+			transform(value) {
+				return { "--scroll-snap-strictness": value };
+			}
+		},
+		scrollSnapMargin: {
+			className: "scrs-m",
+			values: "spacing",
+			group: "Scroll"
+		},
+		scrollSnapMarginTop: {
+			className: "scrs-mt",
+			values: "spacing",
+			group: "Scroll"
+		},
+		scrollSnapMarginBottom: {
+			className: "scrs-mb",
+			values: "spacing",
+			group: "Scroll"
+		},
+		scrollSnapMarginLeft: {
+			className: "scrs-ml",
+			values: "spacing",
+			group: "Scroll"
+		},
+		scrollSnapMarginRight: {
+			className: "scrs-mr",
+			values: "spacing",
+			group: "Scroll"
+		},
+		scrollSnapCoordinate: {
+			className: "scrs-c",
+			group: "Scroll"
+		},
+		scrollSnapDestination: {
+			className: "scrs-d",
+			group: "Scroll"
+		},
+		scrollSnapPointsX: {
+			className: "scrs-px",
+			group: "Scroll"
+		},
+		scrollSnapPointsY: {
+			className: "scrs-py",
+			group: "Scroll"
+		},
+		scrollSnapTypeX: {
+			className: "scrs-tx",
+			group: "Scroll"
+		},
+		scrollSnapTypeY: {
+			className: "scrs-ty",
+			group: "Scroll"
+		},
+		scrollTimeline: {
+			className: "scrtl",
+			group: "Scroll"
+		},
+		scrollTimelineAxis: {
+			className: "scrtl-a",
+			group: "Scroll"
+		},
+		scrollTimelineName: {
+			className: "scrtl-n",
+			group: "Scroll"
+		},
+		touchAction: {
+			className: "tch-a",
+			group: "Interactivity"
+		},
+		userSelect: {
+			className: "us",
+			group: "Interactivity",
+			transform(value) {
+				return {
+					WebkitUserSelect: value,
+					userSelect: value
+				};
+			}
+		},
+		overflow: {
+			className: "ov",
+			group: "Scroll"
+		},
+		overflowWrap: {
+			className: "ov-wrap",
+			group: "Scroll"
+		},
+		overflowX: {
+			className: "ov-x",
+			group: "Scroll"
+		},
+		overflowY: {
+			className: "ov-y",
+			group: "Scroll"
+		},
+		overflowAnchor: {
+			className: "ov-a",
+			group: "Scroll"
+		},
+		overflowBlock: {
+			className: "ov-b",
+			group: "Scroll"
+		},
+		overflowInline: {
+			className: "ov-i",
+			group: "Scroll"
+		},
+		overflowClipBox: {
+			className: "ovcp-bx",
+			group: "Scroll"
+		},
+		overflowClipMargin: {
+			className: "ovcp-m",
+			group: "Scroll"
+		},
+		overscrollBehavior: {
+			className: "ovs-b",
+			group: "Scroll"
+		},
+		overscrollBehaviorX: {
+			className: "ovs-bx",
+			group: "Scroll"
+		},
+		overscrollBehaviorY: {
+			className: "ovs-by",
+			group: "Scroll"
+		},
+		overscrollBehaviorBlock: {
+			className: "ovs-bb",
+			group: "Scroll"
+		},
+		overscrollBehaviorInline: {
+			className: "ovs-bi",
+			group: "Scroll"
+		}
+	};
+	layout = {
+		aspectRatio: {
+			className: "asp",
+			values: "aspectRatios",
+			group: "Layout"
+		},
+		boxDecorationBreak: {
+			className: "bx-db",
+			group: "Layout",
+			transform(value) {
+				return {
+					boxDecorationBreak: value,
+					WebkitBoxDecorationBreak: value
+				};
+			}
+		},
+		zIndex: {
+			className: "z",
+			values: "zIndex",
+			group: "Visibility"
+		},
+		boxSizing: {
+			className: "bx-s",
+			group: "System"
+		},
+		objectPosition: {
+			className: "obj-p",
+			group: "Layout"
+		},
+		objectFit: {
+			className: "obj-f",
+			group: "Layout"
+		},
+		overscrollBehavior: {
+			className: "ovscl",
+			group: "Scroll"
+		},
+		overscrollBehaviorX: {
+			className: "ovscl-x",
+			group: "Scroll"
+		},
+		overscrollBehaviorY: {
+			className: "ovscl-y",
+			group: "Scroll"
+		},
+		position: {
+			className: "pos",
+			shorthand: "pos",
+			group: "Position"
+		},
+		top: {
+			className: "top",
+			values: "spacing",
+			group: "Position"
+		},
+		left: {
+			className: "left",
+			values: "spacing",
+			group: "Position"
+		},
+		inset: {
+			className: "inset",
+			group: "Position",
+			values: (theme) => ({
+				auto: "auto",
+				...theme("spacing")
+			})
+		},
+		insetInline: {
+			className: "inset-x",
+			values: "spacing",
+			group: "Position",
+			shorthand: ["insetX"]
+		},
+		insetBlock: {
+			className: "inset-y",
+			values: "spacing",
+			group: "Position",
+			shorthand: ["insetY"]
+		},
+		insetBlockEnd: {
+			className: "inset-be",
+			values: "spacing",
+			group: "Position"
+		},
+		insetBlockStart: {
+			className: "inset-bs",
+			values: "spacing",
+			group: "Position"
+		},
+		insetInlineEnd: {
+			className: "inset-e",
+			values: "spacing",
+			group: "Position",
+			shorthand: ["insetEnd", "end"]
+		},
+		insetInlineStart: {
+			className: "inset-s",
+			values: "spacing",
+			group: "Position",
+			shorthand: ["insetStart", "start"]
+		},
+		right: {
+			className: "right",
+			values: "spacing",
+			group: "Position"
+		},
+		bottom: {
+			className: "bottom",
+			values: "spacing",
+			group: "Position"
+		},
+		float: {
+			className: "float",
+			values: ["start", "end"],
+			property: "float",
+			group: "Position",
+			transform(value) {
+				if (value === "start") return {
+					float: "left",
+					"[dir=\"rtl\"] &": { float: "right" }
+				};
+				if (value === "end") return {
+					float: "right",
+					"[dir=\"rtl\"] &": { float: "left" }
+				};
+				return { float: value };
+			}
+		},
+		visibility: {
+			className: "vis",
+			group: "Visibility"
+		}
+	};
+	list = {
+		listStyleType: {
+			className: "li-t",
+			group: "List"
+		},
+		listStylePosition: {
+			className: "li-pos",
+			group: "List"
+		},
+		listStyleImage: {
+			className: "li-img",
+			group: "List",
+			values: "assets"
+		},
+		listStyle: {
+			className: "li-s",
+			group: "List"
+		}
+	};
+	outline = {
+		outlineWidth: {
+			className: "ring-w",
+			shorthand: "ringWidth",
+			values: "borderWidths",
+			group: "Border"
+		},
+		outlineColor: {
+			className: "ring-c",
+			values: "colors",
+			group: "Color",
+			shorthand: "ringColor",
+			transform: createColorMixTransform("outlineColor")
+		},
+		outline: {
+			className: "ring",
+			shorthand: "ring",
+			values: "borders",
+			group: "Border",
+			transform(value) {
+				if (value === "none") return {
+					outline: "2px solid transparent",
+					outlineOffset: "2px"
+				};
+				return { outline: value };
+			}
+		},
+		outlineOffset: {
+			className: "ring-o",
+			shorthand: "ringOffset",
+			values: "spacing",
+			group: "Border"
+		}
+	};
+	polyfill = {
+		appearance: {
+			className: "ap",
+			group: "Visibility",
+			transform(value) {
+				return {
+					appearance: value,
+					WebkitAppearance: value
+				};
+			}
+		},
+		backfaceVisibility: {
+			className: "bfv",
+			group: "Visibility",
+			transform(value) {
+				return {
+					backfaceVisibility: value,
+					WebkitBackfaceVisibility: value
+				};
+			}
+		},
+		clipPath: {
+			className: "cp-path",
+			group: "Other",
+			transform(value) {
+				return {
+					clipPath: value,
+					WebkitClipPath: value
+				};
+			}
+		},
+		hyphens: {
+			className: "hy",
+			group: "Other",
+			transform(value) {
+				return {
+					hyphens: value,
+					WebkitHyphens: value
+				};
+			}
+		},
+		mask: {
+			className: "msk",
+			group: "Other",
+			transform(value) {
+				return {
+					mask: value,
+					WebkitMask: value
+				};
+			}
+		},
+		maskImage: {
+			className: "msk-i",
+			group: "Other",
+			transform(value) {
+				return {
+					maskImage: value,
+					WebkitMaskImage: value
+				};
+			}
+		},
+		maskSize: {
+			className: "msk-s",
+			group: "Other",
+			transform(value) {
+				return {
+					maskSize: value,
+					WebkitMaskSize: value
+				};
+			}
+		},
+		textSizeAdjust: {
+			className: "txt-adj",
+			group: "Typography",
+			transform(value) {
+				return {
+					textSizeAdjust: value,
+					WebkitTextSizeAdjust: value
+				};
+			}
+		}
+	};
+	widthValues = (theme) => ({
+		auto: "auto",
+		...theme("sizes"),
+		"1/2": "50%",
+		"1/3": "33.333333%",
+		"2/3": "66.666667%",
+		"1/4": "25%",
+		"2/4": "50%",
+		"3/4": "75%",
+		"1/5": "20%",
+		"2/5": "40%",
+		"3/5": "60%",
+		"4/5": "80%",
+		"1/6": "16.666667%",
+		"2/6": "33.333333%",
+		"3/6": "50%",
+		"4/6": "66.666667%",
+		"5/6": "83.333333%",
+		"1/12": "8.333333%",
+		"2/12": "16.666667%",
+		"3/12": "25%",
+		"4/12": "33.333333%",
+		"5/12": "41.666667%",
+		"6/12": "50%",
+		"7/12": "58.333333%",
+		"8/12": "66.666667%",
+		"9/12": "75%",
+		"10/12": "83.333333%",
+		"11/12": "91.666667%",
+		screen: "100vw"
+	});
+	heightValues = (theme) => ({
+		auto: "auto",
+		...theme("sizes"),
+		svh: "100svh",
+		lvh: "100lvh",
+		dvh: "100dvh",
+		screen: "100vh",
+		"1/2": "50%",
+		"1/3": "33.333333%",
+		"2/3": "66.666667%",
+		"1/4": "25%",
+		"2/4": "50%",
+		"3/4": "75%",
+		"1/5": "20%",
+		"2/5": "40%",
+		"3/5": "60%",
+		"4/5": "80%",
+		"1/6": "16.666667%",
+		"2/6": "33.333333%",
+		"3/6": "50%",
+		"4/6": "66.666667%",
+		"5/6": "83.333333%"
+	});
+	sizing = {
+		width: {
+			shorthand: "w",
+			className: "w",
+			group: "Width",
+			values: widthValues
+		},
+		inlineSize: {
+			className: "w-is",
+			group: "Width",
+			values: widthValues
+		},
+		minWidth: {
+			shorthand: "minW",
+			className: "min-w",
+			group: "Width",
+			values: widthValues
+		},
+		minInlineSize: {
+			className: "min-w-is",
+			group: "Width",
+			values: widthValues
+		},
+		maxWidth: {
+			shorthand: "maxW",
+			className: "max-w",
+			group: "Width",
+			values: widthValues
+		},
+		maxInlineSize: {
+			className: "max-w-is",
+			group: "Width",
+			values: widthValues
+		},
+		height: {
+			shorthand: "h",
+			className: "h",
+			group: "Height",
+			values: heightValues
+		},
+		blockSize: {
+			className: "h-bs",
+			group: "Height",
+			values: heightValues
+		},
+		minHeight: {
+			shorthand: "minH",
+			className: "min-h",
+			group: "Height",
+			values: heightValues
+		},
+		minBlockSize: {
+			className: "min-h-bs",
+			group: "Height",
+			values: heightValues
+		},
+		maxHeight: {
+			shorthand: "maxH",
+			className: "max-h",
+			group: "Height",
+			values: heightValues
+		},
+		maxBlockSize: {
+			className: "max-b",
+			group: "Height",
+			values: heightValues
+		},
+		boxSize: {
+			className: "size",
+			group: "Width",
+			values: widthValues,
+			transform(value) {
+				return {
+					width: value,
+					height: value
+				};
+			}
+		}
+	};
+	marginValues = (theme) => ({
+		auto: "auto",
+		...theme("spacing")
+	});
+	spacing$1 = {
+		padding: {
+			className: "p",
+			shorthand: "p",
+			values: "spacing",
+			group: "Padding"
+		},
+		paddingLeft: {
+			className: "pl",
+			shorthand: "pl",
+			values: "spacing",
+			group: "Padding"
+		},
+		paddingRight: {
+			className: "pr",
+			shorthand: "pr",
+			values: "spacing",
+			group: "Padding"
+		},
+		paddingTop: {
+			className: "pt",
+			shorthand: "pt",
+			values: "spacing",
+			group: "Padding"
+		},
+		paddingBottom: {
+			className: "pb",
+			shorthand: "pb",
+			values: "spacing",
+			group: "Padding"
+		},
+		paddingBlock: {
+			className: "py",
+			values: "spacing",
+			group: "Padding",
+			shorthand: ["py", "paddingY"]
+		},
+		paddingBlockEnd: {
+			className: "pbe",
+			values: "spacing",
+			group: "Padding"
+		},
+		paddingBlockStart: {
+			className: "pbs",
+			values: "spacing",
+			group: "Padding"
+		},
+		paddingInline: {
+			className: "px",
+			values: "spacing",
+			group: "Padding",
+			shorthand: ["paddingX", "px"]
+		},
+		paddingInlineEnd: {
+			className: "pe",
+			shorthand: ["pe", "paddingEnd"],
+			values: "spacing",
+			group: "Padding"
+		},
+		paddingInlineStart: {
+			className: "ps",
+			shorthand: ["ps", "paddingStart"],
+			values: "spacing",
+			group: "Padding"
+		},
+		marginLeft: {
+			className: "ml",
+			shorthand: "ml",
+			values: marginValues,
+			group: "Margin"
+		},
+		marginRight: {
+			className: "mr",
+			shorthand: "mr",
+			values: marginValues,
+			group: "Margin"
+		},
+		marginTop: {
+			className: "mt",
+			shorthand: "mt",
+			values: marginValues,
+			group: "Margin"
+		},
+		marginBottom: {
+			className: "mb",
+			shorthand: "mb",
+			values: marginValues,
+			group: "Margin"
+		},
+		margin: {
+			className: "m",
+			shorthand: "m",
+			values: marginValues,
+			group: "Margin"
+		},
+		marginBlock: {
+			className: "my",
+			values: marginValues,
+			group: "Margin",
+			shorthand: ["my", "marginY"]
+		},
+		marginBlockEnd: {
+			className: "mbe",
+			values: marginValues,
+			group: "Margin"
+		},
+		marginBlockStart: {
+			className: "mbs",
+			values: marginValues,
+			group: "Margin"
+		},
+		marginInline: {
+			className: "mx",
+			values: marginValues,
+			group: "Margin",
+			shorthand: ["mx", "marginX"]
+		},
+		marginInlineEnd: {
+			className: "me",
+			shorthand: ["me", "marginEnd"],
+			values: marginValues,
+			group: "Margin"
+		},
+		marginInlineStart: {
+			className: "ms",
+			shorthand: ["ms", "marginStart"],
+			values: marginValues,
+			group: "Margin"
+		},
+		spaceX: {
+			className: "sx",
+			values: marginValues,
+			property: "marginInlineStart",
+			group: "Margin",
+			transform(value) {
+				return { "& > :not([hidden]) ~ :not([hidden])": {
+					marginInlineStart: value,
+					marginInlineEnd: "0px"
+				} };
+			}
+		},
+		spaceY: {
+			className: "sy",
+			values: marginValues,
+			property: "marginBlockStart",
+			group: "Margin",
+			transform(value) {
+				return { "& > :not([hidden]) ~ :not([hidden])": {
+					marginTop: value,
+					marginBottom: "0px"
+				} };
+			}
+		}
+	};
+	svg = {
+		fill: {
+			className: "fill",
+			values: "colors",
+			group: "Color",
+			transform: createColorMixTransform("fill")
+		},
+		stroke: {
+			className: "stk",
+			values: "colors",
+			group: "Color",
+			transform: createColorMixTransform("stroke")
+		},
+		strokeWidth: {
+			className: "stk-w",
+			values: "borderWidths",
+			group: "Border"
+		},
+		strokeDasharray: {
+			className: "stk-dsh",
+			group: "Border"
+		},
+		strokeDashoffset: {
+			className: "stk-do",
+			group: "Border"
+		},
+		strokeLinecap: {
+			className: "stk-lc",
+			group: "Border"
+		},
+		strokeLinejoin: {
+			className: "stk-lj",
+			group: "Border"
+		},
+		strokeMiterlimit: {
+			className: "stk-ml",
+			group: "Border"
+		},
+		strokeOpacity: {
+			className: "stk-op",
+			group: "Border"
+		}
+	};
+	tables = {
+		borderCollapse: {
+			className: "bd-cl",
+			group: "Table"
+		},
+		borderSpacing: {
+			className: "bd-sp",
+			group: "Table",
+			values(theme) {
+				return {
+					...theme("spacing"),
+					auto: "var(--border-spacing-x) var(--border-spacing-y)"
+				};
+			}
+		},
+		borderSpacingX: {
+			className: "bd-sx",
+			values: "spacing",
+			group: "Table",
+			transform(value) {
+				return { "--border-spacing-x": value };
+			}
+		},
+		borderSpacingY: {
+			className: "bd-sy",
+			values: "spacing",
+			group: "Table",
+			transform(value) {
+				return { "--border-spacing-y": value };
+			}
+		},
+		tableLayout: {
+			className: "tbl",
+			group: "Table"
+		}
+	};
+	positiveFractions = {
+		"1/2": "50%",
+		"1/3": "33.333333%",
+		"2/3": "66.666667%",
+		"1/4": "25%",
+		"2/4": "50%",
+		"3/4": "75%",
+		full: "100%"
+	};
+	negativeFractions = Object.fromEntries(Object.entries(positiveFractions).map(([key, value]) => [`-${key}`, `-${value}`]));
+	fractions = {
+		...positiveFractions,
+		...negativeFractions
+	};
+	transforms = {
+		transformOrigin: {
+			className: "trf-o",
+			group: "Transform"
+		},
+		transformBox: {
+			className: "trf-b",
+			group: "Transform"
+		},
+		transformStyle: {
+			className: "trf-s",
+			group: "Transform"
+		},
+		transform: {
+			className: "trf",
+			group: "Transform"
+		},
+		rotate: {
+			className: "rotate",
+			group: "Transform",
+			property: "rotate",
+			values: {
+				auto: "var(--rotate-x) var(--rotate-y)",
+				"auto-3d": "var(--rotate-x) var(--rotate-y) var(--rotate-z)"
+			}
+		},
+		rotateX: {
+			className: "rotate-x",
+			group: "Transform",
+			property: "rotate",
+			transform(value) {
+				return { "--rotate-x": value };
+			}
+		},
+		rotateY: {
+			className: "rotate-y",
+			group: "Transform",
+			property: "rotate",
+			transform(value) {
+				return { "--rotate-y": value };
+			}
+		},
+		rotateZ: {
+			className: "rotate-z",
+			group: "Transform",
+			property: "rotate",
+			transform(value) {
+				return { "--rotate-z": value };
+			}
+		},
+		scale: {
+			className: "scale",
+			group: "Transform",
+			property: "scale",
+			values: { auto: "var(--scale-x) var(--scale-y)" }
+		},
+		scaleX: {
+			className: "scale-x",
+			group: "Transform",
+			transform(value) {
+				return { "--scale-x": value };
+			}
+		},
+		scaleY: {
+			className: "scale-y",
+			group: "Transform",
+			transform(value) {
+				return { "--scale-y": value };
+			}
+		},
+		translate: {
+			className: "translate",
+			group: "Transform",
+			property: "translate",
+			values: {
+				auto: "var(--translate-x) var(--translate-y)",
+				"auto-3d": "var(--translate-x) var(--translate-y) var(--translate-z)"
+			}
+		},
+		translateX: {
+			shorthand: "x",
+			className: "translate-x",
+			group: "Transform",
+			values(theme) {
+				return {
+					...theme("spacing"),
+					...fractions
+				};
+			},
+			transform(value) {
+				return { "--translate-x": value };
+			}
+		},
+		translateY: {
+			shorthand: "y",
+			className: "translate-y",
+			group: "Transform",
+			values(theme) {
+				return {
+					...theme("spacing"),
+					...fractions
+				};
+			},
+			transform(value) {
+				return { "--translate-y": value };
+			}
+		},
+		translateZ: {
+			shorthand: "z",
+			className: "translate-z",
+			group: "Transform",
+			values(theme) {
+				return {
+					...theme("spacing"),
+					...fractions
+				};
+			},
+			transform(value) {
+				return { "--translate-z": value };
+			}
+		}
+	};
+	createTransition = (value) => ({
+		transitionProperty: `var(--transition-prop, ${value})`,
+		transitionTimingFunction: "var(--transition-easing, cubic-bezier(0.4, 0, 0.2, 1))",
+		transitionDuration: "var(--transition-duration, 150ms)"
+	});
+	transitionMap = {
+		all: createTransition("all"),
+		common: createTransition("color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter"),
+		size: createTransition("width, height, min-width, max-width, min-height, max-height"),
+		position: createTransition("left, right, top, bottom, inset, inset-inline, inset-block"),
+		background: createTransition("background, background-color, background-image, background-position"),
+		colors: createTransition("color, background-color, border-color, outline-color, text-decoration-color, fill, stroke"),
+		opacity: createTransition("opacity"),
+		shadow: createTransition("box-shadow"),
+		transform: createTransition("transform")
+	};
+	transitions = {
+		transitionTimingFunction: {
+			className: "trs-tmf",
+			values: "easings",
+			group: "Transition",
+			transform(value) {
+				return {
+					"--transition-easing": value,
+					transitionTimingFunction: value
+				};
+			}
+		},
+		transitionDelay: {
+			className: "trs-dly",
+			values: "durations",
+			group: "Transition"
+		},
+		transitionDuration: {
+			className: "trs-dur",
+			values: "durations",
+			group: "Transition",
+			transform(value) {
+				return {
+					"--transition-duration": value,
+					transitionDuration: value
+				};
+			}
+		},
+		transitionProperty: {
+			className: "trs-prop",
+			group: "Transition",
+			values: {
+				common: "color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter",
+				colors: "color, background-color, border-color, outline-color, text-decoration-color, fill, stroke",
+				size: "width, height, min-width, max-width, min-height, max-height",
+				position: "left, right, top, bottom, inset, inset-inline, inset-block",
+				background: "background, background-color, background-image, background-position"
+			},
+			transform(value) {
+				return {
+					"--transition-prop": value,
+					transitionProperty: value
+				};
+			}
+		},
+		transition: {
+			className: "trs",
+			values: Object.keys(transitionMap),
+			group: "Transition",
+			transform(value) {
+				return transitionMap[value] ?? { transition: value };
+			}
+		},
+		animation: {
+			className: "anim",
+			values: "animations",
+			group: "Animation"
+		},
+		animationName: {
+			className: "anim-n",
+			values: "keyframes",
+			group: "Animation"
+		},
+		animationTimingFunction: {
+			className: "anim-tmf",
+			values: "easings",
+			group: "Animation"
+		},
+		animationDuration: {
+			className: "anim-dur",
+			values: "durations",
+			group: "Animation"
+		},
+		animationDelay: {
+			className: "anim-dly",
+			values: "durations",
+			group: "Animation"
+		},
+		animationPlayState: {
+			className: "anim-ps",
+			group: "Animation"
+		},
+		animationComposition: {
+			className: "anim-comp",
+			group: "Animation"
+		},
+		animationFillMode: {
+			className: "anim-fm",
+			group: "Animation"
+		},
+		animationDirection: {
+			className: "anim-dir",
+			group: "Animation"
+		},
+		animationIterationCount: {
+			className: "anim-ic",
+			group: "Animation"
+		},
+		animationRange: {
+			className: "anim-r",
+			group: "Animation"
+		},
+		animationState: {
+			className: "anim-s",
+			group: "Animation"
+		},
+		animationRangeStart: {
+			className: "anim-rs",
+			group: "Animation"
+		},
+		animationRangeEnd: {
+			className: "anim-re",
+			group: "Animation"
+		},
+		animationTimeline: {
+			className: "anim-tl",
+			group: "Animation"
+		}
+	};
+	typography = {
+		color: {
+			className: "c",
+			values: "colors",
+			group: "Color",
+			transform: createColorMixTransform("color")
+		},
+		fontFamily: {
+			className: "ff",
+			values: "fonts",
+			group: "Typography"
+		},
+		fontSize: {
+			className: "fs",
+			values: "fontSizes",
+			group: "Typography"
+		},
+		fontSizeAdjust: {
+			className: "fs-a",
+			group: "Typography"
+		},
+		fontPalette: {
+			className: "fp",
+			group: "Typography"
+		},
+		fontKerning: {
+			className: "fk",
+			group: "Typography"
+		},
+		fontFeatureSettings: {
+			className: "ff-s",
+			group: "Typography"
+		},
+		fontWeight: {
+			className: "fw",
+			values: "fontWeights",
+			group: "Typography"
+		},
+		fontSmoothing: {
+			className: "fsmt",
+			group: "Typography",
+			values: {
+				antialiased: "antialiased",
+				"subpixel-antialiased": "auto"
+			},
+			transform(value) {
+				return { WebkitFontSmoothing: value };
+			}
+		},
+		fontVariant: {
+			className: "fv",
+			group: "Typography"
+		},
+		fontVariantAlternates: {
+			className: "fv-alt",
+			group: "Typography"
+		},
+		fontVariantCaps: {
+			className: "fv-caps",
+			group: "Typography"
+		},
+		fontVariationSettings: {
+			className: "fv-s",
+			group: "Typography"
+		},
+		fontVariantNumeric: {
+			className: "fv-num",
+			group: "Typography"
+		},
+		letterSpacing: {
+			className: "ls",
+			values: "letterSpacings",
+			group: "Typography"
+		},
+		lineHeight: {
+			className: "lh",
+			values: "lineHeights",
+			group: "Typography"
+		},
+		textAlign: {
+			className: "ta",
+			group: "Typography"
+		},
+		textDecoration: {
+			className: "td",
+			group: "Typography"
+		},
+		textDecorationColor: {
+			className: "td-c",
+			values: "colors",
+			transform: createColorMixTransform("textDecorationColor"),
+			group: "Typography"
+		},
+		textEmphasisColor: {
+			className: "te-c",
+			values: "colors",
+			transform: createColorMixTransform("textEmphasisColor"),
+			group: "Typography"
+		},
+		textDecorationStyle: {
+			className: "td-s",
+			group: "Typography"
+		},
+		textDecorationThickness: {
+			className: "td-t",
+			group: "Typography"
+		},
+		textUnderlineOffset: {
+			className: "tu-o",
+			group: "Typography"
+		},
+		textTransform: {
+			className: "tt",
+			group: "Typography"
+		},
+		textIndent: {
+			className: "ti",
+			group: "Typography",
+			values: "spacing"
+		},
+		textShadow: {
+			className: "tsh",
+			values: "shadows",
+			group: "Typography"
+		},
+		textShadowColor: {
+			shorthand: "textShadowColor",
+			className: "tsh-c",
+			values: "colors",
+			transform: createColorMixTransform("--text-shadow-color"),
+			group: "Typography"
+		},
+		WebkitTextFillColor: {
+			className: "wktf-c",
+			values: "colors",
+			transform: createColorMixTransform("WebkitTextFillColor"),
+			group: "Typography"
+		},
+		textOverflow: {
+			className: "tov",
+			group: "Typography"
+		},
+		verticalAlign: {
+			className: "va",
+			group: "Typography"
+		},
+		wordBreak: {
+			className: "wb",
+			group: "Typography"
+		},
+		textWrap: {
+			className: "tw",
+			values: [
+				"wrap",
+				"balance",
+				"nowrap"
+			],
+			group: "Typography",
+			transform(value) {
+				return { textWrap: value };
+			}
+		},
+		truncate: {
+			className: "trunc",
+			values: { type: "boolean" },
+			group: "Typography",
+			transform(value) {
+				if (!value) return {};
+				return {
+					overflow: "hidden",
+					textOverflow: "ellipsis",
+					whiteSpace: "nowrap"
+				};
+			}
+		},
+		lineClamp: {
+			className: "lc",
+			group: "Typography",
+			transform(value) {
+				if (value === "none") return { WebkitLineClamp: "unset" };
+				return {
+					overflow: "hidden",
+					display: "-webkit-box",
+					WebkitLineClamp: value,
+					WebkitBoxOrient: "vertical"
+				};
+			}
+		}
+	};
+	utilities = Object.assign({}, layout, display, flexGrid, spacing$1, outline, focusRing, divide, sizing, typography, list, background, backgroundGradients, border, effects, tables, transitions, transforms, interactivity, svg, helpers, polyfill, container, cursor);
+	definePreset$1 = (preset) => preset;
+	preset$1 = definePreset$1({
+		name: "@bamboocss/preset-base",
+		conditions: conditions$1,
+		utilities,
+		patterns,
+		globalCss
+	});
+}));
+
+//#endregion
+//#region ../preset-bamboo/dist/index.mjs
+var breakpoints, containerSizes, keyframes, animations, aspectRatios, borders, colors, shadows, spacing, largeSizes, sizes, fontSizes, fontWeights, letterSpacings, lineHeights, fonts, textStyles$1, defineTokens, tokens$1, definePreset, preset;
+var init_dist$1 = __esmMin((() => {
+	breakpoints = {
+		sm: "640px",
+		md: "768px",
+		lg: "1024px",
+		xl: "1280px",
+		"2xl": "1536px"
+	};
+	containerSizes = {
+		xs: "320px",
+		sm: "384px",
+		md: "448px",
+		lg: "512px",
+		xl: "576px",
+		"2xl": "672px",
+		"3xl": "768px",
+		"4xl": "896px",
+		"5xl": "1024px",
+		"6xl": "1152px",
+		"7xl": "1280px",
+		"8xl": "1440px"
+	};
+	keyframes = {
+		spin: { to: { transform: "rotate(360deg)" } },
+		ping: { "75%, 100%": {
+			transform: "scale(2)",
+			opacity: "0"
+		} },
+		pulse: { "50%": { opacity: ".5" } },
+		bounce: {
+			"0%, 100%": {
+				transform: "translateY(-25%)",
+				animationTimingFunction: "cubic-bezier(0.8,0,1,1)"
+			},
+			"50%": {
+				transform: "none",
+				animationTimingFunction: "cubic-bezier(0,0,0.2,1)"
+			}
+		}
+	};
+	animations = {
+		spin: { value: "spin 1s linear infinite" },
+		ping: { value: "ping 1s cubic-bezier(0, 0, 0.2, 1) infinite" },
+		pulse: { value: "pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite" },
+		bounce: { value: "bounce 1s infinite" }
+	};
+	aspectRatios = {
+		square: { value: "1 / 1" },
+		landscape: { value: "4 / 3" },
+		portrait: { value: "3 / 4" },
+		wide: { value: "16 / 9" },
+		ultrawide: { value: "18 / 5" },
+		golden: { value: "1.618 / 1" }
+	};
+	borders = { none: { value: "none" } };
+	colors = {
+		current: { value: "currentColor" },
+		black: { value: "#000" },
+		white: { value: "#fff" },
+		transparent: { value: "rgb(0 0 0 / 0)" },
+		rose: {
+			50: { value: "#fff1f2" },
+			100: { value: "#ffe4e6" },
+			200: { value: "#fecdd3" },
+			300: { value: "#fda4af" },
+			400: { value: "#fb7185" },
+			500: { value: "#f43f5e" },
+			600: { value: "#e11d48" },
+			700: { value: "#be123c" },
+			800: { value: "#9f1239" },
+			900: { value: "#881337" },
+			950: { value: "#4c0519" }
+		},
+		pink: {
+			50: { value: "#fdf2f8" },
+			100: { value: "#fce7f3" },
+			200: { value: "#fbcfe8" },
+			300: { value: "#f9a8d4" },
+			400: { value: "#f472b6" },
+			500: { value: "#ec4899" },
+			600: { value: "#db2777" },
+			700: { value: "#be185d" },
+			800: { value: "#9d174d" },
+			900: { value: "#831843" },
+			950: { value: "#500724" }
+		},
+		fuchsia: {
+			50: { value: "#fdf4ff" },
+			100: { value: "#fae8ff" },
+			200: { value: "#f5d0fe" },
+			300: { value: "#f0abfc" },
+			400: { value: "#e879f9" },
+			500: { value: "#d946ef" },
+			600: { value: "#c026d3" },
+			700: { value: "#a21caf" },
+			800: { value: "#86198f" },
+			900: { value: "#701a75" },
+			950: { value: "#4a044e" }
+		},
+		purple: {
+			50: { value: "#faf5ff" },
+			100: { value: "#f3e8ff" },
+			200: { value: "#e9d5ff" },
+			300: { value: "#d8b4fe" },
+			400: { value: "#c084fc" },
+			500: { value: "#a855f7" },
+			600: { value: "#9333ea" },
+			700: { value: "#7e22ce" },
+			800: { value: "#6b21a8" },
+			900: { value: "#581c87" },
+			950: { value: "#3b0764" }
+		},
+		violet: {
+			50: { value: "#f5f3ff" },
+			100: { value: "#ede9fe" },
+			200: { value: "#ddd6fe" },
+			300: { value: "#c4b5fd" },
+			400: { value: "#a78bfa" },
+			500: { value: "#8b5cf6" },
+			600: { value: "#7c3aed" },
+			700: { value: "#6d28d9" },
+			800: { value: "#5b21b6" },
+			900: { value: "#4c1d95" },
+			950: { value: "#2e1065" }
+		},
+		indigo: {
+			50: { value: "#eef2ff" },
+			100: { value: "#e0e7ff" },
+			200: { value: "#c7d2fe" },
+			300: { value: "#a5b4fc" },
+			400: { value: "#818cf8" },
+			500: { value: "#6366f1" },
+			600: { value: "#4f46e5" },
+			700: { value: "#4338ca" },
+			800: { value: "#3730a3" },
+			900: { value: "#312e81" },
+			950: { value: "#1e1b4b" }
+		},
+		blue: {
+			50: { value: "#eff6ff" },
+			100: { value: "#dbeafe" },
+			200: { value: "#bfdbfe" },
+			300: { value: "#93c5fd" },
+			400: { value: "#60a5fa" },
+			500: { value: "#3b82f6" },
+			600: { value: "#2563eb" },
+			700: { value: "#1d4ed8" },
+			800: { value: "#1e40af" },
+			900: { value: "#1e3a8a" },
+			950: { value: "#172554" }
+		},
+		sky: {
+			50: { value: "#f0f9ff" },
+			100: { value: "#e0f2fe" },
+			200: { value: "#bae6fd" },
+			300: { value: "#7dd3fc" },
+			400: { value: "#38bdf8" },
+			500: { value: "#0ea5e9" },
+			600: { value: "#0284c7" },
+			700: { value: "#0369a1" },
+			800: { value: "#075985" },
+			900: { value: "#0c4a6e" },
+			950: { value: "#082f49" }
+		},
+		cyan: {
+			50: { value: "#ecfeff" },
+			100: { value: "#cffafe" },
+			200: { value: "#a5f3fc" },
+			300: { value: "#67e8f9" },
+			400: { value: "#22d3ee" },
+			500: { value: "#06b6d4" },
+			600: { value: "#0891b2" },
+			700: { value: "#0e7490" },
+			800: { value: "#155e75" },
+			900: { value: "#164e63" },
+			950: { value: "#083344" }
+		},
+		teal: {
+			50: { value: "#f0fdfa" },
+			100: { value: "#ccfbf1" },
+			200: { value: "#99f6e4" },
+			300: { value: "#5eead4" },
+			400: { value: "#2dd4bf" },
+			500: { value: "#14b8a6" },
+			600: { value: "#0d9488" },
+			700: { value: "#0f766e" },
+			800: { value: "#115e59" },
+			900: { value: "#134e4a" },
+			950: { value: "#042f2e" }
+		},
+		emerald: {
+			50: { value: "#ecfdf5" },
+			100: { value: "#d1fae5" },
+			200: { value: "#a7f3d0" },
+			300: { value: "#6ee7b7" },
+			400: { value: "#34d399" },
+			500: { value: "#10b981" },
+			600: { value: "#059669" },
+			700: { value: "#047857" },
+			800: { value: "#065f46" },
+			900: { value: "#064e3b" },
+			950: { value: "#022c22" }
+		},
+		green: {
+			50: { value: "#f0fdf4" },
+			100: { value: "#dcfce7" },
+			200: { value: "#bbf7d0" },
+			300: { value: "#86efac" },
+			400: { value: "#4ade80" },
+			500: { value: "#22c55e" },
+			600: { value: "#16a34a" },
+			700: { value: "#15803d" },
+			800: { value: "#166534" },
+			900: { value: "#14532d" },
+			950: { value: "#052e16" }
+		},
+		lime: {
+			50: { value: "#f7fee7" },
+			100: { value: "#ecfccb" },
+			200: { value: "#d9f99d" },
+			300: { value: "#bef264" },
+			400: { value: "#a3e635" },
+			500: { value: "#84cc16" },
+			600: { value: "#65a30d" },
+			700: { value: "#4d7c0f" },
+			800: { value: "#3f6212" },
+			900: { value: "#365314" },
+			950: { value: "#1a2e05" }
+		},
+		yellow: {
+			50: { value: "#fefce8" },
+			100: { value: "#fef9c3" },
+			200: { value: "#fef08a" },
+			300: { value: "#fde047" },
+			400: { value: "#facc15" },
+			500: { value: "#eab308" },
+			600: { value: "#ca8a04" },
+			700: { value: "#a16207" },
+			800: { value: "#854d0e" },
+			900: { value: "#713f12" },
+			950: { value: "#422006" }
+		},
+		amber: {
+			50: { value: "#fffbeb" },
+			100: { value: "#fef3c7" },
+			200: { value: "#fde68a" },
+			300: { value: "#fcd34d" },
+			400: { value: "#fbbf24" },
+			500: { value: "#f59e0b" },
+			600: { value: "#d97706" },
+			700: { value: "#b45309" },
+			800: { value: "#92400e" },
+			900: { value: "#78350f" },
+			950: { value: "#451a03" }
+		},
+		orange: {
+			50: { value: "#fff7ed" },
+			100: { value: "#ffedd5" },
+			200: { value: "#fed7aa" },
+			300: { value: "#fdba74" },
+			400: { value: "#fb923c" },
+			500: { value: "#f97316" },
+			600: { value: "#ea580c" },
+			700: { value: "#c2410c" },
+			800: { value: "#9a3412" },
+			900: { value: "#7c2d12" },
+			950: { value: "#431407" }
+		},
+		red: {
+			50: { value: "#fef2f2" },
+			100: { value: "#fee2e2" },
+			200: { value: "#fecaca" },
+			300: { value: "#fca5a5" },
+			400: { value: "#f87171" },
+			500: { value: "#ef4444" },
+			600: { value: "#dc2626" },
+			700: { value: "#b91c1c" },
+			800: { value: "#991b1b" },
+			900: { value: "#7f1d1d" },
+			950: { value: "#450a0a" }
+		},
+		neutral: {
+			50: { value: "#fafafa" },
+			100: { value: "#f5f5f5" },
+			200: { value: "#e5e5e5" },
+			300: { value: "#d4d4d4" },
+			400: { value: "#a3a3a3" },
+			500: { value: "#737373" },
+			600: { value: "#525252" },
+			700: { value: "#404040" },
+			800: { value: "#262626" },
+			900: { value: "#171717" },
+			950: { value: "#0a0a0a" }
+		},
+		stone: {
+			50: { value: "#fafaf9" },
+			100: { value: "#f5f5f4" },
+			200: { value: "#e7e5e4" },
+			300: { value: "#d6d3d1" },
+			400: { value: "#a8a29e" },
+			500: { value: "#78716c" },
+			600: { value: "#57534e" },
+			700: { value: "#44403c" },
+			800: { value: "#292524" },
+			900: { value: "#1c1917" },
+			950: { value: "#0c0a09" }
+		},
+		zinc: {
+			50: { value: "#fafafa" },
+			100: { value: "#f4f4f5" },
+			200: { value: "#e4e4e7" },
+			300: { value: "#d4d4d8" },
+			400: { value: "#a1a1aa" },
+			500: { value: "#71717a" },
+			600: { value: "#52525b" },
+			700: { value: "#3f3f46" },
+			800: { value: "#27272a" },
+			900: { value: "#18181b" },
+			950: { value: "#09090b" }
+		},
+		gray: {
+			50: { value: "#f9fafb" },
+			100: { value: "#f3f4f6" },
+			200: { value: "#e5e7eb" },
+			300: { value: "#d1d5db" },
+			400: { value: "#9ca3af" },
+			500: { value: "#6b7280" },
+			600: { value: "#4b5563" },
+			700: { value: "#374151" },
+			800: { value: "#1f2937" },
+			900: { value: "#111827" },
+			950: { value: "#030712" }
+		},
+		slate: {
+			50: { value: "#f8fafc" },
+			100: { value: "#f1f5f9" },
+			200: { value: "#e2e8f0" },
+			300: { value: "#cbd5e1" },
+			400: { value: "#94a3b8" },
+			500: { value: "#64748b" },
+			600: { value: "#475569" },
+			700: { value: "#334155" },
+			800: { value: "#1e293b" },
+			900: { value: "#0f172a" },
+			950: { value: "#020617" }
+		}
+	};
+	shadows = {
+		"2xs": { value: "0 1px rgb(0 0 0 / 0.05)" },
+		xs: { value: "0 1px 2px 0 rgb(0 0 0 / 0.05)" },
+		sm: { value: ["0 1px 3px 0 rgb(0 0 0 / 0.1)", "0 1px 2px -1px rgb(0 0 0 / 0.1)"] },
+		md: { value: ["0 4px 6px -1px rgb(0 0 0 / 0.1)", "0 2px 4px -2px rgb(0 0 0 / 0.1)"] },
+		lg: { value: ["0 10px 15px -3px rgb(0 0 0 / 0.1)", "0 4px 6px -4px rgb(0 0 0 / 0.1)"] },
+		xl: { value: ["0 20px 25px -5px rgb(0 0 0 / 0.1)", "0 8px 10px -6px rgb(0 0 0 / 0.1)"] },
+		"2xl": { value: "0 25px 50px -12px rgb(0 0 0 / 0.25)" },
+		"inset-2xs": { value: "inset 0 1px rgb(0 0 0 / 0.05)" },
+		"inset-xs": { value: "inset 0 1px 1px rgb(0 0 0 / 0.05)" },
+		"inset-sm": { value: "inset 0 2px 4px rgb(0 0 0 / 0.05)" }
+	};
+	spacing = {
+		0: { value: "0rem" },
+		.5: { value: "0.125rem" },
+		1: { value: "0.25rem" },
+		1.5: { value: "0.375rem" },
+		2: { value: "0.5rem" },
+		2.5: { value: "0.625rem" },
+		3: { value: "0.75rem" },
+		3.5: { value: "0.875rem" },
+		4: { value: "1rem" },
+		4.5: { value: "1.125rem" },
+		5: { value: "1.25rem" },
+		5.5: { value: "1.375rem" },
+		6: { value: "1.5rem" },
+		7: { value: "1.75rem" },
+		8: { value: "2rem" },
+		9: { value: "2.25rem" },
+		10: { value: "2.5rem" },
+		11: { value: "2.75rem" },
+		12: { value: "3rem" },
+		14: { value: "3.5rem" },
+		16: { value: "4rem" },
+		20: { value: "5rem" },
+		24: { value: "6rem" },
+		28: { value: "7rem" },
+		32: { value: "8rem" },
+		36: { value: "9rem" },
+		40: { value: "10rem" },
+		44: { value: "11rem" },
+		48: { value: "12rem" },
+		52: { value: "13rem" },
+		56: { value: "14rem" },
+		60: { value: "15rem" },
+		64: { value: "16rem" },
+		72: { value: "18rem" },
+		80: { value: "20rem" },
+		96: { value: "24rem" }
+	};
+	largeSizes = {
+		xs: { value: "20rem" },
+		sm: { value: "24rem" },
+		md: { value: "28rem" },
+		lg: { value: "32rem" },
+		xl: { value: "36rem" },
+		"2xl": { value: "42rem" },
+		"3xl": { value: "48rem" },
+		"4xl": { value: "56rem" },
+		"5xl": { value: "64rem" },
+		"6xl": { value: "72rem" },
+		"7xl": { value: "80rem" },
+		"8xl": { value: "90rem" },
+		prose: { value: "65ch" }
+	};
+	sizes = {
+		...spacing,
+		...largeSizes,
+		full: { value: "100%" },
+		min: { value: "min-content" },
+		max: { value: "max-content" },
+		fit: { value: "fit-content" }
+	};
+	fontSizes = {
+		"2xs": { value: "0.5rem" },
+		xs: { value: "0.75rem" },
+		sm: { value: "0.875rem" },
+		md: { value: "1rem" },
+		lg: { value: "1.125rem" },
+		xl: { value: "1.25rem" },
+		"2xl": { value: "1.5rem" },
+		"3xl": { value: "1.875rem" },
+		"4xl": { value: "2.25rem" },
+		"5xl": { value: "3rem" },
+		"6xl": { value: "3.75rem" },
+		"7xl": { value: "4.5rem" },
+		"8xl": { value: "6rem" },
+		"9xl": { value: "8rem" }
+	};
+	fontWeights = {
+		thin: { value: "100" },
+		extralight: { value: "200" },
+		light: { value: "300" },
+		normal: { value: "400" },
+		medium: { value: "500" },
+		semibold: { value: "600" },
+		bold: { value: "700" },
+		extrabold: { value: "800" },
+		black: { value: "900" }
+	};
+	letterSpacings = {
+		tighter: { value: "-0.05em" },
+		tight: { value: "-0.025em" },
+		normal: { value: "0em" },
+		wide: { value: "0.025em" },
+		wider: { value: "0.05em" },
+		widest: { value: "0.1em" }
+	};
+	lineHeights = {
+		none: { value: "1" },
+		tight: { value: "1.25" },
+		snug: { value: "1.375" },
+		normal: { value: "1.5" },
+		relaxed: { value: "1.625" },
+		loose: { value: "2" }
+	};
+	fonts = {
+		sans: { value: [
+			"ui-sans-serif",
+			"system-ui",
+			"-apple-system",
+			"BlinkMacSystemFont",
+			"\"Segoe UI\"",
+			"Roboto",
+			"\"Helvetica Neue\"",
+			"Arial",
+			"\"Noto Sans\"",
+			"sans-serif",
+			"\"Apple Color Emoji\"",
+			"\"Segoe UI Emoji\"",
+			"\"Segoe UI Symbol\"",
+			"\"Noto Color Emoji\""
+		] },
+		serif: { value: [
+			"ui-serif",
+			"Georgia",
+			"Cambria",
+			"\"Times New Roman\"",
+			"Times",
+			"serif"
+		] },
+		mono: { value: [
+			"ui-monospace",
+			"SFMono-Regular",
+			"Menlo",
+			"Monaco",
+			"Consolas",
+			"\"Liberation Mono\"",
+			"\"Courier New\"",
+			"monospace"
+		] }
+	};
+	textStyles$1 = {
+		xs: { value: {
+			fontSize: "0.75rem",
+			lineHeight: "calc(1 / 0.75)"
+		} },
+		sm: { value: {
+			fontSize: "0.875rem",
+			lineHeight: "calc(1.25 / 0.875)"
+		} },
+		md: { value: {
+			fontSize: "1rem",
+			lineHeight: "calc(1.5 / 1)"
+		} },
+		lg: { value: {
+			fontSize: "1.125rem",
+			lineHeight: "calc(1.75 / 1.125)"
+		} },
+		xl: { value: {
+			fontSize: "1.25rem",
+			lineHeight: "calc(1.75 / 1.25)"
+		} },
+		"2xl": { value: {
+			fontSize: "1.5rem",
+			lineHeight: "calc(2 / 1.5)"
+		} },
+		"3xl": { value: {
+			fontSize: "1.875rem",
+			lineHeight: "calc(2.25 / 1.875)"
+		} },
+		"4xl": { value: {
+			fontSize: "2.25rem",
+			lineHeight: "calc(2.5 / 2.25)"
+		} },
+		"5xl": { value: {
+			fontSize: "3rem",
+			lineHeight: "1"
+		} },
+		"6xl": { value: {
+			fontSize: "3.75rem",
+			lineHeight: "1"
+		} },
+		"7xl": { value: {
+			fontSize: "4.5rem",
+			lineHeight: "1"
+		} },
+		"8xl": { value: {
+			fontSize: "6rem",
+			lineHeight: "1"
+		} },
+		"9xl": { value: {
+			fontSize: "8rem",
+			lineHeight: "1"
+		} }
+	};
+	defineTokens = (v) => v;
+	tokens$1 = defineTokens({
+		aspectRatios,
+		borders,
+		easings: {
+			default: { value: "cubic-bezier(0.4, 0, 0.2, 1)" },
+			linear: { value: "linear" },
+			in: { value: "cubic-bezier(0.4, 0, 1, 1)" },
+			out: { value: "cubic-bezier(0, 0, 0.2, 1)" },
+			"in-out": { value: "cubic-bezier(0.4, 0, 0.2, 1)" }
+		},
+		durations: {
+			fastest: { value: "50ms" },
+			faster: { value: "100ms" },
+			fast: { value: "150ms" },
+			normal: { value: "200ms" },
+			slow: { value: "300ms" },
+			slower: { value: "400ms" },
+			slowest: { value: "500ms" }
+		},
+		radii: {
+			xs: { value: "0.125rem" },
+			sm: { value: "0.25rem" },
+			md: { value: "0.375rem" },
+			lg: { value: "0.5rem" },
+			xl: { value: "0.75rem" },
+			"2xl": { value: "1rem" },
+			"3xl": { value: "1.5rem" },
+			"4xl": { value: "2rem" },
+			full: { value: "9999px" }
+		},
+		fontWeights,
+		lineHeights,
+		fonts,
+		letterSpacings,
+		fontSizes,
+		shadows,
+		colors,
+		blurs: {
+			xs: { value: "4px" },
+			sm: { value: "8px" },
+			md: { value: "12px" },
+			lg: { value: "16px" },
+			xl: { value: "24px" },
+			"2xl": { value: "40px" },
+			"3xl": { value: "64px" }
+		},
+		spacing,
+		sizes,
+		animations
+	});
+	definePreset = (config) => config;
+	preset = definePreset({
+		name: "@bamboocss/preset-bamboo",
+		theme: {
+			keyframes,
+			breakpoints,
+			tokens: tokens$1,
+			textStyles: textStyles$1,
+			containerSizes
+		}
+	});
+}));
+
+//#endregion
+//#region tests/fixtures/config.ts
+var conditions, theme, tokens, textStyles, fixturePreset;
+var init_config = __esmMin((() => {
+	init_recipes();
+	init_semantic_tokens();
+	init_slot_recipes();
+	init_dist$2();
+	init_dist$1();
+	conditions = {
+		...preset$1.conditions,
+		dark: "[data-theme=dark] &, .dark &, &.dark, &[data-theme=dark]",
+		light: "[data-theme=light] &, .light &, &.light, &[data-theme=light]",
+		materialTheme: "[data-color=material] &",
+		pastelTheme: "[data-color=pastel] &"
+	};
+	theme = preset.theme;
+	tokens = {
+		...theme.tokens,
+		colors: {
+			...theme.tokens?.colors,
+			deep: { test: {
+				pool: {
+					poller: { value: "#fff" },
+					tall: { value: "$dfdf" }
+				},
+				yam: { value: "%555" }
+			} }
+		}
+	};
+	textStyles = { headline: {
+		h1: { value: {
+			fontSize: "2rem",
+			fontWeight: "bold"
+		} },
+		h2: { value: {
+			fontSize: {
+				base: "1.5rem",
+				lg: "2rem"
+			},
+			fontWeight: "bold"
+		} }
+	} };
+	fixturePreset = {
+		...preset$1,
+		conditions,
+		theme: {
+			...theme,
+			recipes,
+			semanticTokens,
+			slotRecipes,
+			textStyles,
+			tokens
+		}
+	};
+}));
+
+//#endregion
+//#region ../cli/dist/index.mjs
+function defineConfig(config) {
+	return Object.assign(config, { name: "__bamboo.config__" });
+}
+var init_dist = __esmMin((() => {}));
+
+//#endregion
+//#region tests/fixtures/create-context.ts
+var sandboxConfig, config, fixtureDefaults, createGeneratorContext;
+var init_create_context = __esmMin((() => {
+	init_config();
+	init_dist();
+	sandboxConfig = defineConfig({
+		exclude: [],
+		globalCss: {
+			"*": {
+				fontFamily: "Inter",
+				margin: "0"
+			},
+			a: {
+				color: "inherit",
+				textDecoration: "none"
+			}
+		},
+		include: ["./src/**/*.{tsx,jsx}", "./pages/**/*.{jsx,tsx}"],
+		jsxFactory: "bamboo",
+		jsxFramework: "react",
+		outdir: "styled-system",
+		preflight: true,
+		theme: { extend: {
+			recipes: { button: {
+				base: { fontSize: "lg" },
+				className: "button",
+				compoundVariants: [{
+					css: { fontSize: "12px" },
+					size: "sm",
+					variant: "primary"
+				}, {
+					css: {
+						fontSize: "24px",
+						fontWeight: "bold",
+						padding: 4
+					},
+					state: "focused",
+					variant: ["primary", "danger"]
+				}],
+				description: "A button styles",
+				jsx: [
+					"Button",
+					"ListedButton",
+					/WithRegex$/,
+					"PrimaryButtonLike"
+				],
+				variants: {
+					rounded: { true: { borderRadius: "md" } },
+					size: {
+						md: {
+							borderRadius: "md",
+							padding: "4"
+						},
+						sm: {
+							borderRadius: "sm",
+							padding: "2"
+						}
+					},
+					state: {
+						focused: { color: "green" },
+						hovered: { color: "pink.400" }
+					},
+					variant: {
+						danger: {
+							backgroundColor: "red.500",
+							color: "white"
+						},
+						primary: {
+							backgroundColor: "blue.500",
+							color: "white"
+						},
+						purple: {
+							backgroundColor: "purple.500",
+							color: "amber.300"
+						},
+						secondary: {
+							backgroundColor: "green.500",
+							color: "pink.300"
+						}
+					}
+				}
+			} },
+			semanticTokens: { colors: {
+				bg: { value: {
+					_osDark: "{colors.gray.400}",
+					base: "{colors.gray.600}"
+				} },
+				text: { value: {
+					_osDark: "{colors.gray.400}",
+					base: "{colors.gray.600}"
+				} }
+			} },
+			tokens: { colors: { red: { "400": {
+				deprecated: true,
+				description: "red color",
+				value: "#ff0000"
+			} } } }
+		} }
+	});
+	config = {
+		...fixturePreset,
+		cssVarRoot: ":where(html)",
+		cwd: "",
+		include: [],
+		jsxFramework: "react",
+		outdir: "styled-system"
+	};
+	fixtureDefaults = {
+		config,
+		dependencies: [],
+		deserialize: () => parseJson(stringifyJson(config)),
+		hooks: {},
+		path: "",
+		serialized: stringifyJson(config)
+	};
+	createGeneratorContext = (userConfig) => {
+		const resolvedConfig = mergeConfigs([
+			fixtureDefaults.config,
+			sandboxConfig,
+			{ importMap: "./bamboo" },
+			...userConfig ? [userConfig] : []
+		]);
+		return new Generator({
+			...fixtureDefaults,
+			config: resolvedConfig
+		});
+	};
+}));
+
+//#endregion
+//#region src/utils/worker.ts
+async function getContext(options) {
+	if (process.env.NODE_ENV === "test") return createGeneratorContext({
+		exclude: ["**/Invalid.tsx", "**/bamboo.config.ts"],
+		importMap: "./bamboo",
+		include: ["**/*"],
+		jsxFactory: "styled"
+	});
+	else {
+		const configPath = findConfig({ cwd: options.configPath ?? options.currentFile });
+		if (!contextCache[configPath]) contextCache[configPath] = _getContext(configPath);
+		return contextCache[configPath];
+	}
+}
+async function _getContext(configPath) {
+	if (!configPath) throw new Error("Invalid config path");
+	return new Generator(await loadConfig({
+		cwd: path.dirname(configPath),
+		file: configPath
+	}));
+}
+function run(action, options, ...args) {
+	return runAsync(action, options, ...args);
+}
+async function runAsync(action, options, ...args) {
+	const context = await getContext(options);
+	switch (action) {
+		case "filterDeprecatedTokens": return filterDeprecatedTokens(context, ...args);
+		case "filterImports": return filterImports(context, ...args);
+		case "filterInvalidTokens": return filterInvalidTokens(context, ...args);
+		case "getJsxFactory": return getJsxFactory(context);
+		case "getPropCategory": return getPropertyCategory(context, ...args);
+		case "isColorAttribute": return isColorAttribute(context, ...args);
+		case "isColorToken": return isColorToken(context, ...args);
+		case "isValidFile": return isValidFile(context, options.currentFile);
+		case "isValidProperty": return isValidProperty(context, ...args);
+		case "matchFile": return matchFile(context, ...args);
+		case "matchImports": return matchImports(context, ...args);
+		case "resolveLongHand": return resolveLongHand(context, ...args);
+		case "resolveShorthands": return resolveShorthands(context, ...args);
+	}
+}
+var contextCache, filterDeprecatedTokens, filterInvalidTokens, getPropertyCategory, isColorAttribute, isColorToken, isValidFile, isValidProperty, matchFile, matchImports, filterImports, reverseShorthandsMapCache, getReverseShorthandsMap, resolveLongHand, resolveShorthands, getJsxFactory;
+var init_worker = __esmMin((() => {
+	init_utils();
+	init_create_context();
+	contextCache = {};
+	filterDeprecatedTokens = (context, tokens) => {
+		return tokens.filter((token) => {
+			const value = typeof token === "string" ? token : token.category + "." + token.value;
+			return context.utility.tokens.isDeprecated(value);
+		});
+	};
+	filterInvalidTokens = (context, paths) => {
+		return paths.filter((path) => !context.utility.tokens.view.get(path));
+	};
+	getPropertyCategory = (context, _attribute) => {
+		const attribute = resolveLongHand(context, _attribute) || _attribute;
+		const attributeConfig = context.utility.config[attribute];
+		return typeof attributeConfig?.values === "string" ? attributeConfig.values : void 0;
+	};
+	isColorAttribute = (context, _attribute) => {
+		return getPropertyCategory(context, _attribute) === "colors";
+	};
+	isColorToken = (context, value) => {
+		return Boolean(context.utility.tokens.view.categoryMap.get("colors")?.get(value));
+	};
+	isValidFile = (context, fileName) => {
+		const { exclude, include } = context.config;
+		const cwd = context.config.cwd || process.cwd();
+		const relativePath = path.isAbsolute(fileName) ? path.relative(cwd, fileName) : fileName;
+		return micromatch.isMatch(relativePath, include, {
+			dot: true,
+			ignore: exclude
+		});
+	};
+	isValidProperty = (context, name, patternName) => {
+		if (context.isValidProperty(name)) return true;
+		if (!patternName) return false;
+		if (patternName === context.config.jsxFactory) return false;
+		const pattern = context.patterns.details.find((p) => p.baseName === patternName || p.jsx.includes(patternName))?.config.properties;
+		if (!pattern) return false;
+		return Object.keys(pattern).includes(name);
+	};
+	matchFile = (context, name, imports) => {
+		return context.imports.file(imports).match(name);
+	};
+	matchImports = (context, result) => {
+		return context.imports.match(result, (module_) => {
+			const { tsOptions } = context.parserOptions;
+			if (!tsOptions?.pathMappings) return;
+			return resolveTsPathPattern(tsOptions.pathMappings, module_);
+		});
+	};
+	filterImports = (context, imports) => {
+		return imports.filter((imp) => context.imports.match(imp, (module_) => {
+			const { tsOptions } = context.parserOptions;
+			if (!tsOptions?.pathMappings) return;
+			return resolveTsPathPattern(tsOptions.pathMappings, module_);
+		}));
+	};
+	reverseShorthandsMapCache = /* @__PURE__ */ new WeakMap();
+	getReverseShorthandsMap = (context) => {
+		let reverseMap = reverseShorthandsMapCache.get(context);
+		if (!reverseMap) {
+			reverseMap = /* @__PURE__ */ new Map();
+			const shorthands = context.utility.getPropShorthandsMap();
+			for (const [key, values] of shorthands) for (const value of values) reverseMap.set(value, key);
+			reverseShorthandsMapCache.set(context, reverseMap);
+		}
+		return reverseMap;
+	};
+	resolveLongHand = (context, name) => {
+		return getReverseShorthandsMap(context).get(name);
+	};
+	resolveShorthands = (context, name) => {
+		return context.utility.getPropShorthandsMap().get(name);
+	};
+	getJsxFactory = (context) => {
+		return context.config.jsxFactory;
+	};
+	runAsWorker(run);
+}));
+
+//#endregion
+//#region src/utils/index.ts
+var createRule, isBase, _syncAction, cache, syncAction;
+var init_utils = __esmMin((() => {
+	createRule = ESLintUtils.RuleCreator((name) => `https://github.com/bamboocss/bamboo/blob/main/packages/eslint-plugin/docs/rules/${name}.md`);
+	isBase = process.env.NODE_ENV !== "test" || import.meta.url.endsWith("dist/index.js");
+	_syncAction = createSyncFn(join(fileURLToPath(new URL(isBase ? "./" : "../../dist", import.meta.url)), "utils/worker.mjs"));
+	cache = /* @__PURE__ */ new Map();
+	syncAction = ((...args) => {
+		const cacheKey = JSON.stringify(args);
+		if (cache.has(cacheKey)) return cache.get(cacheKey);
+		try {
+			const result = _syncAction(...args);
+			cache.set(cacheKey, result);
+			return result;
+		} catch (error) {
+			console.error("syncAction error:", error);
+			return;
+		}
+	});
+}));
+
+//#endregion
+export { init_worker as a, __commonJSMin as c, getContext as i, __esmMin as l, init_utils as n, run as o, syncAction as r, runAsync as s, createRule as t };
+//# sourceMappingURL=utils-CwjhPHe9.mjs.map