@mochi-css/vanilla 1.0.1 → 1.1.0

package/README.md

@@ -386,6 +386,8 @@ const fadeInStyle = css({
 For more control over animation timing, use percentage-based stops:
 
 ```ts
+import { keyframes, css } from "@mochi-css/vanilla"
+
 const bounce = keyframes({
     "0%": { transform: "translateY(0)" },
     "50%": { transform: "translateY(-20px)" },
@@ -402,6 +404,8 @@ const bouncingElement = css({
 Each stop can contain multiple CSS properties with auto-units:
 
 ```ts
+import { keyframes } from "@mochi-css/vanilla"
+
 const grow = keyframes({
     from: {
         opacity: 0,
@@ -414,3 +418,4 @@ const grow = keyframes({
         fontSize: 24  // becomes 24px
     }
 })
+```

package/dist/index.d.mts

@@ -689,6 +689,13 @@ declare class MochiCSS<V extends AllVariants = DefaultVariants> {
    */
   static from<V extends AllVariants = DefaultVariants>(object: CSSObject<V>): MochiCSS<V>;
 }
+/**
+ * Merges multiple MochiCSS instances into a single one, combining their
+ * class names, variant class names, and default variants.
+ * @param instances - The MochiCSS instances to merge
+ * @returns A new MochiCSS instance with all styles combined
+ */
+declare function mergeMochiCss<V extends AllVariants[]>(instances: MochiCSS<AllVariants>[]): MochiCSS<MergeCSSVariants<V>>;
 declare function css<V extends AllVariants[]>(...props: { [K in keyof V]: MochiCSSProps<V[K]> | MochiCSS }): MochiCSS<MergeCSSVariants<V>>;
 //#endregion
 //#region src/styled.d.ts
@@ -750,5 +757,40 @@ declare class MochiKeyframes {
 }
 declare function keyframes(stops: KeyframeStops): MochiKeyframes;
 //#endregion
-export { AllVariants, CSSObject, CompoundVariant, CssLike, CssLikeObject, CssObjectBlock, CssObjectSubBlock, CssVar, CssVarVal, DefaultVariants, type KeyframeStops, KeyframesObject, MergeCSSVariants, MochiCSS, MochiCSSProps, MochiKeyframes, MochiSelector, RefineVariants, type StyleProps, Token, VariantProps, createToken, css, cssFromProps, keyframes, styled };
+//#region src/globalCssObject.d.ts
+type GlobalCssStyles = Record<string, StyleProps>;
+/**
+ * CSS object model for global (non-scoped) styles.
+ * Accepts a map of CSS selectors to style objects and serializes them
+ * as plain CSS rules without class name scoping.
+ *
+ * @example
+ * const obj = new GlobalCssObject({
+ *   body: { margin: 0 },
+ *   'h1': { fontSize: 32 },
+ * })
+ * obj.asCssString() // "body {\n    margin: 0;\n}\n\nh1 {\n    font-size: 32px;\n}"
+ */
+declare class GlobalCssObject {
+  private readonly rules;
+  constructor(styles: GlobalCssStyles);
+  asCssString(): string;
+}
+//#endregion
+//#region src/globalCss.d.ts
+/**
+ * Creates a global CSS definition.
+ * Styles are not scoped to any class — they apply to all matching elements.
+ *
+ * @param styles - Map of CSS selectors to style objects
+ *
+ * @example
+ * globalCss({
+ *   'body': { margin: 0, padding: 0 },
+ *   '*, *::before, *::after': { boxSizing: 'border-box' },
+ * })
+ */
+declare function globalCss(styles: GlobalCssStyles): void;
+//#endregion
+export { AllVariants, CSSObject, CompoundVariant, CssLike, CssLikeObject, CssObjectBlock, CssObjectSubBlock, CssVar, CssVarVal, DefaultVariants, GlobalCssObject, type GlobalCssStyles, type KeyframeStops, KeyframesObject, MergeCSSVariants, MochiCSS, MochiCSSProps, MochiKeyframes, MochiSelector, RefineVariants, type StyleProps, Token, VariantProps, createToken, css, cssFromProps, globalCss, keyframes, mergeMochiCss, styled };
 //# sourceMappingURL=index.d.mts.map

package/dist/index.d.ts

@@ -689,6 +689,13 @@ declare class MochiCSS<V extends AllVariants = DefaultVariants> {
    */
   static from<V extends AllVariants = DefaultVariants>(object: CSSObject<V>): MochiCSS<V>;
 }
+/**
+ * Merges multiple MochiCSS instances into a single one, combining their
+ * class names, variant class names, and default variants.
+ * @param instances - The MochiCSS instances to merge
+ * @returns A new MochiCSS instance with all styles combined
+ */
+declare function mergeMochiCss<V extends AllVariants[]>(instances: MochiCSS<AllVariants>[]): MochiCSS<MergeCSSVariants<V>>;
 declare function css<V extends AllVariants[]>(...props: { [K in keyof V]: MochiCSSProps<V[K]> | MochiCSS }): MochiCSS<MergeCSSVariants<V>>;
 //#endregion
 //#region src/styled.d.ts
@@ -750,5 +757,40 @@ declare class MochiKeyframes {
 }
 declare function keyframes(stops: KeyframeStops): MochiKeyframes;
 //#endregion
-export { AllVariants, CSSObject, CompoundVariant, CssLike, CssLikeObject, CssObjectBlock, CssObjectSubBlock, CssVar, CssVarVal, DefaultVariants, type KeyframeStops, KeyframesObject, MergeCSSVariants, MochiCSS, MochiCSSProps, MochiKeyframes, MochiSelector, RefineVariants, type StyleProps, Token, VariantProps, createToken, css, cssFromProps, keyframes, styled };
+//#region src/globalCssObject.d.ts
+type GlobalCssStyles = Record<string, StyleProps>;
+/**
+ * CSS object model for global (non-scoped) styles.
+ * Accepts a map of CSS selectors to style objects and serializes them
+ * as plain CSS rules without class name scoping.
+ *
+ * @example
+ * const obj = new GlobalCssObject({
+ *   body: { margin: 0 },
+ *   'h1': { fontSize: 32 },
+ * })
+ * obj.asCssString() // "body {\n    margin: 0;\n}\n\nh1 {\n    font-size: 32px;\n}"
+ */
+declare class GlobalCssObject {
+  private readonly rules;
+  constructor(styles: GlobalCssStyles);
+  asCssString(): string;
+}
+//#endregion
+//#region src/globalCss.d.ts
+/**
+ * Creates a global CSS definition.
+ * Styles are not scoped to any class — they apply to all matching elements.
+ *
+ * @param styles - Map of CSS selectors to style objects
+ *
+ * @example
+ * globalCss({
+ *   'body': { margin: 0, padding: 0 },
+ *   '*, *::before, *::after': { boxSizing: 'border-box' },
+ * })
+ */
+declare function globalCss(styles: GlobalCssStyles): void;
+//#endregion
+export { AllVariants, CSSObject, CompoundVariant, CssLike, CssLikeObject, CssObjectBlock, CssObjectSubBlock, CssVar, CssVarVal, DefaultVariants, GlobalCssObject, type GlobalCssStyles, type KeyframeStops, KeyframesObject, MergeCSSVariants, MochiCSS, MochiCSSProps, MochiKeyframes, MochiSelector, RefineVariants, type StyleProps, Token, VariantProps, createToken, css, cssFromProps, globalCss, keyframes, mergeMochiCss, styled };
 //# sourceMappingURL=index.d.ts.map

package/dist/index.js

@@ -940,6 +940,16 @@ var MochiCSS = class MochiCSS {
 * const combined = css(baseStyles, additionalStyles)
 */
 const emptyMochiCSS = new MochiCSS([], {}, {});
+/**
+* Merges multiple MochiCSS instances into a single one, combining their
+* class names, variant class names, and default variants.
+* @param instances - The MochiCSS instances to merge
+* @returns A new MochiCSS instance with all styles combined
+*/
+function mergeMochiCss(instances) {
+	if (instances.length === 0) return emptyMochiCSS;
+	return new MochiCSS(instances.flatMap((c) => c.classNames), instances.reduce((a, b) => Object.assign(a, b.variantClassNames), {}), instances.reduce((a, b) => Object.assign(a, b.defaultVariants), {}));
+}
 function css(...props) {
 	const cssToMerge = [];
 	for (const p of props) {
@@ -947,8 +957,7 @@ function css(...props) {
 		if (p instanceof MochiCSS) cssToMerge.push(p);
 		else cssToMerge.push(MochiCSS.from(new CSSObject(p)));
 	}
-	if (cssToMerge.length === 0) return emptyMochiCSS;
-	return new MochiCSS(cssToMerge.flatMap((css$1) => css$1.classNames), cssToMerge.reduce((a, b) => Object.assign(a, b.variantClassNames), {}), cssToMerge.reduce((a, b) => Object.assign(a, b.defaultVariants), {}));
+	return mergeMochiCss(cssToMerge);
 }
 
 //#endregion
@@ -1029,10 +1038,54 @@ function keyframes(stops) {
 	return MochiKeyframes.from(new KeyframesObject(stops));
 }
 
+//#endregion
+//#region src/globalCssObject.ts
+/**
+* CSS object model for global (non-scoped) styles.
+* Accepts a map of CSS selectors to style objects and serializes them
+* as plain CSS rules without class name scoping.
+*
+* @example
+* const obj = new GlobalCssObject({
+*   body: { margin: 0 },
+*   'h1': { fontSize: 32 },
+* })
+* obj.asCssString() // "body {\n    margin: 0;\n}\n\nh1 {\n    font-size: 32px;\n}"
+*/
+var GlobalCssObject = class {
+	rules;
+	constructor(styles) {
+		this.rules = Object.entries(styles).toSorted(compareStringKey).map(([selector, props]) => ({
+			selector,
+			subBlocks: [...CssObjectSubBlock.fromProps(props)]
+		}));
+	}
+	asCssString() {
+		return this.rules.flatMap(({ selector, subBlocks }) => subBlocks.map((b) => b.asCssString(selector))).join("\n\n");
+	}
+};
+
+//#endregion
+//#region src/globalCss.ts
+/**
+* Creates a global CSS definition.
+* Styles are not scoped to any class — they apply to all matching elements.
+*
+* @param styles - Map of CSS selectors to style objects
+*
+* @example
+* globalCss({
+*   'body': { margin: 0, padding: 0 },
+*   '*, *::before, *::after': { boxSizing: 'border-box' },
+* })
+*/
+function globalCss(styles) {}
+
 //#endregion
 exports.CSSObject = CSSObject;
 exports.CssObjectBlock = CssObjectBlock;
 exports.CssObjectSubBlock = CssObjectSubBlock;
+exports.GlobalCssObject = GlobalCssObject;
 exports.KeyframesObject = KeyframesObject;
 exports.MochiCSS = MochiCSS;
 exports.MochiKeyframes = MochiKeyframes;
@@ -1041,6 +1094,8 @@ exports.Token = Token;
 exports.createToken = createToken;
 exports.css = css;
 exports.cssFromProps = cssFromProps;
+exports.globalCss = globalCss;
 exports.keyframes = keyframes;
+exports.mergeMochiCss = mergeMochiCss;
 exports.styled = styled;
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["name: string","properties","cssSelectors: string[]","mediaSelectors: string[]","cssProps: Record<string, string>","selector: MochiSelector","propsToProcess: { key: string; selector: MochiSelector; props: StyleProps }[]","props","selector","classNames: string[]","variantClassNames: { [K in keyof V]: { [P in keyof V[K]]: string } }","defaultVariants: Partial<RefineVariants<V>>","cssToMerge: MochiCSS<AllVariants>[]","css","name: string"],"sources":["../src/token.ts","../src/propertyUnits.generated.ts","../src/props.ts","../src/selector.ts","../src/hash.ts","../src/compare.ts","../src/cssObject.ts","../src/css.ts","../src/styled.ts","../src/keyframesObject.ts","../src/keyframes.ts"],"sourcesContent":["/**\n * CSS custom property (design token) utilities.\n * Provides type-safe access to CSS variables with proper `var()` syntax.\n * @module token\n */\n\nimport { CssVar, CssVarVal } from \"@/values\"\n\n/**\n * Represents a CSS custom property (design token) with type information.\n * Provides convenient access to both the variable name and its `var()` reference.\n * @template T - The expected value type of the token (for type checking)\n * @example\n * const primaryColor = new Token<string>('primary-color')\n * primaryColor.variable // '--primary-color'\n * primaryColor.value    // 'var(--primary-color)'\n */\nexport class Token {\n    /**\n     * Creates a new CSS token.\n     * @param name - The token name (without the `--` prefix)\n     */\n    constructor(public readonly name: string) {}\n\n    /**\n     * Gets the CSS custom property name (with `--` prefix).\n     * Use this when defining the variable.\n     */\n    get variable(): CssVar {\n        return `--${this.name}`\n    }\n\n    /**\n     * Gets the CSS `var()` reference to this token.\n     * Use this when consuming the variable value.\n     */\n    get value(): CssVarVal {\n        return `var(${this.variable})`\n    }\n\n    /**\n     * Returns the variable name for string coercion.\n     */\n    toString(): CssVar {\n        return this.variable\n    }\n}\n\n/**\n * Creates a new CSS design token.\n * @template T - The expected value type of the token\n * @param name - The token name (without the `--` prefix)\n * @returns A new Token instance\n * @example\n * const spacing = createToken<number>('spacing-md')\n * // Use in styles: { gap: spacing.value }\n */\nexport function createToken(name: string): Token {\n    return new Token(name)\n}\n","// Auto-generated from @webref/css - do not edit manually\n// Run \"yarn build\" to regenerate\n\nexport const propertyUnits = {\n    animation: \"ms\",\n    animationDelay: \"ms\",\n    animationDuration: \"ms\",\n    animationRange: \"px\",\n    animationRangeCenter: \"px\",\n    animationRangeEnd: \"px\",\n    animationRangeStart: \"px\",\n    background: \"px\",\n    backgroundPosition: \"px\",\n    backgroundPositionBlock: \"px\",\n    backgroundPositionInline: \"px\",\n    backgroundPositionX: \"px\",\n    backgroundPositionY: \"px\",\n    backgroundSize: \"px\",\n    backgroundTbd: \"px\",\n    baselineShift: \"px\",\n    blockSize: \"px\",\n    blockStep: \"px\",\n    blockStepSize: \"px\",\n    border: \"px\",\n    borderBlock: \"px\",\n    borderBlockClip: \"px\",\n    borderBlockEnd: \"px\",\n    borderBlockEndClip: \"px\",\n    borderBlockEndRadius: \"px\",\n    borderBlockEndWidth: \"px\",\n    borderBlockStart: \"px\",\n    borderBlockStartClip: \"px\",\n    borderBlockStartRadius: \"px\",\n    borderBlockStartWidth: \"px\",\n    borderBlockWidth: \"px\",\n    borderBottom: \"px\",\n    borderBottomClip: \"px\",\n    borderBottomLeftRadius: \"px\",\n    borderBottomRadius: \"px\",\n    borderBottomRightRadius: \"px\",\n    borderBottomWidth: \"px\",\n    borderClip: \"px\",\n    borderEndEndRadius: \"px\",\n    borderEndStartRadius: \"px\",\n    borderImage: \"%\",\n    borderImageOutset: \"px\",\n    borderImageSlice: \"%\",\n    borderImageWidth: \"px\",\n    borderInline: \"px\",\n    borderInlineClip: \"px\",\n    borderInlineEnd: \"px\",\n    borderInlineEndClip: \"px\",\n    borderInlineEndRadius: \"px\",\n    borderInlineEndWidth: \"px\",\n    borderInlineStart: \"px\",\n    borderInlineStartClip: \"px\",\n    borderInlineStartRadius: \"px\",\n    borderInlineStartWidth: \"px\",\n    borderInlineWidth: \"px\",\n    borderLeft: \"px\",\n    borderLeftClip: \"px\",\n    borderLeftRadius: \"px\",\n    borderLeftWidth: \"px\",\n    borderLimit: \"px\",\n    borderRadius: \"px\",\n    borderRight: \"px\",\n    borderRightClip: \"px\",\n    borderRightRadius: \"px\",\n    borderRightWidth: \"px\",\n    borderSpacing: \"px\",\n    borderStartEndRadius: \"px\",\n    borderStartStartRadius: \"px\",\n    borderTop: \"px\",\n    borderTopClip: \"px\",\n    borderTopLeftRadius: \"px\",\n    borderTopRadius: \"px\",\n    borderTopRightRadius: \"px\",\n    borderTopWidth: \"px\",\n    borderWidth: \"px\",\n    bottom: \"px\",\n    boxShadow: \"px\",\n    boxShadowBlur: \"px\",\n    boxShadowOffset: \"px\",\n    boxShadowSpread: \"px\",\n    columnGap: \"px\",\n    columnHeight: \"px\",\n    columnRule: \"px\",\n    columnRuleEdgeInset: \"px\",\n    columnRuleEdgeInsetEnd: \"px\",\n    columnRuleEdgeInsetStart: \"px\",\n    columnRuleInset: \"px\",\n    columnRuleInsetEnd: \"px\",\n    columnRuleInsetStart: \"px\",\n    columnRuleInteriorInset: \"px\",\n    columnRuleInteriorInsetEnd: \"px\",\n    columnRuleInteriorInsetStart: \"px\",\n    columnRuleWidth: \"px\",\n    columns: \"px\",\n    columnWidth: \"px\",\n    containIntrinsicBlockSize: \"px\",\n    containIntrinsicHeight: \"px\",\n    containIntrinsicInlineSize: \"px\",\n    containIntrinsicSize: \"px\",\n    containIntrinsicWidth: \"px\",\n    corner: \"px\",\n    cornerBlockEnd: \"px\",\n    cornerBlockStart: \"px\",\n    cornerBottom: \"px\",\n    cornerBottomLeft: \"px\",\n    cornerBottomRight: \"px\",\n    cornerEndEnd: \"px\",\n    cornerEndStart: \"px\",\n    cornerInlineEnd: \"px\",\n    cornerInlineStart: \"px\",\n    cornerLeft: \"px\",\n    cornerRight: \"px\",\n    cornerStartEnd: \"px\",\n    cornerStartStart: \"px\",\n    cornerTop: \"px\",\n    cornerTopLeft: \"px\",\n    cornerTopRight: \"px\",\n    cx: \"px\",\n    cy: \"px\",\n    fillOpacity: \"%\",\n    fillPosition: \"px\",\n    fillSize: \"px\",\n    flex: \"px\",\n    flexBasis: \"px\",\n    floatOffset: \"px\",\n    floodOpacity: \"%\",\n    flowTolerance: \"px\",\n    font: \"deg\",\n    fontSize: \"px\",\n    fontStretch: \"%\",\n    fontStyle: \"deg\",\n    fontWidth: \"%\",\n    gap: \"px\",\n    grid: \"px\",\n    gridAutoColumns: \"px\",\n    gridAutoRows: \"px\",\n    gridColumnGap: \"px\",\n    gridGap: \"px\",\n    gridRowGap: \"px\",\n    gridTemplate: \"px\",\n    gridTemplateColumns: \"px\",\n    gridTemplateRows: \"px\",\n    height: \"px\",\n    hyphenateLimitZone: \"px\",\n    imageOrientation: \"deg\",\n    imageResolution: \"dppx\",\n    initialLetterWrap: \"px\",\n    inlineSize: \"px\",\n    inset: \"px\",\n    insetBlock: \"px\",\n    insetBlockEnd: \"px\",\n    insetBlockStart: \"px\",\n    insetInline: \"px\",\n    insetInlineEnd: \"px\",\n    insetInlineStart: \"px\",\n    interestDelay: \"ms\",\n    interestDelayEnd: \"ms\",\n    interestDelayStart: \"ms\",\n    itemFlow: \"px\",\n    left: \"px\",\n    letterSpacing: \"px\",\n    lineHeight: \"px\",\n    lineHeightStep: \"px\",\n    linePadding: \"px\",\n    margin: \"px\",\n    marginBlock: \"px\",\n    marginBlockEnd: \"px\",\n    marginBlockStart: \"px\",\n    marginBottom: \"px\",\n    marginInline: \"px\",\n    marginInlineEnd: \"px\",\n    marginInlineStart: \"px\",\n    marginLeft: \"px\",\n    marginRight: \"px\",\n    marginTop: \"px\",\n    mask: \"px\",\n    maskBorder: \"%\",\n    maskBorderOutset: \"px\",\n    maskBorderSlice: \"%\",\n    maskBorderWidth: \"px\",\n    maskPosition: \"px\",\n    maskSize: \"px\",\n    maxBlockSize: \"px\",\n    maxHeight: \"px\",\n    maxInlineSize: \"px\",\n    maxWidth: \"px\",\n    minBlockSize: \"px\",\n    minHeight: \"px\",\n    minInlineSize: \"px\",\n    minWidth: \"px\",\n    objectPosition: \"px\",\n    offset: \"px\",\n    offsetAnchor: \"px\",\n    offsetDistance: \"px\",\n    offsetPosition: \"px\",\n    offsetRotate: \"deg\",\n    opacity: \"%\",\n    outline: \"px\",\n    outlineOffset: \"px\",\n    outlineWidth: \"px\",\n    overflowClipMargin: \"px\",\n    overflowClipMarginBlock: \"px\",\n    overflowClipMarginBlockEnd: \"px\",\n    overflowClipMarginBlockStart: \"px\",\n    overflowClipMarginBottom: \"px\",\n    overflowClipMarginInline: \"px\",\n    overflowClipMarginInlineEnd: \"px\",\n    overflowClipMarginInlineStart: \"px\",\n    overflowClipMarginLeft: \"px\",\n    overflowClipMarginRight: \"px\",\n    overflowClipMarginTop: \"px\",\n    padding: \"px\",\n    paddingBlock: \"px\",\n    paddingBlockEnd: \"px\",\n    paddingBlockStart: \"px\",\n    paddingBottom: \"px\",\n    paddingInline: \"px\",\n    paddingInlineEnd: \"px\",\n    paddingInlineStart: \"px\",\n    paddingLeft: \"px\",\n    paddingRight: \"px\",\n    paddingTop: \"px\",\n    pause: \"ms\",\n    pauseAfter: \"ms\",\n    pauseBefore: \"ms\",\n    perspective: \"px\",\n    perspectiveOrigin: \"px\",\n    r: \"px\",\n    rest: \"ms\",\n    restAfter: \"ms\",\n    restBefore: \"ms\",\n    right: \"px\",\n    rotate: \"deg\",\n    rowGap: \"px\",\n    rowRule: \"px\",\n    rowRuleEdgeInset: \"px\",\n    rowRuleEdgeInsetEnd: \"px\",\n    rowRuleEdgeInsetStart: \"px\",\n    rowRuleInset: \"px\",\n    rowRuleInsetEnd: \"px\",\n    rowRuleInsetStart: \"px\",\n    rowRuleInteriorInset: \"px\",\n    rowRuleInteriorInsetEnd: \"px\",\n    rowRuleInteriorInsetStart: \"px\",\n    rowRuleWidth: \"px\",\n    rule: \"px\",\n    ruleEdgeInset: \"px\",\n    ruleInset: \"px\",\n    ruleInsetEnd: \"px\",\n    ruleInsetStart: \"px\",\n    ruleInteriorInset: \"px\",\n    ruleWidth: \"px\",\n    rx: \"px\",\n    ry: \"px\",\n    scale: \"%\",\n    scrollMargin: \"px\",\n    scrollMarginBlock: \"px\",\n    scrollMarginBlockEnd: \"px\",\n    scrollMarginBlockStart: \"px\",\n    scrollMarginBottom: \"px\",\n    scrollMarginInline: \"px\",\n    scrollMarginInlineEnd: \"px\",\n    scrollMarginInlineStart: \"px\",\n    scrollMarginLeft: \"px\",\n    scrollMarginRight: \"px\",\n    scrollMarginTop: \"px\",\n    scrollPadding: \"px\",\n    scrollPaddingBlock: \"px\",\n    scrollPaddingBlockEnd: \"px\",\n    scrollPaddingBlockStart: \"px\",\n    scrollPaddingBottom: \"px\",\n    scrollPaddingInline: \"px\",\n    scrollPaddingInlineEnd: \"px\",\n    scrollPaddingInlineStart: \"px\",\n    scrollPaddingLeft: \"px\",\n    scrollPaddingRight: \"px\",\n    scrollPaddingTop: \"px\",\n    shapeImageThreshold: \"%\",\n    shapeMargin: \"px\",\n    shapePadding: \"px\",\n    stopOpacity: \"%\",\n    strokeDasharray: \"px\",\n    strokeDashcorner: \"px\",\n    strokeDashCorner: \"px\",\n    strokeDashoffset: \"px\",\n    strokeOpacity: \"%\",\n    strokePosition: \"px\",\n    strokeSize: \"px\",\n    strokeWidth: \"px\",\n    tabSize: \"px\",\n    textDecoration: \"px\",\n    textDecorationInset: \"px\",\n    textDecorationThickness: \"px\",\n    textIndent: \"px\",\n    textShadow: \"px\",\n    textSizeAdjust: \"%\",\n    textUnderlineOffset: \"px\",\n    timelineTrigger: \"px\",\n    timelineTriggerExitRange: \"px\",\n    timelineTriggerExitRangeEnd: \"px\",\n    timelineTriggerExitRangeStart: \"px\",\n    timelineTriggerRange: \"px\",\n    timelineTriggerRangeEnd: \"px\",\n    timelineTriggerRangeStart: \"px\",\n    top: \"px\",\n    transformOrigin: \"px\",\n    transition: \"ms\",\n    transitionDelay: \"ms\",\n    transitionDuration: \"ms\",\n    translate: \"px\",\n    verticalAlign: \"px\",\n    viewTimeline: \"px\",\n    viewTimelineInset: \"px\",\n    voiceDuration: \"ms\",\n    voicePitch: \"Hz\",\n    voiceRange: \"Hz\",\n    voiceRate: \"%\",\n    width: \"px\",\n    wordSpacing: \"px\",\n    x: \"px\",\n    y: \"px\",\n    zoom: \"%\",\n} as const\n\nexport type PropertyWithUnit = keyof typeof propertyUnits\n","/**\n * CSS property handling and type definitions.\n * Provides type-safe mappings from JavaScript objects to CSS properties,\n * with automatic unit conversion and value formatting.\n * @module props\n */\n\nimport { Properties, ObsoleteProperties } from \"csstype\"\nimport { CssLike, CssVar } from \"@/values\"\nimport properties from \"known-css-properties\"\nimport { propertyUnits, type PropertyWithUnit } from \"./propertyUnits.generated\"\n\n/** All non-obsolete CSS properties from csstype */\ntype Props = Required<Omit<Properties, keyof ObsoleteProperties>>\n\n/** Properties that have default units and are valid CSS properties */\ntype PropsWithUnit = PropertyWithUnit & keyof Props\n\n/**\n * Converts a kebab-case string to camelCase.\n */\nexport function kebabToCamel(str: string): string {\n    return str.replace(/-([a-z])/g, (_, c: string) => c.toUpperCase())\n}\n\n/**\n * Converts a camelCase string to kebab-case.\n */\nexport function camelToKebab(str: string): string {\n    return str.replace(/[A-Z]/g, (m) => \"-\" + m.toLowerCase())\n}\n\nfunction getUnitForProperty(propertyName: string): string | undefined {\n    return propertyName in propertyUnits ? propertyUnits[propertyName as PropertyWithUnit] : undefined\n}\n\n/**\n * Converts a CSS-like value to its string representation.\n * For properties with known units, numbers are automatically suffixed.\n */\nfunction formatValue(value: CssLike<string | number>, propertyName: string, maxDepth = 10): string {\n    if (maxDepth <= 0) return \"\"\n    if (typeof value === \"string\") return value\n    if (typeof value === \"number\") {\n        const unit = getUnitForProperty(propertyName)\n        if (unit === \"%\") return `${value * 100}${unit}`\n        if (value === 0) return \"0\"\n        return unit ? `${value}${unit}` : value.toString()\n    }\n    return formatValue(value.value, propertyName, maxDepth - 1)\n}\n\n//TODO: generate this list and drop known-css-properties package\nconst knownPropertySet = new Set<string>(properties.all.map(kebabToCamel))\n\n/**\n * Checks if a property name is a CSS custom property (variable).\n */\nexport function isCssVariableName(key: string): key is CssVar {\n    return key.startsWith(\"--\")\n}\n\n/**\n * Converts a CSS-like value to a string for use as a CSS variable value.\n * @param value - The value to convert (string, number, or wrapped value)\n * @param maxDepth - Maximum recursion depth for evaluating the value\n * @returns The string representation\n */\nexport function asVar(value: CssLike<string | number>, maxDepth = 10): string {\n    if (maxDepth <= 0) return \"\"\n    switch (typeof value) {\n        case \"string\":\n            return value\n        case \"number\":\n            return value.toString()\n        default:\n            return asVar(value.value, maxDepth - 1)\n    }\n}\n\n/**\n * Checks if a property name is a known CSS property.\n */\nexport function isKnownPropertyName(key: string): key is keyof Props {\n    return knownPropertySet.has(key)\n}\n\n/**\n * Converts a value to a CSS property string.\n * Automatically appends units to numeric values for properties that require them.\n * @param value - The value to convert\n * @param key - The CSS property name\n * @returns The formatted CSS value string\n */\nexport function asKnownProp(value: unknown, key: keyof Props): string {\n    return formatValue(value as CssLike<string | number>, key)\n}\n\n/**\n * Checks if a key represents a nested CSS selector.\n */\n//TODO: make better validation, provide human readable errors\nexport function isNestedSelector(key: string): key is NestedCssSelector {\n    return key.includes(\"&\")\n}\n\n/**\n * Checks if a key represents a media query.\n */\n//TODO: make better validation, provide human readable errors\nexport function isMediaSelector(key: string): key is MediaSelector {\n    return key.startsWith(\"@\")\n}\n\n/** A nested CSS selector pattern containing the parent reference `&` */\nexport type NestedCssSelector = `${string}&${string}`\n\n/** A CSS media query starting with `@` */\nexport type MediaSelector = `@${string}`\n\ntype NestedStyleKeys = MediaSelector | NestedCssSelector\n\n/**\n * Style properties without nesting support.\n * Includes all standard CSS properties with type-safe value converters,\n * plus CSS custom properties (variables).\n *\n * Properties with known units (e.g., width, height, padding) accept numbers\n * that are automatically converted with their default unit (e.g., px, ms).\n */\nexport type SimpleStyleProps = { [K in PropsWithUnit]?: CssLike<number | Props[K]> } & {\n    [K in Exclude<keyof Props, PropsWithUnit>]?: CssLike<Props[K]>\n} & Partial<Record<CssVar, CssLike<string | number>>>\n\n/**\n * Full style properties type with support for nested selectors and media queries.\n * Extends SimpleStyleProps to allow recursive style definitions.\n *\n * @example\n * const styles: StyleProps = {\n *   color: 'blue',\n *   padding: 16,\n *   '&:hover': { color: 'red' },\n *   '@min-width: 768px': { padding: 24 }\n * }\n */\nexport type StyleProps = SimpleStyleProps & { [K in NestedStyleKeys]?: StyleProps | CssLike<string | number> }\n\n/**\n * Converts a SimpleStyleProps object to a CSS properties record.\n * Transforms camelCase property names to kebab-case and applies value converters.\n * @param props - The style properties object\n * @returns A record of CSS property names (kebab-case) to string values\n * @example\n * cssFromProps({ backgroundColor: 'blue', padding: 16 })\n * // { 'background-color': 'blue', 'padding': '16px' }\n */\nexport function cssFromProps(props: SimpleStyleProps): Record<string, string> {\n    return Object.fromEntries(\n        Object.entries(props)\n            .map(([key, value]): [string, string] | undefined => {\n                if (value === undefined) return undefined\n                // transform variable\n                if (isCssVariableName(key)) return [key, asVar(value as CssLike<string | number>)]\n                // transform CSS prop\n                if (isKnownPropertyName(key)) return [camelToKebab(key), asKnownProp(value, key)]\n                return undefined\n            })\n            .filter((v) => v !== undefined),\n    )\n}\n","/**\n * CSS selector building and manipulation utilities.\n * Handles nested selectors (using `&` placeholder) and media queries.\n * @module selector\n */\n\nimport { isMediaSelector, isNestedSelector } from \"@/props\"\n\n/**\n * Immutable CSS selector builder that handles nested selectors and media queries.\n * Uses the `&` character as a placeholder for parent selector substitution.\n *\n * @example\n * const selector = new MochiSelector(['.button'])\n * selector.extend('&:hover').cssSelector // '.button:hover'\n * selector.wrap('@media (min-width: 768px)').mediaQuery // '@media (min-width: 768px)'\n */\nexport class MochiSelector {\n    /**\n     * Creates a new MochiSelector instance.\n     * @param cssSelectors - Array of CSS selectors (may contain `&` placeholders)\n     * @param mediaSelectors - Array of media query conditions (without `@media` prefix)\n     */\n    constructor(\n        private readonly cssSelectors: string[] = [],\n        private readonly mediaSelectors: string[] = [],\n    ) {}\n\n    /**\n     * Gets the combined CSS selector string.\n     * Multiple selectors are joined with commas.\n     * @returns The CSS selector, or \"*\" if no selectors are defined\n     */\n    get cssSelector(): string {\n        if (this.cssSelectors.length === 0) return \"*\"\n        return this.cssSelectors.join(\", \")\n    }\n\n    /**\n     * Gets the combined media query string, if any.\n     * @returns The full `@media` query string, or undefined if no media conditions\n     */\n    get mediaQuery(): string | undefined {\n        if (this.mediaSelectors.length === 0) return undefined\n        return `@media ${this.mediaSelectors.map((s) => `(${s})`).join(\" and \")}`\n    }\n\n    /**\n     * Substitutes all `&` placeholders with the given root selector.\n     * @param root - The selector to replace `&` with\n     * @returns A new MochiSelector with substituted selectors\n     */\n    substitute(root: string): MochiSelector {\n        return new MochiSelector(\n            this.cssSelectors.map((selector) => selector.replace(/&/g, root)),\n            this.mediaSelectors,\n        )\n    }\n\n    /**\n     * Extends this selector by nesting a child selector.\n     * The `&` in the child selector is replaced with each parent selector.\n     * @param child - The child selector pattern (must contain `&`)\n     * @returns A new MochiSelector with the extended selectors\n     * @example\n     * new MochiSelector(['.btn']).extend('&:hover') // '.btn:hover'\n     * new MochiSelector(['.btn']).extend('& .icon') // '.btn .icon'\n     */\n    extend(child: string): MochiSelector {\n        if (!isNestedSelector(child)) return this\n        const children = MochiSelector.split(child)\n        const selectors = this.cssSelectors.flatMap((parentSelector) =>\n            children.map((childSelector) => {\n                return childSelector.replace(/&/g, parentSelector)\n            }),\n        )\n        return new MochiSelector(selectors, this.mediaSelectors)\n    }\n\n    /**\n     * Wraps this selector with a media query condition.\n     * @param mediaQuery - The media query string (starting with `@`)\n     * @returns A new MochiSelector with the added media condition\n     * @example\n     * selector.wrap('@min-width: 768px') // Adds media query condition\n     */\n    wrap(mediaQuery: string): MochiSelector {\n        if (!isMediaSelector(mediaQuery)) return this\n        const mediaQueryPart = mediaQuery.substring(1)\n        return new MochiSelector(this.cssSelectors, [...this.mediaSelectors, mediaQueryPart])\n    }\n\n    /**\n     * Splits a comma-separated selector string into individual selectors.\n     * @param selector - The selector string to split\n     * @returns Array of individual selector strings\n     */\n    private static split(selector: string): string[] {\n        return [selector]\n    }\n}\n","/**\n * Hashing utilities for generating short, deterministic class names.\n * Uses djb2 algorithm for fast string hashing.\n * @module hash\n */\n\n/** Characters used for base-62 encoding (css-name safe variant of base-64) */\nconst hashBase = \"0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz-_\"\nconst base = hashBase.length\n\n/**\n * Converts a number to a base-62 string representation.\n * @param num - The number to convert\n * @param maxLength - Optional maximum length of the output string\n * @returns Base-62 encoded string representation of the number\n */\nexport function numberToBase62(num: number, maxLength?: number): string {\n    let out = \"\"\n    while (num > 0 && out.length < (maxLength ?? Infinity)) {\n        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n        out = hashBase[num % base]! + out\n        num = Math.floor(num / base)\n    }\n    return out.length > 0 ? out : \"0\"\n}\n\n/**\n * Generates a short hash string from input using the djb2 algorithm.\n * Used to create unique, deterministic CSS class names from style content.\n * @param input - The string to hash\n * @param length - Maximum length of the hash output (default: 8)\n * @returns A short, css-safe hash string\n * @example\n * shortHash(\"color: red;\") // Returns something like \"A1b2C3d4\"\n */\nexport function shortHash(input: string, length = 8): string {\n    // fast 32-bit integer hash (djb2 variant)\n    let h = 5381\n    for (let i = 0; i < input.length; i++) {\n        h = (h * 33) ^ input.charCodeAt(i)\n    }\n    // force unsigned\n    h >>>= 0\n\n    return numberToBase62(h, length)\n}\n","/**\n * String comparison utilities for deterministic sorting.\n * Used internally to ensure consistent CSS output order.\n * @module compare\n */\n\n/**\n * Compares two strings lexicographically.\n */\nexport function compareString<T extends string>(a: T, b: T) {\n    return a < b ? -1 : a === b ? 0 : 1\n}\n\n/**\n * Compares two tuples by their first element (string key).\n * Useful for sorting Object.entries() results.\n */\nexport function compareStringKey<T extends [string, unknown]>(a: T, b: T) {\n    return compareString(a[0], b[0])\n}\n\n/**\n * Creates a comparator function for objects with a specific string property.\n * @param name - The property name to compare by\n * @returns A comparator function that compares objects by the specified property\n * @example\n * const items = [{ key: 'b' }, { key: 'a' }]\n * items.sort(stringPropComparator('key')) // [{ key: 'a' }, { key: 'b' }]\n */\nexport function stringPropComparator<N extends string>(name: N) {\n    return <T extends Record<N, string>>(a: T, b: T) => compareString(a[name], b[name])\n}\n","/**\n * CSS object model for representing and serializing styles.\n * Converts JavaScript style objects into CSS blocks with proper\n * selector handling, nesting support, and deterministic output.\n * @module cssObject\n */\n\nimport {\n    asKnownProp,\n    asVar,\n    camelToKebab,\n    isCssVariableName,\n    isKnownPropertyName,\n    isMediaSelector,\n    isNestedSelector,\n    StyleProps,\n} from \"@/props\"\nimport { shortHash } from \"@/hash\"\nimport { MochiSelector } from \"@/selector\"\nimport { compareStringKey, stringPropComparator } from \"@/compare\"\n\n/**\n * Represents a single CSS rule block with properties and a selector.\n * Handles conversion to CSS string format and hash generation.\n */\nexport class CssObjectSubBlock {\n    /**\n     * Creates a new CSS sub-block.\n     * @param cssProps - Map of CSS property names (kebab-case) to values\n     * @param selector - The selector this block applies to\n     */\n    constructor(\n        public readonly cssProps: Record<string, string>,\n        public readonly selector: MochiSelector,\n    ) {}\n\n    /**\n     * Computes a deterministic hash of this block's CSS content.\n     * Used for generating unique class names.\n     */\n    get hash(): string {\n        const str = this.asCssString(\"&\")\n        return shortHash(str)\n    }\n\n    /**\n     * Converts this block to a CSS string.\n     * Handles media query wrapping if the selector has media conditions.\n     * @param root - The root selector to substitute for `&`\n     * @returns Formatted CSS string\n     */\n    asCssString(root: string): string {\n        const selector = this.selector.substitute(root)\n        const mediaQuery = selector.mediaQuery\n\n        const mediaIndent = mediaQuery === undefined ? \"\" : \"    \"\n\n        const props = Object.entries(this.cssProps)\n            .toSorted(compareStringKey)\n            .map(([k, v]) => `${mediaIndent}    ${k}: ${v};\\n`)\n            .join(\"\")\n\n        const blockCss = `${mediaIndent}${selector.cssSelector} {\\n${props}${mediaIndent}}`\n\n        return mediaQuery === undefined ? blockCss : `${mediaQuery} {\\n${blockCss}\\n}`\n    }\n\n    /**\n     * Parses StyleProps into an array of CSS sub-blocks.\n     * Recursively processes nested selectors and media queries.\n     * Output order is deterministic for consistent hash generation.\n     *\n     * @param props - The style properties to parse\n     * @param selector - The parent selector context (defaults to `&`)\n     * @returns Non-empty array of sub-blocks (main block first, then nested)\n     */\n    static fromProps(props: StyleProps, selector?: MochiSelector): [CssObjectSubBlock, ...CssObjectSubBlock[]] {\n        selector ??= new MochiSelector([\"&\"])\n\n        const cssProps: Record<string, string> = {}\n        const propsToProcess: { key: string; selector: MochiSelector; props: StyleProps }[] = []\n\n        for (const [key, value] of Object.entries(props)) {\n            // skip undefined value\n            if (value === undefined) continue\n\n            // transform variable\n            if (isCssVariableName(key)) {\n                cssProps[key] = asVar(value as StyleProps[typeof key] & {})\n                continue\n            }\n\n            // transform known CSS prop\n            if (isKnownPropertyName(key)) {\n                cssProps[camelToKebab(key)] = asKnownProp(value, key)\n                continue\n            }\n\n            // transform nested and media selectors\n            if (isNestedSelector(key)) {\n                propsToProcess.push({\n                    key,\n                    props: value as StyleProps,\n                    selector: selector.extend(key),\n                })\n                continue\n            }\n\n            // transform media selector\n            if (isMediaSelector(key)) {\n                propsToProcess.push({\n                    key,\n                    props: value as StyleProps,\n                    selector: selector.wrap(key),\n                })\n                continue\n            }\n\n            if (process.env[\"NODE_ENV\"] !== \"production\") {\n                console.warn(`[mochi-css] Unknown style property \"${key}\" will be ignored`)\n            }\n        }\n\n        return [\n            new CssObjectSubBlock(cssProps, selector),\n            ...propsToProcess\n                .toSorted(stringPropComparator(\"key\"))\n                .flatMap(({ props, selector }) => CssObjectSubBlock.fromProps(props, selector)),\n        ] as const\n    }\n}\n\n/**\n * Represents an abstract CSS block definition.\n * Contains one or more sub-blocks for nested selectors and media queries.\n */\nexport class CssObjectBlock {\n    /** The generated unique class name for this block */\n    public readonly className: string\n    /** All sub-blocks (main styles and nested/media rules) */\n    public readonly subBlocks: CssObjectSubBlock[] = []\n\n    /**\n     * Creates a new CSS block from style properties.\n     * Generates a unique class name based on the content hash.\n     * @param styles - The style properties to compile\n     */\n    constructor(styles: StyleProps) {\n        const blocks = CssObjectSubBlock.fromProps(styles)\n\n        this.className = \"c\" + shortHash(blocks.map((b) => b.hash).join(\"+\"))\n        this.subBlocks = blocks\n    }\n\n    /**\n     * Gets the CSS class selector for this block.\n     */\n    get selector(): string {\n        return `.${this.className}`\n    }\n\n    /**\n     * Converts style block to a CSS string.\n     * @param root - The root selector to scope styles to\n     * @returns Complete CSS string for this block\n     */\n    asCssString(root: string): string {\n        return this.subBlocks\n            .map((b) => b.asCssString(new MochiSelector([root]).extend(`&.${this.className}`).cssSelector))\n            .join(\"\\n\\n\")\n    }\n}\n\nexport type AllVariants = Record<string, Record<string, StyleProps>>\nexport type DefaultVariants = Record<never, Record<string, StyleProps>>\n\n/**\n * A compound variant entry that applies styles when multiple variant conditions match.\n * Each entry specifies a set of variant conditions and a `css` property with styles\n * that apply only when all conditions are satisfied simultaneously.\n *\n * @template V - The variant definitions type\n *\n * @example\n * { color: 'red', size: 'large', css: { fontWeight: 'bold' } }\n */\nexport type CompoundVariant<V extends AllVariants> = {\n    [K in keyof V]?: keyof V[K]\n} & { css: StyleProps }\n\n/**\n * Refines string literal types to their proper runtime types.\n * Converts \"true\"/\"false\" strings to boolean literals.\n */\ntype RefineVariantType<T extends string> = T extends \"true\"\n    ? true\n    : T extends \"false\"\n      ? false\n      : T extends string\n        ? T\n        : string\n\n/**\n * Props for defining variants in a style object.\n * @template V - The variant definitions type\n */\nexport type VariantProps<V extends AllVariants> = {\n    /** Variant definitions mapping names to options to styles */\n    variants?: V\n    /** Default variant selections for when not explicitly provided */\n    defaultVariants?: { [K in keyof V]?: keyof V[K] extends string ? RefineVariantType<keyof V[K] & string> : never }\n    /** Compound variant definitions that apply when multiple variant conditions match */\n    compoundVariants?: CompoundVariant<V>[]\n}\n\n/** Combined type for style props with optional variants */\nexport type MochiCSSProps<V extends AllVariants> = StyleProps & VariantProps<V>\n\n/** Utility type to override properties of A with properties of B */\ntype Override<A extends object, B extends object> = B & Omit<A, keyof B>\n\n/** Recursively merges variant types from a tuple, with later types overriding earlier */\nexport type MergeCSSVariants<V extends AllVariants[]> = V extends [\n    infer V1 extends AllVariants,\n    ...infer VRest extends AllVariants[],\n]\n    ? Override<V1, MergeCSSVariants<VRest>>\n    : DefaultVariants\n\n/** Refines all values in a string record to their proper variant types */\ntype RefineVariantTypes<V extends Record<string, string>> = { [K in keyof V]: RefineVariantType<V[K]> }\n\n/** Extracts and refines variant option types from a DefaultVariants definition */\nexport type RefineVariants<T extends AllVariants> = RefineVariantTypes<{ [K in keyof T]: keyof T[K] & string }>\n\n/**\n * Complete CSS object representation with main and variant styles.\n *\n * @template V - The variant definitions type\n *\n * @example\n * const obj = new CSSObject({\n *   color: 'blue',\n *   variants: {\n *     size: {\n *       small: { fontSize: 12 },\n *       large: { fontSize: 18 }\n *     }\n *   },\n *   defaultVariants: { size: 'small' }\n * })\n * obj.asCssString() // Returns complete CSS with all variants\n */\nexport class CSSObject<V extends AllVariants = DefaultVariants> {\n    /** The main style block (non-variant styles) */\n    public readonly mainBlock: CssObjectBlock\n    /** Compiled blocks for each variant option */\n    public readonly variantBlocks: { [K in keyof V & string]: Record<keyof V[K] & string, CssObjectBlock> }\n    /** Default variant selections */\n    public readonly variantDefaults: Partial<RefineVariants<V>>\n    /** Compound variant conditions and their parsed sub-blocks */\n    public readonly compoundVariants: { conditions: Record<string, string>; subBlocks: CssObjectSubBlock[] }[]\n\n    /**\n     * Creates a new CSSObject from style props.\n     * Compiles main styles and all variant options into CSS blocks.\n     */\n    public constructor({ variants, defaultVariants, compoundVariants, ...props }: MochiCSSProps<V>) {\n        this.mainBlock = new CssObjectBlock(props)\n        this.variantBlocks = {} as typeof this.variantBlocks\n        this.variantDefaults = defaultVariants ?? {}\n        this.compoundVariants = []\n\n        if (variants) {\n            for (const variantGroupName in variants) {\n                this.variantBlocks[variantGroupName] =\n                    {} as (typeof this.variantBlocks)[keyof typeof this.variantBlocks]\n                const variantGroup = variants[variantGroupName]\n                for (const variantItemName in variantGroup) {\n                    this.variantBlocks[variantGroupName][variantItemName] = new CssObjectBlock(\n                        variantGroup[variantItemName] ?? {},\n                    )\n                }\n            }\n        }\n\n        if (compoundVariants) {\n            for (const compound of compoundVariants) {\n                const { css: styles, ...conditions } = compound\n                this.compoundVariants.push({\n                    conditions: conditions as Record<string, string>,\n                    subBlocks: CssObjectSubBlock.fromProps(styles),\n                })\n            }\n        }\n    }\n\n    /**\n     * Serializes the entire CSS object to a CSS string.\n     * Outputs main block first, then all variant blocks in sorted order.\n     * @returns Complete CSS string ready for injection into a stylesheet\n     */\n    public asCssString(): string {\n        return [\n            this.mainBlock.asCssString(this.mainBlock.selector),\n            ...Object.entries(this.variantBlocks)\n                .toSorted(compareStringKey)\n                .flatMap(([_, b]) => Object.entries(b).toSorted(compareStringKey))\n                .map(([_, b]) => b.asCssString(this.mainBlock.selector)),\n            ...this.compoundVariants.map(({ conditions, subBlocks }) => {\n                const variantSelectors = Object.entries(conditions)\n                    .toSorted(compareStringKey)\n                    .map(([variantName, optionName]) => {\n                        const block = this.variantBlocks[variantName]?.[optionName]\n                        return block?.selector ?? \"\"\n                    })\n                    .filter(Boolean)\n                    .join(\"\")\n                const combinedSelector = `${this.mainBlock.selector}${variantSelectors}`\n                return subBlocks.map((b) => b.asCssString(combinedSelector)).join(\"\\n\\n\")\n            }),\n        ].join(\"\\n\\n\")\n    }\n}\n","/**\n * Core CSS-in-JS runtime for generating and applying styles.\n * Provides the main `css` function and `MochiCSS` class for style management.\n * @module css\n */\n\nimport clsx from \"clsx\"\nimport { CSSObject, AllVariants, DefaultVariants, MergeCSSVariants, MochiCSSProps, RefineVariants } from \"@/cssObject\"\n\n/**\n * Runtime representation of a CSS style definition with variant support.\n * Holds generated class names and provides methods to compute the final\n * className string based on selected variants.\n *\n * @template V - The variant definitions type mapping variant names to their options\n *\n * @example\n * const styles = MochiCSS.from(new CSSObject({\n *   color: 'blue',\n *   variants: { size: { small: { fontSize: 12 }, large: { fontSize: 18 } } }\n * }))\n * styles.variant({ size: 'large' }) // Returns combined class names\n */\nexport class MochiCSS<V extends AllVariants = DefaultVariants> {\n    /**\n     * Creates a new MochiCSS instance.\n     * @param classNames - Base class names to always include\n     * @param variantClassNames - Mapping of variant names to option class names\n     * @param defaultVariants - Default variant selections when not specified\n     */\n    constructor(\n        public readonly classNames: string[],\n        public readonly variantClassNames: { [K in keyof V]: { [P in keyof V[K]]: string } },\n        public readonly defaultVariants: Partial<RefineVariants<V>>,\n    ) {}\n\n    /**\n     * Computes the final className string based on variant selections.\n     * Compound variants are handled purely via CSS combined selectors,\n     * so no runtime matching is needed here.\n     * @param props - Variant selections\n     * @returns Combined className string for use in components\n     */\n    variant(props: Partial<RefineVariants<V>>): string {\n        const keys = new Set<keyof V & string>(\n            [...Object.keys(props), ...Object.keys(this.defaultVariants)].filter((k) => k in this.variantClassNames),\n        )\n\n        return clsx(\n            this.classNames,\n            ...keys.values().map((k) => {\n                const variantGroup = this.variantClassNames[k]\n                // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition\n                if (!variantGroup) return false\n\n                const variantKey = ((k in props ? props[k] : undefined) ?? this.defaultVariants[k])?.toString()\n                if (variantKey == null) return false\n\n                const selectedClassname = variantGroup[variantKey]\n                if (selectedClassname !== undefined) return selectedClassname\n\n                const defaultKey = this.defaultVariants[k]\n                if (defaultKey == null) return false\n\n                return variantGroup[defaultKey.toString()]\n            }),\n        )\n    }\n\n    /**\n     * Creates a MochiCSS instance from a CSSObject.\n     * Extracts class names from the compiled CSS blocks.\n     * @template V - The variant definitions type\n     * @param object - The compiled CSSObject to extract from\n     * @returns A new MochiCSS instance with the extracted class names\n     */\n    static from<V extends AllVariants = DefaultVariants>(object: CSSObject<V>): MochiCSS<V> {\n        return new MochiCSS<V>(\n            [object.mainBlock.className],\n            Object.fromEntries(\n                Object.entries(object.variantBlocks).map(([key, variantOptions]) => {\n                    return [\n                        key,\n                        Object.fromEntries(\n                            Object.entries(variantOptions).map(([optionKey, block]) => {\n                                return [optionKey, block.className]\n                            }),\n                        ),\n                    ]\n                }),\n            ) as { [K in keyof V]: { [P in keyof V[K]]: string } },\n            object.variantDefaults,\n        )\n    }\n}\n\n/**\n * Creates a CSS style definition.\n * The primary API for defining styles in Mochi-CSS.\n *\n * @template V - Tuple of variant definition types\n * @param props - One or more style objects or existing MochiCSS instances to merge\n * @returns A MochiCSS instance with all styles and variants combined\n *\n * @example\n * // Simple usage\n * const button = css({ padding: 8, borderRadius: 4 })\n *\n * @example\n * // With variants\n * const button = css({\n *   padding: 8,\n *   variants: {\n *     size: {\n *       small: { padding: 4 },\n *       large: { padding: 16 }\n *     }\n *   },\n *   defaultVariants: { size: 'small' }\n * })\n * button.variant({ size: 'large' }) // Get class names for large size\n *\n * @example\n * // Merging multiple styles\n * const combined = css(baseStyles, additionalStyles)\n */\nconst emptyMochiCSS = new MochiCSS<AllVariants>([], {}, {})\n\nexport function css<V extends AllVariants[]>(\n    ...props: { [K in keyof V]: MochiCSSProps<V[K]> | MochiCSS }\n): MochiCSS<MergeCSSVariants<V>> {\n    const cssToMerge: MochiCSS<AllVariants>[] = []\n    for (const p of props) {\n        // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition\n        if (p == null || typeof p !== \"object\") continue\n        if (p instanceof MochiCSS) {\n            cssToMerge.push(p)\n        } else {\n            cssToMerge.push(MochiCSS.from(new CSSObject<AllVariants>(p)))\n        }\n    }\n\n    if (cssToMerge.length === 0) return emptyMochiCSS as MochiCSS<MergeCSSVariants<V>>\n\n    return new MochiCSS<AllVariants>(\n        cssToMerge.flatMap((css) => css.classNames),\n        cssToMerge.reduce((a, b) => Object.assign(a, b.variantClassNames), {}),\n        cssToMerge.reduce((a, b) => Object.assign(a, b.defaultVariants), {}),\n    ) as MochiCSS<MergeCSSVariants<V>>\n}\n","/**\n * React styled component utilities.\n * Creates styled components with CSS-in-JS support and variant props.\n * @module styled\n */\n\nimport { ComponentProps, ComponentType, createElement, FC, HTMLElementType } from \"react\"\nimport { css } from \"@/css\"\nimport clsx from \"clsx\"\nimport { AllVariants, MergeCSSVariants, MochiCSSProps, RefineVariants } from \"@/cssObject\"\n\n/** Props added by MochiCSS to styled components */\ntype MochiProps<V extends AllVariants[]> = {\n    className?: string\n} & Partial<RefineVariants<MergeCSSVariants<V>>>\n\n/** Minimal interface for components that accept className */\ntype Cls = { className?: string }\n\n/**\n * Creates a styled React component with CSS-in-JS support and variant props.\n * Similar to styled-components or Stitches, but with zero runtime overhead.\n *\n * @template T - The base element type or component type\n * @template V - The variant definitions tuple type\n * @param target - The HTML element tag name or React component to style\n * @param props - One or more style objects with optional variants\n * @returns A React functional component with merged props and variant support\n *\n * @example\n * const Button = styled('button', {\n *   padding: 8,\n *   borderRadius: 4,\n *   variants: {\n *     size: {\n *       small: { padding: 4 },\n *       large: { padding: 16 }\n *     },\n *     variant: {\n *       primary: { backgroundColor: 'blue' },\n *       secondary: { backgroundColor: 'gray' }\n *     }\n *   }\n * })\n *\n * // Usage: <Button size=\"large\" variant=\"primary\">Click me</Button>\n */\n//TODO: Move to dedicated \"styled\" package\nexport function styled<T extends HTMLElementType | ComponentType<Cls>, V extends AllVariants[]>(\n    target: T,\n    ...props: { [K in keyof V]: MochiCSSProps<V[K]> }\n): FC<Omit<ComponentProps<T>, keyof MochiProps<V>> & MochiProps<V>> {\n    const styles = css<V>(...props)\n    return ({ className, ...p }: Omit<ComponentProps<T>, keyof MochiProps<V>> & MochiProps<V>) =>\n        //TODO: pick only variant props from p\n        //TODO: omit variant props in p\n        createElement(target, {\n            className: clsx(styles.variant(p as unknown as Parameters<typeof styles.variant>[0]), className),\n            ...p,\n        })\n}\n","import { shortHash } from \"@/hash\"\nimport { cssFromProps, SimpleStyleProps } from \"@/props\"\nimport { compareStringKey } from \"@/compare\"\n\nexport type KeyframeStops = Record<string, SimpleStyleProps>\n\nexport class KeyframesObject {\n    public readonly name: string\n    private readonly body: string\n\n    constructor(stops: KeyframeStops) {\n        this.body = KeyframesObject.generateBody(stops)\n        this.name = \"kf\" + shortHash(this.body)\n    }\n\n    asCssString(): string {\n        return `@keyframes ${this.name} {\\n${this.body}\\n}`\n    }\n\n    private static generateBody(stops: KeyframeStops): string {\n        return Object.entries(stops)\n            .toSorted(compareStringKey)\n            .map(([stopKey, props]) => {\n                const cssProps = cssFromProps(props)\n                const propsStr = Object.entries(cssProps)\n                    .toSorted(compareStringKey)\n                    .map(([k, v]) => `        ${k}: ${v};`)\n                    .join(\"\\n\")\n                return `    ${stopKey} {\\n${propsStr}\\n    }`\n            })\n            .join(\"\\n\\n\")\n    }\n}\n","import { KeyframesObject, type KeyframeStops } from \"@/keyframesObject\"\nexport type { KeyframeStops } from \"@/keyframesObject\"\n\nexport class MochiKeyframes {\n    constructor(public readonly name: string) {}\n\n    toString(): string {\n        return this.name\n    }\n\n    get value(): string {\n        return this.name\n    }\n\n    static from(object: KeyframesObject): MochiKeyframes {\n        return new MochiKeyframes(object.name)\n    }\n}\n\nexport function keyframes(stops: KeyframeStops): MochiKeyframes {\n    return MochiKeyframes.from(new KeyframesObject(stops))\n}\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["name: string","properties","cssSelectors: string[]","mediaSelectors: string[]","cssProps: Record<string, string>","selector: MochiSelector","propsToProcess: { key: string; selector: MochiSelector; props: StyleProps }[]","props","selector","classNames: string[]","variantClassNames: { [K in keyof V]: { [P in keyof V[K]]: string } }","defaultVariants: Partial<RefineVariants<V>>","cssToMerge: MochiCSS<AllVariants>[]","name: string"],"sources":["../src/token.ts","../src/propertyUnits.generated.ts","../src/props.ts","../src/selector.ts","../src/hash.ts","../src/compare.ts","../src/cssObject.ts","../src/css.ts","../src/styled.ts","../src/keyframesObject.ts","../src/keyframes.ts","../src/globalCssObject.ts","../src/globalCss.ts"],"sourcesContent":["/**\n * CSS custom property (design token) utilities.\n * Provides type-safe access to CSS variables with proper `var()` syntax.\n * @module token\n */\n\nimport { CssVar, CssVarVal } from \"@/values\"\n\n/**\n * Represents a CSS custom property (design token) with type information.\n * Provides convenient access to both the variable name and its `var()` reference.\n * @template T - The expected value type of the token (for type checking)\n * @example\n * const primaryColor = new Token<string>('primary-color')\n * primaryColor.variable // '--primary-color'\n * primaryColor.value    // 'var(--primary-color)'\n */\nexport class Token {\n    /**\n     * Creates a new CSS token.\n     * @param name - The token name (without the `--` prefix)\n     */\n    constructor(public readonly name: string) {}\n\n    /**\n     * Gets the CSS custom property name (with `--` prefix).\n     * Use this when defining the variable.\n     */\n    get variable(): CssVar {\n        return `--${this.name}`\n    }\n\n    /**\n     * Gets the CSS `var()` reference to this token.\n     * Use this when consuming the variable value.\n     */\n    get value(): CssVarVal {\n        return `var(${this.variable})`\n    }\n\n    /**\n     * Returns the variable name for string coercion.\n     */\n    toString(): CssVar {\n        return this.variable\n    }\n}\n\n/**\n * Creates a new CSS design token.\n * @template T - The expected value type of the token\n * @param name - The token name (without the `--` prefix)\n * @returns A new Token instance\n * @example\n * const spacing = createToken<number>('spacing-md')\n * // Use in styles: { gap: spacing.value }\n */\nexport function createToken(name: string): Token {\n    return new Token(name)\n}\n","// Auto-generated from @webref/css - do not edit manually\n// Run \"yarn build\" to regenerate\n\nexport const propertyUnits = {\n    animation: \"ms\",\n    animationDelay: \"ms\",\n    animationDuration: \"ms\",\n    animationRange: \"px\",\n    animationRangeCenter: \"px\",\n    animationRangeEnd: \"px\",\n    animationRangeStart: \"px\",\n    background: \"px\",\n    backgroundPosition: \"px\",\n    backgroundPositionBlock: \"px\",\n    backgroundPositionInline: \"px\",\n    backgroundPositionX: \"px\",\n    backgroundPositionY: \"px\",\n    backgroundSize: \"px\",\n    backgroundTbd: \"px\",\n    baselineShift: \"px\",\n    blockSize: \"px\",\n    blockStep: \"px\",\n    blockStepSize: \"px\",\n    border: \"px\",\n    borderBlock: \"px\",\n    borderBlockClip: \"px\",\n    borderBlockEnd: \"px\",\n    borderBlockEndClip: \"px\",\n    borderBlockEndRadius: \"px\",\n    borderBlockEndWidth: \"px\",\n    borderBlockStart: \"px\",\n    borderBlockStartClip: \"px\",\n    borderBlockStartRadius: \"px\",\n    borderBlockStartWidth: \"px\",\n    borderBlockWidth: \"px\",\n    borderBottom: \"px\",\n    borderBottomClip: \"px\",\n    borderBottomLeftRadius: \"px\",\n    borderBottomRadius: \"px\",\n    borderBottomRightRadius: \"px\",\n    borderBottomWidth: \"px\",\n    borderClip: \"px\",\n    borderEndEndRadius: \"px\",\n    borderEndStartRadius: \"px\",\n    borderImage: \"%\",\n    borderImageOutset: \"px\",\n    borderImageSlice: \"%\",\n    borderImageWidth: \"px\",\n    borderInline: \"px\",\n    borderInlineClip: \"px\",\n    borderInlineEnd: \"px\",\n    borderInlineEndClip: \"px\",\n    borderInlineEndRadius: \"px\",\n    borderInlineEndWidth: \"px\",\n    borderInlineStart: \"px\",\n    borderInlineStartClip: \"px\",\n    borderInlineStartRadius: \"px\",\n    borderInlineStartWidth: \"px\",\n    borderInlineWidth: \"px\",\n    borderLeft: \"px\",\n    borderLeftClip: \"px\",\n    borderLeftRadius: \"px\",\n    borderLeftWidth: \"px\",\n    borderLimit: \"px\",\n    borderRadius: \"px\",\n    borderRight: \"px\",\n    borderRightClip: \"px\",\n    borderRightRadius: \"px\",\n    borderRightWidth: \"px\",\n    borderSpacing: \"px\",\n    borderStartEndRadius: \"px\",\n    borderStartStartRadius: \"px\",\n    borderTop: \"px\",\n    borderTopClip: \"px\",\n    borderTopLeftRadius: \"px\",\n    borderTopRadius: \"px\",\n    borderTopRightRadius: \"px\",\n    borderTopWidth: \"px\",\n    borderWidth: \"px\",\n    bottom: \"px\",\n    boxShadow: \"px\",\n    boxShadowBlur: \"px\",\n    boxShadowOffset: \"px\",\n    boxShadowSpread: \"px\",\n    columnGap: \"px\",\n    columnHeight: \"px\",\n    columnRule: \"px\",\n    columnRuleEdgeInset: \"px\",\n    columnRuleEdgeInsetEnd: \"px\",\n    columnRuleEdgeInsetStart: \"px\",\n    columnRuleInset: \"px\",\n    columnRuleInsetEnd: \"px\",\n    columnRuleInsetStart: \"px\",\n    columnRuleInteriorInset: \"px\",\n    columnRuleInteriorInsetEnd: \"px\",\n    columnRuleInteriorInsetStart: \"px\",\n    columnRuleWidth: \"px\",\n    columns: \"px\",\n    columnWidth: \"px\",\n    containIntrinsicBlockSize: \"px\",\n    containIntrinsicHeight: \"px\",\n    containIntrinsicInlineSize: \"px\",\n    containIntrinsicSize: \"px\",\n    containIntrinsicWidth: \"px\",\n    corner: \"px\",\n    cornerBlockEnd: \"px\",\n    cornerBlockStart: \"px\",\n    cornerBottom: \"px\",\n    cornerBottomLeft: \"px\",\n    cornerBottomRight: \"px\",\n    cornerEndEnd: \"px\",\n    cornerEndStart: \"px\",\n    cornerInlineEnd: \"px\",\n    cornerInlineStart: \"px\",\n    cornerLeft: \"px\",\n    cornerRight: \"px\",\n    cornerStartEnd: \"px\",\n    cornerStartStart: \"px\",\n    cornerTop: \"px\",\n    cornerTopLeft: \"px\",\n    cornerTopRight: \"px\",\n    cx: \"px\",\n    cy: \"px\",\n    fillOpacity: \"%\",\n    fillPosition: \"px\",\n    fillSize: \"px\",\n    flex: \"px\",\n    flexBasis: \"px\",\n    floatOffset: \"px\",\n    floodOpacity: \"%\",\n    flowTolerance: \"px\",\n    font: \"deg\",\n    fontSize: \"px\",\n    fontStretch: \"%\",\n    fontStyle: \"deg\",\n    fontWidth: \"%\",\n    gap: \"px\",\n    grid: \"px\",\n    gridAutoColumns: \"px\",\n    gridAutoRows: \"px\",\n    gridColumnGap: \"px\",\n    gridGap: \"px\",\n    gridRowGap: \"px\",\n    gridTemplate: \"px\",\n    gridTemplateColumns: \"px\",\n    gridTemplateRows: \"px\",\n    height: \"px\",\n    hyphenateLimitZone: \"px\",\n    imageOrientation: \"deg\",\n    imageResolution: \"dppx\",\n    initialLetterWrap: \"px\",\n    inlineSize: \"px\",\n    inset: \"px\",\n    insetBlock: \"px\",\n    insetBlockEnd: \"px\",\n    insetBlockStart: \"px\",\n    insetInline: \"px\",\n    insetInlineEnd: \"px\",\n    insetInlineStart: \"px\",\n    interestDelay: \"ms\",\n    interestDelayEnd: \"ms\",\n    interestDelayStart: \"ms\",\n    itemFlow: \"px\",\n    left: \"px\",\n    letterSpacing: \"px\",\n    lineHeight: \"px\",\n    lineHeightStep: \"px\",\n    linePadding: \"px\",\n    margin: \"px\",\n    marginBlock: \"px\",\n    marginBlockEnd: \"px\",\n    marginBlockStart: \"px\",\n    marginBottom: \"px\",\n    marginInline: \"px\",\n    marginInlineEnd: \"px\",\n    marginInlineStart: \"px\",\n    marginLeft: \"px\",\n    marginRight: \"px\",\n    marginTop: \"px\",\n    mask: \"px\",\n    maskBorder: \"%\",\n    maskBorderOutset: \"px\",\n    maskBorderSlice: \"%\",\n    maskBorderWidth: \"px\",\n    maskPosition: \"px\",\n    maskSize: \"px\",\n    maxBlockSize: \"px\",\n    maxHeight: \"px\",\n    maxInlineSize: \"px\",\n    maxWidth: \"px\",\n    minBlockSize: \"px\",\n    minHeight: \"px\",\n    minInlineSize: \"px\",\n    minWidth: \"px\",\n    objectPosition: \"px\",\n    offset: \"px\",\n    offsetAnchor: \"px\",\n    offsetDistance: \"px\",\n    offsetPosition: \"px\",\n    offsetRotate: \"deg\",\n    opacity: \"%\",\n    outline: \"px\",\n    outlineOffset: \"px\",\n    outlineWidth: \"px\",\n    overflowClipMargin: \"px\",\n    overflowClipMarginBlock: \"px\",\n    overflowClipMarginBlockEnd: \"px\",\n    overflowClipMarginBlockStart: \"px\",\n    overflowClipMarginBottom: \"px\",\n    overflowClipMarginInline: \"px\",\n    overflowClipMarginInlineEnd: \"px\",\n    overflowClipMarginInlineStart: \"px\",\n    overflowClipMarginLeft: \"px\",\n    overflowClipMarginRight: \"px\",\n    overflowClipMarginTop: \"px\",\n    padding: \"px\",\n    paddingBlock: \"px\",\n    paddingBlockEnd: \"px\",\n    paddingBlockStart: \"px\",\n    paddingBottom: \"px\",\n    paddingInline: \"px\",\n    paddingInlineEnd: \"px\",\n    paddingInlineStart: \"px\",\n    paddingLeft: \"px\",\n    paddingRight: \"px\",\n    paddingTop: \"px\",\n    pause: \"ms\",\n    pauseAfter: \"ms\",\n    pauseBefore: \"ms\",\n    perspective: \"px\",\n    perspectiveOrigin: \"px\",\n    r: \"px\",\n    rest: \"ms\",\n    restAfter: \"ms\",\n    restBefore: \"ms\",\n    right: \"px\",\n    rotate: \"deg\",\n    rowGap: \"px\",\n    rowRule: \"px\",\n    rowRuleEdgeInset: \"px\",\n    rowRuleEdgeInsetEnd: \"px\",\n    rowRuleEdgeInsetStart: \"px\",\n    rowRuleInset: \"px\",\n    rowRuleInsetEnd: \"px\",\n    rowRuleInsetStart: \"px\",\n    rowRuleInteriorInset: \"px\",\n    rowRuleInteriorInsetEnd: \"px\",\n    rowRuleInteriorInsetStart: \"px\",\n    rowRuleWidth: \"px\",\n    rule: \"px\",\n    ruleEdgeInset: \"px\",\n    ruleInset: \"px\",\n    ruleInsetEnd: \"px\",\n    ruleInsetStart: \"px\",\n    ruleInteriorInset: \"px\",\n    ruleWidth: \"px\",\n    rx: \"px\",\n    ry: \"px\",\n    scale: \"%\",\n    scrollMargin: \"px\",\n    scrollMarginBlock: \"px\",\n    scrollMarginBlockEnd: \"px\",\n    scrollMarginBlockStart: \"px\",\n    scrollMarginBottom: \"px\",\n    scrollMarginInline: \"px\",\n    scrollMarginInlineEnd: \"px\",\n    scrollMarginInlineStart: \"px\",\n    scrollMarginLeft: \"px\",\n    scrollMarginRight: \"px\",\n    scrollMarginTop: \"px\",\n    scrollPadding: \"px\",\n    scrollPaddingBlock: \"px\",\n    scrollPaddingBlockEnd: \"px\",\n    scrollPaddingBlockStart: \"px\",\n    scrollPaddingBottom: \"px\",\n    scrollPaddingInline: \"px\",\n    scrollPaddingInlineEnd: \"px\",\n    scrollPaddingInlineStart: \"px\",\n    scrollPaddingLeft: \"px\",\n    scrollPaddingRight: \"px\",\n    scrollPaddingTop: \"px\",\n    shapeImageThreshold: \"%\",\n    shapeMargin: \"px\",\n    shapePadding: \"px\",\n    stopOpacity: \"%\",\n    strokeDasharray: \"px\",\n    strokeDashcorner: \"px\",\n    strokeDashCorner: \"px\",\n    strokeDashoffset: \"px\",\n    strokeOpacity: \"%\",\n    strokePosition: \"px\",\n    strokeSize: \"px\",\n    strokeWidth: \"px\",\n    tabSize: \"px\",\n    textDecoration: \"px\",\n    textDecorationInset: \"px\",\n    textDecorationThickness: \"px\",\n    textIndent: \"px\",\n    textShadow: \"px\",\n    textSizeAdjust: \"%\",\n    textUnderlineOffset: \"px\",\n    timelineTrigger: \"px\",\n    timelineTriggerExitRange: \"px\",\n    timelineTriggerExitRangeEnd: \"px\",\n    timelineTriggerExitRangeStart: \"px\",\n    timelineTriggerRange: \"px\",\n    timelineTriggerRangeEnd: \"px\",\n    timelineTriggerRangeStart: \"px\",\n    top: \"px\",\n    transformOrigin: \"px\",\n    transition: \"ms\",\n    transitionDelay: \"ms\",\n    transitionDuration: \"ms\",\n    translate: \"px\",\n    verticalAlign: \"px\",\n    viewTimeline: \"px\",\n    viewTimelineInset: \"px\",\n    voiceDuration: \"ms\",\n    voicePitch: \"Hz\",\n    voiceRange: \"Hz\",\n    voiceRate: \"%\",\n    width: \"px\",\n    wordSpacing: \"px\",\n    x: \"px\",\n    y: \"px\",\n    zoom: \"%\",\n} as const\n\nexport type PropertyWithUnit = keyof typeof propertyUnits\n","/**\n * CSS property handling and type definitions.\n * Provides type-safe mappings from JavaScript objects to CSS properties,\n * with automatic unit conversion and value formatting.\n * @module props\n */\n\nimport { Properties, ObsoleteProperties } from \"csstype\"\nimport { CssLike, CssVar } from \"@/values\"\nimport properties from \"known-css-properties\"\nimport { propertyUnits, type PropertyWithUnit } from \"./propertyUnits.generated\"\n\n/** All non-obsolete CSS properties from csstype */\ntype Props = Required<Omit<Properties, keyof ObsoleteProperties>>\n\n/** Properties that have default units and are valid CSS properties */\ntype PropsWithUnit = PropertyWithUnit & keyof Props\n\n/**\n * Converts a kebab-case string to camelCase.\n */\nexport function kebabToCamel(str: string): string {\n    return str.replace(/-([a-z])/g, (_, c: string) => c.toUpperCase())\n}\n\n/**\n * Converts a camelCase string to kebab-case.\n */\nexport function camelToKebab(str: string): string {\n    return str.replace(/[A-Z]/g, (m) => \"-\" + m.toLowerCase())\n}\n\nfunction getUnitForProperty(propertyName: string): string | undefined {\n    return propertyName in propertyUnits ? propertyUnits[propertyName as PropertyWithUnit] : undefined\n}\n\n/**\n * Converts a CSS-like value to its string representation.\n * For properties with known units, numbers are automatically suffixed.\n */\nfunction formatValue(value: CssLike<string | number>, propertyName: string, maxDepth = 10): string {\n    if (maxDepth <= 0) return \"\"\n    if (typeof value === \"string\") return value\n    if (typeof value === \"number\") {\n        const unit = getUnitForProperty(propertyName)\n        if (unit === \"%\") return `${value * 100}${unit}`\n        if (value === 0) return \"0\"\n        return unit ? `${value}${unit}` : value.toString()\n    }\n    return formatValue(value.value, propertyName, maxDepth - 1)\n}\n\n//TODO: generate this list and drop known-css-properties package\nconst knownPropertySet = new Set<string>(properties.all.map(kebabToCamel))\n\n/**\n * Checks if a property name is a CSS custom property (variable).\n */\nexport function isCssVariableName(key: string): key is CssVar {\n    return key.startsWith(\"--\")\n}\n\n/**\n * Converts a CSS-like value to a string for use as a CSS variable value.\n * @param value - The value to convert (string, number, or wrapped value)\n * @param maxDepth - Maximum recursion depth for evaluating the value\n * @returns The string representation\n */\nexport function asVar(value: CssLike<string | number>, maxDepth = 10): string {\n    if (maxDepth <= 0) return \"\"\n    switch (typeof value) {\n        case \"string\":\n            return value\n        case \"number\":\n            return value.toString()\n        default:\n            return asVar(value.value, maxDepth - 1)\n    }\n}\n\n/**\n * Checks if a property name is a known CSS property.\n */\nexport function isKnownPropertyName(key: string): key is keyof Props {\n    return knownPropertySet.has(key)\n}\n\n/**\n * Converts a value to a CSS property string.\n * Automatically appends units to numeric values for properties that require them.\n * @param value - The value to convert\n * @param key - The CSS property name\n * @returns The formatted CSS value string\n */\nexport function asKnownProp(value: unknown, key: keyof Props): string {\n    return formatValue(value as CssLike<string | number>, key)\n}\n\n/**\n * Checks if a key represents a nested CSS selector.\n */\n//TODO: make better validation, provide human readable errors\nexport function isNestedSelector(key: string): key is NestedCssSelector {\n    return key.includes(\"&\")\n}\n\n/**\n * Checks if a key represents a media query.\n */\n//TODO: make better validation, provide human readable errors\nexport function isMediaSelector(key: string): key is MediaSelector {\n    return key.startsWith(\"@\")\n}\n\n/** A nested CSS selector pattern containing the parent reference `&` */\nexport type NestedCssSelector = `${string}&${string}`\n\n/** A CSS media query starting with `@` */\nexport type MediaSelector = `@${string}`\n\ntype NestedStyleKeys = MediaSelector | NestedCssSelector\n\n/**\n * Style properties without nesting support.\n * Includes all standard CSS properties with type-safe value converters,\n * plus CSS custom properties (variables).\n *\n * Properties with known units (e.g., width, height, padding) accept numbers\n * that are automatically converted with their default unit (e.g., px, ms).\n */\nexport type SimpleStyleProps = { [K in PropsWithUnit]?: CssLike<number | Props[K]> } & {\n    [K in Exclude<keyof Props, PropsWithUnit>]?: CssLike<Props[K]>\n} & Partial<Record<CssVar, CssLike<string | number>>>\n\n/**\n * Full style properties type with support for nested selectors and media queries.\n * Extends SimpleStyleProps to allow recursive style definitions.\n *\n * @example\n * const styles: StyleProps = {\n *   color: 'blue',\n *   padding: 16,\n *   '&:hover': { color: 'red' },\n *   '@min-width: 768px': { padding: 24 }\n * }\n */\nexport type StyleProps = SimpleStyleProps & { [K in NestedStyleKeys]?: StyleProps | CssLike<string | number> }\n\n/**\n * Converts a SimpleStyleProps object to a CSS properties record.\n * Transforms camelCase property names to kebab-case and applies value converters.\n * @param props - The style properties object\n * @returns A record of CSS property names (kebab-case) to string values\n * @example\n * cssFromProps({ backgroundColor: 'blue', padding: 16 })\n * // { 'background-color': 'blue', 'padding': '16px' }\n */\nexport function cssFromProps(props: SimpleStyleProps): Record<string, string> {\n    return Object.fromEntries(\n        Object.entries(props)\n            .map(([key, value]): [string, string] | undefined => {\n                if (value === undefined) return undefined\n                // transform variable\n                if (isCssVariableName(key)) return [key, asVar(value as CssLike<string | number>)]\n                // transform CSS prop\n                if (isKnownPropertyName(key)) return [camelToKebab(key), asKnownProp(value, key)]\n                return undefined\n            })\n            .filter((v) => v !== undefined),\n    )\n}\n","/**\n * CSS selector building and manipulation utilities.\n * Handles nested selectors (using `&` placeholder) and media queries.\n * @module selector\n */\n\nimport { isMediaSelector, isNestedSelector } from \"@/props\"\n\n/**\n * Immutable CSS selector builder that handles nested selectors and media queries.\n * Uses the `&` character as a placeholder for parent selector substitution.\n *\n * @example\n * const selector = new MochiSelector(['.button'])\n * selector.extend('&:hover').cssSelector // '.button:hover'\n * selector.wrap('@media (min-width: 768px)').mediaQuery // '@media (min-width: 768px)'\n */\nexport class MochiSelector {\n    /**\n     * Creates a new MochiSelector instance.\n     * @param cssSelectors - Array of CSS selectors (may contain `&` placeholders)\n     * @param mediaSelectors - Array of media query conditions (without `@media` prefix)\n     */\n    constructor(\n        private readonly cssSelectors: string[] = [],\n        private readonly mediaSelectors: string[] = [],\n    ) {}\n\n    /**\n     * Gets the combined CSS selector string.\n     * Multiple selectors are joined with commas.\n     * @returns The CSS selector, or \"*\" if no selectors are defined\n     */\n    get cssSelector(): string {\n        if (this.cssSelectors.length === 0) return \"*\"\n        return this.cssSelectors.join(\", \")\n    }\n\n    /**\n     * Gets the combined media query string, if any.\n     * @returns The full `@media` query string, or undefined if no media conditions\n     */\n    get mediaQuery(): string | undefined {\n        if (this.mediaSelectors.length === 0) return undefined\n        return `@media ${this.mediaSelectors.map((s) => `(${s})`).join(\" and \")}`\n    }\n\n    /**\n     * Substitutes all `&` placeholders with the given root selector.\n     * @param root - The selector to replace `&` with\n     * @returns A new MochiSelector with substituted selectors\n     */\n    substitute(root: string): MochiSelector {\n        return new MochiSelector(\n            this.cssSelectors.map((selector) => selector.replace(/&/g, root)),\n            this.mediaSelectors,\n        )\n    }\n\n    /**\n     * Extends this selector by nesting a child selector.\n     * The `&` in the child selector is replaced with each parent selector.\n     * @param child - The child selector pattern (must contain `&`)\n     * @returns A new MochiSelector with the extended selectors\n     * @example\n     * new MochiSelector(['.btn']).extend('&:hover') // '.btn:hover'\n     * new MochiSelector(['.btn']).extend('& .icon') // '.btn .icon'\n     */\n    extend(child: string): MochiSelector {\n        if (!isNestedSelector(child)) return this\n        const children = MochiSelector.split(child)\n        const selectors = this.cssSelectors.flatMap((parentSelector) =>\n            children.map((childSelector) => {\n                return childSelector.replace(/&/g, parentSelector)\n            }),\n        )\n        return new MochiSelector(selectors, this.mediaSelectors)\n    }\n\n    /**\n     * Wraps this selector with a media query condition.\n     * @param mediaQuery - The media query string (starting with `@`)\n     * @returns A new MochiSelector with the added media condition\n     * @example\n     * selector.wrap('@min-width: 768px') // Adds media query condition\n     */\n    wrap(mediaQuery: string): MochiSelector {\n        if (!isMediaSelector(mediaQuery)) return this\n        const mediaQueryPart = mediaQuery.substring(1)\n        return new MochiSelector(this.cssSelectors, [...this.mediaSelectors, mediaQueryPart])\n    }\n\n    /**\n     * Splits a comma-separated selector string into individual selectors.\n     * @param selector - The selector string to split\n     * @returns Array of individual selector strings\n     */\n    private static split(selector: string): string[] {\n        return [selector]\n    }\n}\n","/**\n * Hashing utilities for generating short, deterministic class names.\n * Uses djb2 algorithm for fast string hashing.\n * @module hash\n */\n\n/** Characters used for base-62 encoding (css-name safe variant of base-64) */\nconst hashBase = \"0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz-_\"\nconst base = hashBase.length\n\n/**\n * Converts a number to a base-62 string representation.\n * @param num - The number to convert\n * @param maxLength - Optional maximum length of the output string\n * @returns Base-62 encoded string representation of the number\n */\nexport function numberToBase62(num: number, maxLength?: number): string {\n    let out = \"\"\n    while (num > 0 && out.length < (maxLength ?? Infinity)) {\n        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n        out = hashBase[num % base]! + out\n        num = Math.floor(num / base)\n    }\n    return out.length > 0 ? out : \"0\"\n}\n\n/**\n * Generates a short hash string from input using the djb2 algorithm.\n * Used to create unique, deterministic CSS class names from style content.\n * @param input - The string to hash\n * @param length - Maximum length of the hash output (default: 8)\n * @returns A short, css-safe hash string\n * @example\n * shortHash(\"color: red;\") // Returns something like \"A1b2C3d4\"\n */\nexport function shortHash(input: string, length = 8): string {\n    // fast 32-bit integer hash (djb2 variant)\n    let h = 5381\n    for (let i = 0; i < input.length; i++) {\n        h = (h * 33) ^ input.charCodeAt(i)\n    }\n    // force unsigned\n    h >>>= 0\n\n    return numberToBase62(h, length)\n}\n","/**\n * String comparison utilities for deterministic sorting.\n * Used internally to ensure consistent CSS output order.\n * @module compare\n */\n\n/**\n * Compares two strings lexicographically.\n */\nexport function compareString<T extends string>(a: T, b: T) {\n    return a < b ? -1 : a === b ? 0 : 1\n}\n\n/**\n * Compares two tuples by their first element (string key).\n * Useful for sorting Object.entries() results.\n */\nexport function compareStringKey<T extends [string, unknown]>(a: T, b: T) {\n    return compareString(a[0], b[0])\n}\n\n/**\n * Creates a comparator function for objects with a specific string property.\n * @param name - The property name to compare by\n * @returns A comparator function that compares objects by the specified property\n * @example\n * const items = [{ key: 'b' }, { key: 'a' }]\n * items.sort(stringPropComparator('key')) // [{ key: 'a' }, { key: 'b' }]\n */\nexport function stringPropComparator<N extends string>(name: N) {\n    return <T extends Record<N, string>>(a: T, b: T) => compareString(a[name], b[name])\n}\n","/**\n * CSS object model for representing and serializing styles.\n * Converts JavaScript style objects into CSS blocks with proper\n * selector handling, nesting support, and deterministic output.\n * @module cssObject\n */\n\nimport {\n    asKnownProp,\n    asVar,\n    camelToKebab,\n    isCssVariableName,\n    isKnownPropertyName,\n    isMediaSelector,\n    isNestedSelector,\n    StyleProps,\n} from \"@/props\"\nimport { shortHash } from \"@/hash\"\nimport { MochiSelector } from \"@/selector\"\nimport { compareStringKey, stringPropComparator } from \"@/compare\"\n\n/**\n * Represents a single CSS rule block with properties and a selector.\n * Handles conversion to CSS string format and hash generation.\n */\nexport class CssObjectSubBlock {\n    /**\n     * Creates a new CSS sub-block.\n     * @param cssProps - Map of CSS property names (kebab-case) to values\n     * @param selector - The selector this block applies to\n     */\n    constructor(\n        public readonly cssProps: Record<string, string>,\n        public readonly selector: MochiSelector,\n    ) {}\n\n    /**\n     * Computes a deterministic hash of this block's CSS content.\n     * Used for generating unique class names.\n     */\n    get hash(): string {\n        const str = this.asCssString(\"&\")\n        return shortHash(str)\n    }\n\n    /**\n     * Converts this block to a CSS string.\n     * Handles media query wrapping if the selector has media conditions.\n     * @param root - The root selector to substitute for `&`\n     * @returns Formatted CSS string\n     */\n    asCssString(root: string): string {\n        const selector = this.selector.substitute(root)\n        const mediaQuery = selector.mediaQuery\n\n        const mediaIndent = mediaQuery === undefined ? \"\" : \"    \"\n\n        const props = Object.entries(this.cssProps)\n            .toSorted(compareStringKey)\n            .map(([k, v]) => `${mediaIndent}    ${k}: ${v};\\n`)\n            .join(\"\")\n\n        const blockCss = `${mediaIndent}${selector.cssSelector} {\\n${props}${mediaIndent}}`\n\n        return mediaQuery === undefined ? blockCss : `${mediaQuery} {\\n${blockCss}\\n}`\n    }\n\n    /**\n     * Parses StyleProps into an array of CSS sub-blocks.\n     * Recursively processes nested selectors and media queries.\n     * Output order is deterministic for consistent hash generation.\n     *\n     * @param props - The style properties to parse\n     * @param selector - The parent selector context (defaults to `&`)\n     * @returns Non-empty array of sub-blocks (main block first, then nested)\n     */\n    static fromProps(props: StyleProps, selector?: MochiSelector): [CssObjectSubBlock, ...CssObjectSubBlock[]] {\n        selector ??= new MochiSelector([\"&\"])\n\n        const cssProps: Record<string, string> = {}\n        const propsToProcess: { key: string; selector: MochiSelector; props: StyleProps }[] = []\n\n        for (const [key, value] of Object.entries(props)) {\n            // skip undefined value\n            if (value === undefined) continue\n\n            // transform variable\n            if (isCssVariableName(key)) {\n                cssProps[key] = asVar(value as StyleProps[typeof key] & {})\n                continue\n            }\n\n            // transform known CSS prop\n            if (isKnownPropertyName(key)) {\n                cssProps[camelToKebab(key)] = asKnownProp(value, key)\n                continue\n            }\n\n            // transform nested and media selectors\n            if (isNestedSelector(key)) {\n                propsToProcess.push({\n                    key,\n                    props: value as StyleProps,\n                    selector: selector.extend(key),\n                })\n                continue\n            }\n\n            // transform media selector\n            if (isMediaSelector(key)) {\n                propsToProcess.push({\n                    key,\n                    props: value as StyleProps,\n                    selector: selector.wrap(key),\n                })\n                continue\n            }\n\n            if (process.env[\"NODE_ENV\"] !== \"production\") {\n                console.warn(`[mochi-css] Unknown style property \"${key}\" will be ignored`)\n            }\n        }\n\n        return [\n            new CssObjectSubBlock(cssProps, selector),\n            ...propsToProcess\n                .toSorted(stringPropComparator(\"key\"))\n                .flatMap(({ props, selector }) => CssObjectSubBlock.fromProps(props, selector)),\n        ] as const\n    }\n}\n\n/**\n * Represents an abstract CSS block definition.\n * Contains one or more sub-blocks for nested selectors and media queries.\n */\nexport class CssObjectBlock {\n    /** The generated unique class name for this block */\n    public readonly className: string\n    /** All sub-blocks (main styles and nested/media rules) */\n    public readonly subBlocks: CssObjectSubBlock[] = []\n\n    /**\n     * Creates a new CSS block from style properties.\n     * Generates a unique class name based on the content hash.\n     * @param styles - The style properties to compile\n     */\n    constructor(styles: StyleProps) {\n        const blocks = CssObjectSubBlock.fromProps(styles)\n\n        this.className = \"c\" + shortHash(blocks.map((b) => b.hash).join(\"+\"))\n        this.subBlocks = blocks\n    }\n\n    /**\n     * Gets the CSS class selector for this block.\n     */\n    get selector(): string {\n        return `.${this.className}`\n    }\n\n    /**\n     * Converts style block to a CSS string.\n     * @param root - The root selector to scope styles to\n     * @returns Complete CSS string for this block\n     */\n    asCssString(root: string): string {\n        return this.subBlocks\n            .map((b) => b.asCssString(new MochiSelector([root]).extend(`&.${this.className}`).cssSelector))\n            .join(\"\\n\\n\")\n    }\n}\n\nexport type AllVariants = Record<string, Record<string, StyleProps>>\nexport type DefaultVariants = Record<never, Record<string, StyleProps>>\n\n/**\n * A compound variant entry that applies styles when multiple variant conditions match.\n * Each entry specifies a set of variant conditions and a `css` property with styles\n * that apply only when all conditions are satisfied simultaneously.\n *\n * @template V - The variant definitions type\n *\n * @example\n * { color: 'red', size: 'large', css: { fontWeight: 'bold' } }\n */\nexport type CompoundVariant<V extends AllVariants> = {\n    [K in keyof V]?: keyof V[K]\n} & { css: StyleProps }\n\n/**\n * Refines string literal types to their proper runtime types.\n * Converts \"true\"/\"false\" strings to boolean literals.\n */\ntype RefineVariantType<T extends string> = T extends \"true\"\n    ? true\n    : T extends \"false\"\n      ? false\n      : T extends string\n        ? T\n        : string\n\n/**\n * Props for defining variants in a style object.\n * @template V - The variant definitions type\n */\nexport type VariantProps<V extends AllVariants> = {\n    /** Variant definitions mapping names to options to styles */\n    variants?: V\n    /** Default variant selections for when not explicitly provided */\n    defaultVariants?: { [K in keyof V]?: keyof V[K] extends string ? RefineVariantType<keyof V[K] & string> : never }\n    /** Compound variant definitions that apply when multiple variant conditions match */\n    compoundVariants?: CompoundVariant<V>[]\n}\n\n/** Combined type for style props with optional variants */\nexport type MochiCSSProps<V extends AllVariants> = StyleProps & VariantProps<V>\n\n/** Utility type to override properties of A with properties of B */\ntype Override<A extends object, B extends object> = B & Omit<A, keyof B>\n\n/** Recursively merges variant types from a tuple, with later types overriding earlier */\nexport type MergeCSSVariants<V extends AllVariants[]> = V extends [\n    infer V1 extends AllVariants,\n    ...infer VRest extends AllVariants[],\n]\n    ? Override<V1, MergeCSSVariants<VRest>>\n    : DefaultVariants\n\n/** Refines all values in a string record to their proper variant types */\ntype RefineVariantTypes<V extends Record<string, string>> = { [K in keyof V]: RefineVariantType<V[K]> }\n\n/** Extracts and refines variant option types from a DefaultVariants definition */\nexport type RefineVariants<T extends AllVariants> = RefineVariantTypes<{ [K in keyof T]: keyof T[K] & string }>\n\n/**\n * Complete CSS object representation with main and variant styles.\n *\n * @template V - The variant definitions type\n *\n * @example\n * const obj = new CSSObject({\n *   color: 'blue',\n *   variants: {\n *     size: {\n *       small: { fontSize: 12 },\n *       large: { fontSize: 18 }\n *     }\n *   },\n *   defaultVariants: { size: 'small' }\n * })\n * obj.asCssString() // Returns complete CSS with all variants\n */\nexport class CSSObject<V extends AllVariants = DefaultVariants> {\n    /** The main style block (non-variant styles) */\n    public readonly mainBlock: CssObjectBlock\n    /** Compiled blocks for each variant option */\n    public readonly variantBlocks: { [K in keyof V & string]: Record<keyof V[K] & string, CssObjectBlock> }\n    /** Default variant selections */\n    public readonly variantDefaults: Partial<RefineVariants<V>>\n    /** Compound variant conditions and their parsed sub-blocks */\n    public readonly compoundVariants: { conditions: Record<string, string>; subBlocks: CssObjectSubBlock[] }[]\n\n    /**\n     * Creates a new CSSObject from style props.\n     * Compiles main styles and all variant options into CSS blocks.\n     */\n    public constructor({ variants, defaultVariants, compoundVariants, ...props }: MochiCSSProps<V>) {\n        this.mainBlock = new CssObjectBlock(props)\n        this.variantBlocks = {} as typeof this.variantBlocks\n        this.variantDefaults = defaultVariants ?? {}\n        this.compoundVariants = []\n\n        if (variants) {\n            for (const variantGroupName in variants) {\n                this.variantBlocks[variantGroupName] =\n                    {} as (typeof this.variantBlocks)[keyof typeof this.variantBlocks]\n                const variantGroup = variants[variantGroupName]\n                for (const variantItemName in variantGroup) {\n                    this.variantBlocks[variantGroupName][variantItemName] = new CssObjectBlock(\n                        variantGroup[variantItemName] ?? {},\n                    )\n                }\n            }\n        }\n\n        if (compoundVariants) {\n            for (const compound of compoundVariants) {\n                const { css: styles, ...conditions } = compound\n                this.compoundVariants.push({\n                    conditions: conditions as Record<string, string>,\n                    subBlocks: CssObjectSubBlock.fromProps(styles),\n                })\n            }\n        }\n    }\n\n    /**\n     * Serializes the entire CSS object to a CSS string.\n     * Outputs main block first, then all variant blocks in sorted order.\n     * @returns Complete CSS string ready for injection into a stylesheet\n     */\n    public asCssString(): string {\n        return [\n            this.mainBlock.asCssString(this.mainBlock.selector),\n            ...Object.entries(this.variantBlocks)\n                .toSorted(compareStringKey)\n                .flatMap(([_, b]) => Object.entries(b).toSorted(compareStringKey))\n                .map(([_, b]) => b.asCssString(this.mainBlock.selector)),\n            ...this.compoundVariants.map(({ conditions, subBlocks }) => {\n                const variantSelectors = Object.entries(conditions)\n                    .toSorted(compareStringKey)\n                    .map(([variantName, optionName]) => {\n                        const block = this.variantBlocks[variantName]?.[optionName]\n                        return block?.selector ?? \"\"\n                    })\n                    .filter(Boolean)\n                    .join(\"\")\n                const combinedSelector = `${this.mainBlock.selector}${variantSelectors}`\n                return subBlocks.map((b) => b.asCssString(combinedSelector)).join(\"\\n\\n\")\n            }),\n        ].join(\"\\n\\n\")\n    }\n}\n","/**\n * Core CSS-in-JS runtime for generating and applying styles.\n * Provides the main `css` function and `MochiCSS` class for style management.\n * @module css\n */\n\nimport clsx from \"clsx\"\nimport { CSSObject, AllVariants, DefaultVariants, MergeCSSVariants, MochiCSSProps, RefineVariants } from \"@/cssObject\"\n\n/**\n * Runtime representation of a CSS style definition with variant support.\n * Holds generated class names and provides methods to compute the final\n * className string based on selected variants.\n *\n * @template V - The variant definitions type mapping variant names to their options\n *\n * @example\n * const styles = MochiCSS.from(new CSSObject({\n *   color: 'blue',\n *   variants: { size: { small: { fontSize: 12 }, large: { fontSize: 18 } } }\n * }))\n * styles.variant({ size: 'large' }) // Returns combined class names\n */\nexport class MochiCSS<V extends AllVariants = DefaultVariants> {\n    /**\n     * Creates a new MochiCSS instance.\n     * @param classNames - Base class names to always include\n     * @param variantClassNames - Mapping of variant names to option class names\n     * @param defaultVariants - Default variant selections when not specified\n     */\n    constructor(\n        public readonly classNames: string[],\n        public readonly variantClassNames: { [K in keyof V]: { [P in keyof V[K]]: string } },\n        public readonly defaultVariants: Partial<RefineVariants<V>>,\n    ) {}\n\n    /**\n     * Computes the final className string based on variant selections.\n     * Compound variants are handled purely via CSS combined selectors,\n     * so no runtime matching is needed here.\n     * @param props - Variant selections\n     * @returns Combined className string for use in components\n     */\n    variant(props: Partial<RefineVariants<V>>): string {\n        const keys = new Set<keyof V & string>(\n            [...Object.keys(props), ...Object.keys(this.defaultVariants)].filter((k) => k in this.variantClassNames),\n        )\n\n        return clsx(\n            this.classNames,\n            ...keys.values().map((k) => {\n                const variantGroup = this.variantClassNames[k]\n                // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition\n                if (!variantGroup) return false\n\n                const variantKey = ((k in props ? props[k] : undefined) ?? this.defaultVariants[k])?.toString()\n                if (variantKey == null) return false\n\n                const selectedClassname = variantGroup[variantKey]\n                if (selectedClassname !== undefined) return selectedClassname\n\n                const defaultKey = this.defaultVariants[k]\n                if (defaultKey == null) return false\n\n                return variantGroup[defaultKey.toString()]\n            }),\n        )\n    }\n\n    /**\n     * Creates a MochiCSS instance from a CSSObject.\n     * Extracts class names from the compiled CSS blocks.\n     * @template V - The variant definitions type\n     * @param object - The compiled CSSObject to extract from\n     * @returns A new MochiCSS instance with the extracted class names\n     */\n    static from<V extends AllVariants = DefaultVariants>(object: CSSObject<V>): MochiCSS<V> {\n        return new MochiCSS<V>(\n            [object.mainBlock.className],\n            Object.fromEntries(\n                Object.entries(object.variantBlocks).map(([key, variantOptions]) => {\n                    return [\n                        key,\n                        Object.fromEntries(\n                            Object.entries(variantOptions).map(([optionKey, block]) => {\n                                return [optionKey, block.className]\n                            }),\n                        ),\n                    ]\n                }),\n            ) as { [K in keyof V]: { [P in keyof V[K]]: string } },\n            object.variantDefaults,\n        )\n    }\n}\n\n/**\n * Creates a CSS style definition.\n * The primary API for defining styles in Mochi-CSS.\n *\n * @template V - Tuple of variant definition types\n * @param props - One or more style objects or existing MochiCSS instances to merge\n * @returns A MochiCSS instance with all styles and variants combined\n *\n * @example\n * // Simple usage\n * const button = css({ padding: 8, borderRadius: 4 })\n *\n * @example\n * // With variants\n * const button = css({\n *   padding: 8,\n *   variants: {\n *     size: {\n *       small: { padding: 4 },\n *       large: { padding: 16 }\n *     }\n *   },\n *   defaultVariants: { size: 'small' }\n * })\n * button.variant({ size: 'large' }) // Get class names for large size\n *\n * @example\n * // Merging multiple styles\n * const combined = css(baseStyles, additionalStyles)\n */\nconst emptyMochiCSS = new MochiCSS<AllVariants>([], {}, {})\n\n/**\n * Merges multiple MochiCSS instances into a single one, combining their\n * class names, variant class names, and default variants.\n * @param instances - The MochiCSS instances to merge\n * @returns A new MochiCSS instance with all styles combined\n */\nexport function mergeMochiCss<V extends AllVariants[]>(\n    instances: MochiCSS<AllVariants>[],\n): MochiCSS<MergeCSSVariants<V>> {\n    if (instances.length === 0) return emptyMochiCSS as MochiCSS<MergeCSSVariants<V>>\n\n    return new MochiCSS<AllVariants>(\n        instances.flatMap((c) => c.classNames),\n        instances.reduce((a, b) => Object.assign(a, b.variantClassNames), {}),\n        instances.reduce((a, b) => Object.assign(a, b.defaultVariants), {}),\n    ) as MochiCSS<MergeCSSVariants<V>>\n}\n\nexport function css<V extends AllVariants[]>(\n    ...props: { [K in keyof V]: MochiCSSProps<V[K]> | MochiCSS }\n): MochiCSS<MergeCSSVariants<V>> {\n    const cssToMerge: MochiCSS<AllVariants>[] = []\n    for (const p of props) {\n        // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition\n        if (p == null || typeof p !== \"object\") continue\n        if (p instanceof MochiCSS) {\n            cssToMerge.push(p)\n        } else {\n            cssToMerge.push(MochiCSS.from(new CSSObject<AllVariants>(p)))\n        }\n    }\n\n    return mergeMochiCss(cssToMerge)\n}\n","/**\n * React styled component utilities.\n * Creates styled components with CSS-in-JS support and variant props.\n * @module styled\n */\n\nimport { ComponentProps, ComponentType, createElement, FC, HTMLElementType } from \"react\"\nimport { css } from \"@/css\"\nimport clsx from \"clsx\"\nimport { AllVariants, MergeCSSVariants, MochiCSSProps, RefineVariants } from \"@/cssObject\"\n\n/** Props added by MochiCSS to styled components */\ntype MochiProps<V extends AllVariants[]> = {\n    className?: string\n} & Partial<RefineVariants<MergeCSSVariants<V>>>\n\n/** Minimal interface for components that accept className */\ntype Cls = { className?: string }\n\n/**\n * Creates a styled React component with CSS-in-JS support and variant props.\n * Similar to styled-components or Stitches, but with zero runtime overhead.\n *\n * @template T - The base element type or component type\n * @template V - The variant definitions tuple type\n * @param target - The HTML element tag name or React component to style\n * @param props - One or more style objects with optional variants\n * @returns A React functional component with merged props and variant support\n *\n * @example\n * const Button = styled('button', {\n *   padding: 8,\n *   borderRadius: 4,\n *   variants: {\n *     size: {\n *       small: { padding: 4 },\n *       large: { padding: 16 }\n *     },\n *     variant: {\n *       primary: { backgroundColor: 'blue' },\n *       secondary: { backgroundColor: 'gray' }\n *     }\n *   }\n * })\n *\n * // Usage: <Button size=\"large\" variant=\"primary\">Click me</Button>\n */\n//TODO: Move to dedicated \"styled\" package\nexport function styled<T extends HTMLElementType | ComponentType<Cls>, V extends AllVariants[]>(\n    target: T,\n    ...props: { [K in keyof V]: MochiCSSProps<V[K]> }\n): FC<Omit<ComponentProps<T>, keyof MochiProps<V>> & MochiProps<V>> {\n    const styles = css<V>(...props)\n    return ({ className, ...p }: Omit<ComponentProps<T>, keyof MochiProps<V>> & MochiProps<V>) =>\n        //TODO: pick only variant props from p\n        //TODO: omit variant props in p\n        createElement(target, {\n            className: clsx(styles.variant(p as unknown as Parameters<typeof styles.variant>[0]), className),\n            ...p,\n        })\n}\n","import { shortHash } from \"@/hash\"\nimport { cssFromProps, SimpleStyleProps } from \"@/props\"\nimport { compareStringKey } from \"@/compare\"\n\nexport type KeyframeStops = Record<string, SimpleStyleProps>\n\nexport class KeyframesObject {\n    public readonly name: string\n    private readonly body: string\n\n    constructor(stops: KeyframeStops) {\n        this.body = KeyframesObject.generateBody(stops)\n        this.name = \"kf\" + shortHash(this.body)\n    }\n\n    asCssString(): string {\n        return `@keyframes ${this.name} {\\n${this.body}\\n}`\n    }\n\n    private static generateBody(stops: KeyframeStops): string {\n        return Object.entries(stops)\n            .toSorted(compareStringKey)\n            .map(([stopKey, props]) => {\n                const cssProps = cssFromProps(props)\n                const propsStr = Object.entries(cssProps)\n                    .toSorted(compareStringKey)\n                    .map(([k, v]) => `        ${k}: ${v};`)\n                    .join(\"\\n\")\n                return `    ${stopKey} {\\n${propsStr}\\n    }`\n            })\n            .join(\"\\n\\n\")\n    }\n}\n","import { KeyframesObject, type KeyframeStops } from \"@/keyframesObject\"\nexport type { KeyframeStops } from \"@/keyframesObject\"\n\nexport class MochiKeyframes {\n    constructor(public readonly name: string) {}\n\n    toString(): string {\n        return this.name\n    }\n\n    get value(): string {\n        return this.name\n    }\n\n    static from(object: KeyframesObject): MochiKeyframes {\n        return new MochiKeyframes(object.name)\n    }\n}\n\nexport function keyframes(stops: KeyframeStops): MochiKeyframes {\n    return MochiKeyframes.from(new KeyframesObject(stops))\n}\n","import { CssObjectSubBlock } from \"@/cssObject\"\nimport { compareStringKey } from \"@/compare\"\nimport { StyleProps } from \"@/props\"\n\nexport type GlobalCssStyles = Record<string, StyleProps>\n\n/**\n * CSS object model for global (non-scoped) styles.\n * Accepts a map of CSS selectors to style objects and serializes them\n * as plain CSS rules without class name scoping.\n *\n * @example\n * const obj = new GlobalCssObject({\n *   body: { margin: 0 },\n *   'h1': { fontSize: 32 },\n * })\n * obj.asCssString() // \"body {\\n    margin: 0;\\n}\\n\\nh1 {\\n    font-size: 32px;\\n}\"\n */\nexport class GlobalCssObject {\n    private readonly rules: { selector: string; subBlocks: CssObjectSubBlock[] }[]\n\n    constructor(styles: GlobalCssStyles) {\n        this.rules = Object.entries(styles)\n            .toSorted(compareStringKey)\n            .map(([selector, props]) => ({\n                selector,\n                subBlocks: [...CssObjectSubBlock.fromProps(props)],\n            }))\n    }\n\n    asCssString(): string {\n        return this.rules\n            .flatMap(({ selector, subBlocks }) => subBlocks.map((b) => b.asCssString(selector)))\n            .join(\"\\n\\n\")\n    }\n}\n","import type { GlobalCssStyles } from \"@/globalCssObject\"\nexport type { GlobalCssStyles } from \"@/globalCssObject\"\n\n/**\n * Creates a global CSS definition.\n * Styles are not scoped to any class — they apply to all matching elements.\n *\n * @param styles - Map of CSS selectors to style objects\n *\n * @example\n * globalCss({\n *   'body': { margin: 0, padding: 0 },\n *   '*, *::before, *::after': { boxSizing: 'border-box' },\n * })\n */\nexport function globalCss(styles: GlobalCssStyles): void {\n    void styles // mark as used\n}\n"],"mappings":"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"}

package/dist/index.mjs

@@ -914,6 +914,16 @@ var MochiCSS = class MochiCSS {
 * const combined = css(baseStyles, additionalStyles)
 */
 const emptyMochiCSS = new MochiCSS([], {}, {});
+/**
+* Merges multiple MochiCSS instances into a single one, combining their
+* class names, variant class names, and default variants.
+* @param instances - The MochiCSS instances to merge
+* @returns A new MochiCSS instance with all styles combined
+*/
+function mergeMochiCss(instances) {
+	if (instances.length === 0) return emptyMochiCSS;
+	return new MochiCSS(instances.flatMap((c) => c.classNames), instances.reduce((a, b) => Object.assign(a, b.variantClassNames), {}), instances.reduce((a, b) => Object.assign(a, b.defaultVariants), {}));
+}
 function css(...props) {
 	const cssToMerge = [];
 	for (const p of props) {
@@ -921,8 +931,7 @@ function css(...props) {
 		if (p instanceof MochiCSS) cssToMerge.push(p);
 		else cssToMerge.push(MochiCSS.from(new CSSObject(p)));
 	}
-	if (cssToMerge.length === 0) return emptyMochiCSS;
-	return new MochiCSS(cssToMerge.flatMap((css$1) => css$1.classNames), cssToMerge.reduce((a, b) => Object.assign(a, b.variantClassNames), {}), cssToMerge.reduce((a, b) => Object.assign(a, b.defaultVariants), {}));
+	return mergeMochiCss(cssToMerge);
 }
 
 //#endregion
@@ -1004,5 +1013,48 @@ function keyframes(stops) {
 }
 
 //#endregion
-export { CSSObject, CssObjectBlock, CssObjectSubBlock, KeyframesObject, MochiCSS, MochiKeyframes, MochiSelector, Token, createToken, css, cssFromProps, keyframes, styled };
+//#region src/globalCssObject.ts
+/**
+* CSS object model for global (non-scoped) styles.
+* Accepts a map of CSS selectors to style objects and serializes them
+* as plain CSS rules without class name scoping.
+*
+* @example
+* const obj = new GlobalCssObject({
+*   body: { margin: 0 },
+*   'h1': { fontSize: 32 },
+* })
+* obj.asCssString() // "body {\n    margin: 0;\n}\n\nh1 {\n    font-size: 32px;\n}"
+*/
+var GlobalCssObject = class {
+	rules;
+	constructor(styles) {
+		this.rules = Object.entries(styles).toSorted(compareStringKey).map(([selector, props]) => ({
+			selector,
+			subBlocks: [...CssObjectSubBlock.fromProps(props)]
+		}));
+	}
+	asCssString() {
+		return this.rules.flatMap(({ selector, subBlocks }) => subBlocks.map((b) => b.asCssString(selector))).join("\n\n");
+	}
+};
+
+//#endregion
+//#region src/globalCss.ts
+/**
+* Creates a global CSS definition.
+* Styles are not scoped to any class — they apply to all matching elements.
+*
+* @param styles - Map of CSS selectors to style objects
+*
+* @example
+* globalCss({
+*   'body': { margin: 0, padding: 0 },
+*   '*, *::before, *::after': { boxSizing: 'border-box' },
+* })
+*/
+function globalCss(styles) {}
+
+//#endregion
+export { CSSObject, CssObjectBlock, CssObjectSubBlock, GlobalCssObject, KeyframesObject, MochiCSS, MochiKeyframes, MochiSelector, Token, createToken, css, cssFromProps, globalCss, keyframes, mergeMochiCss, styled };
 //# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","names":["name: string","cssSelectors: string[]","mediaSelectors: string[]","cssProps: Record<string, string>","selector: MochiSelector","propsToProcess: { key: string; selector: MochiSelector; props: StyleProps }[]","props","selector","classNames: string[]","variantClassNames: { [K in keyof V]: { [P in keyof V[K]]: string } }","defaultVariants: Partial<RefineVariants<V>>","cssToMerge: MochiCSS<AllVariants>[]","css","name: string"],"sources":["../src/token.ts","../src/propertyUnits.generated.ts","../src/props.ts","../src/selector.ts","../src/hash.ts","../src/compare.ts","../src/cssObject.ts","../src/css.ts","../src/styled.ts","../src/keyframesObject.ts","../src/keyframes.ts"],"sourcesContent":["/**\n * CSS custom property (design token) utilities.\n * Provides type-safe access to CSS variables with proper `var()` syntax.\n * @module token\n */\n\nimport { CssVar, CssVarVal } from \"@/values\"\n\n/**\n * Represents a CSS custom property (design token) with type information.\n * Provides convenient access to both the variable name and its `var()` reference.\n * @template T - The expected value type of the token (for type checking)\n * @example\n * const primaryColor = new Token<string>('primary-color')\n * primaryColor.variable // '--primary-color'\n * primaryColor.value    // 'var(--primary-color)'\n */\nexport class Token {\n    /**\n     * Creates a new CSS token.\n     * @param name - The token name (without the `--` prefix)\n     */\n    constructor(public readonly name: string) {}\n\n    /**\n     * Gets the CSS custom property name (with `--` prefix).\n     * Use this when defining the variable.\n     */\n    get variable(): CssVar {\n        return `--${this.name}`\n    }\n\n    /**\n     * Gets the CSS `var()` reference to this token.\n     * Use this when consuming the variable value.\n     */\n    get value(): CssVarVal {\n        return `var(${this.variable})`\n    }\n\n    /**\n     * Returns the variable name for string coercion.\n     */\n    toString(): CssVar {\n        return this.variable\n    }\n}\n\n/**\n * Creates a new CSS design token.\n * @template T - The expected value type of the token\n * @param name - The token name (without the `--` prefix)\n * @returns A new Token instance\n * @example\n * const spacing = createToken<number>('spacing-md')\n * // Use in styles: { gap: spacing.value }\n */\nexport function createToken(name: string): Token {\n    return new Token(name)\n}\n","// Auto-generated from @webref/css - do not edit manually\n// Run \"yarn build\" to regenerate\n\nexport const propertyUnits = {\n    animation: \"ms\",\n    animationDelay: \"ms\",\n    animationDuration: \"ms\",\n    animationRange: \"px\",\n    animationRangeCenter: \"px\",\n    animationRangeEnd: \"px\",\n    animationRangeStart: \"px\",\n    background: \"px\",\n    backgroundPosition: \"px\",\n    backgroundPositionBlock: \"px\",\n    backgroundPositionInline: \"px\",\n    backgroundPositionX: \"px\",\n    backgroundPositionY: \"px\",\n    backgroundSize: \"px\",\n    backgroundTbd: \"px\",\n    baselineShift: \"px\",\n    blockSize: \"px\",\n    blockStep: \"px\",\n    blockStepSize: \"px\",\n    border: \"px\",\n    borderBlock: \"px\",\n    borderBlockClip: \"px\",\n    borderBlockEnd: \"px\",\n    borderBlockEndClip: \"px\",\n    borderBlockEndRadius: \"px\",\n    borderBlockEndWidth: \"px\",\n    borderBlockStart: \"px\",\n    borderBlockStartClip: \"px\",\n    borderBlockStartRadius: \"px\",\n    borderBlockStartWidth: \"px\",\n    borderBlockWidth: \"px\",\n    borderBottom: \"px\",\n    borderBottomClip: \"px\",\n    borderBottomLeftRadius: \"px\",\n    borderBottomRadius: \"px\",\n    borderBottomRightRadius: \"px\",\n    borderBottomWidth: \"px\",\n    borderClip: \"px\",\n    borderEndEndRadius: \"px\",\n    borderEndStartRadius: \"px\",\n    borderImage: \"%\",\n    borderImageOutset: \"px\",\n    borderImageSlice: \"%\",\n    borderImageWidth: \"px\",\n    borderInline: \"px\",\n    borderInlineClip: \"px\",\n    borderInlineEnd: \"px\",\n    borderInlineEndClip: \"px\",\n    borderInlineEndRadius: \"px\",\n    borderInlineEndWidth: \"px\",\n    borderInlineStart: \"px\",\n    borderInlineStartClip: \"px\",\n    borderInlineStartRadius: \"px\",\n    borderInlineStartWidth: \"px\",\n    borderInlineWidth: \"px\",\n    borderLeft: \"px\",\n    borderLeftClip: \"px\",\n    borderLeftRadius: \"px\",\n    borderLeftWidth: \"px\",\n    borderLimit: \"px\",\n    borderRadius: \"px\",\n    borderRight: \"px\",\n    borderRightClip: \"px\",\n    borderRightRadius: \"px\",\n    borderRightWidth: \"px\",\n    borderSpacing: \"px\",\n    borderStartEndRadius: \"px\",\n    borderStartStartRadius: \"px\",\n    borderTop: \"px\",\n    borderTopClip: \"px\",\n    borderTopLeftRadius: \"px\",\n    borderTopRadius: \"px\",\n    borderTopRightRadius: \"px\",\n    borderTopWidth: \"px\",\n    borderWidth: \"px\",\n    bottom: \"px\",\n    boxShadow: \"px\",\n    boxShadowBlur: \"px\",\n    boxShadowOffset: \"px\",\n    boxShadowSpread: \"px\",\n    columnGap: \"px\",\n    columnHeight: \"px\",\n    columnRule: \"px\",\n    columnRuleEdgeInset: \"px\",\n    columnRuleEdgeInsetEnd: \"px\",\n    columnRuleEdgeInsetStart: \"px\",\n    columnRuleInset: \"px\",\n    columnRuleInsetEnd: \"px\",\n    columnRuleInsetStart: \"px\",\n    columnRuleInteriorInset: \"px\",\n    columnRuleInteriorInsetEnd: \"px\",\n    columnRuleInteriorInsetStart: \"px\",\n    columnRuleWidth: \"px\",\n    columns: \"px\",\n    columnWidth: \"px\",\n    containIntrinsicBlockSize: \"px\",\n    containIntrinsicHeight: \"px\",\n    containIntrinsicInlineSize: \"px\",\n    containIntrinsicSize: \"px\",\n    containIntrinsicWidth: \"px\",\n    corner: \"px\",\n    cornerBlockEnd: \"px\",\n    cornerBlockStart: \"px\",\n    cornerBottom: \"px\",\n    cornerBottomLeft: \"px\",\n    cornerBottomRight: \"px\",\n    cornerEndEnd: \"px\",\n    cornerEndStart: \"px\",\n    cornerInlineEnd: \"px\",\n    cornerInlineStart: \"px\",\n    cornerLeft: \"px\",\n    cornerRight: \"px\",\n    cornerStartEnd: \"px\",\n    cornerStartStart: \"px\",\n    cornerTop: \"px\",\n    cornerTopLeft: \"px\",\n    cornerTopRight: \"px\",\n    cx: \"px\",\n    cy: \"px\",\n    fillOpacity: \"%\",\n    fillPosition: \"px\",\n    fillSize: \"px\",\n    flex: \"px\",\n    flexBasis: \"px\",\n    floatOffset: \"px\",\n    floodOpacity: \"%\",\n    flowTolerance: \"px\",\n    font: \"deg\",\n    fontSize: \"px\",\n    fontStretch: \"%\",\n    fontStyle: \"deg\",\n    fontWidth: \"%\",\n    gap: \"px\",\n    grid: \"px\",\n    gridAutoColumns: \"px\",\n    gridAutoRows: \"px\",\n    gridColumnGap: \"px\",\n    gridGap: \"px\",\n    gridRowGap: \"px\",\n    gridTemplate: \"px\",\n    gridTemplateColumns: \"px\",\n    gridTemplateRows: \"px\",\n    height: \"px\",\n    hyphenateLimitZone: \"px\",\n    imageOrientation: \"deg\",\n    imageResolution: \"dppx\",\n    initialLetterWrap: \"px\",\n    inlineSize: \"px\",\n    inset: \"px\",\n    insetBlock: \"px\",\n    insetBlockEnd: \"px\",\n    insetBlockStart: \"px\",\n    insetInline: \"px\",\n    insetInlineEnd: \"px\",\n    insetInlineStart: \"px\",\n    interestDelay: \"ms\",\n    interestDelayEnd: \"ms\",\n    interestDelayStart: \"ms\",\n    itemFlow: \"px\",\n    left: \"px\",\n    letterSpacing: \"px\",\n    lineHeight: \"px\",\n    lineHeightStep: \"px\",\n    linePadding: \"px\",\n    margin: \"px\",\n    marginBlock: \"px\",\n    marginBlockEnd: \"px\",\n    marginBlockStart: \"px\",\n    marginBottom: \"px\",\n    marginInline: \"px\",\n    marginInlineEnd: \"px\",\n    marginInlineStart: \"px\",\n    marginLeft: \"px\",\n    marginRight: \"px\",\n    marginTop: \"px\",\n    mask: \"px\",\n    maskBorder: \"%\",\n    maskBorderOutset: \"px\",\n    maskBorderSlice: \"%\",\n    maskBorderWidth: \"px\",\n    maskPosition: \"px\",\n    maskSize: \"px\",\n    maxBlockSize: \"px\",\n    maxHeight: \"px\",\n    maxInlineSize: \"px\",\n    maxWidth: \"px\",\n    minBlockSize: \"px\",\n    minHeight: \"px\",\n    minInlineSize: \"px\",\n    minWidth: \"px\",\n    objectPosition: \"px\",\n    offset: \"px\",\n    offsetAnchor: \"px\",\n    offsetDistance: \"px\",\n    offsetPosition: \"px\",\n    offsetRotate: \"deg\",\n    opacity: \"%\",\n    outline: \"px\",\n    outlineOffset: \"px\",\n    outlineWidth: \"px\",\n    overflowClipMargin: \"px\",\n    overflowClipMarginBlock: \"px\",\n    overflowClipMarginBlockEnd: \"px\",\n    overflowClipMarginBlockStart: \"px\",\n    overflowClipMarginBottom: \"px\",\n    overflowClipMarginInline: \"px\",\n    overflowClipMarginInlineEnd: \"px\",\n    overflowClipMarginInlineStart: \"px\",\n    overflowClipMarginLeft: \"px\",\n    overflowClipMarginRight: \"px\",\n    overflowClipMarginTop: \"px\",\n    padding: \"px\",\n    paddingBlock: \"px\",\n    paddingBlockEnd: \"px\",\n    paddingBlockStart: \"px\",\n    paddingBottom: \"px\",\n    paddingInline: \"px\",\n    paddingInlineEnd: \"px\",\n    paddingInlineStart: \"px\",\n    paddingLeft: \"px\",\n    paddingRight: \"px\",\n    paddingTop: \"px\",\n    pause: \"ms\",\n    pauseAfter: \"ms\",\n    pauseBefore: \"ms\",\n    perspective: \"px\",\n    perspectiveOrigin: \"px\",\n    r: \"px\",\n    rest: \"ms\",\n    restAfter: \"ms\",\n    restBefore: \"ms\",\n    right: \"px\",\n    rotate: \"deg\",\n    rowGap: \"px\",\n    rowRule: \"px\",\n    rowRuleEdgeInset: \"px\",\n    rowRuleEdgeInsetEnd: \"px\",\n    rowRuleEdgeInsetStart: \"px\",\n    rowRuleInset: \"px\",\n    rowRuleInsetEnd: \"px\",\n    rowRuleInsetStart: \"px\",\n    rowRuleInteriorInset: \"px\",\n    rowRuleInteriorInsetEnd: \"px\",\n    rowRuleInteriorInsetStart: \"px\",\n    rowRuleWidth: \"px\",\n    rule: \"px\",\n    ruleEdgeInset: \"px\",\n    ruleInset: \"px\",\n    ruleInsetEnd: \"px\",\n    ruleInsetStart: \"px\",\n    ruleInteriorInset: \"px\",\n    ruleWidth: \"px\",\n    rx: \"px\",\n    ry: \"px\",\n    scale: \"%\",\n    scrollMargin: \"px\",\n    scrollMarginBlock: \"px\",\n    scrollMarginBlockEnd: \"px\",\n    scrollMarginBlockStart: \"px\",\n    scrollMarginBottom: \"px\",\n    scrollMarginInline: \"px\",\n    scrollMarginInlineEnd: \"px\",\n    scrollMarginInlineStart: \"px\",\n    scrollMarginLeft: \"px\",\n    scrollMarginRight: \"px\",\n    scrollMarginTop: \"px\",\n    scrollPadding: \"px\",\n    scrollPaddingBlock: \"px\",\n    scrollPaddingBlockEnd: \"px\",\n    scrollPaddingBlockStart: \"px\",\n    scrollPaddingBottom: \"px\",\n    scrollPaddingInline: \"px\",\n    scrollPaddingInlineEnd: \"px\",\n    scrollPaddingInlineStart: \"px\",\n    scrollPaddingLeft: \"px\",\n    scrollPaddingRight: \"px\",\n    scrollPaddingTop: \"px\",\n    shapeImageThreshold: \"%\",\n    shapeMargin: \"px\",\n    shapePadding: \"px\",\n    stopOpacity: \"%\",\n    strokeDasharray: \"px\",\n    strokeDashcorner: \"px\",\n    strokeDashCorner: \"px\",\n    strokeDashoffset: \"px\",\n    strokeOpacity: \"%\",\n    strokePosition: \"px\",\n    strokeSize: \"px\",\n    strokeWidth: \"px\",\n    tabSize: \"px\",\n    textDecoration: \"px\",\n    textDecorationInset: \"px\",\n    textDecorationThickness: \"px\",\n    textIndent: \"px\",\n    textShadow: \"px\",\n    textSizeAdjust: \"%\",\n    textUnderlineOffset: \"px\",\n    timelineTrigger: \"px\",\n    timelineTriggerExitRange: \"px\",\n    timelineTriggerExitRangeEnd: \"px\",\n    timelineTriggerExitRangeStart: \"px\",\n    timelineTriggerRange: \"px\",\n    timelineTriggerRangeEnd: \"px\",\n    timelineTriggerRangeStart: \"px\",\n    top: \"px\",\n    transformOrigin: \"px\",\n    transition: \"ms\",\n    transitionDelay: \"ms\",\n    transitionDuration: \"ms\",\n    translate: \"px\",\n    verticalAlign: \"px\",\n    viewTimeline: \"px\",\n    viewTimelineInset: \"px\",\n    voiceDuration: \"ms\",\n    voicePitch: \"Hz\",\n    voiceRange: \"Hz\",\n    voiceRate: \"%\",\n    width: \"px\",\n    wordSpacing: \"px\",\n    x: \"px\",\n    y: \"px\",\n    zoom: \"%\",\n} as const\n\nexport type PropertyWithUnit = keyof typeof propertyUnits\n","/**\n * CSS property handling and type definitions.\n * Provides type-safe mappings from JavaScript objects to CSS properties,\n * with automatic unit conversion and value formatting.\n * @module props\n */\n\nimport { Properties, ObsoleteProperties } from \"csstype\"\nimport { CssLike, CssVar } from \"@/values\"\nimport properties from \"known-css-properties\"\nimport { propertyUnits, type PropertyWithUnit } from \"./propertyUnits.generated\"\n\n/** All non-obsolete CSS properties from csstype */\ntype Props = Required<Omit<Properties, keyof ObsoleteProperties>>\n\n/** Properties that have default units and are valid CSS properties */\ntype PropsWithUnit = PropertyWithUnit & keyof Props\n\n/**\n * Converts a kebab-case string to camelCase.\n */\nexport function kebabToCamel(str: string): string {\n    return str.replace(/-([a-z])/g, (_, c: string) => c.toUpperCase())\n}\n\n/**\n * Converts a camelCase string to kebab-case.\n */\nexport function camelToKebab(str: string): string {\n    return str.replace(/[A-Z]/g, (m) => \"-\" + m.toLowerCase())\n}\n\nfunction getUnitForProperty(propertyName: string): string | undefined {\n    return propertyName in propertyUnits ? propertyUnits[propertyName as PropertyWithUnit] : undefined\n}\n\n/**\n * Converts a CSS-like value to its string representation.\n * For properties with known units, numbers are automatically suffixed.\n */\nfunction formatValue(value: CssLike<string | number>, propertyName: string, maxDepth = 10): string {\n    if (maxDepth <= 0) return \"\"\n    if (typeof value === \"string\") return value\n    if (typeof value === \"number\") {\n        const unit = getUnitForProperty(propertyName)\n        if (unit === \"%\") return `${value * 100}${unit}`\n        if (value === 0) return \"0\"\n        return unit ? `${value}${unit}` : value.toString()\n    }\n    return formatValue(value.value, propertyName, maxDepth - 1)\n}\n\n//TODO: generate this list and drop known-css-properties package\nconst knownPropertySet = new Set<string>(properties.all.map(kebabToCamel))\n\n/**\n * Checks if a property name is a CSS custom property (variable).\n */\nexport function isCssVariableName(key: string): key is CssVar {\n    return key.startsWith(\"--\")\n}\n\n/**\n * Converts a CSS-like value to a string for use as a CSS variable value.\n * @param value - The value to convert (string, number, or wrapped value)\n * @param maxDepth - Maximum recursion depth for evaluating the value\n * @returns The string representation\n */\nexport function asVar(value: CssLike<string | number>, maxDepth = 10): string {\n    if (maxDepth <= 0) return \"\"\n    switch (typeof value) {\n        case \"string\":\n            return value\n        case \"number\":\n            return value.toString()\n        default:\n            return asVar(value.value, maxDepth - 1)\n    }\n}\n\n/**\n * Checks if a property name is a known CSS property.\n */\nexport function isKnownPropertyName(key: string): key is keyof Props {\n    return knownPropertySet.has(key)\n}\n\n/**\n * Converts a value to a CSS property string.\n * Automatically appends units to numeric values for properties that require them.\n * @param value - The value to convert\n * @param key - The CSS property name\n * @returns The formatted CSS value string\n */\nexport function asKnownProp(value: unknown, key: keyof Props): string {\n    return formatValue(value as CssLike<string | number>, key)\n}\n\n/**\n * Checks if a key represents a nested CSS selector.\n */\n//TODO: make better validation, provide human readable errors\nexport function isNestedSelector(key: string): key is NestedCssSelector {\n    return key.includes(\"&\")\n}\n\n/**\n * Checks if a key represents a media query.\n */\n//TODO: make better validation, provide human readable errors\nexport function isMediaSelector(key: string): key is MediaSelector {\n    return key.startsWith(\"@\")\n}\n\n/** A nested CSS selector pattern containing the parent reference `&` */\nexport type NestedCssSelector = `${string}&${string}`\n\n/** A CSS media query starting with `@` */\nexport type MediaSelector = `@${string}`\n\ntype NestedStyleKeys = MediaSelector | NestedCssSelector\n\n/**\n * Style properties without nesting support.\n * Includes all standard CSS properties with type-safe value converters,\n * plus CSS custom properties (variables).\n *\n * Properties with known units (e.g., width, height, padding) accept numbers\n * that are automatically converted with their default unit (e.g., px, ms).\n */\nexport type SimpleStyleProps = { [K in PropsWithUnit]?: CssLike<number | Props[K]> } & {\n    [K in Exclude<keyof Props, PropsWithUnit>]?: CssLike<Props[K]>\n} & Partial<Record<CssVar, CssLike<string | number>>>\n\n/**\n * Full style properties type with support for nested selectors and media queries.\n * Extends SimpleStyleProps to allow recursive style definitions.\n *\n * @example\n * const styles: StyleProps = {\n *   color: 'blue',\n *   padding: 16,\n *   '&:hover': { color: 'red' },\n *   '@min-width: 768px': { padding: 24 }\n * }\n */\nexport type StyleProps = SimpleStyleProps & { [K in NestedStyleKeys]?: StyleProps | CssLike<string | number> }\n\n/**\n * Converts a SimpleStyleProps object to a CSS properties record.\n * Transforms camelCase property names to kebab-case and applies value converters.\n * @param props - The style properties object\n * @returns A record of CSS property names (kebab-case) to string values\n * @example\n * cssFromProps({ backgroundColor: 'blue', padding: 16 })\n * // { 'background-color': 'blue', 'padding': '16px' }\n */\nexport function cssFromProps(props: SimpleStyleProps): Record<string, string> {\n    return Object.fromEntries(\n        Object.entries(props)\n            .map(([key, value]): [string, string] | undefined => {\n                if (value === undefined) return undefined\n                // transform variable\n                if (isCssVariableName(key)) return [key, asVar(value as CssLike<string | number>)]\n                // transform CSS prop\n                if (isKnownPropertyName(key)) return [camelToKebab(key), asKnownProp(value, key)]\n                return undefined\n            })\n            .filter((v) => v !== undefined),\n    )\n}\n","/**\n * CSS selector building and manipulation utilities.\n * Handles nested selectors (using `&` placeholder) and media queries.\n * @module selector\n */\n\nimport { isMediaSelector, isNestedSelector } from \"@/props\"\n\n/**\n * Immutable CSS selector builder that handles nested selectors and media queries.\n * Uses the `&` character as a placeholder for parent selector substitution.\n *\n * @example\n * const selector = new MochiSelector(['.button'])\n * selector.extend('&:hover').cssSelector // '.button:hover'\n * selector.wrap('@media (min-width: 768px)').mediaQuery // '@media (min-width: 768px)'\n */\nexport class MochiSelector {\n    /**\n     * Creates a new MochiSelector instance.\n     * @param cssSelectors - Array of CSS selectors (may contain `&` placeholders)\n     * @param mediaSelectors - Array of media query conditions (without `@media` prefix)\n     */\n    constructor(\n        private readonly cssSelectors: string[] = [],\n        private readonly mediaSelectors: string[] = [],\n    ) {}\n\n    /**\n     * Gets the combined CSS selector string.\n     * Multiple selectors are joined with commas.\n     * @returns The CSS selector, or \"*\" if no selectors are defined\n     */\n    get cssSelector(): string {\n        if (this.cssSelectors.length === 0) return \"*\"\n        return this.cssSelectors.join(\", \")\n    }\n\n    /**\n     * Gets the combined media query string, if any.\n     * @returns The full `@media` query string, or undefined if no media conditions\n     */\n    get mediaQuery(): string | undefined {\n        if (this.mediaSelectors.length === 0) return undefined\n        return `@media ${this.mediaSelectors.map((s) => `(${s})`).join(\" and \")}`\n    }\n\n    /**\n     * Substitutes all `&` placeholders with the given root selector.\n     * @param root - The selector to replace `&` with\n     * @returns A new MochiSelector with substituted selectors\n     */\n    substitute(root: string): MochiSelector {\n        return new MochiSelector(\n            this.cssSelectors.map((selector) => selector.replace(/&/g, root)),\n            this.mediaSelectors,\n        )\n    }\n\n    /**\n     * Extends this selector by nesting a child selector.\n     * The `&` in the child selector is replaced with each parent selector.\n     * @param child - The child selector pattern (must contain `&`)\n     * @returns A new MochiSelector with the extended selectors\n     * @example\n     * new MochiSelector(['.btn']).extend('&:hover') // '.btn:hover'\n     * new MochiSelector(['.btn']).extend('& .icon') // '.btn .icon'\n     */\n    extend(child: string): MochiSelector {\n        if (!isNestedSelector(child)) return this\n        const children = MochiSelector.split(child)\n        const selectors = this.cssSelectors.flatMap((parentSelector) =>\n            children.map((childSelector) => {\n                return childSelector.replace(/&/g, parentSelector)\n            }),\n        )\n        return new MochiSelector(selectors, this.mediaSelectors)\n    }\n\n    /**\n     * Wraps this selector with a media query condition.\n     * @param mediaQuery - The media query string (starting with `@`)\n     * @returns A new MochiSelector with the added media condition\n     * @example\n     * selector.wrap('@min-width: 768px') // Adds media query condition\n     */\n    wrap(mediaQuery: string): MochiSelector {\n        if (!isMediaSelector(mediaQuery)) return this\n        const mediaQueryPart = mediaQuery.substring(1)\n        return new MochiSelector(this.cssSelectors, [...this.mediaSelectors, mediaQueryPart])\n    }\n\n    /**\n     * Splits a comma-separated selector string into individual selectors.\n     * @param selector - The selector string to split\n     * @returns Array of individual selector strings\n     */\n    private static split(selector: string): string[] {\n        return [selector]\n    }\n}\n","/**\n * Hashing utilities for generating short, deterministic class names.\n * Uses djb2 algorithm for fast string hashing.\n * @module hash\n */\n\n/** Characters used for base-62 encoding (css-name safe variant of base-64) */\nconst hashBase = \"0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz-_\"\nconst base = hashBase.length\n\n/**\n * Converts a number to a base-62 string representation.\n * @param num - The number to convert\n * @param maxLength - Optional maximum length of the output string\n * @returns Base-62 encoded string representation of the number\n */\nexport function numberToBase62(num: number, maxLength?: number): string {\n    let out = \"\"\n    while (num > 0 && out.length < (maxLength ?? Infinity)) {\n        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n        out = hashBase[num % base]! + out\n        num = Math.floor(num / base)\n    }\n    return out.length > 0 ? out : \"0\"\n}\n\n/**\n * Generates a short hash string from input using the djb2 algorithm.\n * Used to create unique, deterministic CSS class names from style content.\n * @param input - The string to hash\n * @param length - Maximum length of the hash output (default: 8)\n * @returns A short, css-safe hash string\n * @example\n * shortHash(\"color: red;\") // Returns something like \"A1b2C3d4\"\n */\nexport function shortHash(input: string, length = 8): string {\n    // fast 32-bit integer hash (djb2 variant)\n    let h = 5381\n    for (let i = 0; i < input.length; i++) {\n        h = (h * 33) ^ input.charCodeAt(i)\n    }\n    // force unsigned\n    h >>>= 0\n\n    return numberToBase62(h, length)\n}\n","/**\n * String comparison utilities for deterministic sorting.\n * Used internally to ensure consistent CSS output order.\n * @module compare\n */\n\n/**\n * Compares two strings lexicographically.\n */\nexport function compareString<T extends string>(a: T, b: T) {\n    return a < b ? -1 : a === b ? 0 : 1\n}\n\n/**\n * Compares two tuples by their first element (string key).\n * Useful for sorting Object.entries() results.\n */\nexport function compareStringKey<T extends [string, unknown]>(a: T, b: T) {\n    return compareString(a[0], b[0])\n}\n\n/**\n * Creates a comparator function for objects with a specific string property.\n * @param name - The property name to compare by\n * @returns A comparator function that compares objects by the specified property\n * @example\n * const items = [{ key: 'b' }, { key: 'a' }]\n * items.sort(stringPropComparator('key')) // [{ key: 'a' }, { key: 'b' }]\n */\nexport function stringPropComparator<N extends string>(name: N) {\n    return <T extends Record<N, string>>(a: T, b: T) => compareString(a[name], b[name])\n}\n","/**\n * CSS object model for representing and serializing styles.\n * Converts JavaScript style objects into CSS blocks with proper\n * selector handling, nesting support, and deterministic output.\n * @module cssObject\n */\n\nimport {\n    asKnownProp,\n    asVar,\n    camelToKebab,\n    isCssVariableName,\n    isKnownPropertyName,\n    isMediaSelector,\n    isNestedSelector,\n    StyleProps,\n} from \"@/props\"\nimport { shortHash } from \"@/hash\"\nimport { MochiSelector } from \"@/selector\"\nimport { compareStringKey, stringPropComparator } from \"@/compare\"\n\n/**\n * Represents a single CSS rule block with properties and a selector.\n * Handles conversion to CSS string format and hash generation.\n */\nexport class CssObjectSubBlock {\n    /**\n     * Creates a new CSS sub-block.\n     * @param cssProps - Map of CSS property names (kebab-case) to values\n     * @param selector - The selector this block applies to\n     */\n    constructor(\n        public readonly cssProps: Record<string, string>,\n        public readonly selector: MochiSelector,\n    ) {}\n\n    /**\n     * Computes a deterministic hash of this block's CSS content.\n     * Used for generating unique class names.\n     */\n    get hash(): string {\n        const str = this.asCssString(\"&\")\n        return shortHash(str)\n    }\n\n    /**\n     * Converts this block to a CSS string.\n     * Handles media query wrapping if the selector has media conditions.\n     * @param root - The root selector to substitute for `&`\n     * @returns Formatted CSS string\n     */\n    asCssString(root: string): string {\n        const selector = this.selector.substitute(root)\n        const mediaQuery = selector.mediaQuery\n\n        const mediaIndent = mediaQuery === undefined ? \"\" : \"    \"\n\n        const props = Object.entries(this.cssProps)\n            .toSorted(compareStringKey)\n            .map(([k, v]) => `${mediaIndent}    ${k}: ${v};\\n`)\n            .join(\"\")\n\n        const blockCss = `${mediaIndent}${selector.cssSelector} {\\n${props}${mediaIndent}}`\n\n        return mediaQuery === undefined ? blockCss : `${mediaQuery} {\\n${blockCss}\\n}`\n    }\n\n    /**\n     * Parses StyleProps into an array of CSS sub-blocks.\n     * Recursively processes nested selectors and media queries.\n     * Output order is deterministic for consistent hash generation.\n     *\n     * @param props - The style properties to parse\n     * @param selector - The parent selector context (defaults to `&`)\n     * @returns Non-empty array of sub-blocks (main block first, then nested)\n     */\n    static fromProps(props: StyleProps, selector?: MochiSelector): [CssObjectSubBlock, ...CssObjectSubBlock[]] {\n        selector ??= new MochiSelector([\"&\"])\n\n        const cssProps: Record<string, string> = {}\n        const propsToProcess: { key: string; selector: MochiSelector; props: StyleProps }[] = []\n\n        for (const [key, value] of Object.entries(props)) {\n            // skip undefined value\n            if (value === undefined) continue\n\n            // transform variable\n            if (isCssVariableName(key)) {\n                cssProps[key] = asVar(value as StyleProps[typeof key] & {})\n                continue\n            }\n\n            // transform known CSS prop\n            if (isKnownPropertyName(key)) {\n                cssProps[camelToKebab(key)] = asKnownProp(value, key)\n                continue\n            }\n\n            // transform nested and media selectors\n            if (isNestedSelector(key)) {\n                propsToProcess.push({\n                    key,\n                    props: value as StyleProps,\n                    selector: selector.extend(key),\n                })\n                continue\n            }\n\n            // transform media selector\n            if (isMediaSelector(key)) {\n                propsToProcess.push({\n                    key,\n                    props: value as StyleProps,\n                    selector: selector.wrap(key),\n                })\n                continue\n            }\n\n            if (process.env[\"NODE_ENV\"] !== \"production\") {\n                console.warn(`[mochi-css] Unknown style property \"${key}\" will be ignored`)\n            }\n        }\n\n        return [\n            new CssObjectSubBlock(cssProps, selector),\n            ...propsToProcess\n                .toSorted(stringPropComparator(\"key\"))\n                .flatMap(({ props, selector }) => CssObjectSubBlock.fromProps(props, selector)),\n        ] as const\n    }\n}\n\n/**\n * Represents an abstract CSS block definition.\n * Contains one or more sub-blocks for nested selectors and media queries.\n */\nexport class CssObjectBlock {\n    /** The generated unique class name for this block */\n    public readonly className: string\n    /** All sub-blocks (main styles and nested/media rules) */\n    public readonly subBlocks: CssObjectSubBlock[] = []\n\n    /**\n     * Creates a new CSS block from style properties.\n     * Generates a unique class name based on the content hash.\n     * @param styles - The style properties to compile\n     */\n    constructor(styles: StyleProps) {\n        const blocks = CssObjectSubBlock.fromProps(styles)\n\n        this.className = \"c\" + shortHash(blocks.map((b) => b.hash).join(\"+\"))\n        this.subBlocks = blocks\n    }\n\n    /**\n     * Gets the CSS class selector for this block.\n     */\n    get selector(): string {\n        return `.${this.className}`\n    }\n\n    /**\n     * Converts style block to a CSS string.\n     * @param root - The root selector to scope styles to\n     * @returns Complete CSS string for this block\n     */\n    asCssString(root: string): string {\n        return this.subBlocks\n            .map((b) => b.asCssString(new MochiSelector([root]).extend(`&.${this.className}`).cssSelector))\n            .join(\"\\n\\n\")\n    }\n}\n\nexport type AllVariants = Record<string, Record<string, StyleProps>>\nexport type DefaultVariants = Record<never, Record<string, StyleProps>>\n\n/**\n * A compound variant entry that applies styles when multiple variant conditions match.\n * Each entry specifies a set of variant conditions and a `css` property with styles\n * that apply only when all conditions are satisfied simultaneously.\n *\n * @template V - The variant definitions type\n *\n * @example\n * { color: 'red', size: 'large', css: { fontWeight: 'bold' } }\n */\nexport type CompoundVariant<V extends AllVariants> = {\n    [K in keyof V]?: keyof V[K]\n} & { css: StyleProps }\n\n/**\n * Refines string literal types to their proper runtime types.\n * Converts \"true\"/\"false\" strings to boolean literals.\n */\ntype RefineVariantType<T extends string> = T extends \"true\"\n    ? true\n    : T extends \"false\"\n      ? false\n      : T extends string\n        ? T\n        : string\n\n/**\n * Props for defining variants in a style object.\n * @template V - The variant definitions type\n */\nexport type VariantProps<V extends AllVariants> = {\n    /** Variant definitions mapping names to options to styles */\n    variants?: V\n    /** Default variant selections for when not explicitly provided */\n    defaultVariants?: { [K in keyof V]?: keyof V[K] extends string ? RefineVariantType<keyof V[K] & string> : never }\n    /** Compound variant definitions that apply when multiple variant conditions match */\n    compoundVariants?: CompoundVariant<V>[]\n}\n\n/** Combined type for style props with optional variants */\nexport type MochiCSSProps<V extends AllVariants> = StyleProps & VariantProps<V>\n\n/** Utility type to override properties of A with properties of B */\ntype Override<A extends object, B extends object> = B & Omit<A, keyof B>\n\n/** Recursively merges variant types from a tuple, with later types overriding earlier */\nexport type MergeCSSVariants<V extends AllVariants[]> = V extends [\n    infer V1 extends AllVariants,\n    ...infer VRest extends AllVariants[],\n]\n    ? Override<V1, MergeCSSVariants<VRest>>\n    : DefaultVariants\n\n/** Refines all values in a string record to their proper variant types */\ntype RefineVariantTypes<V extends Record<string, string>> = { [K in keyof V]: RefineVariantType<V[K]> }\n\n/** Extracts and refines variant option types from a DefaultVariants definition */\nexport type RefineVariants<T extends AllVariants> = RefineVariantTypes<{ [K in keyof T]: keyof T[K] & string }>\n\n/**\n * Complete CSS object representation with main and variant styles.\n *\n * @template V - The variant definitions type\n *\n * @example\n * const obj = new CSSObject({\n *   color: 'blue',\n *   variants: {\n *     size: {\n *       small: { fontSize: 12 },\n *       large: { fontSize: 18 }\n *     }\n *   },\n *   defaultVariants: { size: 'small' }\n * })\n * obj.asCssString() // Returns complete CSS with all variants\n */\nexport class CSSObject<V extends AllVariants = DefaultVariants> {\n    /** The main style block (non-variant styles) */\n    public readonly mainBlock: CssObjectBlock\n    /** Compiled blocks for each variant option */\n    public readonly variantBlocks: { [K in keyof V & string]: Record<keyof V[K] & string, CssObjectBlock> }\n    /** Default variant selections */\n    public readonly variantDefaults: Partial<RefineVariants<V>>\n    /** Compound variant conditions and their parsed sub-blocks */\n    public readonly compoundVariants: { conditions: Record<string, string>; subBlocks: CssObjectSubBlock[] }[]\n\n    /**\n     * Creates a new CSSObject from style props.\n     * Compiles main styles and all variant options into CSS blocks.\n     */\n    public constructor({ variants, defaultVariants, compoundVariants, ...props }: MochiCSSProps<V>) {\n        this.mainBlock = new CssObjectBlock(props)\n        this.variantBlocks = {} as typeof this.variantBlocks\n        this.variantDefaults = defaultVariants ?? {}\n        this.compoundVariants = []\n\n        if (variants) {\n            for (const variantGroupName in variants) {\n                this.variantBlocks[variantGroupName] =\n                    {} as (typeof this.variantBlocks)[keyof typeof this.variantBlocks]\n                const variantGroup = variants[variantGroupName]\n                for (const variantItemName in variantGroup) {\n                    this.variantBlocks[variantGroupName][variantItemName] = new CssObjectBlock(\n                        variantGroup[variantItemName] ?? {},\n                    )\n                }\n            }\n        }\n\n        if (compoundVariants) {\n            for (const compound of compoundVariants) {\n                const { css: styles, ...conditions } = compound\n                this.compoundVariants.push({\n                    conditions: conditions as Record<string, string>,\n                    subBlocks: CssObjectSubBlock.fromProps(styles),\n                })\n            }\n        }\n    }\n\n    /**\n     * Serializes the entire CSS object to a CSS string.\n     * Outputs main block first, then all variant blocks in sorted order.\n     * @returns Complete CSS string ready for injection into a stylesheet\n     */\n    public asCssString(): string {\n        return [\n            this.mainBlock.asCssString(this.mainBlock.selector),\n            ...Object.entries(this.variantBlocks)\n                .toSorted(compareStringKey)\n                .flatMap(([_, b]) => Object.entries(b).toSorted(compareStringKey))\n                .map(([_, b]) => b.asCssString(this.mainBlock.selector)),\n            ...this.compoundVariants.map(({ conditions, subBlocks }) => {\n                const variantSelectors = Object.entries(conditions)\n                    .toSorted(compareStringKey)\n                    .map(([variantName, optionName]) => {\n                        const block = this.variantBlocks[variantName]?.[optionName]\n                        return block?.selector ?? \"\"\n                    })\n                    .filter(Boolean)\n                    .join(\"\")\n                const combinedSelector = `${this.mainBlock.selector}${variantSelectors}`\n                return subBlocks.map((b) => b.asCssString(combinedSelector)).join(\"\\n\\n\")\n            }),\n        ].join(\"\\n\\n\")\n    }\n}\n","/**\n * Core CSS-in-JS runtime for generating and applying styles.\n * Provides the main `css` function and `MochiCSS` class for style management.\n * @module css\n */\n\nimport clsx from \"clsx\"\nimport { CSSObject, AllVariants, DefaultVariants, MergeCSSVariants, MochiCSSProps, RefineVariants } from \"@/cssObject\"\n\n/**\n * Runtime representation of a CSS style definition with variant support.\n * Holds generated class names and provides methods to compute the final\n * className string based on selected variants.\n *\n * @template V - The variant definitions type mapping variant names to their options\n *\n * @example\n * const styles = MochiCSS.from(new CSSObject({\n *   color: 'blue',\n *   variants: { size: { small: { fontSize: 12 }, large: { fontSize: 18 } } }\n * }))\n * styles.variant({ size: 'large' }) // Returns combined class names\n */\nexport class MochiCSS<V extends AllVariants = DefaultVariants> {\n    /**\n     * Creates a new MochiCSS instance.\n     * @param classNames - Base class names to always include\n     * @param variantClassNames - Mapping of variant names to option class names\n     * @param defaultVariants - Default variant selections when not specified\n     */\n    constructor(\n        public readonly classNames: string[],\n        public readonly variantClassNames: { [K in keyof V]: { [P in keyof V[K]]: string } },\n        public readonly defaultVariants: Partial<RefineVariants<V>>,\n    ) {}\n\n    /**\n     * Computes the final className string based on variant selections.\n     * Compound variants are handled purely via CSS combined selectors,\n     * so no runtime matching is needed here.\n     * @param props - Variant selections\n     * @returns Combined className string for use in components\n     */\n    variant(props: Partial<RefineVariants<V>>): string {\n        const keys = new Set<keyof V & string>(\n            [...Object.keys(props), ...Object.keys(this.defaultVariants)].filter((k) => k in this.variantClassNames),\n        )\n\n        return clsx(\n            this.classNames,\n            ...keys.values().map((k) => {\n                const variantGroup = this.variantClassNames[k]\n                // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition\n                if (!variantGroup) return false\n\n                const variantKey = ((k in props ? props[k] : undefined) ?? this.defaultVariants[k])?.toString()\n                if (variantKey == null) return false\n\n                const selectedClassname = variantGroup[variantKey]\n                if (selectedClassname !== undefined) return selectedClassname\n\n                const defaultKey = this.defaultVariants[k]\n                if (defaultKey == null) return false\n\n                return variantGroup[defaultKey.toString()]\n            }),\n        )\n    }\n\n    /**\n     * Creates a MochiCSS instance from a CSSObject.\n     * Extracts class names from the compiled CSS blocks.\n     * @template V - The variant definitions type\n     * @param object - The compiled CSSObject to extract from\n     * @returns A new MochiCSS instance with the extracted class names\n     */\n    static from<V extends AllVariants = DefaultVariants>(object: CSSObject<V>): MochiCSS<V> {\n        return new MochiCSS<V>(\n            [object.mainBlock.className],\n            Object.fromEntries(\n                Object.entries(object.variantBlocks).map(([key, variantOptions]) => {\n                    return [\n                        key,\n                        Object.fromEntries(\n                            Object.entries(variantOptions).map(([optionKey, block]) => {\n                                return [optionKey, block.className]\n                            }),\n                        ),\n                    ]\n                }),\n            ) as { [K in keyof V]: { [P in keyof V[K]]: string } },\n            object.variantDefaults,\n        )\n    }\n}\n\n/**\n * Creates a CSS style definition.\n * The primary API for defining styles in Mochi-CSS.\n *\n * @template V - Tuple of variant definition types\n * @param props - One or more style objects or existing MochiCSS instances to merge\n * @returns A MochiCSS instance with all styles and variants combined\n *\n * @example\n * // Simple usage\n * const button = css({ padding: 8, borderRadius: 4 })\n *\n * @example\n * // With variants\n * const button = css({\n *   padding: 8,\n *   variants: {\n *     size: {\n *       small: { padding: 4 },\n *       large: { padding: 16 }\n *     }\n *   },\n *   defaultVariants: { size: 'small' }\n * })\n * button.variant({ size: 'large' }) // Get class names for large size\n *\n * @example\n * // Merging multiple styles\n * const combined = css(baseStyles, additionalStyles)\n */\nconst emptyMochiCSS = new MochiCSS<AllVariants>([], {}, {})\n\nexport function css<V extends AllVariants[]>(\n    ...props: { [K in keyof V]: MochiCSSProps<V[K]> | MochiCSS }\n): MochiCSS<MergeCSSVariants<V>> {\n    const cssToMerge: MochiCSS<AllVariants>[] = []\n    for (const p of props) {\n        // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition\n        if (p == null || typeof p !== \"object\") continue\n        if (p instanceof MochiCSS) {\n            cssToMerge.push(p)\n        } else {\n            cssToMerge.push(MochiCSS.from(new CSSObject<AllVariants>(p)))\n        }\n    }\n\n    if (cssToMerge.length === 0) return emptyMochiCSS as MochiCSS<MergeCSSVariants<V>>\n\n    return new MochiCSS<AllVariants>(\n        cssToMerge.flatMap((css) => css.classNames),\n        cssToMerge.reduce((a, b) => Object.assign(a, b.variantClassNames), {}),\n        cssToMerge.reduce((a, b) => Object.assign(a, b.defaultVariants), {}),\n    ) as MochiCSS<MergeCSSVariants<V>>\n}\n","/**\n * React styled component utilities.\n * Creates styled components with CSS-in-JS support and variant props.\n * @module styled\n */\n\nimport { ComponentProps, ComponentType, createElement, FC, HTMLElementType } from \"react\"\nimport { css } from \"@/css\"\nimport clsx from \"clsx\"\nimport { AllVariants, MergeCSSVariants, MochiCSSProps, RefineVariants } from \"@/cssObject\"\n\n/** Props added by MochiCSS to styled components */\ntype MochiProps<V extends AllVariants[]> = {\n    className?: string\n} & Partial<RefineVariants<MergeCSSVariants<V>>>\n\n/** Minimal interface for components that accept className */\ntype Cls = { className?: string }\n\n/**\n * Creates a styled React component with CSS-in-JS support and variant props.\n * Similar to styled-components or Stitches, but with zero runtime overhead.\n *\n * @template T - The base element type or component type\n * @template V - The variant definitions tuple type\n * @param target - The HTML element tag name or React component to style\n * @param props - One or more style objects with optional variants\n * @returns A React functional component with merged props and variant support\n *\n * @example\n * const Button = styled('button', {\n *   padding: 8,\n *   borderRadius: 4,\n *   variants: {\n *     size: {\n *       small: { padding: 4 },\n *       large: { padding: 16 }\n *     },\n *     variant: {\n *       primary: { backgroundColor: 'blue' },\n *       secondary: { backgroundColor: 'gray' }\n *     }\n *   }\n * })\n *\n * // Usage: <Button size=\"large\" variant=\"primary\">Click me</Button>\n */\n//TODO: Move to dedicated \"styled\" package\nexport function styled<T extends HTMLElementType | ComponentType<Cls>, V extends AllVariants[]>(\n    target: T,\n    ...props: { [K in keyof V]: MochiCSSProps<V[K]> }\n): FC<Omit<ComponentProps<T>, keyof MochiProps<V>> & MochiProps<V>> {\n    const styles = css<V>(...props)\n    return ({ className, ...p }: Omit<ComponentProps<T>, keyof MochiProps<V>> & MochiProps<V>) =>\n        //TODO: pick only variant props from p\n        //TODO: omit variant props in p\n        createElement(target, {\n            className: clsx(styles.variant(p as unknown as Parameters<typeof styles.variant>[0]), className),\n            ...p,\n        })\n}\n","import { shortHash } from \"@/hash\"\nimport { cssFromProps, SimpleStyleProps } from \"@/props\"\nimport { compareStringKey } from \"@/compare\"\n\nexport type KeyframeStops = Record<string, SimpleStyleProps>\n\nexport class KeyframesObject {\n    public readonly name: string\n    private readonly body: string\n\n    constructor(stops: KeyframeStops) {\n        this.body = KeyframesObject.generateBody(stops)\n        this.name = \"kf\" + shortHash(this.body)\n    }\n\n    asCssString(): string {\n        return `@keyframes ${this.name} {\\n${this.body}\\n}`\n    }\n\n    private static generateBody(stops: KeyframeStops): string {\n        return Object.entries(stops)\n            .toSorted(compareStringKey)\n            .map(([stopKey, props]) => {\n                const cssProps = cssFromProps(props)\n                const propsStr = Object.entries(cssProps)\n                    .toSorted(compareStringKey)\n                    .map(([k, v]) => `        ${k}: ${v};`)\n                    .join(\"\\n\")\n                return `    ${stopKey} {\\n${propsStr}\\n    }`\n            })\n            .join(\"\\n\\n\")\n    }\n}\n","import { KeyframesObject, type KeyframeStops } from \"@/keyframesObject\"\nexport type { KeyframeStops } from \"@/keyframesObject\"\n\nexport class MochiKeyframes {\n    constructor(public readonly name: string) {}\n\n    toString(): string {\n        return this.name\n    }\n\n    get value(): string {\n        return this.name\n    }\n\n    static from(object: KeyframesObject): MochiKeyframes {\n        return new MochiKeyframes(object.name)\n    }\n}\n\nexport function keyframes(stops: KeyframeStops): MochiKeyframes {\n    return MochiKeyframes.from(new KeyframesObject(stops))\n}\n"],"mappings":"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"}
+{"version":3,"file":"index.mjs","names":["name: string","cssSelectors: string[]","mediaSelectors: string[]","cssProps: Record<string, string>","selector: MochiSelector","propsToProcess: { key: string; selector: MochiSelector; props: StyleProps }[]","props","selector","classNames: string[]","variantClassNames: { [K in keyof V]: { [P in keyof V[K]]: string } }","defaultVariants: Partial<RefineVariants<V>>","cssToMerge: MochiCSS<AllVariants>[]","name: string"],"sources":["../src/token.ts","../src/propertyUnits.generated.ts","../src/props.ts","../src/selector.ts","../src/hash.ts","../src/compare.ts","../src/cssObject.ts","../src/css.ts","../src/styled.ts","../src/keyframesObject.ts","../src/keyframes.ts","../src/globalCssObject.ts","../src/globalCss.ts"],"sourcesContent":["/**\n * CSS custom property (design token) utilities.\n * Provides type-safe access to CSS variables with proper `var()` syntax.\n * @module token\n */\n\nimport { CssVar, CssVarVal } from \"@/values\"\n\n/**\n * Represents a CSS custom property (design token) with type information.\n * Provides convenient access to both the variable name and its `var()` reference.\n * @template T - The expected value type of the token (for type checking)\n * @example\n * const primaryColor = new Token<string>('primary-color')\n * primaryColor.variable // '--primary-color'\n * primaryColor.value    // 'var(--primary-color)'\n */\nexport class Token {\n    /**\n     * Creates a new CSS token.\n     * @param name - The token name (without the `--` prefix)\n     */\n    constructor(public readonly name: string) {}\n\n    /**\n     * Gets the CSS custom property name (with `--` prefix).\n     * Use this when defining the variable.\n     */\n    get variable(): CssVar {\n        return `--${this.name}`\n    }\n\n    /**\n     * Gets the CSS `var()` reference to this token.\n     * Use this when consuming the variable value.\n     */\n    get value(): CssVarVal {\n        return `var(${this.variable})`\n    }\n\n    /**\n     * Returns the variable name for string coercion.\n     */\n    toString(): CssVar {\n        return this.variable\n    }\n}\n\n/**\n * Creates a new CSS design token.\n * @template T - The expected value type of the token\n * @param name - The token name (without the `--` prefix)\n * @returns A new Token instance\n * @example\n * const spacing = createToken<number>('spacing-md')\n * // Use in styles: { gap: spacing.value }\n */\nexport function createToken(name: string): Token {\n    return new Token(name)\n}\n","// Auto-generated from @webref/css - do not edit manually\n// Run \"yarn build\" to regenerate\n\nexport const propertyUnits = {\n    animation: \"ms\",\n    animationDelay: \"ms\",\n    animationDuration: \"ms\",\n    animationRange: \"px\",\n    animationRangeCenter: \"px\",\n    animationRangeEnd: \"px\",\n    animationRangeStart: \"px\",\n    background: \"px\",\n    backgroundPosition: \"px\",\n    backgroundPositionBlock: \"px\",\n    backgroundPositionInline: \"px\",\n    backgroundPositionX: \"px\",\n    backgroundPositionY: \"px\",\n    backgroundSize: \"px\",\n    backgroundTbd: \"px\",\n    baselineShift: \"px\",\n    blockSize: \"px\",\n    blockStep: \"px\",\n    blockStepSize: \"px\",\n    border: \"px\",\n    borderBlock: \"px\",\n    borderBlockClip: \"px\",\n    borderBlockEnd: \"px\",\n    borderBlockEndClip: \"px\",\n    borderBlockEndRadius: \"px\",\n    borderBlockEndWidth: \"px\",\n    borderBlockStart: \"px\",\n    borderBlockStartClip: \"px\",\n    borderBlockStartRadius: \"px\",\n    borderBlockStartWidth: \"px\",\n    borderBlockWidth: \"px\",\n    borderBottom: \"px\",\n    borderBottomClip: \"px\",\n    borderBottomLeftRadius: \"px\",\n    borderBottomRadius: \"px\",\n    borderBottomRightRadius: \"px\",\n    borderBottomWidth: \"px\",\n    borderClip: \"px\",\n    borderEndEndRadius: \"px\",\n    borderEndStartRadius: \"px\",\n    borderImage: \"%\",\n    borderImageOutset: \"px\",\n    borderImageSlice: \"%\",\n    borderImageWidth: \"px\",\n    borderInline: \"px\",\n    borderInlineClip: \"px\",\n    borderInlineEnd: \"px\",\n    borderInlineEndClip: \"px\",\n    borderInlineEndRadius: \"px\",\n    borderInlineEndWidth: \"px\",\n    borderInlineStart: \"px\",\n    borderInlineStartClip: \"px\",\n    borderInlineStartRadius: \"px\",\n    borderInlineStartWidth: \"px\",\n    borderInlineWidth: \"px\",\n    borderLeft: \"px\",\n    borderLeftClip: \"px\",\n    borderLeftRadius: \"px\",\n    borderLeftWidth: \"px\",\n    borderLimit: \"px\",\n    borderRadius: \"px\",\n    borderRight: \"px\",\n    borderRightClip: \"px\",\n    borderRightRadius: \"px\",\n    borderRightWidth: \"px\",\n    borderSpacing: \"px\",\n    borderStartEndRadius: \"px\",\n    borderStartStartRadius: \"px\",\n    borderTop: \"px\",\n    borderTopClip: \"px\",\n    borderTopLeftRadius: \"px\",\n    borderTopRadius: \"px\",\n    borderTopRightRadius: \"px\",\n    borderTopWidth: \"px\",\n    borderWidth: \"px\",\n    bottom: \"px\",\n    boxShadow: \"px\",\n    boxShadowBlur: \"px\",\n    boxShadowOffset: \"px\",\n    boxShadowSpread: \"px\",\n    columnGap: \"px\",\n    columnHeight: \"px\",\n    columnRule: \"px\",\n    columnRuleEdgeInset: \"px\",\n    columnRuleEdgeInsetEnd: \"px\",\n    columnRuleEdgeInsetStart: \"px\",\n    columnRuleInset: \"px\",\n    columnRuleInsetEnd: \"px\",\n    columnRuleInsetStart: \"px\",\n    columnRuleInteriorInset: \"px\",\n    columnRuleInteriorInsetEnd: \"px\",\n    columnRuleInteriorInsetStart: \"px\",\n    columnRuleWidth: \"px\",\n    columns: \"px\",\n    columnWidth: \"px\",\n    containIntrinsicBlockSize: \"px\",\n    containIntrinsicHeight: \"px\",\n    containIntrinsicInlineSize: \"px\",\n    containIntrinsicSize: \"px\",\n    containIntrinsicWidth: \"px\",\n    corner: \"px\",\n    cornerBlockEnd: \"px\",\n    cornerBlockStart: \"px\",\n    cornerBottom: \"px\",\n    cornerBottomLeft: \"px\",\n    cornerBottomRight: \"px\",\n    cornerEndEnd: \"px\",\n    cornerEndStart: \"px\",\n    cornerInlineEnd: \"px\",\n    cornerInlineStart: \"px\",\n    cornerLeft: \"px\",\n    cornerRight: \"px\",\n    cornerStartEnd: \"px\",\n    cornerStartStart: \"px\",\n    cornerTop: \"px\",\n    cornerTopLeft: \"px\",\n    cornerTopRight: \"px\",\n    cx: \"px\",\n    cy: \"px\",\n    fillOpacity: \"%\",\n    fillPosition: \"px\",\n    fillSize: \"px\",\n    flex: \"px\",\n    flexBasis: \"px\",\n    floatOffset: \"px\",\n    floodOpacity: \"%\",\n    flowTolerance: \"px\",\n    font: \"deg\",\n    fontSize: \"px\",\n    fontStretch: \"%\",\n    fontStyle: \"deg\",\n    fontWidth: \"%\",\n    gap: \"px\",\n    grid: \"px\",\n    gridAutoColumns: \"px\",\n    gridAutoRows: \"px\",\n    gridColumnGap: \"px\",\n    gridGap: \"px\",\n    gridRowGap: \"px\",\n    gridTemplate: \"px\",\n    gridTemplateColumns: \"px\",\n    gridTemplateRows: \"px\",\n    height: \"px\",\n    hyphenateLimitZone: \"px\",\n    imageOrientation: \"deg\",\n    imageResolution: \"dppx\",\n    initialLetterWrap: \"px\",\n    inlineSize: \"px\",\n    inset: \"px\",\n    insetBlock: \"px\",\n    insetBlockEnd: \"px\",\n    insetBlockStart: \"px\",\n    insetInline: \"px\",\n    insetInlineEnd: \"px\",\n    insetInlineStart: \"px\",\n    interestDelay: \"ms\",\n    interestDelayEnd: \"ms\",\n    interestDelayStart: \"ms\",\n    itemFlow: \"px\",\n    left: \"px\",\n    letterSpacing: \"px\",\n    lineHeight: \"px\",\n    lineHeightStep: \"px\",\n    linePadding: \"px\",\n    margin: \"px\",\n    marginBlock: \"px\",\n    marginBlockEnd: \"px\",\n    marginBlockStart: \"px\",\n    marginBottom: \"px\",\n    marginInline: \"px\",\n    marginInlineEnd: \"px\",\n    marginInlineStart: \"px\",\n    marginLeft: \"px\",\n    marginRight: \"px\",\n    marginTop: \"px\",\n    mask: \"px\",\n    maskBorder: \"%\",\n    maskBorderOutset: \"px\",\n    maskBorderSlice: \"%\",\n    maskBorderWidth: \"px\",\n    maskPosition: \"px\",\n    maskSize: \"px\",\n    maxBlockSize: \"px\",\n    maxHeight: \"px\",\n    maxInlineSize: \"px\",\n    maxWidth: \"px\",\n    minBlockSize: \"px\",\n    minHeight: \"px\",\n    minInlineSize: \"px\",\n    minWidth: \"px\",\n    objectPosition: \"px\",\n    offset: \"px\",\n    offsetAnchor: \"px\",\n    offsetDistance: \"px\",\n    offsetPosition: \"px\",\n    offsetRotate: \"deg\",\n    opacity: \"%\",\n    outline: \"px\",\n    outlineOffset: \"px\",\n    outlineWidth: \"px\",\n    overflowClipMargin: \"px\",\n    overflowClipMarginBlock: \"px\",\n    overflowClipMarginBlockEnd: \"px\",\n    overflowClipMarginBlockStart: \"px\",\n    overflowClipMarginBottom: \"px\",\n    overflowClipMarginInline: \"px\",\n    overflowClipMarginInlineEnd: \"px\",\n    overflowClipMarginInlineStart: \"px\",\n    overflowClipMarginLeft: \"px\",\n    overflowClipMarginRight: \"px\",\n    overflowClipMarginTop: \"px\",\n    padding: \"px\",\n    paddingBlock: \"px\",\n    paddingBlockEnd: \"px\",\n    paddingBlockStart: \"px\",\n    paddingBottom: \"px\",\n    paddingInline: \"px\",\n    paddingInlineEnd: \"px\",\n    paddingInlineStart: \"px\",\n    paddingLeft: \"px\",\n    paddingRight: \"px\",\n    paddingTop: \"px\",\n    pause: \"ms\",\n    pauseAfter: \"ms\",\n    pauseBefore: \"ms\",\n    perspective: \"px\",\n    perspectiveOrigin: \"px\",\n    r: \"px\",\n    rest: \"ms\",\n    restAfter: \"ms\",\n    restBefore: \"ms\",\n    right: \"px\",\n    rotate: \"deg\",\n    rowGap: \"px\",\n    rowRule: \"px\",\n    rowRuleEdgeInset: \"px\",\n    rowRuleEdgeInsetEnd: \"px\",\n    rowRuleEdgeInsetStart: \"px\",\n    rowRuleInset: \"px\",\n    rowRuleInsetEnd: \"px\",\n    rowRuleInsetStart: \"px\",\n    rowRuleInteriorInset: \"px\",\n    rowRuleInteriorInsetEnd: \"px\",\n    rowRuleInteriorInsetStart: \"px\",\n    rowRuleWidth: \"px\",\n    rule: \"px\",\n    ruleEdgeInset: \"px\",\n    ruleInset: \"px\",\n    ruleInsetEnd: \"px\",\n    ruleInsetStart: \"px\",\n    ruleInteriorInset: \"px\",\n    ruleWidth: \"px\",\n    rx: \"px\",\n    ry: \"px\",\n    scale: \"%\",\n    scrollMargin: \"px\",\n    scrollMarginBlock: \"px\",\n    scrollMarginBlockEnd: \"px\",\n    scrollMarginBlockStart: \"px\",\n    scrollMarginBottom: \"px\",\n    scrollMarginInline: \"px\",\n    scrollMarginInlineEnd: \"px\",\n    scrollMarginInlineStart: \"px\",\n    scrollMarginLeft: \"px\",\n    scrollMarginRight: \"px\",\n    scrollMarginTop: \"px\",\n    scrollPadding: \"px\",\n    scrollPaddingBlock: \"px\",\n    scrollPaddingBlockEnd: \"px\",\n    scrollPaddingBlockStart: \"px\",\n    scrollPaddingBottom: \"px\",\n    scrollPaddingInline: \"px\",\n    scrollPaddingInlineEnd: \"px\",\n    scrollPaddingInlineStart: \"px\",\n    scrollPaddingLeft: \"px\",\n    scrollPaddingRight: \"px\",\n    scrollPaddingTop: \"px\",\n    shapeImageThreshold: \"%\",\n    shapeMargin: \"px\",\n    shapePadding: \"px\",\n    stopOpacity: \"%\",\n    strokeDasharray: \"px\",\n    strokeDashcorner: \"px\",\n    strokeDashCorner: \"px\",\n    strokeDashoffset: \"px\",\n    strokeOpacity: \"%\",\n    strokePosition: \"px\",\n    strokeSize: \"px\",\n    strokeWidth: \"px\",\n    tabSize: \"px\",\n    textDecoration: \"px\",\n    textDecorationInset: \"px\",\n    textDecorationThickness: \"px\",\n    textIndent: \"px\",\n    textShadow: \"px\",\n    textSizeAdjust: \"%\",\n    textUnderlineOffset: \"px\",\n    timelineTrigger: \"px\",\n    timelineTriggerExitRange: \"px\",\n    timelineTriggerExitRangeEnd: \"px\",\n    timelineTriggerExitRangeStart: \"px\",\n    timelineTriggerRange: \"px\",\n    timelineTriggerRangeEnd: \"px\",\n    timelineTriggerRangeStart: \"px\",\n    top: \"px\",\n    transformOrigin: \"px\",\n    transition: \"ms\",\n    transitionDelay: \"ms\",\n    transitionDuration: \"ms\",\n    translate: \"px\",\n    verticalAlign: \"px\",\n    viewTimeline: \"px\",\n    viewTimelineInset: \"px\",\n    voiceDuration: \"ms\",\n    voicePitch: \"Hz\",\n    voiceRange: \"Hz\",\n    voiceRate: \"%\",\n    width: \"px\",\n    wordSpacing: \"px\",\n    x: \"px\",\n    y: \"px\",\n    zoom: \"%\",\n} as const\n\nexport type PropertyWithUnit = keyof typeof propertyUnits\n","/**\n * CSS property handling and type definitions.\n * Provides type-safe mappings from JavaScript objects to CSS properties,\n * with automatic unit conversion and value formatting.\n * @module props\n */\n\nimport { Properties, ObsoleteProperties } from \"csstype\"\nimport { CssLike, CssVar } from \"@/values\"\nimport properties from \"known-css-properties\"\nimport { propertyUnits, type PropertyWithUnit } from \"./propertyUnits.generated\"\n\n/** All non-obsolete CSS properties from csstype */\ntype Props = Required<Omit<Properties, keyof ObsoleteProperties>>\n\n/** Properties that have default units and are valid CSS properties */\ntype PropsWithUnit = PropertyWithUnit & keyof Props\n\n/**\n * Converts a kebab-case string to camelCase.\n */\nexport function kebabToCamel(str: string): string {\n    return str.replace(/-([a-z])/g, (_, c: string) => c.toUpperCase())\n}\n\n/**\n * Converts a camelCase string to kebab-case.\n */\nexport function camelToKebab(str: string): string {\n    return str.replace(/[A-Z]/g, (m) => \"-\" + m.toLowerCase())\n}\n\nfunction getUnitForProperty(propertyName: string): string | undefined {\n    return propertyName in propertyUnits ? propertyUnits[propertyName as PropertyWithUnit] : undefined\n}\n\n/**\n * Converts a CSS-like value to its string representation.\n * For properties with known units, numbers are automatically suffixed.\n */\nfunction formatValue(value: CssLike<string | number>, propertyName: string, maxDepth = 10): string {\n    if (maxDepth <= 0) return \"\"\n    if (typeof value === \"string\") return value\n    if (typeof value === \"number\") {\n        const unit = getUnitForProperty(propertyName)\n        if (unit === \"%\") return `${value * 100}${unit}`\n        if (value === 0) return \"0\"\n        return unit ? `${value}${unit}` : value.toString()\n    }\n    return formatValue(value.value, propertyName, maxDepth - 1)\n}\n\n//TODO: generate this list and drop known-css-properties package\nconst knownPropertySet = new Set<string>(properties.all.map(kebabToCamel))\n\n/**\n * Checks if a property name is a CSS custom property (variable).\n */\nexport function isCssVariableName(key: string): key is CssVar {\n    return key.startsWith(\"--\")\n}\n\n/**\n * Converts a CSS-like value to a string for use as a CSS variable value.\n * @param value - The value to convert (string, number, or wrapped value)\n * @param maxDepth - Maximum recursion depth for evaluating the value\n * @returns The string representation\n */\nexport function asVar(value: CssLike<string | number>, maxDepth = 10): string {\n    if (maxDepth <= 0) return \"\"\n    switch (typeof value) {\n        case \"string\":\n            return value\n        case \"number\":\n            return value.toString()\n        default:\n            return asVar(value.value, maxDepth - 1)\n    }\n}\n\n/**\n * Checks if a property name is a known CSS property.\n */\nexport function isKnownPropertyName(key: string): key is keyof Props {\n    return knownPropertySet.has(key)\n}\n\n/**\n * Converts a value to a CSS property string.\n * Automatically appends units to numeric values for properties that require them.\n * @param value - The value to convert\n * @param key - The CSS property name\n * @returns The formatted CSS value string\n */\nexport function asKnownProp(value: unknown, key: keyof Props): string {\n    return formatValue(value as CssLike<string | number>, key)\n}\n\n/**\n * Checks if a key represents a nested CSS selector.\n */\n//TODO: make better validation, provide human readable errors\nexport function isNestedSelector(key: string): key is NestedCssSelector {\n    return key.includes(\"&\")\n}\n\n/**\n * Checks if a key represents a media query.\n */\n//TODO: make better validation, provide human readable errors\nexport function isMediaSelector(key: string): key is MediaSelector {\n    return key.startsWith(\"@\")\n}\n\n/** A nested CSS selector pattern containing the parent reference `&` */\nexport type NestedCssSelector = `${string}&${string}`\n\n/** A CSS media query starting with `@` */\nexport type MediaSelector = `@${string}`\n\ntype NestedStyleKeys = MediaSelector | NestedCssSelector\n\n/**\n * Style properties without nesting support.\n * Includes all standard CSS properties with type-safe value converters,\n * plus CSS custom properties (variables).\n *\n * Properties with known units (e.g., width, height, padding) accept numbers\n * that are automatically converted with their default unit (e.g., px, ms).\n */\nexport type SimpleStyleProps = { [K in PropsWithUnit]?: CssLike<number | Props[K]> } & {\n    [K in Exclude<keyof Props, PropsWithUnit>]?: CssLike<Props[K]>\n} & Partial<Record<CssVar, CssLike<string | number>>>\n\n/**\n * Full style properties type with support for nested selectors and media queries.\n * Extends SimpleStyleProps to allow recursive style definitions.\n *\n * @example\n * const styles: StyleProps = {\n *   color: 'blue',\n *   padding: 16,\n *   '&:hover': { color: 'red' },\n *   '@min-width: 768px': { padding: 24 }\n * }\n */\nexport type StyleProps = SimpleStyleProps & { [K in NestedStyleKeys]?: StyleProps | CssLike<string | number> }\n\n/**\n * Converts a SimpleStyleProps object to a CSS properties record.\n * Transforms camelCase property names to kebab-case and applies value converters.\n * @param props - The style properties object\n * @returns A record of CSS property names (kebab-case) to string values\n * @example\n * cssFromProps({ backgroundColor: 'blue', padding: 16 })\n * // { 'background-color': 'blue', 'padding': '16px' }\n */\nexport function cssFromProps(props: SimpleStyleProps): Record<string, string> {\n    return Object.fromEntries(\n        Object.entries(props)\n            .map(([key, value]): [string, string] | undefined => {\n                if (value === undefined) return undefined\n                // transform variable\n                if (isCssVariableName(key)) return [key, asVar(value as CssLike<string | number>)]\n                // transform CSS prop\n                if (isKnownPropertyName(key)) return [camelToKebab(key), asKnownProp(value, key)]\n                return undefined\n            })\n            .filter((v) => v !== undefined),\n    )\n}\n","/**\n * CSS selector building and manipulation utilities.\n * Handles nested selectors (using `&` placeholder) and media queries.\n * @module selector\n */\n\nimport { isMediaSelector, isNestedSelector } from \"@/props\"\n\n/**\n * Immutable CSS selector builder that handles nested selectors and media queries.\n * Uses the `&` character as a placeholder for parent selector substitution.\n *\n * @example\n * const selector = new MochiSelector(['.button'])\n * selector.extend('&:hover').cssSelector // '.button:hover'\n * selector.wrap('@media (min-width: 768px)').mediaQuery // '@media (min-width: 768px)'\n */\nexport class MochiSelector {\n    /**\n     * Creates a new MochiSelector instance.\n     * @param cssSelectors - Array of CSS selectors (may contain `&` placeholders)\n     * @param mediaSelectors - Array of media query conditions (without `@media` prefix)\n     */\n    constructor(\n        private readonly cssSelectors: string[] = [],\n        private readonly mediaSelectors: string[] = [],\n    ) {}\n\n    /**\n     * Gets the combined CSS selector string.\n     * Multiple selectors are joined with commas.\n     * @returns The CSS selector, or \"*\" if no selectors are defined\n     */\n    get cssSelector(): string {\n        if (this.cssSelectors.length === 0) return \"*\"\n        return this.cssSelectors.join(\", \")\n    }\n\n    /**\n     * Gets the combined media query string, if any.\n     * @returns The full `@media` query string, or undefined if no media conditions\n     */\n    get mediaQuery(): string | undefined {\n        if (this.mediaSelectors.length === 0) return undefined\n        return `@media ${this.mediaSelectors.map((s) => `(${s})`).join(\" and \")}`\n    }\n\n    /**\n     * Substitutes all `&` placeholders with the given root selector.\n     * @param root - The selector to replace `&` with\n     * @returns A new MochiSelector with substituted selectors\n     */\n    substitute(root: string): MochiSelector {\n        return new MochiSelector(\n            this.cssSelectors.map((selector) => selector.replace(/&/g, root)),\n            this.mediaSelectors,\n        )\n    }\n\n    /**\n     * Extends this selector by nesting a child selector.\n     * The `&` in the child selector is replaced with each parent selector.\n     * @param child - The child selector pattern (must contain `&`)\n     * @returns A new MochiSelector with the extended selectors\n     * @example\n     * new MochiSelector(['.btn']).extend('&:hover') // '.btn:hover'\n     * new MochiSelector(['.btn']).extend('& .icon') // '.btn .icon'\n     */\n    extend(child: string): MochiSelector {\n        if (!isNestedSelector(child)) return this\n        const children = MochiSelector.split(child)\n        const selectors = this.cssSelectors.flatMap((parentSelector) =>\n            children.map((childSelector) => {\n                return childSelector.replace(/&/g, parentSelector)\n            }),\n        )\n        return new MochiSelector(selectors, this.mediaSelectors)\n    }\n\n    /**\n     * Wraps this selector with a media query condition.\n     * @param mediaQuery - The media query string (starting with `@`)\n     * @returns A new MochiSelector with the added media condition\n     * @example\n     * selector.wrap('@min-width: 768px') // Adds media query condition\n     */\n    wrap(mediaQuery: string): MochiSelector {\n        if (!isMediaSelector(mediaQuery)) return this\n        const mediaQueryPart = mediaQuery.substring(1)\n        return new MochiSelector(this.cssSelectors, [...this.mediaSelectors, mediaQueryPart])\n    }\n\n    /**\n     * Splits a comma-separated selector string into individual selectors.\n     * @param selector - The selector string to split\n     * @returns Array of individual selector strings\n     */\n    private static split(selector: string): string[] {\n        return [selector]\n    }\n}\n","/**\n * Hashing utilities for generating short, deterministic class names.\n * Uses djb2 algorithm for fast string hashing.\n * @module hash\n */\n\n/** Characters used for base-62 encoding (css-name safe variant of base-64) */\nconst hashBase = \"0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz-_\"\nconst base = hashBase.length\n\n/**\n * Converts a number to a base-62 string representation.\n * @param num - The number to convert\n * @param maxLength - Optional maximum length of the output string\n * @returns Base-62 encoded string representation of the number\n */\nexport function numberToBase62(num: number, maxLength?: number): string {\n    let out = \"\"\n    while (num > 0 && out.length < (maxLength ?? Infinity)) {\n        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n        out = hashBase[num % base]! + out\n        num = Math.floor(num / base)\n    }\n    return out.length > 0 ? out : \"0\"\n}\n\n/**\n * Generates a short hash string from input using the djb2 algorithm.\n * Used to create unique, deterministic CSS class names from style content.\n * @param input - The string to hash\n * @param length - Maximum length of the hash output (default: 8)\n * @returns A short, css-safe hash string\n * @example\n * shortHash(\"color: red;\") // Returns something like \"A1b2C3d4\"\n */\nexport function shortHash(input: string, length = 8): string {\n    // fast 32-bit integer hash (djb2 variant)\n    let h = 5381\n    for (let i = 0; i < input.length; i++) {\n        h = (h * 33) ^ input.charCodeAt(i)\n    }\n    // force unsigned\n    h >>>= 0\n\n    return numberToBase62(h, length)\n}\n","/**\n * String comparison utilities for deterministic sorting.\n * Used internally to ensure consistent CSS output order.\n * @module compare\n */\n\n/**\n * Compares two strings lexicographically.\n */\nexport function compareString<T extends string>(a: T, b: T) {\n    return a < b ? -1 : a === b ? 0 : 1\n}\n\n/**\n * Compares two tuples by their first element (string key).\n * Useful for sorting Object.entries() results.\n */\nexport function compareStringKey<T extends [string, unknown]>(a: T, b: T) {\n    return compareString(a[0], b[0])\n}\n\n/**\n * Creates a comparator function for objects with a specific string property.\n * @param name - The property name to compare by\n * @returns A comparator function that compares objects by the specified property\n * @example\n * const items = [{ key: 'b' }, { key: 'a' }]\n * items.sort(stringPropComparator('key')) // [{ key: 'a' }, { key: 'b' }]\n */\nexport function stringPropComparator<N extends string>(name: N) {\n    return <T extends Record<N, string>>(a: T, b: T) => compareString(a[name], b[name])\n}\n","/**\n * CSS object model for representing and serializing styles.\n * Converts JavaScript style objects into CSS blocks with proper\n * selector handling, nesting support, and deterministic output.\n * @module cssObject\n */\n\nimport {\n    asKnownProp,\n    asVar,\n    camelToKebab,\n    isCssVariableName,\n    isKnownPropertyName,\n    isMediaSelector,\n    isNestedSelector,\n    StyleProps,\n} from \"@/props\"\nimport { shortHash } from \"@/hash\"\nimport { MochiSelector } from \"@/selector\"\nimport { compareStringKey, stringPropComparator } from \"@/compare\"\n\n/**\n * Represents a single CSS rule block with properties and a selector.\n * Handles conversion to CSS string format and hash generation.\n */\nexport class CssObjectSubBlock {\n    /**\n     * Creates a new CSS sub-block.\n     * @param cssProps - Map of CSS property names (kebab-case) to values\n     * @param selector - The selector this block applies to\n     */\n    constructor(\n        public readonly cssProps: Record<string, string>,\n        public readonly selector: MochiSelector,\n    ) {}\n\n    /**\n     * Computes a deterministic hash of this block's CSS content.\n     * Used for generating unique class names.\n     */\n    get hash(): string {\n        const str = this.asCssString(\"&\")\n        return shortHash(str)\n    }\n\n    /**\n     * Converts this block to a CSS string.\n     * Handles media query wrapping if the selector has media conditions.\n     * @param root - The root selector to substitute for `&`\n     * @returns Formatted CSS string\n     */\n    asCssString(root: string): string {\n        const selector = this.selector.substitute(root)\n        const mediaQuery = selector.mediaQuery\n\n        const mediaIndent = mediaQuery === undefined ? \"\" : \"    \"\n\n        const props = Object.entries(this.cssProps)\n            .toSorted(compareStringKey)\n            .map(([k, v]) => `${mediaIndent}    ${k}: ${v};\\n`)\n            .join(\"\")\n\n        const blockCss = `${mediaIndent}${selector.cssSelector} {\\n${props}${mediaIndent}}`\n\n        return mediaQuery === undefined ? blockCss : `${mediaQuery} {\\n${blockCss}\\n}`\n    }\n\n    /**\n     * Parses StyleProps into an array of CSS sub-blocks.\n     * Recursively processes nested selectors and media queries.\n     * Output order is deterministic for consistent hash generation.\n     *\n     * @param props - The style properties to parse\n     * @param selector - The parent selector context (defaults to `&`)\n     * @returns Non-empty array of sub-blocks (main block first, then nested)\n     */\n    static fromProps(props: StyleProps, selector?: MochiSelector): [CssObjectSubBlock, ...CssObjectSubBlock[]] {\n        selector ??= new MochiSelector([\"&\"])\n\n        const cssProps: Record<string, string> = {}\n        const propsToProcess: { key: string; selector: MochiSelector; props: StyleProps }[] = []\n\n        for (const [key, value] of Object.entries(props)) {\n            // skip undefined value\n            if (value === undefined) continue\n\n            // transform variable\n            if (isCssVariableName(key)) {\n                cssProps[key] = asVar(value as StyleProps[typeof key] & {})\n                continue\n            }\n\n            // transform known CSS prop\n            if (isKnownPropertyName(key)) {\n                cssProps[camelToKebab(key)] = asKnownProp(value, key)\n                continue\n            }\n\n            // transform nested and media selectors\n            if (isNestedSelector(key)) {\n                propsToProcess.push({\n                    key,\n                    props: value as StyleProps,\n                    selector: selector.extend(key),\n                })\n                continue\n            }\n\n            // transform media selector\n            if (isMediaSelector(key)) {\n                propsToProcess.push({\n                    key,\n                    props: value as StyleProps,\n                    selector: selector.wrap(key),\n                })\n                continue\n            }\n\n            if (process.env[\"NODE_ENV\"] !== \"production\") {\n                console.warn(`[mochi-css] Unknown style property \"${key}\" will be ignored`)\n            }\n        }\n\n        return [\n            new CssObjectSubBlock(cssProps, selector),\n            ...propsToProcess\n                .toSorted(stringPropComparator(\"key\"))\n                .flatMap(({ props, selector }) => CssObjectSubBlock.fromProps(props, selector)),\n        ] as const\n    }\n}\n\n/**\n * Represents an abstract CSS block definition.\n * Contains one or more sub-blocks for nested selectors and media queries.\n */\nexport class CssObjectBlock {\n    /** The generated unique class name for this block */\n    public readonly className: string\n    /** All sub-blocks (main styles and nested/media rules) */\n    public readonly subBlocks: CssObjectSubBlock[] = []\n\n    /**\n     * Creates a new CSS block from style properties.\n     * Generates a unique class name based on the content hash.\n     * @param styles - The style properties to compile\n     */\n    constructor(styles: StyleProps) {\n        const blocks = CssObjectSubBlock.fromProps(styles)\n\n        this.className = \"c\" + shortHash(blocks.map((b) => b.hash).join(\"+\"))\n        this.subBlocks = blocks\n    }\n\n    /**\n     * Gets the CSS class selector for this block.\n     */\n    get selector(): string {\n        return `.${this.className}`\n    }\n\n    /**\n     * Converts style block to a CSS string.\n     * @param root - The root selector to scope styles to\n     * @returns Complete CSS string for this block\n     */\n    asCssString(root: string): string {\n        return this.subBlocks\n            .map((b) => b.asCssString(new MochiSelector([root]).extend(`&.${this.className}`).cssSelector))\n            .join(\"\\n\\n\")\n    }\n}\n\nexport type AllVariants = Record<string, Record<string, StyleProps>>\nexport type DefaultVariants = Record<never, Record<string, StyleProps>>\n\n/**\n * A compound variant entry that applies styles when multiple variant conditions match.\n * Each entry specifies a set of variant conditions and a `css` property with styles\n * that apply only when all conditions are satisfied simultaneously.\n *\n * @template V - The variant definitions type\n *\n * @example\n * { color: 'red', size: 'large', css: { fontWeight: 'bold' } }\n */\nexport type CompoundVariant<V extends AllVariants> = {\n    [K in keyof V]?: keyof V[K]\n} & { css: StyleProps }\n\n/**\n * Refines string literal types to their proper runtime types.\n * Converts \"true\"/\"false\" strings to boolean literals.\n */\ntype RefineVariantType<T extends string> = T extends \"true\"\n    ? true\n    : T extends \"false\"\n      ? false\n      : T extends string\n        ? T\n        : string\n\n/**\n * Props for defining variants in a style object.\n * @template V - The variant definitions type\n */\nexport type VariantProps<V extends AllVariants> = {\n    /** Variant definitions mapping names to options to styles */\n    variants?: V\n    /** Default variant selections for when not explicitly provided */\n    defaultVariants?: { [K in keyof V]?: keyof V[K] extends string ? RefineVariantType<keyof V[K] & string> : never }\n    /** Compound variant definitions that apply when multiple variant conditions match */\n    compoundVariants?: CompoundVariant<V>[]\n}\n\n/** Combined type for style props with optional variants */\nexport type MochiCSSProps<V extends AllVariants> = StyleProps & VariantProps<V>\n\n/** Utility type to override properties of A with properties of B */\ntype Override<A extends object, B extends object> = B & Omit<A, keyof B>\n\n/** Recursively merges variant types from a tuple, with later types overriding earlier */\nexport type MergeCSSVariants<V extends AllVariants[]> = V extends [\n    infer V1 extends AllVariants,\n    ...infer VRest extends AllVariants[],\n]\n    ? Override<V1, MergeCSSVariants<VRest>>\n    : DefaultVariants\n\n/** Refines all values in a string record to their proper variant types */\ntype RefineVariantTypes<V extends Record<string, string>> = { [K in keyof V]: RefineVariantType<V[K]> }\n\n/** Extracts and refines variant option types from a DefaultVariants definition */\nexport type RefineVariants<T extends AllVariants> = RefineVariantTypes<{ [K in keyof T]: keyof T[K] & string }>\n\n/**\n * Complete CSS object representation with main and variant styles.\n *\n * @template V - The variant definitions type\n *\n * @example\n * const obj = new CSSObject({\n *   color: 'blue',\n *   variants: {\n *     size: {\n *       small: { fontSize: 12 },\n *       large: { fontSize: 18 }\n *     }\n *   },\n *   defaultVariants: { size: 'small' }\n * })\n * obj.asCssString() // Returns complete CSS with all variants\n */\nexport class CSSObject<V extends AllVariants = DefaultVariants> {\n    /** The main style block (non-variant styles) */\n    public readonly mainBlock: CssObjectBlock\n    /** Compiled blocks for each variant option */\n    public readonly variantBlocks: { [K in keyof V & string]: Record<keyof V[K] & string, CssObjectBlock> }\n    /** Default variant selections */\n    public readonly variantDefaults: Partial<RefineVariants<V>>\n    /** Compound variant conditions and their parsed sub-blocks */\n    public readonly compoundVariants: { conditions: Record<string, string>; subBlocks: CssObjectSubBlock[] }[]\n\n    /**\n     * Creates a new CSSObject from style props.\n     * Compiles main styles and all variant options into CSS blocks.\n     */\n    public constructor({ variants, defaultVariants, compoundVariants, ...props }: MochiCSSProps<V>) {\n        this.mainBlock = new CssObjectBlock(props)\n        this.variantBlocks = {} as typeof this.variantBlocks\n        this.variantDefaults = defaultVariants ?? {}\n        this.compoundVariants = []\n\n        if (variants) {\n            for (const variantGroupName in variants) {\n                this.variantBlocks[variantGroupName] =\n                    {} as (typeof this.variantBlocks)[keyof typeof this.variantBlocks]\n                const variantGroup = variants[variantGroupName]\n                for (const variantItemName in variantGroup) {\n                    this.variantBlocks[variantGroupName][variantItemName] = new CssObjectBlock(\n                        variantGroup[variantItemName] ?? {},\n                    )\n                }\n            }\n        }\n\n        if (compoundVariants) {\n            for (const compound of compoundVariants) {\n                const { css: styles, ...conditions } = compound\n                this.compoundVariants.push({\n                    conditions: conditions as Record<string, string>,\n                    subBlocks: CssObjectSubBlock.fromProps(styles),\n                })\n            }\n        }\n    }\n\n    /**\n     * Serializes the entire CSS object to a CSS string.\n     * Outputs main block first, then all variant blocks in sorted order.\n     * @returns Complete CSS string ready for injection into a stylesheet\n     */\n    public asCssString(): string {\n        return [\n            this.mainBlock.asCssString(this.mainBlock.selector),\n            ...Object.entries(this.variantBlocks)\n                .toSorted(compareStringKey)\n                .flatMap(([_, b]) => Object.entries(b).toSorted(compareStringKey))\n                .map(([_, b]) => b.asCssString(this.mainBlock.selector)),\n            ...this.compoundVariants.map(({ conditions, subBlocks }) => {\n                const variantSelectors = Object.entries(conditions)\n                    .toSorted(compareStringKey)\n                    .map(([variantName, optionName]) => {\n                        const block = this.variantBlocks[variantName]?.[optionName]\n                        return block?.selector ?? \"\"\n                    })\n                    .filter(Boolean)\n                    .join(\"\")\n                const combinedSelector = `${this.mainBlock.selector}${variantSelectors}`\n                return subBlocks.map((b) => b.asCssString(combinedSelector)).join(\"\\n\\n\")\n            }),\n        ].join(\"\\n\\n\")\n    }\n}\n","/**\n * Core CSS-in-JS runtime for generating and applying styles.\n * Provides the main `css` function and `MochiCSS` class for style management.\n * @module css\n */\n\nimport clsx from \"clsx\"\nimport { CSSObject, AllVariants, DefaultVariants, MergeCSSVariants, MochiCSSProps, RefineVariants } from \"@/cssObject\"\n\n/**\n * Runtime representation of a CSS style definition with variant support.\n * Holds generated class names and provides methods to compute the final\n * className string based on selected variants.\n *\n * @template V - The variant definitions type mapping variant names to their options\n *\n * @example\n * const styles = MochiCSS.from(new CSSObject({\n *   color: 'blue',\n *   variants: { size: { small: { fontSize: 12 }, large: { fontSize: 18 } } }\n * }))\n * styles.variant({ size: 'large' }) // Returns combined class names\n */\nexport class MochiCSS<V extends AllVariants = DefaultVariants> {\n    /**\n     * Creates a new MochiCSS instance.\n     * @param classNames - Base class names to always include\n     * @param variantClassNames - Mapping of variant names to option class names\n     * @param defaultVariants - Default variant selections when not specified\n     */\n    constructor(\n        public readonly classNames: string[],\n        public readonly variantClassNames: { [K in keyof V]: { [P in keyof V[K]]: string } },\n        public readonly defaultVariants: Partial<RefineVariants<V>>,\n    ) {}\n\n    /**\n     * Computes the final className string based on variant selections.\n     * Compound variants are handled purely via CSS combined selectors,\n     * so no runtime matching is needed here.\n     * @param props - Variant selections\n     * @returns Combined className string for use in components\n     */\n    variant(props: Partial<RefineVariants<V>>): string {\n        const keys = new Set<keyof V & string>(\n            [...Object.keys(props), ...Object.keys(this.defaultVariants)].filter((k) => k in this.variantClassNames),\n        )\n\n        return clsx(\n            this.classNames,\n            ...keys.values().map((k) => {\n                const variantGroup = this.variantClassNames[k]\n                // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition\n                if (!variantGroup) return false\n\n                const variantKey = ((k in props ? props[k] : undefined) ?? this.defaultVariants[k])?.toString()\n                if (variantKey == null) return false\n\n                const selectedClassname = variantGroup[variantKey]\n                if (selectedClassname !== undefined) return selectedClassname\n\n                const defaultKey = this.defaultVariants[k]\n                if (defaultKey == null) return false\n\n                return variantGroup[defaultKey.toString()]\n            }),\n        )\n    }\n\n    /**\n     * Creates a MochiCSS instance from a CSSObject.\n     * Extracts class names from the compiled CSS blocks.\n     * @template V - The variant definitions type\n     * @param object - The compiled CSSObject to extract from\n     * @returns A new MochiCSS instance with the extracted class names\n     */\n    static from<V extends AllVariants = DefaultVariants>(object: CSSObject<V>): MochiCSS<V> {\n        return new MochiCSS<V>(\n            [object.mainBlock.className],\n            Object.fromEntries(\n                Object.entries(object.variantBlocks).map(([key, variantOptions]) => {\n                    return [\n                        key,\n                        Object.fromEntries(\n                            Object.entries(variantOptions).map(([optionKey, block]) => {\n                                return [optionKey, block.className]\n                            }),\n                        ),\n                    ]\n                }),\n            ) as { [K in keyof V]: { [P in keyof V[K]]: string } },\n            object.variantDefaults,\n        )\n    }\n}\n\n/**\n * Creates a CSS style definition.\n * The primary API for defining styles in Mochi-CSS.\n *\n * @template V - Tuple of variant definition types\n * @param props - One or more style objects or existing MochiCSS instances to merge\n * @returns A MochiCSS instance with all styles and variants combined\n *\n * @example\n * // Simple usage\n * const button = css({ padding: 8, borderRadius: 4 })\n *\n * @example\n * // With variants\n * const button = css({\n *   padding: 8,\n *   variants: {\n *     size: {\n *       small: { padding: 4 },\n *       large: { padding: 16 }\n *     }\n *   },\n *   defaultVariants: { size: 'small' }\n * })\n * button.variant({ size: 'large' }) // Get class names for large size\n *\n * @example\n * // Merging multiple styles\n * const combined = css(baseStyles, additionalStyles)\n */\nconst emptyMochiCSS = new MochiCSS<AllVariants>([], {}, {})\n\n/**\n * Merges multiple MochiCSS instances into a single one, combining their\n * class names, variant class names, and default variants.\n * @param instances - The MochiCSS instances to merge\n * @returns A new MochiCSS instance with all styles combined\n */\nexport function mergeMochiCss<V extends AllVariants[]>(\n    instances: MochiCSS<AllVariants>[],\n): MochiCSS<MergeCSSVariants<V>> {\n    if (instances.length === 0) return emptyMochiCSS as MochiCSS<MergeCSSVariants<V>>\n\n    return new MochiCSS<AllVariants>(\n        instances.flatMap((c) => c.classNames),\n        instances.reduce((a, b) => Object.assign(a, b.variantClassNames), {}),\n        instances.reduce((a, b) => Object.assign(a, b.defaultVariants), {}),\n    ) as MochiCSS<MergeCSSVariants<V>>\n}\n\nexport function css<V extends AllVariants[]>(\n    ...props: { [K in keyof V]: MochiCSSProps<V[K]> | MochiCSS }\n): MochiCSS<MergeCSSVariants<V>> {\n    const cssToMerge: MochiCSS<AllVariants>[] = []\n    for (const p of props) {\n        // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition\n        if (p == null || typeof p !== \"object\") continue\n        if (p instanceof MochiCSS) {\n            cssToMerge.push(p)\n        } else {\n            cssToMerge.push(MochiCSS.from(new CSSObject<AllVariants>(p)))\n        }\n    }\n\n    return mergeMochiCss(cssToMerge)\n}\n","/**\n * React styled component utilities.\n * Creates styled components with CSS-in-JS support and variant props.\n * @module styled\n */\n\nimport { ComponentProps, ComponentType, createElement, FC, HTMLElementType } from \"react\"\nimport { css } from \"@/css\"\nimport clsx from \"clsx\"\nimport { AllVariants, MergeCSSVariants, MochiCSSProps, RefineVariants } from \"@/cssObject\"\n\n/** Props added by MochiCSS to styled components */\ntype MochiProps<V extends AllVariants[]> = {\n    className?: string\n} & Partial<RefineVariants<MergeCSSVariants<V>>>\n\n/** Minimal interface for components that accept className */\ntype Cls = { className?: string }\n\n/**\n * Creates a styled React component with CSS-in-JS support and variant props.\n * Similar to styled-components or Stitches, but with zero runtime overhead.\n *\n * @template T - The base element type or component type\n * @template V - The variant definitions tuple type\n * @param target - The HTML element tag name or React component to style\n * @param props - One or more style objects with optional variants\n * @returns A React functional component with merged props and variant support\n *\n * @example\n * const Button = styled('button', {\n *   padding: 8,\n *   borderRadius: 4,\n *   variants: {\n *     size: {\n *       small: { padding: 4 },\n *       large: { padding: 16 }\n *     },\n *     variant: {\n *       primary: { backgroundColor: 'blue' },\n *       secondary: { backgroundColor: 'gray' }\n *     }\n *   }\n * })\n *\n * // Usage: <Button size=\"large\" variant=\"primary\">Click me</Button>\n */\n//TODO: Move to dedicated \"styled\" package\nexport function styled<T extends HTMLElementType | ComponentType<Cls>, V extends AllVariants[]>(\n    target: T,\n    ...props: { [K in keyof V]: MochiCSSProps<V[K]> }\n): FC<Omit<ComponentProps<T>, keyof MochiProps<V>> & MochiProps<V>> {\n    const styles = css<V>(...props)\n    return ({ className, ...p }: Omit<ComponentProps<T>, keyof MochiProps<V>> & MochiProps<V>) =>\n        //TODO: pick only variant props from p\n        //TODO: omit variant props in p\n        createElement(target, {\n            className: clsx(styles.variant(p as unknown as Parameters<typeof styles.variant>[0]), className),\n            ...p,\n        })\n}\n","import { shortHash } from \"@/hash\"\nimport { cssFromProps, SimpleStyleProps } from \"@/props\"\nimport { compareStringKey } from \"@/compare\"\n\nexport type KeyframeStops = Record<string, SimpleStyleProps>\n\nexport class KeyframesObject {\n    public readonly name: string\n    private readonly body: string\n\n    constructor(stops: KeyframeStops) {\n        this.body = KeyframesObject.generateBody(stops)\n        this.name = \"kf\" + shortHash(this.body)\n    }\n\n    asCssString(): string {\n        return `@keyframes ${this.name} {\\n${this.body}\\n}`\n    }\n\n    private static generateBody(stops: KeyframeStops): string {\n        return Object.entries(stops)\n            .toSorted(compareStringKey)\n            .map(([stopKey, props]) => {\n                const cssProps = cssFromProps(props)\n                const propsStr = Object.entries(cssProps)\n                    .toSorted(compareStringKey)\n                    .map(([k, v]) => `        ${k}: ${v};`)\n                    .join(\"\\n\")\n                return `    ${stopKey} {\\n${propsStr}\\n    }`\n            })\n            .join(\"\\n\\n\")\n    }\n}\n","import { KeyframesObject, type KeyframeStops } from \"@/keyframesObject\"\nexport type { KeyframeStops } from \"@/keyframesObject\"\n\nexport class MochiKeyframes {\n    constructor(public readonly name: string) {}\n\n    toString(): string {\n        return this.name\n    }\n\n    get value(): string {\n        return this.name\n    }\n\n    static from(object: KeyframesObject): MochiKeyframes {\n        return new MochiKeyframes(object.name)\n    }\n}\n\nexport function keyframes(stops: KeyframeStops): MochiKeyframes {\n    return MochiKeyframes.from(new KeyframesObject(stops))\n}\n","import { CssObjectSubBlock } from \"@/cssObject\"\nimport { compareStringKey } from \"@/compare\"\nimport { StyleProps } from \"@/props\"\n\nexport type GlobalCssStyles = Record<string, StyleProps>\n\n/**\n * CSS object model for global (non-scoped) styles.\n * Accepts a map of CSS selectors to style objects and serializes them\n * as plain CSS rules without class name scoping.\n *\n * @example\n * const obj = new GlobalCssObject({\n *   body: { margin: 0 },\n *   'h1': { fontSize: 32 },\n * })\n * obj.asCssString() // \"body {\\n    margin: 0;\\n}\\n\\nh1 {\\n    font-size: 32px;\\n}\"\n */\nexport class GlobalCssObject {\n    private readonly rules: { selector: string; subBlocks: CssObjectSubBlock[] }[]\n\n    constructor(styles: GlobalCssStyles) {\n        this.rules = Object.entries(styles)\n            .toSorted(compareStringKey)\n            .map(([selector, props]) => ({\n                selector,\n                subBlocks: [...CssObjectSubBlock.fromProps(props)],\n            }))\n    }\n\n    asCssString(): string {\n        return this.rules\n            .flatMap(({ selector, subBlocks }) => subBlocks.map((b) => b.asCssString(selector)))\n            .join(\"\\n\\n\")\n    }\n}\n","import type { GlobalCssStyles } from \"@/globalCssObject\"\nexport type { GlobalCssStyles } from \"@/globalCssObject\"\n\n/**\n * Creates a global CSS definition.\n * Styles are not scoped to any class — they apply to all matching elements.\n *\n * @param styles - Map of CSS selectors to style objects\n *\n * @example\n * globalCss({\n *   'body': { margin: 0, padding: 0 },\n *   '*, *::before, *::after': { boxSizing: 'border-box' },\n * })\n */\nexport function globalCss(styles: GlobalCssStyles): void {\n    void styles // mark as used\n}\n"],"mappings":"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"}

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@mochi-css/vanilla",
     "repository": "git@github.com:Niikelion/mochi-css.git",
-    "version": "1.0.1",
+    "version": "1.1.0",
     "license": "MIT",
     "keywords": [
         "css-in-js",
@@ -38,9 +38,12 @@
         "@eslint/js": "^9.18.0",
         "@gamedev-sensei/ts-config": "^2.0.0",
         "@gamedev-sensei/tsdown-config": "^2.0.0",
+        "@testing-library/dom": "^10.4.1",
+        "@testing-library/react": "^16.3.2",
         "@types/css-tree": "^2.3.10",
         "@types/node": "^24.8.1",
         "@types/react": "^19.2.2",
+        "@types/react-dom": "^19.2.3",
         "@vitest/coverage-v8": "^4.0.15",
         "@webref/css": "^8.2.3",
         "css-tree": "^3.1.0",
@@ -48,8 +51,10 @@
         "eslint": "^9.39.2",
         "eslint-config-prettier": "^10.1.8",
         "eslint-plugin-prettier": "^5.5.5",
+        "happy-dom": "^20.6.3",
         "jiti": "^2.6.1",
         "prettier": "^3.8.1",
+        "react-dom": "^19.2.4",
         "tsdown": "^0.15.7",
         "typescript": "^5.9.3",
         "typescript-eslint": "^8.21.0",
@@ -60,6 +65,6 @@
         "clsx": "^2.1.1",
         "csstype": "^3.2.3",
         "known-css-properties": "^0.37.0",
-        "react": "^19.2.0"
+        "react": ">= 18 || >= 19"
     }
 }