@tenphi/tasty 0.10.1 → 0.11.0

package/dist/tasty.d.ts

@@ -105,10 +105,6 @@ declare const Element: ForwardRefExoticComponent<AllBaseProps<keyof HTMLElementT
   marker?: StyleValue<csstype.Property.Marker | undefined> | StyleValueStateMap<csstype.Property.Marker | undefined>;
   mask?: StyleValue<csstype.Property.Mask<string | number> | undefined> | StyleValueStateMap<csstype.Property.Mask<string | number> | undefined>;
   fill?: StyleValue<boolean | (string & {}) | `#${string}` | `#${string}.0` | `#${string}.1` | `#${string}.2` | `#${string}.7` | `#${string}.3` | `#${string}.4` | `#${string}.5` | `#${string}.6` | `#${string}.8` | `#${string}.9` | `#${string}.00` | `#${string}.01` | `#${string}.02` | `#${string}.07` | `#${string}.03` | `#${string}.04` | `#${string}.05` | `#${string}.06` | `#${string}.08` | `#${string}.09` | `#${string}.10` | `#${string}.11` | `#${string}.12` | `#${string}.17` | `#${string}.13` | `#${string}.14` | `#${string}.15` | `#${string}.16` | `#${string}.18` | `#${string}.19` | `#${string}.20` | `#${string}.21` | `#${string}.22` | `#${string}.27` | `#${string}.23` | `#${string}.24` | `#${string}.25` | `#${string}.26` | `#${string}.28` | `#${string}.29` | `#${string}.70` | `#${string}.71` | `#${string}.72` | `#${string}.77` | `#${string}.73` | `#${string}.74` | `#${string}.75` | `#${string}.76` | `#${string}.78` | `#${string}.79` | `#${string}.30` | `#${string}.31` | `#${string}.32` | `#${string}.37` | `#${string}.33` | `#${string}.34` | `#${string}.35` | `#${string}.36` | `#${string}.38` | `#${string}.39` | `#${string}.40` | `#${string}.41` | `#${string}.42` | `#${string}.47` | `#${string}.43` | `#${string}.44` | `#${string}.45` | `#${string}.46` | `#${string}.48` | `#${string}.49` | `#${string}.50` | `#${string}.51` | `#${string}.52` | `#${string}.57` | `#${string}.53` | `#${string}.54` | `#${string}.55` | `#${string}.56` | `#${string}.58` | `#${string}.59` | `#${string}.60` | `#${string}.61` | `#${string}.62` | `#${string}.67` | `#${string}.63` | `#${string}.64` | `#${string}.65` | `#${string}.66` | `#${string}.68` | `#${string}.69` | `#${string}.80` | `#${string}.81` | `#${string}.82` | `#${string}.87` | `#${string}.83` | `#${string}.84` | `#${string}.85` | `#${string}.86` | `#${string}.88` | `#${string}.89` | `#${string}.90` | `#${string}.91` | `#${string}.92` | `#${string}.97` | `#${string}.93` | `#${string}.94` | `#${string}.95` | `#${string}.96` | `#${string}.98` | `#${string}.99` | `#${string}.100` | `rgb(${string})` | `rgba(${string})` | undefined> | StyleValueStateMap<boolean | (string & {}) | `#${string}` | `#${string}.0` | `#${string}.1` | `#${string}.2` | `#${string}.7` | `#${string}.3` | `#${string}.4` | `#${string}.5` | `#${string}.6` | `#${string}.8` | `#${string}.9` | `#${string}.00` | `#${string}.01` | `#${string}.02` | `#${string}.07` | `#${string}.03` | `#${string}.04` | `#${string}.05` | `#${string}.06` | `#${string}.08` | `#${string}.09` | `#${string}.10` | `#${string}.11` | `#${string}.12` | `#${string}.17` | `#${string}.13` | `#${string}.14` | `#${string}.15` | `#${string}.16` | `#${string}.18` | `#${string}.19` | `#${string}.20` | `#${string}.21` | `#${string}.22` | `#${string}.27` | `#${string}.23` | `#${string}.24` | `#${string}.25` | `#${string}.26` | `#${string}.28` | `#${string}.29` | `#${string}.70` | `#${string}.71` | `#${string}.72` | `#${string}.77` | `#${string}.73` | `#${string}.74` | `#${string}.75` | `#${string}.76` | `#${string}.78` | `#${string}.79` | `#${string}.30` | `#${string}.31` | `#${string}.32` | `#${string}.37` | `#${string}.33` | `#${string}.34` | `#${string}.35` | `#${string}.36` | `#${string}.38` | `#${string}.39` | `#${string}.40` | `#${string}.41` | `#${string}.42` | `#${string}.47` | `#${string}.43` | `#${string}.44` | `#${string}.45` | `#${string}.46` | `#${string}.48` | `#${string}.49` | `#${string}.50` | `#${string}.51` | `#${string}.52` | `#${string}.57` | `#${string}.53` | `#${string}.54` | `#${string}.55` | `#${string}.56` | `#${string}.58` | `#${string}.59` | `#${string}.60` | `#${string}.61` | `#${string}.62` | `#${string}.67` | `#${string}.63` | `#${string}.64` | `#${string}.65` | `#${string}.66` | `#${string}.68` | `#${string}.69` | `#${string}.80` | `#${string}.81` | `#${string}.82` | `#${string}.87` | `#${string}.83` | `#${string}.84` | `#${string}.85` | `#${string}.86` | `#${string}.88` | `#${string}.89` | `#${string}.90` | `#${string}.91` | `#${string}.92` | `#${string}.97` | `#${string}.93` | `#${string}.94` | `#${string}.95` | `#${string}.96` | `#${string}.98` | `#${string}.99` | `#${string}.100` | `rgb(${string})` | `rgba(${string})` | undefined>;
-  top?: StyleValue<csstype.Property.Top<string | number> | undefined> | StyleValueStateMap<csstype.Property.Top<string | number> | undefined>;
-  right?: StyleValue<csstype.Property.Right<string | number> | undefined> | StyleValueStateMap<csstype.Property.Right<string | number> | undefined>;
-  bottom?: StyleValue<csstype.Property.Bottom<string | number> | undefined> | StyleValueStateMap<csstype.Property.Bottom<string | number> | undefined>;
-  left?: StyleValue<csstype.Property.Left<string | number> | undefined> | StyleValueStateMap<csstype.Property.Left<string | number> | undefined>;
   color?: StyleValue<string | boolean | undefined> | StyleValueStateMap<string | boolean | undefined>;
   font?: StyleValue<boolean | csstype.Property.FontFamily | undefined> | StyleValueStateMap<boolean | csstype.Property.FontFamily | undefined>;
   outline?: StyleValue<string | boolean | undefined> | StyleValueStateMap<string | boolean | undefined>;
@@ -196,6 +192,7 @@ declare const Element: ForwardRefExoticComponent<AllBaseProps<keyof HTMLElementT
   borderTopRightRadius?: StyleValue<csstype.Property.BorderTopRightRadius<string | number> | undefined> | StyleValueStateMap<csstype.Property.BorderTopRightRadius<string | number> | undefined>;
   borderTopStyle?: StyleValue<csstype.Property.BorderTopStyle | undefined> | StyleValueStateMap<csstype.Property.BorderTopStyle | undefined>;
   borderTopWidth?: StyleValue<csstype.Property.BorderTopWidth<string | number> | undefined> | StyleValueStateMap<csstype.Property.BorderTopWidth<string | number> | undefined>;
+  bottom?: StyleValue<csstype.Property.Bottom<string | number> | undefined> | StyleValueStateMap<csstype.Property.Bottom<string | number> | undefined>;
   boxDecorationBreak?: StyleValue<csstype.Property.BoxDecorationBreak | undefined> | StyleValueStateMap<csstype.Property.BoxDecorationBreak | undefined>;
   boxShadow?: StyleValue<csstype.Property.BoxShadow | undefined> | StyleValueStateMap<csstype.Property.BoxShadow | undefined>;
   boxSizing?: StyleValue<csstype.Property.BoxSizing | undefined> | StyleValueStateMap<csstype.Property.BoxSizing | undefined>;
@@ -306,6 +303,7 @@ declare const Element: ForwardRefExoticComponent<AllBaseProps<keyof HTMLElementT
   justifyItems?: StyleValue<csstype.Property.JustifyItems | undefined> | StyleValueStateMap<csstype.Property.JustifyItems | undefined>;
   justifySelf?: StyleValue<csstype.Property.JustifySelf | undefined> | StyleValueStateMap<csstype.Property.JustifySelf | undefined>;
   justifyTracks?: StyleValue<csstype.Property.JustifyTracks | undefined> | StyleValueStateMap<csstype.Property.JustifyTracks | undefined>;
+  left?: StyleValue<csstype.Property.Left<string | number> | undefined> | StyleValueStateMap<csstype.Property.Left<string | number> | undefined>;
   letterSpacing?: StyleValue<csstype.Property.LetterSpacing<string | number> | undefined> | StyleValueStateMap<csstype.Property.LetterSpacing<string | number> | undefined>;
   lightingColor?: StyleValue<csstype.Property.LightingColor | undefined> | StyleValueStateMap<csstype.Property.LightingColor | undefined>;
   lineBreak?: StyleValue<csstype.Property.LineBreak | undefined> | StyleValueStateMap<csstype.Property.LineBreak | undefined>;
@@ -410,6 +408,7 @@ declare const Element: ForwardRefExoticComponent<AllBaseProps<keyof HTMLElementT
   quotes?: StyleValue<csstype.Property.Quotes | undefined> | StyleValueStateMap<csstype.Property.Quotes | undefined>;
   r?: StyleValue<csstype.Property.R<string | number> | undefined> | StyleValueStateMap<csstype.Property.R<string | number> | undefined>;
   resize?: StyleValue<csstype.Property.Resize | undefined> | StyleValueStateMap<csstype.Property.Resize | undefined>;
+  right?: StyleValue<csstype.Property.Right<string | number> | undefined> | StyleValueStateMap<csstype.Property.Right<string | number> | undefined>;
   rotate?: StyleValue<csstype.Property.Rotate | undefined> | StyleValueStateMap<csstype.Property.Rotate | undefined>;
   rowGap?: StyleValue<csstype.Property.RowGap<string | number> | undefined> | StyleValueStateMap<csstype.Property.RowGap<string | number> | undefined>;
   rubyAlign?: StyleValue<csstype.Property.RubyAlign | undefined> | StyleValueStateMap<csstype.Property.RubyAlign | undefined>;
@@ -498,6 +497,7 @@ declare const Element: ForwardRefExoticComponent<AllBaseProps<keyof HTMLElementT
   textWrapMode?: StyleValue<csstype.Property.TextWrapMode | undefined> | StyleValueStateMap<csstype.Property.TextWrapMode | undefined>;
   textWrapStyle?: StyleValue<csstype.Property.TextWrapStyle | undefined> | StyleValueStateMap<csstype.Property.TextWrapStyle | undefined>;
   timelineScope?: StyleValue<csstype.Property.TimelineScope | undefined> | StyleValueStateMap<csstype.Property.TimelineScope | undefined>;
+  top?: StyleValue<csstype.Property.Top<string | number> | undefined> | StyleValueStateMap<csstype.Property.Top<string | number> | undefined>;
   touchAction?: StyleValue<csstype.Property.TouchAction | undefined> | StyleValueStateMap<csstype.Property.TouchAction | undefined>;
   transform?: StyleValue<csstype.Property.Transform | undefined> | StyleValueStateMap<csstype.Property.Transform | undefined>;
   transformBox?: StyleValue<csstype.Property.TransformBox | undefined> | StyleValueStateMap<csstype.Property.TransformBox | undefined>;
@@ -970,12 +970,12 @@ declare const Element: ForwardRefExoticComponent<AllBaseProps<keyof HTMLElementT
   gridRows?: StyleValue<csstype.Property.GridTemplateRows<string | number> | undefined> | StyleValueStateMap<csstype.Property.GridTemplateRows<string | number> | undefined>;
   preset?: StyleValue<string | (string & {}) | undefined> | StyleValueStateMap<string | (string & {}) | undefined>;
   align?: StyleValue<"center" | (string & {}) | "start" | "baseline" | "inherit" | "initial" | "end" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "normal" | "space-around" | "space-between" | "space-evenly" | "stretch" | "flex-end" | "flex-start" | "self-end" | "self-start" | "anchor-center" | undefined> | StyleValueStateMap<"center" | (string & {}) | "start" | "baseline" | "inherit" | "initial" | "end" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "normal" | "space-around" | "space-between" | "space-evenly" | "stretch" | "flex-end" | "flex-start" | "self-end" | "self-start" | "anchor-center" | undefined>;
-  justify?: StyleValue<"center" | "right" | "left" | (string & {}) | "start" | "baseline" | "inherit" | "initial" | "end" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "normal" | "space-around" | "space-between" | "space-evenly" | "stretch" | "flex-end" | "flex-start" | "self-end" | "self-start" | "anchor-center" | "legacy" | undefined> | StyleValueStateMap<"center" | "right" | "left" | (string & {}) | "start" | "baseline" | "inherit" | "initial" | "end" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "normal" | "space-around" | "space-between" | "space-evenly" | "stretch" | "flex-end" | "flex-start" | "self-end" | "self-start" | "anchor-center" | "legacy" | undefined>;
+  justify?: StyleValue<"center" | (string & {}) | "left" | "right" | "start" | "baseline" | "inherit" | "initial" | "end" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "normal" | "space-around" | "space-between" | "space-evenly" | "stretch" | "flex-end" | "flex-start" | "self-end" | "self-start" | "anchor-center" | "legacy" | undefined> | StyleValueStateMap<"center" | (string & {}) | "left" | "right" | "start" | "baseline" | "inherit" | "initial" | "end" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "normal" | "space-around" | "space-between" | "space-evenly" | "stretch" | "flex-end" | "flex-start" | "self-end" | "self-start" | "anchor-center" | "legacy" | undefined>;
   place?: StyleValue<string | (string & {}) | undefined> | StyleValueStateMap<string | (string & {}) | undefined>;
   "@keyframes"?: StyleValue<Record<string, KeyframesSteps> | undefined> | StyleValueStateMap<Record<string, KeyframesSteps> | undefined>;
   "@properties"?: StyleValue<Record<string, PropertyDefinition> | undefined> | StyleValueStateMap<Record<string, PropertyDefinition> | undefined>;
   recipe?: StyleValue<string | undefined> | StyleValueStateMap<string | undefined>;
-} & BaseStyleProps & WithVariant<VariantMap> & Omit<Omit<AllHTMLAttributes<HTMLElement>, keyof react.ClassAttributes<HTMLDivElement> | keyof react.HTMLAttributes<HTMLDivElement>> & react.ClassAttributes<HTMLDivElement> & react.HTMLAttributes<HTMLDivElement>, "style" | "clipPath" | "filter" | "image" | "marker" | "mask" | "fill" | "top" | "right" | "bottom" | "left" | "qa" | "qaVal" | "color" | "font" | "outline" | "gap" | "padding" | "margin" | "width" | "height" | "border" | "transition" | "placeContent" | "placeItems" | "accentColor" | "alignContent" | "alignItems" | "alignSelf" | "alignTracks" | "alignmentBaseline" | "anchorName" | "anchorScope" | "animationComposition" | "animationDelay" | "animationDirection" | "animationDuration" | "animationFillMode" | "animationIterationCount" | "animationName" | "animationPlayState" | "animationRangeEnd" | "animationRangeStart" | "animationTimeline" | "animationTimingFunction" | "appearance" | "aspectRatio" | "backdropFilter" | "backfaceVisibility" | "backgroundAttachment" | "backgroundBlendMode" | "backgroundClip" | "backgroundColor" | "backgroundImage" | "backgroundOrigin" | "backgroundPositionX" | "backgroundPositionY" | "backgroundRepeat" | "backgroundSize" | "baselineShift" | "blockSize" | "borderBlockEndColor" | "borderBlockEndStyle" | "borderBlockEndWidth" | "borderBlockStartColor" | "borderBlockStartStyle" | "borderBlockStartWidth" | "borderBottomColor" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomStyle" | "borderBottomWidth" | "borderCollapse" | "borderEndEndRadius" | "borderEndStartRadius" | "borderImageOutset" | "borderImageRepeat" | "borderImageSlice" | "borderImageSource" | "borderImageWidth" | "borderInlineEndColor" | "borderInlineEndStyle" | "borderInlineEndWidth" | "borderInlineStartColor" | "borderInlineStartStyle" | "borderInlineStartWidth" | "borderLeftColor" | "borderLeftStyle" | "borderLeftWidth" | "borderRightColor" | "borderRightStyle" | "borderRightWidth" | "borderSpacing" | "borderStartEndRadius" | "borderStartStartRadius" | "borderTopColor" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopStyle" | "borderTopWidth" | "boxDecorationBreak" | "boxShadow" | "boxSizing" | "breakAfter" | "breakBefore" | "breakInside" | "captionSide" | "caretColor" | "caretShape" | "clear" | "clipRule" | "colorAdjust" | "colorInterpolationFilters" | "colorScheme" | "columnCount" | "columnFill" | "columnGap" | "columnRuleColor" | "columnRuleStyle" | "columnRuleWidth" | "columnSpan" | "columnWidth" | "contain" | "containIntrinsicBlockSize" | "containIntrinsicHeight" | "containIntrinsicInlineSize" | "containIntrinsicWidth" | "containerName" | "containerType" | "content" | "contentVisibility" | "counterIncrement" | "counterReset" | "counterSet" | "cursor" | "cx" | "cy" | "d" | "direction" | "display" | "dominantBaseline" | "emptyCells" | "fieldSizing" | "fillOpacity" | "fillRule" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "float" | "floodColor" | "floodOpacity" | "fontFamily" | "fontFeatureSettings" | "fontKerning" | "fontLanguageOverride" | "fontOpticalSizing" | "fontPalette" | "fontSize" | "fontSizeAdjust" | "fontSmooth" | "fontStyle" | "fontSynthesis" | "fontSynthesisPosition" | "fontSynthesisSmallCaps" | "fontSynthesisStyle" | "fontSynthesisWeight" | "fontVariant" | "fontVariantAlternates" | "fontVariantCaps" | "fontVariantEastAsian" | "fontVariantEmoji" | "fontVariantLigatures" | "fontVariantNumeric" | "fontVariantPosition" | "fontVariationSettings" | "fontWeight" | "fontWidth" | "forcedColorAdjust" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridColumnEnd" | "gridColumnStart" | "gridRowEnd" | "gridRowStart" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "hangingPunctuation" | "hyphenateCharacter" | "hyphenateLimitChars" | "hyphens" | "imageOrientation" | "imageRendering" | "imageResolution" | "initialLetter" | "initialLetterAlign" | "inlineSize" | "insetBlockEnd" | "insetBlockStart" | "insetInlineEnd" | "insetInlineStart" | "interpolateSize" | "isolation" | "justifyContent" | "justifyItems" | "justifySelf" | "justifyTracks" | "letterSpacing" | "lightingColor" | "lineBreak" | "lineHeight" | "lineHeightStep" | "listStyleImage" | "listStylePosition" | "listStyleType" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "marginTrim" | "markerEnd" | "markerMid" | "markerStart" | "maskBorderMode" | "maskBorderOutset" | "maskBorderRepeat" | "maskBorderSlice" | "maskBorderSource" | "maskBorderWidth" | "maskClip" | "maskComposite" | "maskImage" | "maskMode" | "maskOrigin" | "maskPosition" | "maskRepeat" | "maskSize" | "maskType" | "masonryAutoFlow" | "mathDepth" | "mathShift" | "mathStyle" | "maxBlockSize" | "maxHeight" | "maxInlineSize" | "maxLines" | "maxWidth" | "minBlockSize" | "minHeight" | "minInlineSize" | "minWidth" | "mixBlendMode" | "motionDistance" | "motionPath" | "motionRotation" | "objectFit" | "objectPosition" | "objectViewBox" | "offsetAnchor" | "offsetDistance" | "offsetPath" | "offsetPosition" | "offsetRotate" | "offsetRotation" | "opacity" | "order" | "orphans" | "outlineColor" | "outlineOffset" | "outlineStyle" | "outlineWidth" | "overflowAnchor" | "overflowBlock" | "overflowClipBox" | "overflowClipMargin" | "overflowInline" | "overflowWrap" | "overflowX" | "overflowY" | "overlay" | "overscrollBehaviorBlock" | "overscrollBehaviorInline" | "overscrollBehaviorX" | "overscrollBehaviorY" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "page" | "paintOrder" | "perspective" | "perspectiveOrigin" | "pointerEvents" | "position" | "positionAnchor" | "positionArea" | "positionTryFallbacks" | "positionTryOrder" | "positionVisibility" | "printColorAdjust" | "quotes" | "r" | "resize" | "rotate" | "rowGap" | "rubyAlign" | "rubyMerge" | "rubyOverhang" | "rubyPosition" | "rx" | "ry" | "scale" | "scrollBehavior" | "scrollInitialTarget" | "scrollMarginBlockEnd" | "scrollMarginBlockStart" | "scrollMarginBottom" | "scrollMarginInlineEnd" | "scrollMarginInlineStart" | "scrollMarginLeft" | "scrollMarginRight" | "scrollMarginTop" | "scrollPaddingBlockEnd" | "scrollPaddingBlockStart" | "scrollPaddingBottom" | "scrollPaddingInlineEnd" | "scrollPaddingInlineStart" | "scrollPaddingLeft" | "scrollPaddingRight" | "scrollPaddingTop" | "scrollSnapAlign" | "scrollSnapMarginBottom" | "scrollSnapMarginLeft" | "scrollSnapMarginRight" | "scrollSnapMarginTop" | "scrollSnapStop" | "scrollSnapType" | "scrollTimelineAxis" | "scrollTimelineName" | "scrollbarColor" | "scrollbarGutter" | "scrollbarWidth" | "shapeImageThreshold" | "shapeMargin" | "shapeOutside" | "shapeRendering" | "speakAs" | "stopColor" | "stopOpacity" | "stroke" | "strokeColor" | "strokeDasharray" | "strokeDashoffset" | "strokeLinecap" | "strokeLinejoin" | "strokeMiterlimit" | "strokeOpacity" | "strokeWidth" | "tabSize" | "tableLayout" | "textAlign" | "textAlignLast" | "textAnchor" | "textAutospace" | "textBox" | "textBoxEdge" | "textBoxTrim" | "textCombineUpright" | "textDecorationColor" | "textDecorationLine" | "textDecorationSkip" | "textDecorationSkipInk" | "textDecorationStyle" | "textDecorationThickness" | "textEmphasisColor" | "textEmphasisPosition" | "textEmphasisStyle" | "textIndent" | "textJustify" | "textOrientation" | "textOverflow" | "textRendering" | "textShadow" | "textSizeAdjust" | "textSpacingTrim" | "textTransform" | "textUnderlineOffset" | "textUnderlinePosition" | "textWrapMode" | "textWrapStyle" | "timelineScope" | "touchAction" | "transform" | "transformBox" | "transformOrigin" | "transformStyle" | "transitionBehavior" | "transitionDelay" | "transitionDuration" | "transitionProperty" | "transitionTimingFunction" | "translate" | "unicodeBidi" | "userSelect" | "vectorEffect" | "verticalAlign" | "viewTimelineAxis" | "viewTimelineInset" | "viewTimelineName" | "viewTransitionClass" | "viewTransitionName" | "visibility" | "whiteSpace" | "whiteSpaceCollapse" | "widows" | "willChange" | "wordBreak" | "wordSpacing" | "wordWrap" | "writingMode" | "x" | "y" | "zIndex" | "zoom" | "all" | "animation" | "animationRange" | "background" | "backgroundPosition" | "borderBlock" | "borderBlockColor" | "borderBlockEnd" | "borderBlockStart" | "borderBlockStyle" | "borderBlockWidth" | "borderBottom" | "borderColor" | "borderImage" | "borderInline" | "borderInlineColor" | "borderInlineEnd" | "borderInlineStart" | "borderInlineStyle" | "borderInlineWidth" | "borderLeft" | "borderRadius" | "borderRight" | "borderStyle" | "borderTop" | "borderWidth" | "caret" | "columnRule" | "columns" | "containIntrinsicSize" | "container" | "flex" | "flexFlow" | "grid" | "gridArea" | "gridColumn" | "gridRow" | "gridTemplate" | "inset" | "insetBlock" | "insetInline" | "lineClamp" | "listStyle" | "marginBlock" | "marginInline" | "maskBorder" | "motion" | "offset" | "overflow" | "overscrollBehavior" | "paddingBlock" | "paddingInline" | "placeSelf" | "positionTry" | "scrollMargin" | "scrollMarginBlock" | "scrollMarginInline" | "scrollPadding" | "scrollPaddingBlock" | "scrollPaddingInline" | "scrollSnapMargin" | "scrollTimeline" | "textDecoration" | "textEmphasis" | "textWrap" | "viewTimeline" | "MozAnimationDelay" | "MozAnimationDirection" | "MozAnimationDuration" | "MozAnimationFillMode" | "MozAnimationIterationCount" | "MozAnimationName" | "MozAnimationPlayState" | "MozAnimationTimingFunction" | "MozAppearance" | "MozBackfaceVisibility" | "MozBinding" | "MozBorderBottomColors" | "MozBorderEndColor" | "MozBorderEndStyle" | "MozBorderEndWidth" | "MozBorderLeftColors" | "MozBorderRightColors" | "MozBorderStartColor" | "MozBorderStartStyle" | "MozBorderTopColors" | "MozBoxSizing" | "MozColumnRuleColor" | "MozColumnRuleStyle" | "MozColumnRuleWidth" | "MozColumnWidth" | "MozContextProperties" | "MozFontFeatureSettings" | "MozFontLanguageOverride" | "MozHyphens" | "MozMarginEnd" | "MozMarginStart" | "MozOrient" | "MozOsxFontSmoothing" | "MozOutlineRadiusBottomleft" | "MozOutlineRadiusBottomright" | "MozOutlineRadiusTopleft" | "MozOutlineRadiusTopright" | "MozPaddingEnd" | "MozPaddingStart" | "MozPerspective" | "MozPerspectiveOrigin" | "MozStackSizing" | "MozTabSize" | "MozTextBlink" | "MozTextSizeAdjust" | "MozTransform" | "MozTransformOrigin" | "MozTransformStyle" | "MozUserModify" | "MozUserSelect" | "MozWindowDragging" | "MozWindowShadow" | "msAccelerator" | "msBlockProgression" | "msContentZoomChaining" | "msContentZoomLimitMax" | "msContentZoomLimitMin" | "msContentZoomSnapPoints" | "msContentZoomSnapType" | "msContentZooming" | "msFilter" | "msFlexDirection" | "msFlexPositive" | "msFlowFrom" | "msFlowInto" | "msGridColumns" | "msGridRows" | "msHighContrastAdjust" | "msHyphenateLimitChars" | "msHyphenateLimitLines" | "msHyphenateLimitZone" | "msHyphens" | "msImeAlign" | "msLineBreak" | "msOrder" | "msOverflowStyle" | "msOverflowX" | "msOverflowY" | "msScrollChaining" | "msScrollLimitXMax" | "msScrollLimitXMin" | "msScrollLimitYMax" | "msScrollLimitYMin" | "msScrollRails" | "msScrollSnapPointsX" | "msScrollSnapPointsY" | "msScrollSnapType" | "msScrollTranslation" | "msScrollbar3dlightColor" | "msScrollbarArrowColor" | "msScrollbarBaseColor" | "msScrollbarDarkshadowColor" | "msScrollbarFaceColor" | "msScrollbarHighlightColor" | "msScrollbarShadowColor" | "msScrollbarTrackColor" | "msTextAutospace" | "msTextCombineHorizontal" | "msTextOverflow" | "msTouchAction" | "msTouchSelect" | "msTransform" | "msTransformOrigin" | "msTransitionDelay" | "msTransitionDuration" | "msTransitionProperty" | "msTransitionTimingFunction" | "msUserSelect" | "msWordBreak" | "msWrapFlow" | "msWrapMargin" | "msWrapThrough" | "msWritingMode" | "WebkitAlignContent" | "WebkitAlignItems" | "WebkitAlignSelf" | "WebkitAnimationDelay" | "WebkitAnimationDirection" | "WebkitAnimationDuration" | "WebkitAnimationFillMode" | "WebkitAnimationIterationCount" | "WebkitAnimationName" | "WebkitAnimationPlayState" | "WebkitAnimationTimingFunction" | "WebkitAppearance" | "WebkitBackdropFilter" | "WebkitBackfaceVisibility" | "WebkitBackgroundClip" | "WebkitBackgroundOrigin" | "WebkitBackgroundSize" | "WebkitBorderBeforeColor" | "WebkitBorderBeforeStyle" | "WebkitBorderBeforeWidth" | "WebkitBorderBottomLeftRadius" | "WebkitBorderBottomRightRadius" | "WebkitBorderImageSlice" | "WebkitBorderTopLeftRadius" | "WebkitBorderTopRightRadius" | "WebkitBoxDecorationBreak" | "WebkitBoxReflect" | "WebkitBoxShadow" | "WebkitBoxSizing" | "WebkitClipPath" | "WebkitColumnCount" | "WebkitColumnFill" | "WebkitColumnRuleColor" | "WebkitColumnRuleStyle" | "WebkitColumnRuleWidth" | "WebkitColumnSpan" | "WebkitColumnWidth" | "WebkitFilter" | "WebkitFlexBasis" | "WebkitFlexDirection" | "WebkitFlexGrow" | "WebkitFlexShrink" | "WebkitFlexWrap" | "WebkitFontFeatureSettings" | "WebkitFontKerning" | "WebkitFontSmoothing" | "WebkitFontVariantLigatures" | "WebkitHyphenateCharacter" | "WebkitHyphens" | "WebkitInitialLetter" | "WebkitJustifyContent" | "WebkitLineBreak" | "WebkitLineClamp" | "WebkitLogicalHeight" | "WebkitLogicalWidth" | "WebkitMarginEnd" | "WebkitMarginStart" | "WebkitMaskAttachment" | "WebkitMaskBoxImageOutset" | "WebkitMaskBoxImageRepeat" | "WebkitMaskBoxImageSlice" | "WebkitMaskBoxImageSource" | "WebkitMaskBoxImageWidth" | "WebkitMaskClip" | "WebkitMaskComposite" | "WebkitMaskImage" | "WebkitMaskOrigin" | "WebkitMaskPosition" | "WebkitMaskPositionX" | "WebkitMaskPositionY" | "WebkitMaskRepeat" | "WebkitMaskRepeatX" | "WebkitMaskRepeatY" | "WebkitMaskSize" | "WebkitMaxInlineSize" | "WebkitOrder" | "WebkitOverflowScrolling" | "WebkitPaddingEnd" | "WebkitPaddingStart" | "WebkitPerspective" | "WebkitPerspectiveOrigin" | "WebkitPrintColorAdjust" | "WebkitRubyPosition" | "WebkitScrollSnapType" | "WebkitShapeMargin" | "WebkitTapHighlightColor" | "WebkitTextCombine" | "WebkitTextDecorationColor" | "WebkitTextDecorationLine" | "WebkitTextDecorationSkip" | "WebkitTextDecorationStyle" | "WebkitTextEmphasisColor" | "WebkitTextEmphasisPosition" | "WebkitTextEmphasisStyle" | "WebkitTextFillColor" | "WebkitTextOrientation" | "WebkitTextSizeAdjust" | "WebkitTextStrokeColor" | "WebkitTextStrokeWidth" | "WebkitTextUnderlinePosition" | "WebkitTouchCallout" | "WebkitTransform" | "WebkitTransformOrigin" | "WebkitTransformStyle" | "WebkitTransitionDelay" | "WebkitTransitionDuration" | "WebkitTransitionProperty" | "WebkitTransitionTimingFunction" | "WebkitUserModify" | "WebkitUserSelect" | "WebkitWritingMode" | "MozAnimation" | "MozBorderImage" | "MozColumnRule" | "MozColumns" | "MozOutlineRadius" | "MozTransition" | "msContentZoomLimit" | "msContentZoomSnap" | "msFlex" | "msScrollLimit" | "msScrollSnapX" | "msScrollSnapY" | "msTransition" | "WebkitAnimation" | "WebkitBorderBefore" | "WebkitBorderImage" | "WebkitBorderRadius" | "WebkitColumnRule" | "WebkitColumns" | "WebkitFlex" | "WebkitFlexFlow" | "WebkitMask" | "WebkitMaskBoxImage" | "WebkitTextEmphasis" | "WebkitTextStroke" | "WebkitTransition" | "boxAlign" | "boxDirection" | "boxFlex" | "boxFlexGroup" | "boxLines" | "boxOrdinalGroup" | "boxOrient" | "boxPack" | "clip" | "fontStretch" | "gridColumnGap" | "gridGap" | "gridRowGap" | "imeMode" | "insetArea" | "offsetBlock" | "offsetBlockEnd" | "offsetBlockStart" | "offsetInline" | "offsetInlineEnd" | "offsetInlineStart" | "pageBreakAfter" | "pageBreakBefore" | "pageBreakInside" | "positionTryOptions" | "scrollSnapCoordinate" | "scrollSnapDestination" | "scrollSnapPointsX" | "scrollSnapPointsY" | "scrollSnapTypeX" | "scrollSnapTypeY" | "KhtmlBoxAlign" | "KhtmlBoxDirection" | "KhtmlBoxFlex" | "KhtmlBoxFlexGroup" | "KhtmlBoxLines" | "KhtmlBoxOrdinalGroup" | "KhtmlBoxOrient" | "KhtmlBoxPack" | "KhtmlLineBreak" | "KhtmlOpacity" | "KhtmlUserSelect" | "MozBackgroundClip" | "MozBackgroundOrigin" | "MozBackgroundSize" | "MozBorderRadius" | "MozBorderRadiusBottomleft" | "MozBorderRadiusBottomright" | "MozBorderRadiusTopleft" | "MozBorderRadiusTopright" | "MozBoxAlign" | "MozBoxDirection" | "MozBoxFlex" | "MozBoxOrdinalGroup" | "MozBoxOrient" | "MozBoxPack" | "MozBoxShadow" | "MozColumnCount" | "MozColumnFill" | "MozFloatEdge" | "MozForceBrokenImageIcon" | "MozOpacity" | "MozOutline" | "MozOutlineColor" | "MozOutlineStyle" | "MozOutlineWidth" | "MozTextAlignLast" | "MozTextDecorationColor" | "MozTextDecorationLine" | "MozTextDecorationStyle" | "MozTransitionDelay" | "MozTransitionDuration" | "MozTransitionProperty" | "MozTransitionTimingFunction" | "MozUserFocus" | "MozUserInput" | "msImeMode" | "OAnimation" | "OAnimationDelay" | "OAnimationDirection" | "OAnimationDuration" | "OAnimationFillMode" | "OAnimationIterationCount" | "OAnimationName" | "OAnimationPlayState" | "OAnimationTimingFunction" | "OBackgroundSize" | "OBorderImage" | "OObjectFit" | "OObjectPosition" | "OTabSize" | "OTextOverflow" | "OTransform" | "OTransformOrigin" | "OTransition" | "OTransitionDelay" | "OTransitionDuration" | "OTransitionProperty" | "OTransitionTimingFunction" | "WebkitBoxAlign" | "WebkitBoxDirection" | "WebkitBoxFlex" | "WebkitBoxFlexGroup" | "WebkitBoxLines" | "WebkitBoxOrdinalGroup" | "WebkitBoxOrient" | "WebkitBoxPack" | "colorInterpolation" | "colorRendering" | "glyphOrientationVertical" | "svgFill" | "fade" | "scrollbar" | "boldFontWeight" | "hide" | "shadow" | "radius" | "flow" | "gridAreas" | "gridColumns" | "gridRows" | "preset" | "align" | "justify" | "place" | "@keyframes" | "@properties" | "recipe" | "as" | "element" | "styles" | "breakpoints" | "block" | "inline" | "mods" | "isHidden" | "isDisabled" | "css" | "theme" | "tokens" | "ref"> & RefAttributes<unknown>> & SubElementComponents<Record<string, never>>;
+} & BaseStyleProps & WithVariant<VariantMap> & Omit<Omit<AllHTMLAttributes<HTMLElement>, keyof react.ClassAttributes<HTMLDivElement> | keyof react.HTMLAttributes<HTMLDivElement>> & react.ClassAttributes<HTMLDivElement> & react.HTMLAttributes<HTMLDivElement>, "style" | "clipPath" | "filter" | "image" | "marker" | "mask" | "fill" | "qa" | "qaVal" | "color" | "font" | "outline" | "gap" | "padding" | "margin" | "width" | "height" | "border" | "transition" | "placeContent" | "placeItems" | "accentColor" | "alignContent" | "alignItems" | "alignSelf" | "alignTracks" | "alignmentBaseline" | "anchorName" | "anchorScope" | "animationComposition" | "animationDelay" | "animationDirection" | "animationDuration" | "animationFillMode" | "animationIterationCount" | "animationName" | "animationPlayState" | "animationRangeEnd" | "animationRangeStart" | "animationTimeline" | "animationTimingFunction" | "appearance" | "aspectRatio" | "backdropFilter" | "backfaceVisibility" | "backgroundAttachment" | "backgroundBlendMode" | "backgroundClip" | "backgroundColor" | "backgroundImage" | "backgroundOrigin" | "backgroundPositionX" | "backgroundPositionY" | "backgroundRepeat" | "backgroundSize" | "baselineShift" | "blockSize" | "borderBlockEndColor" | "borderBlockEndStyle" | "borderBlockEndWidth" | "borderBlockStartColor" | "borderBlockStartStyle" | "borderBlockStartWidth" | "borderBottomColor" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomStyle" | "borderBottomWidth" | "borderCollapse" | "borderEndEndRadius" | "borderEndStartRadius" | "borderImageOutset" | "borderImageRepeat" | "borderImageSlice" | "borderImageSource" | "borderImageWidth" | "borderInlineEndColor" | "borderInlineEndStyle" | "borderInlineEndWidth" | "borderInlineStartColor" | "borderInlineStartStyle" | "borderInlineStartWidth" | "borderLeftColor" | "borderLeftStyle" | "borderLeftWidth" | "borderRightColor" | "borderRightStyle" | "borderRightWidth" | "borderSpacing" | "borderStartEndRadius" | "borderStartStartRadius" | "borderTopColor" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopStyle" | "borderTopWidth" | "bottom" | "boxDecorationBreak" | "boxShadow" | "boxSizing" | "breakAfter" | "breakBefore" | "breakInside" | "captionSide" | "caretColor" | "caretShape" | "clear" | "clipRule" | "colorAdjust" | "colorInterpolationFilters" | "colorScheme" | "columnCount" | "columnFill" | "columnGap" | "columnRuleColor" | "columnRuleStyle" | "columnRuleWidth" | "columnSpan" | "columnWidth" | "contain" | "containIntrinsicBlockSize" | "containIntrinsicHeight" | "containIntrinsicInlineSize" | "containIntrinsicWidth" | "containerName" | "containerType" | "content" | "contentVisibility" | "counterIncrement" | "counterReset" | "counterSet" | "cursor" | "cx" | "cy" | "d" | "direction" | "display" | "dominantBaseline" | "emptyCells" | "fieldSizing" | "fillOpacity" | "fillRule" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "float" | "floodColor" | "floodOpacity" | "fontFamily" | "fontFeatureSettings" | "fontKerning" | "fontLanguageOverride" | "fontOpticalSizing" | "fontPalette" | "fontSize" | "fontSizeAdjust" | "fontSmooth" | "fontStyle" | "fontSynthesis" | "fontSynthesisPosition" | "fontSynthesisSmallCaps" | "fontSynthesisStyle" | "fontSynthesisWeight" | "fontVariant" | "fontVariantAlternates" | "fontVariantCaps" | "fontVariantEastAsian" | "fontVariantEmoji" | "fontVariantLigatures" | "fontVariantNumeric" | "fontVariantPosition" | "fontVariationSettings" | "fontWeight" | "fontWidth" | "forcedColorAdjust" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridColumnEnd" | "gridColumnStart" | "gridRowEnd" | "gridRowStart" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "hangingPunctuation" | "hyphenateCharacter" | "hyphenateLimitChars" | "hyphens" | "imageOrientation" | "imageRendering" | "imageResolution" | "initialLetter" | "initialLetterAlign" | "inlineSize" | "insetBlockEnd" | "insetBlockStart" | "insetInlineEnd" | "insetInlineStart" | "interpolateSize" | "isolation" | "justifyContent" | "justifyItems" | "justifySelf" | "justifyTracks" | "left" | "letterSpacing" | "lightingColor" | "lineBreak" | "lineHeight" | "lineHeightStep" | "listStyleImage" | "listStylePosition" | "listStyleType" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "marginTrim" | "markerEnd" | "markerMid" | "markerStart" | "maskBorderMode" | "maskBorderOutset" | "maskBorderRepeat" | "maskBorderSlice" | "maskBorderSource" | "maskBorderWidth" | "maskClip" | "maskComposite" | "maskImage" | "maskMode" | "maskOrigin" | "maskPosition" | "maskRepeat" | "maskSize" | "maskType" | "masonryAutoFlow" | "mathDepth" | "mathShift" | "mathStyle" | "maxBlockSize" | "maxHeight" | "maxInlineSize" | "maxLines" | "maxWidth" | "minBlockSize" | "minHeight" | "minInlineSize" | "minWidth" | "mixBlendMode" | "motionDistance" | "motionPath" | "motionRotation" | "objectFit" | "objectPosition" | "objectViewBox" | "offsetAnchor" | "offsetDistance" | "offsetPath" | "offsetPosition" | "offsetRotate" | "offsetRotation" | "opacity" | "order" | "orphans" | "outlineColor" | "outlineOffset" | "outlineStyle" | "outlineWidth" | "overflowAnchor" | "overflowBlock" | "overflowClipBox" | "overflowClipMargin" | "overflowInline" | "overflowWrap" | "overflowX" | "overflowY" | "overlay" | "overscrollBehaviorBlock" | "overscrollBehaviorInline" | "overscrollBehaviorX" | "overscrollBehaviorY" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "page" | "paintOrder" | "perspective" | "perspectiveOrigin" | "pointerEvents" | "position" | "positionAnchor" | "positionArea" | "positionTryFallbacks" | "positionTryOrder" | "positionVisibility" | "printColorAdjust" | "quotes" | "r" | "resize" | "right" | "rotate" | "rowGap" | "rubyAlign" | "rubyMerge" | "rubyOverhang" | "rubyPosition" | "rx" | "ry" | "scale" | "scrollBehavior" | "scrollInitialTarget" | "scrollMarginBlockEnd" | "scrollMarginBlockStart" | "scrollMarginBottom" | "scrollMarginInlineEnd" | "scrollMarginInlineStart" | "scrollMarginLeft" | "scrollMarginRight" | "scrollMarginTop" | "scrollPaddingBlockEnd" | "scrollPaddingBlockStart" | "scrollPaddingBottom" | "scrollPaddingInlineEnd" | "scrollPaddingInlineStart" | "scrollPaddingLeft" | "scrollPaddingRight" | "scrollPaddingTop" | "scrollSnapAlign" | "scrollSnapMarginBottom" | "scrollSnapMarginLeft" | "scrollSnapMarginRight" | "scrollSnapMarginTop" | "scrollSnapStop" | "scrollSnapType" | "scrollTimelineAxis" | "scrollTimelineName" | "scrollbarColor" | "scrollbarGutter" | "scrollbarWidth" | "shapeImageThreshold" | "shapeMargin" | "shapeOutside" | "shapeRendering" | "speakAs" | "stopColor" | "stopOpacity" | "stroke" | "strokeColor" | "strokeDasharray" | "strokeDashoffset" | "strokeLinecap" | "strokeLinejoin" | "strokeMiterlimit" | "strokeOpacity" | "strokeWidth" | "tabSize" | "tableLayout" | "textAlign" | "textAlignLast" | "textAnchor" | "textAutospace" | "textBox" | "textBoxEdge" | "textBoxTrim" | "textCombineUpright" | "textDecorationColor" | "textDecorationLine" | "textDecorationSkip" | "textDecorationSkipInk" | "textDecorationStyle" | "textDecorationThickness" | "textEmphasisColor" | "textEmphasisPosition" | "textEmphasisStyle" | "textIndent" | "textJustify" | "textOrientation" | "textOverflow" | "textRendering" | "textShadow" | "textSizeAdjust" | "textSpacingTrim" | "textTransform" | "textUnderlineOffset" | "textUnderlinePosition" | "textWrapMode" | "textWrapStyle" | "timelineScope" | "top" | "touchAction" | "transform" | "transformBox" | "transformOrigin" | "transformStyle" | "transitionBehavior" | "transitionDelay" | "transitionDuration" | "transitionProperty" | "transitionTimingFunction" | "translate" | "unicodeBidi" | "userSelect" | "vectorEffect" | "verticalAlign" | "viewTimelineAxis" | "viewTimelineInset" | "viewTimelineName" | "viewTransitionClass" | "viewTransitionName" | "visibility" | "whiteSpace" | "whiteSpaceCollapse" | "widows" | "willChange" | "wordBreak" | "wordSpacing" | "wordWrap" | "writingMode" | "x" | "y" | "zIndex" | "zoom" | "all" | "animation" | "animationRange" | "background" | "backgroundPosition" | "borderBlock" | "borderBlockColor" | "borderBlockEnd" | "borderBlockStart" | "borderBlockStyle" | "borderBlockWidth" | "borderBottom" | "borderColor" | "borderImage" | "borderInline" | "borderInlineColor" | "borderInlineEnd" | "borderInlineStart" | "borderInlineStyle" | "borderInlineWidth" | "borderLeft" | "borderRadius" | "borderRight" | "borderStyle" | "borderTop" | "borderWidth" | "caret" | "columnRule" | "columns" | "containIntrinsicSize" | "container" | "flex" | "flexFlow" | "grid" | "gridArea" | "gridColumn" | "gridRow" | "gridTemplate" | "inset" | "insetBlock" | "insetInline" | "lineClamp" | "listStyle" | "marginBlock" | "marginInline" | "maskBorder" | "motion" | "offset" | "overflow" | "overscrollBehavior" | "paddingBlock" | "paddingInline" | "placeSelf" | "positionTry" | "scrollMargin" | "scrollMarginBlock" | "scrollMarginInline" | "scrollPadding" | "scrollPaddingBlock" | "scrollPaddingInline" | "scrollSnapMargin" | "scrollTimeline" | "textDecoration" | "textEmphasis" | "textWrap" | "viewTimeline" | "MozAnimationDelay" | "MozAnimationDirection" | "MozAnimationDuration" | "MozAnimationFillMode" | "MozAnimationIterationCount" | "MozAnimationName" | "MozAnimationPlayState" | "MozAnimationTimingFunction" | "MozAppearance" | "MozBackfaceVisibility" | "MozBinding" | "MozBorderBottomColors" | "MozBorderEndColor" | "MozBorderEndStyle" | "MozBorderEndWidth" | "MozBorderLeftColors" | "MozBorderRightColors" | "MozBorderStartColor" | "MozBorderStartStyle" | "MozBorderTopColors" | "MozBoxSizing" | "MozColumnRuleColor" | "MozColumnRuleStyle" | "MozColumnRuleWidth" | "MozColumnWidth" | "MozContextProperties" | "MozFontFeatureSettings" | "MozFontLanguageOverride" | "MozHyphens" | "MozMarginEnd" | "MozMarginStart" | "MozOrient" | "MozOsxFontSmoothing" | "MozOutlineRadiusBottomleft" | "MozOutlineRadiusBottomright" | "MozOutlineRadiusTopleft" | "MozOutlineRadiusTopright" | "MozPaddingEnd" | "MozPaddingStart" | "MozPerspective" | "MozPerspectiveOrigin" | "MozStackSizing" | "MozTabSize" | "MozTextBlink" | "MozTextSizeAdjust" | "MozTransform" | "MozTransformOrigin" | "MozTransformStyle" | "MozUserModify" | "MozUserSelect" | "MozWindowDragging" | "MozWindowShadow" | "msAccelerator" | "msBlockProgression" | "msContentZoomChaining" | "msContentZoomLimitMax" | "msContentZoomLimitMin" | "msContentZoomSnapPoints" | "msContentZoomSnapType" | "msContentZooming" | "msFilter" | "msFlexDirection" | "msFlexPositive" | "msFlowFrom" | "msFlowInto" | "msGridColumns" | "msGridRows" | "msHighContrastAdjust" | "msHyphenateLimitChars" | "msHyphenateLimitLines" | "msHyphenateLimitZone" | "msHyphens" | "msImeAlign" | "msLineBreak" | "msOrder" | "msOverflowStyle" | "msOverflowX" | "msOverflowY" | "msScrollChaining" | "msScrollLimitXMax" | "msScrollLimitXMin" | "msScrollLimitYMax" | "msScrollLimitYMin" | "msScrollRails" | "msScrollSnapPointsX" | "msScrollSnapPointsY" | "msScrollSnapType" | "msScrollTranslation" | "msScrollbar3dlightColor" | "msScrollbarArrowColor" | "msScrollbarBaseColor" | "msScrollbarDarkshadowColor" | "msScrollbarFaceColor" | "msScrollbarHighlightColor" | "msScrollbarShadowColor" | "msScrollbarTrackColor" | "msTextAutospace" | "msTextCombineHorizontal" | "msTextOverflow" | "msTouchAction" | "msTouchSelect" | "msTransform" | "msTransformOrigin" | "msTransitionDelay" | "msTransitionDuration" | "msTransitionProperty" | "msTransitionTimingFunction" | "msUserSelect" | "msWordBreak" | "msWrapFlow" | "msWrapMargin" | "msWrapThrough" | "msWritingMode" | "WebkitAlignContent" | "WebkitAlignItems" | "WebkitAlignSelf" | "WebkitAnimationDelay" | "WebkitAnimationDirection" | "WebkitAnimationDuration" | "WebkitAnimationFillMode" | "WebkitAnimationIterationCount" | "WebkitAnimationName" | "WebkitAnimationPlayState" | "WebkitAnimationTimingFunction" | "WebkitAppearance" | "WebkitBackdropFilter" | "WebkitBackfaceVisibility" | "WebkitBackgroundClip" | "WebkitBackgroundOrigin" | "WebkitBackgroundSize" | "WebkitBorderBeforeColor" | "WebkitBorderBeforeStyle" | "WebkitBorderBeforeWidth" | "WebkitBorderBottomLeftRadius" | "WebkitBorderBottomRightRadius" | "WebkitBorderImageSlice" | "WebkitBorderTopLeftRadius" | "WebkitBorderTopRightRadius" | "WebkitBoxDecorationBreak" | "WebkitBoxReflect" | "WebkitBoxShadow" | "WebkitBoxSizing" | "WebkitClipPath" | "WebkitColumnCount" | "WebkitColumnFill" | "WebkitColumnRuleColor" | "WebkitColumnRuleStyle" | "WebkitColumnRuleWidth" | "WebkitColumnSpan" | "WebkitColumnWidth" | "WebkitFilter" | "WebkitFlexBasis" | "WebkitFlexDirection" | "WebkitFlexGrow" | "WebkitFlexShrink" | "WebkitFlexWrap" | "WebkitFontFeatureSettings" | "WebkitFontKerning" | "WebkitFontSmoothing" | "WebkitFontVariantLigatures" | "WebkitHyphenateCharacter" | "WebkitHyphens" | "WebkitInitialLetter" | "WebkitJustifyContent" | "WebkitLineBreak" | "WebkitLineClamp" | "WebkitLogicalHeight" | "WebkitLogicalWidth" | "WebkitMarginEnd" | "WebkitMarginStart" | "WebkitMaskAttachment" | "WebkitMaskBoxImageOutset" | "WebkitMaskBoxImageRepeat" | "WebkitMaskBoxImageSlice" | "WebkitMaskBoxImageSource" | "WebkitMaskBoxImageWidth" | "WebkitMaskClip" | "WebkitMaskComposite" | "WebkitMaskImage" | "WebkitMaskOrigin" | "WebkitMaskPosition" | "WebkitMaskPositionX" | "WebkitMaskPositionY" | "WebkitMaskRepeat" | "WebkitMaskRepeatX" | "WebkitMaskRepeatY" | "WebkitMaskSize" | "WebkitMaxInlineSize" | "WebkitOrder" | "WebkitOverflowScrolling" | "WebkitPaddingEnd" | "WebkitPaddingStart" | "WebkitPerspective" | "WebkitPerspectiveOrigin" | "WebkitPrintColorAdjust" | "WebkitRubyPosition" | "WebkitScrollSnapType" | "WebkitShapeMargin" | "WebkitTapHighlightColor" | "WebkitTextCombine" | "WebkitTextDecorationColor" | "WebkitTextDecorationLine" | "WebkitTextDecorationSkip" | "WebkitTextDecorationStyle" | "WebkitTextEmphasisColor" | "WebkitTextEmphasisPosition" | "WebkitTextEmphasisStyle" | "WebkitTextFillColor" | "WebkitTextOrientation" | "WebkitTextSizeAdjust" | "WebkitTextStrokeColor" | "WebkitTextStrokeWidth" | "WebkitTextUnderlinePosition" | "WebkitTouchCallout" | "WebkitTransform" | "WebkitTransformOrigin" | "WebkitTransformStyle" | "WebkitTransitionDelay" | "WebkitTransitionDuration" | "WebkitTransitionProperty" | "WebkitTransitionTimingFunction" | "WebkitUserModify" | "WebkitUserSelect" | "WebkitWritingMode" | "MozAnimation" | "MozBorderImage" | "MozColumnRule" | "MozColumns" | "MozOutlineRadius" | "MozTransition" | "msContentZoomLimit" | "msContentZoomSnap" | "msFlex" | "msScrollLimit" | "msScrollSnapX" | "msScrollSnapY" | "msTransition" | "WebkitAnimation" | "WebkitBorderBefore" | "WebkitBorderImage" | "WebkitBorderRadius" | "WebkitColumnRule" | "WebkitColumns" | "WebkitFlex" | "WebkitFlexFlow" | "WebkitMask" | "WebkitMaskBoxImage" | "WebkitTextEmphasis" | "WebkitTextStroke" | "WebkitTransition" | "boxAlign" | "boxDirection" | "boxFlex" | "boxFlexGroup" | "boxLines" | "boxOrdinalGroup" | "boxOrient" | "boxPack" | "clip" | "fontStretch" | "gridColumnGap" | "gridGap" | "gridRowGap" | "imeMode" | "insetArea" | "offsetBlock" | "offsetBlockEnd" | "offsetBlockStart" | "offsetInline" | "offsetInlineEnd" | "offsetInlineStart" | "pageBreakAfter" | "pageBreakBefore" | "pageBreakInside" | "positionTryOptions" | "scrollSnapCoordinate" | "scrollSnapDestination" | "scrollSnapPointsX" | "scrollSnapPointsY" | "scrollSnapTypeX" | "scrollSnapTypeY" | "KhtmlBoxAlign" | "KhtmlBoxDirection" | "KhtmlBoxFlex" | "KhtmlBoxFlexGroup" | "KhtmlBoxLines" | "KhtmlBoxOrdinalGroup" | "KhtmlBoxOrient" | "KhtmlBoxPack" | "KhtmlLineBreak" | "KhtmlOpacity" | "KhtmlUserSelect" | "MozBackgroundClip" | "MozBackgroundOrigin" | "MozBackgroundSize" | "MozBorderRadius" | "MozBorderRadiusBottomleft" | "MozBorderRadiusBottomright" | "MozBorderRadiusTopleft" | "MozBorderRadiusTopright" | "MozBoxAlign" | "MozBoxDirection" | "MozBoxFlex" | "MozBoxOrdinalGroup" | "MozBoxOrient" | "MozBoxPack" | "MozBoxShadow" | "MozColumnCount" | "MozColumnFill" | "MozFloatEdge" | "MozForceBrokenImageIcon" | "MozOpacity" | "MozOutline" | "MozOutlineColor" | "MozOutlineStyle" | "MozOutlineWidth" | "MozTextAlignLast" | "MozTextDecorationColor" | "MozTextDecorationLine" | "MozTextDecorationStyle" | "MozTransitionDelay" | "MozTransitionDuration" | "MozTransitionProperty" | "MozTransitionTimingFunction" | "MozUserFocus" | "MozUserInput" | "msImeMode" | "OAnimation" | "OAnimationDelay" | "OAnimationDirection" | "OAnimationDuration" | "OAnimationFillMode" | "OAnimationIterationCount" | "OAnimationName" | "OAnimationPlayState" | "OAnimationTimingFunction" | "OBackgroundSize" | "OBorderImage" | "OObjectFit" | "OObjectPosition" | "OTabSize" | "OTextOverflow" | "OTransform" | "OTransformOrigin" | "OTransition" | "OTransitionDelay" | "OTransitionDuration" | "OTransitionProperty" | "OTransitionTimingFunction" | "WebkitBoxAlign" | "WebkitBoxDirection" | "WebkitBoxFlex" | "WebkitBoxFlexGroup" | "WebkitBoxLines" | "WebkitBoxOrdinalGroup" | "WebkitBoxOrient" | "WebkitBoxPack" | "colorInterpolation" | "colorRendering" | "glyphOrientationVertical" | "svgFill" | "fade" | "scrollbar" | "boldFontWeight" | "hide" | "shadow" | "radius" | "flow" | "gridAreas" | "gridColumns" | "gridRows" | "preset" | "align" | "justify" | "place" | "@keyframes" | "@properties" | "recipe" | "as" | "element" | "styles" | "breakpoints" | "block" | "inline" | "mods" | "isHidden" | "isDisabled" | "css" | "theme" | "tokens" | "ref"> & RefAttributes<unknown>> & SubElementComponents<Record<string, never>>;
 //#endregion
 export { AllBasePropsWithMods, Element, ElementsDefinition, SubElementDefinition, SubElementProps, TastyElementOptions, TastyElementProps, TastyProps, VariantMap, WithVariant, tasty };
 //# sourceMappingURL=tasty.d.ts.map

package/dist/utils/typography.d.ts

@@ -1,7 +1,23 @@
-import { Styles } from "../styles/types.js";
-import { TypographyPreset } from "../tokens/typography.js";
+import { ConfigTokens } from "../styles/types.js";
 
 //#region src/utils/typography.d.ts
+/**
+ * Typography preset configuration.
+ * Each preset defines font properties that get expanded into CSS custom properties.
+ *
+ * Use with `generateTypographyTokens()` to create typography tokens for your design system.
+ */
+interface TypographyPreset {
+  fontSize: string;
+  lineHeight: string;
+  letterSpacing?: string;
+  fontWeight: string | number;
+  boldFontWeight?: string | number;
+  iconSize?: string;
+  textTransform?: string;
+  fontFamily?: string;
+  fontStyle?: string;
+}
 /**
  * Generate typography tokens with $ prefix for CSS custom properties.
  *
@@ -16,21 +32,16 @@ import { TypographyPreset } from "../tokens/typography.js";
  * - `${name}-font-family` (if defined)
  * - `${name}-font-style` (if defined)
  *
- * @param presets - Typography presets object (defaults to TYPOGRAPHY_PRESETS)
- * @returns Styles object with $ prefixed keys
- *
- * @example
- * // Using default presets
- * const tokens = generateTypographyTokens();
- * // tokens['$h1-font-size'] === '36px'
+ * @param presets - Typography presets object
+ * @returns ConfigTokens object with $ prefixed keys
  *
  * @example
- * // Using custom presets
  * const customTokens = generateTypographyTokens({
- *   myHeading: { fontSize: '24px', lineHeight: '32px', fontWeight: '700' }
+ *   myHeading: { fontSize: '24px', lineHeight: '32px', fontWeight: '700' },
+ *   body: { fontSize: '16px', lineHeight: '24px', fontWeight: '400' },
  * });
  */
-declare function generateTypographyTokens(presets?: Record<string, TypographyPreset>): Styles;
+declare function generateTypographyTokens(presets: Record<string, TypographyPreset>): ConfigTokens;
 //#endregion
-export { generateTypographyTokens };
+export { TypographyPreset, generateTypographyTokens };
 //# sourceMappingURL=typography.d.ts.map

package/dist/utils/typography.js

@@ -1,5 +1,3 @@
-import { TYPOGRAPHY_PRESETS } from "../tokens/typography.js";
-
 //#region src/utils/typography.ts
 /**
 * Generate typography tokens with $ prefix for CSS custom properties.
@@ -15,31 +13,23 @@ import { TYPOGRAPHY_PRESETS } from "../tokens/typography.js";
 * - `${name}-font-family` (if defined)
 * - `${name}-font-style` (if defined)
 *
-* @param presets - Typography presets object (defaults to TYPOGRAPHY_PRESETS)
-* @returns Styles object with $ prefixed keys
-*
-* @example
-* // Using default presets
-* const tokens = generateTypographyTokens();
-* // tokens['$h1-font-size'] === '36px'
+* @param presets - Typography presets object
+* @returns ConfigTokens object with $ prefixed keys
 *
 * @example
-* // Using custom presets
 * const customTokens = generateTypographyTokens({
-*   myHeading: { fontSize: '24px', lineHeight: '32px', fontWeight: '700' }
+*   myHeading: { fontSize: '24px', lineHeight: '32px', fontWeight: '700' },
+*   body: { fontSize: '16px', lineHeight: '24px', fontWeight: '400' },
 * });
 */
-function generateTypographyTokens(presets = TYPOGRAPHY_PRESETS) {
+function generateTypographyTokens(presets) {
 	const tokens = {};
 	for (const [name, preset] of Object.entries(presets)) {
 		tokens[`$${name}-font-size`] = preset.fontSize;
 		tokens[`$${name}-line-height`] = preset.lineHeight;
 		tokens[`$${name}-letter-spacing`] = preset.letterSpacing ?? "0";
 		tokens[`$${name}-font-weight`] = preset.fontWeight;
-		if (preset.boldFontWeight !== void 0) {
-			const boldKey = name === "c1" ? `$${name}-font-bold-weight` : `$${name}-bold-font-weight`;
-			tokens[boldKey] = preset.boldFontWeight;
-		}
+		if (preset.boldFontWeight !== void 0) tokens[`$${name}-bold-font-weight`] = preset.boldFontWeight;
 		if (preset.iconSize !== void 0) tokens[`$${name}-icon-size`] = preset.iconSize;
 		if (preset.textTransform !== void 0) tokens[`$${name}-text-transform`] = preset.textTransform;
 		if (preset.fontFamily !== void 0) tokens[`$${name}-font-family`] = preset.fontFamily;

package/dist/utils/typography.js.map

@@ -1 +1 @@
-{"version":3,"file":"typography.js","names":[],"sources":["../../src/utils/typography.ts"],"sourcesContent":["import type { TypographyPreset } from '../tokens/typography';\nimport { TYPOGRAPHY_PRESETS } from '../tokens/typography';\n\nimport type { Styles } from '../styles/types';\n\n// Re-export types for convenience\nexport type { TypographyPreset };\n\n/**\n * Generate typography tokens with $ prefix for CSS custom properties.\n *\n * Each preset generates the following CSS custom properties:\n * - `${name}-font-size`\n * - `${name}-line-height`\n * - `${name}-letter-spacing`\n * - `${name}-font-weight`\n * - `${name}-bold-font-weight` (if defined)\n * - `${name}-icon-size` (if defined)\n * - `${name}-text-transform` (if defined)\n * - `${name}-font-family` (if defined)\n * - `${name}-font-style` (if defined)\n *\n * @param presets - Typography presets object (defaults to TYPOGRAPHY_PRESETS)\n * @returns Styles object with $ prefixed keys\n *\n * @example\n * // Using default presets\n * const tokens = generateTypographyTokens();\n * // tokens['$h1-font-size'] === '36px'\n *\n * @example\n * // Using custom presets\n * const customTokens = generateTypographyTokens({\n *   myHeading: { fontSize: '24px', lineHeight: '32px', fontWeight: '700' }\n * });\n */\nexport function generateTypographyTokens(\n  presets: Record<string, TypographyPreset> = TYPOGRAPHY_PRESETS,\n): Styles {\n  const tokens: Record<string, string | number> = {};\n\n  for (const [name, preset] of Object.entries(presets)) {\n    tokens[`$${name}-font-size`] = preset.fontSize;\n    tokens[`$${name}-line-height`] = preset.lineHeight;\n    tokens[`$${name}-letter-spacing`] = preset.letterSpacing ?? '0';\n    tokens[`$${name}-font-weight`] = preset.fontWeight;\n\n    if (preset.boldFontWeight !== undefined) {\n      // Handle different property naming for c1 (uses font-bold-weight instead of bold-font-weight)\n      const boldKey =\n        name === 'c1'\n          ? `$${name}-font-bold-weight`\n          : `$${name}-bold-font-weight`;\n      tokens[boldKey] = preset.boldFontWeight;\n    }\n\n    if (preset.iconSize !== undefined) {\n      tokens[`$${name}-icon-size`] = preset.iconSize;\n    }\n\n    if (preset.textTransform !== undefined) {\n      tokens[`$${name}-text-transform`] = preset.textTransform;\n    }\n\n    if (preset.fontFamily !== undefined) {\n      tokens[`$${name}-font-family`] = preset.fontFamily;\n    }\n\n    if (preset.fontStyle !== undefined) {\n      tokens[`$${name}-font-style`] = preset.fontStyle;\n    }\n  }\n\n  return tokens as Styles;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoCA,SAAgB,yBACd,UAA4C,oBACpC;CACR,MAAM,SAA0C,EAAE;AAElD,MAAK,MAAM,CAAC,MAAM,WAAW,OAAO,QAAQ,QAAQ,EAAE;AACpD,SAAO,IAAI,KAAK,eAAe,OAAO;AACtC,SAAO,IAAI,KAAK,iBAAiB,OAAO;AACxC,SAAO,IAAI,KAAK,oBAAoB,OAAO,iBAAiB;AAC5D,SAAO,IAAI,KAAK,iBAAiB,OAAO;AAExC,MAAI,OAAO,mBAAmB,QAAW;GAEvC,MAAM,UACJ,SAAS,OACL,IAAI,KAAK,qBACT,IAAI,KAAK;AACf,UAAO,WAAW,OAAO;;AAG3B,MAAI,OAAO,aAAa,OACtB,QAAO,IAAI,KAAK,eAAe,OAAO;AAGxC,MAAI,OAAO,kBAAkB,OAC3B,QAAO,IAAI,KAAK,oBAAoB,OAAO;AAG7C,MAAI,OAAO,eAAe,OACxB,QAAO,IAAI,KAAK,iBAAiB,OAAO;AAG1C,MAAI,OAAO,cAAc,OACvB,QAAO,IAAI,KAAK,gBAAgB,OAAO;;AAI3C,QAAO"}
+{"version":3,"file":"typography.js","names":[],"sources":["../../src/utils/typography.ts"],"sourcesContent":["import type { ConfigTokens } from '../styles/types';\n\n/**\n * Typography preset configuration.\n * Each preset defines font properties that get expanded into CSS custom properties.\n *\n * Use with `generateTypographyTokens()` to create typography tokens for your design system.\n */\nexport interface TypographyPreset {\n  fontSize: string;\n  lineHeight: string;\n  letterSpacing?: string;\n  fontWeight: string | number;\n  boldFontWeight?: string | number;\n  iconSize?: string;\n  textTransform?: string;\n  fontFamily?: string;\n  fontStyle?: string;\n}\n\n/**\n * Generate typography tokens with $ prefix for CSS custom properties.\n *\n * Each preset generates the following CSS custom properties:\n * - `${name}-font-size`\n * - `${name}-line-height`\n * - `${name}-letter-spacing`\n * - `${name}-font-weight`\n * - `${name}-bold-font-weight` (if defined)\n * - `${name}-icon-size` (if defined)\n * - `${name}-text-transform` (if defined)\n * - `${name}-font-family` (if defined)\n * - `${name}-font-style` (if defined)\n *\n * @param presets - Typography presets object\n * @returns ConfigTokens object with $ prefixed keys\n *\n * @example\n * const customTokens = generateTypographyTokens({\n *   myHeading: { fontSize: '24px', lineHeight: '32px', fontWeight: '700' },\n *   body: { fontSize: '16px', lineHeight: '24px', fontWeight: '400' },\n * });\n */\nexport function generateTypographyTokens(\n  presets: Record<string, TypographyPreset>,\n): ConfigTokens {\n  const tokens: Record<`$${string}`, string | number> = {};\n\n  for (const [name, preset] of Object.entries(presets)) {\n    tokens[`$${name}-font-size`] = preset.fontSize;\n    tokens[`$${name}-line-height`] = preset.lineHeight;\n    tokens[`$${name}-letter-spacing`] = preset.letterSpacing ?? '0';\n    tokens[`$${name}-font-weight`] = preset.fontWeight;\n\n    if (preset.boldFontWeight !== undefined) {\n      tokens[`$${name}-bold-font-weight`] = preset.boldFontWeight;\n    }\n\n    if (preset.iconSize !== undefined) {\n      tokens[`$${name}-icon-size`] = preset.iconSize;\n    }\n\n    if (preset.textTransform !== undefined) {\n      tokens[`$${name}-text-transform`] = preset.textTransform;\n    }\n\n    if (preset.fontFamily !== undefined) {\n      tokens[`$${name}-font-family`] = preset.fontFamily;\n    }\n\n    if (preset.fontStyle !== undefined) {\n      tokens[`$${name}-font-style`] = preset.fontStyle;\n    }\n  }\n\n  return tokens as ConfigTokens;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AA2CA,SAAgB,yBACd,SACc;CACd,MAAM,SAAgD,EAAE;AAExD,MAAK,MAAM,CAAC,MAAM,WAAW,OAAO,QAAQ,QAAQ,EAAE;AACpD,SAAO,IAAI,KAAK,eAAe,OAAO;AACtC,SAAO,IAAI,KAAK,iBAAiB,OAAO;AACxC,SAAO,IAAI,KAAK,oBAAoB,OAAO,iBAAiB;AAC5D,SAAO,IAAI,KAAK,iBAAiB,OAAO;AAExC,MAAI,OAAO,mBAAmB,OAC5B,QAAO,IAAI,KAAK,sBAAsB,OAAO;AAG/C,MAAI,OAAO,aAAa,OACtB,QAAO,IAAI,KAAK,eAAe,OAAO;AAGxC,MAAI,OAAO,kBAAkB,OAC3B,QAAO,IAAI,KAAK,oBAAoB,OAAO;AAG7C,MAAI,OAAO,eAAe,OACxB,QAAO,IAAI,KAAK,iBAAiB,OAAO;AAG1C,MAAI,OAAO,cAAc,OACvB,QAAO,IAAI,KAAK,gBAAgB,OAAO;;AAI3C,QAAO"}

package/dist/zero/babel.d.ts

@@ -1,7 +1,7 @@
 import { KeyframesSteps } from "../injector/types.js";
 import { StyleDetails, UnitHandler } from "../parser/types.js";
 import { StyleHandlerDefinition } from "../utils/styles.js";
-import { RecipeStyles } from "../styles/types.js";
+import { ConfigTokens, RecipeStyles } from "../styles/types.js";
 import { TastyPlugin } from "../plugins/types.js";
 import * as _babel_core0 from "@babel/core";
 import { PluginPass } from "@babel/core";
@@ -40,7 +40,7 @@ interface TastyZeroConfig {
    */
   funcs?: Record<string, (groups: StyleDetails[]) => string>;
   /**
-   * Plugins that extend tasty with custom functions, units, states, handlers, or tokens.
+   * Plugins that extend tasty with custom functions, units, states, and handlers.
    * Plugins are processed in order, with later plugins overriding earlier ones.
    * @example
    * ```ts
@@ -78,11 +78,17 @@ interface TastyZeroConfig {
    */
   handlers?: Record<string, StyleHandlerDefinition>;
   /**
-   * Predefined tokens that are replaced during style parsing.
+   * Design tokens injected as CSS custom properties on `:root`.
+   * Values are parsed through the Tasty DSL. Supports state maps.
+   * @example { '$gap': '4px', '#primary': { '': '#purple', '@dark': '#light-purple' } }
+   */
+  tokens?: ConfigTokens;
+  /**
+   * Predefined tokens replaced during style parsing (parse-time substitution).
    * Use `$name` for custom properties and `#name` for color tokens.
    * @example { $spacing: '2x', '#accent': '#purple' }
    */
-  tokens?: Record<`$${string}` | `#${string}`, string | number>;
+  replaceTokens?: Record<`$${string}` | `#${string}`, string | number>;
   /**
    * Predefined style recipes -- named style bundles that can be applied via `recipe` style property.
    * Recipe values are flat tasty styles (no sub-element keys).

package/dist/zero/babel.js

@@ -1,5 +1,5 @@
 import { __require } from "../_virtual/_rolldown/runtime.js";
-import { configure } from "../config.js";
+import { configure, getGlobalConfigTokens } from "../config.js";
 import { mergeStyles } from "../utils/merge-styles.js";
 import { resolveRecipes } from "../utils/resolve-recipes.js";
 import { extractKeyframesFromStyles, extractPropertiesFromStyles, extractStylesForSelector, extractStylesWithChunks } from "./extractor.js";
@@ -63,6 +63,11 @@ var babel_default = declare((api, options) => {
 	const devMode = config.devMode ?? false;
 	configure(config);
 	const cssWriter = new CSSWriter(outputPath, { devMode });
+	const tokenStyles = getGlobalConfigTokens();
+	if (tokenStyles && Object.keys(tokenStyles).length > 0) {
+		const result = extractStylesForSelector(":root", tokenStyles);
+		if (result.css) cssWriter.add(":root:tokens", result.css);
+	}
 	const globalRegistry = {};
 	return {
 		name: "tasty-zero",

package/dist/zero/babel.js.map

@@ -1 +1 @@
-{"version":3,"file":"babel.js","names":[],"sources":["../../src/zero/babel.ts"],"sourcesContent":["/**\n * Babel plugin for zero-runtime tasty static site generation.\n *\n * Transforms:\n * - `tastyStatic(styles)` → StaticStyle object { className, styles, toString() }\n * - `tastyStatic(base, styles)` → StaticStyle object with merged styles\n * - `tastyStatic(selector, styles)` → removed entirely\n *\n * Usage:\n * ```javascript\n * // babel.config.js\n * module.exports = {\n *   plugins: [\n *     ['@tenphi/tasty/babel-plugin', { output: 'public/tasty.css' }]\n *   ]\n * };\n * ```\n */\n\nimport * as fs from 'fs';\n\nimport { declare } from '@babel/helper-plugin-utils';\nimport * as t from '@babel/types';\n\nimport { configure } from '../config';\nimport type { RecipeStyles, Styles } from '../styles/types';\nimport { mergeStyles } from '../utils/merge-styles';\nimport { resolveRecipes } from '../utils/resolve-recipes';\nimport type { StyleHandlerDefinition } from '../utils/styles';\n\nimport { CSSWriter } from './css-writer';\nimport {\n  extractKeyframesFromStyles,\n  extractPropertiesFromStyles,\n  extractStylesForSelector,\n  extractStylesWithChunks,\n} from './extractor';\n\nimport type { NodePath, PluginPass } from '@babel/core';\nimport type { KeyframesSteps } from '../injector/types';\nimport type { StyleDetails, UnitHandler } from '../parser/types';\nimport type { TastyPlugin } from '../plugins/types';\n\n/**\n * Build-time configuration for zero-runtime mode.\n * Subset of TastyConfig that applies at build time.\n */\nexport interface TastyZeroConfig {\n  /**\n   * Global predefined states for advanced state mapping.\n   * Example: { '@mobile': '@media(w < 768px)', '@dark': '@root(theme=dark)' }\n   */\n  states?: Record<string, string>;\n  /**\n   * Enable development mode features: source comments in generated CSS.\n   * Default: false\n   */\n  devMode?: boolean;\n  /**\n   * Parser LRU cache size (default: 1000).\n   * Larger values improve performance for builds with many unique style values.\n   */\n  parserCacheSize?: number;\n  /**\n   * Custom units for the style parser (merged with built-in units).\n   * Units transform numeric values like `2x` → `calc(2 * var(--gap))`.\n   * @example { em: 'em', vw: 'vw', custom: (n) => `${n * 10}px` }\n   */\n  units?: Record<string, string | UnitHandler>;\n  /**\n   * Custom functions for the style parser (merged with existing).\n   * Functions process parsed style groups and return CSS values.\n   * @example { myFunc: (groups) => groups.map(g => g.output).join(' ') }\n   */\n  funcs?: Record<string, (groups: StyleDetails[]) => string>;\n  /**\n   * Plugins that extend tasty with custom functions, units, states, handlers, or tokens.\n   * Plugins are processed in order, with later plugins overriding earlier ones.\n   * @example\n   * ```ts\n   * import { okhslPlugin } from '@tenphi/tasty';\n   *\n   * // babel.config.js\n   * module.exports = {\n   *   plugins: [\n   *     ['@tenphi/tasty/babel-plugin', {\n   *       config: { plugins: [okhslPlugin()] }\n   *     }]\n   *   ]\n   * };\n   * ```\n   */\n  plugins?: TastyPlugin[];\n  /**\n   * Global keyframes definitions for static extraction.\n   * Keys are animation names, values are keyframes step definitions.\n   * @example { fadeIn: { from: { opacity: 0 }, to: { opacity: 1 } } }\n   */\n  keyframes?: Record<string, KeyframesSteps>;\n  /**\n   * Custom style handlers that transform style properties into CSS declarations.\n   * Handlers replace built-in handlers for the same style name.\n   * @example\n   * ```ts\n   * handlers: {\n   *   fill: ({ fill }) => fill ? { 'background-color': fill } : undefined,\n   *   elevation: ({ elevation }) => ({\n   *     'box-shadow': `0 ${elevation}px ${elevation * 2}px rgba(0,0,0,0.1)`,\n   *   }),\n   * }\n   * ```\n   */\n  handlers?: Record<string, StyleHandlerDefinition>;\n  /**\n   * Predefined tokens that are replaced during style parsing.\n   * Use `$name` for custom properties and `#name` for color tokens.\n   * @example { $spacing: '2x', '#accent': '#purple' }\n   */\n  tokens?: Record<`$${string}` | `#${string}`, string | number>;\n  /**\n   * Predefined style recipes -- named style bundles that can be applied via `recipe` style property.\n   * Recipe values are flat tasty styles (no sub-element keys).\n   * @example\n   * ```ts\n   * recipes: {\n   *   card: { padding: '4x', fill: '#surface', radius: '1r', border: true },\n   *   elevated: { shadow: '2x 2x 4x #shadow' },\n   * }\n   * ```\n   */\n  recipes?: Record<string, RecipeStyles>;\n  /**\n   * Automatically infer and register CSS @property declarations from values.\n   * @default true\n   */\n  autoPropertyTypes?: boolean;\n}\n\nexport interface TastyZeroBabelOptions {\n  /** Output path for generated CSS (default: 'tasty.css') */\n  output?: string;\n  /**\n   * Tasty configuration for build-time processing.\n   * Can be a static object or a factory function that returns fresh config.\n   * A factory is called on each plugin invocation, enabling hot reload\n   * of config values that depend on external files (e.g. theme tokens).\n   */\n  config?: TastyZeroConfig | (() => TastyZeroConfig);\n  /**\n   * Absolute file paths whose content affects the generated CSS.\n   * When any of these files change, babel-loader invalidates its cache\n   * and re-runs the plugin with fresh config values.\n   *\n   * Typically includes theme files that define Glaze palettes or token values.\n   * Paths must be absolute (resolved by the Next.js wrapper).\n   */\n  configDeps?: string[];\n}\n\n/**\n * Registry to track StaticStyle objects by their variable names.\n * Used to resolve base styles when extending.\n */\ntype StaticStyleRegistry = Record<\n  string,\n  {\n    styles: Styles;\n    className: string;\n  }\n>;\n\ninterface PluginState extends PluginPass {\n  staticStyleRegistry: StaticStyleRegistry;\n  /** Current source file path (for devMode source comments) */\n  sourceFile?: string;\n}\n\nfunction mtime(filePath: string): number | null {\n  try {\n    return fs.statSync(filePath).mtimeMs;\n  } catch {\n    return null;\n  }\n}\n\nfunction clearRequireCacheTree(filePath: string): void {\n  let resolved: string;\n\n  try {\n    resolved = require.resolve(filePath);\n  } catch {\n    return;\n  }\n\n  const mod = require.cache[resolved];\n\n  if (!mod) return;\n\n  const dir = resolved.substring(0, resolved.lastIndexOf('/'));\n\n  if (mod.children) {\n    for (const child of mod.children) {\n      if (child.id.startsWith(dir) && !child.id.includes('node_modules')) {\n        clearRequireCacheTree(child.id);\n      }\n    }\n  }\n\n  delete require.cache[resolved];\n}\n\n// @ts-expect-error PluginState vs PluginPass type mismatch in @babel/helper-plugin-utils\nexport default declare<TastyZeroBabelOptions>((api, options) => {\n  api.assertVersion(7);\n\n  const outputPath = options.output || 'tasty.css';\n  const configDeps = options.configDeps || [];\n\n  // Register external dependencies for babel-loader cache invalidation.\n  // When any configDeps file changes, babel-loader discards the cached\n  // transform result and re-runs the plugin, picking up fresh config.\n  if (configDeps.length > 0) {\n    api.cache.using(() => configDeps.map(mtime).join(','));\n\n    for (const dep of configDeps) {\n      (\n        api as unknown as { addExternalDependency(path: string): void }\n      ).addExternalDependency(dep);\n    }\n  } else {\n    api.cache.forever();\n  }\n\n  // When configDeps are set, use jiti to load TypeScript config files.\n  // Clear the require cache first so we always get fresh values.\n  if (configDeps.length > 0) {\n    for (const dep of configDeps) {\n      clearRequireCacheTree(dep);\n    }\n  }\n\n  const configOption = options.config;\n  const config: TastyZeroConfig =\n    typeof configOption === 'function' ? configOption() : configOption || {};\n  const devMode = config.devMode ?? false;\n\n  configure(config);\n\n  const cssWriter = new CSSWriter(outputPath, { devMode });\n\n  // Global registry for cross-file references (same build)\n  const globalRegistry: StaticStyleRegistry = {};\n\n  return {\n    name: 'tasty-zero',\n\n    pre(this: PluginState) {\n      // Initialize per-file registry\n      this.staticStyleRegistry = {};\n      // Extract source filename for devMode comments\n      if (devMode && this.filename) {\n        // Get relative path or just filename\n        this.sourceFile = this.filename.split('/').pop() || this.filename;\n      }\n    },\n\n    visitor: {\n      // Remove import statements for tasty/static\n      ImportDeclaration(path: NodePath<t.ImportDeclaration>) {\n        const source = path.node.source.value;\n\n        if (\n          source === '@tenphi/tasty/static' ||\n          source.endsWith('/tasty/static')\n        ) {\n          path.remove();\n        }\n      },\n\n      // Transform tastyStatic() calls\n      CallExpression(path: NodePath<t.CallExpression>, state: PluginState) {\n        const callee = path.node.callee;\n\n        // Match tastyStatic(...) calls\n        if (!t.isIdentifier(callee, { name: 'tastyStatic' })) {\n          return;\n        }\n\n        const args = path.node.arguments;\n\n        if (args.length === 0) {\n          throw path.buildCodeFrameError(\n            'tastyStatic() requires at least one argument',\n          );\n        }\n\n        const firstArg = args[0];\n\n        if (t.isStringLiteral(firstArg)) {\n          // Selector mode: tastyStatic(selector, styles)\n          handleSelectorMode(\n            path,\n            args,\n            cssWriter,\n            state.sourceFile,\n            config.keyframes,\n            config.autoPropertyTypes,\n          );\n        } else if (t.isObjectExpression(firstArg)) {\n          // Styles mode: tastyStatic(styles)\n          handleStylesMode(\n            path,\n            args,\n            cssWriter,\n            state,\n            globalRegistry,\n            config.keyframes,\n            config.autoPropertyTypes,\n          );\n        } else if (t.isIdentifier(firstArg)) {\n          // Extension mode: tastyStatic(base, styles)\n          handleExtensionMode(\n            path,\n            args,\n            cssWriter,\n            state,\n            globalRegistry,\n            config.keyframes,\n            config.autoPropertyTypes,\n          );\n        } else {\n          throw path.buildCodeFrameError(\n            'tastyStatic() first argument must be an object (styles), ' +\n              'identifier (base StaticStyle), or string (selector)',\n          );\n        }\n      },\n\n      // Track variable declarations to register StaticStyle objects\n      VariableDeclarator(\n        path: NodePath<t.VariableDeclarator>,\n        state: PluginState,\n      ) {\n        const init = path.node.init;\n        const id = path.node.id;\n\n        // Check if this is a StaticStyle object (has className and styles properties)\n        if (\n          t.isIdentifier(id) &&\n          t.isObjectExpression(init) &&\n          isStaticStyleObject(init)\n        ) {\n          const variableName = id.name;\n          const styles = extractStylesFromStaticStyleObject(init, path);\n          const className = extractClassNameFromStaticStyleObject(init);\n\n          if (styles && className) {\n            state.staticStyleRegistry[variableName] = { styles, className };\n            globalRegistry[variableName] = { styles, className };\n          }\n        }\n      },\n    },\n\n    post() {\n      // Write all collected CSS at the end of the build\n      if (cssWriter.size > 0) {\n        cssWriter.write();\n      }\n    },\n  };\n});\n\n/**\n * Check if an object expression looks like a StaticStyle object\n */\nfunction isStaticStyleObject(node: t.ObjectExpression): boolean {\n  const hasClassName = node.properties.some(\n    (p) =>\n      t.isObjectProperty(p) && t.isIdentifier(p.key, { name: 'className' }),\n  );\n  const hasStyles = node.properties.some(\n    (p) => t.isObjectProperty(p) && t.isIdentifier(p.key, { name: 'styles' }),\n  );\n  return hasClassName && hasStyles;\n}\n\n/**\n * Extract styles object from a StaticStyle object expression\n */\nfunction extractStylesFromStaticStyleObject(\n  node: t.ObjectExpression,\n  path: NodePath,\n): Styles | null {\n  for (const prop of node.properties) {\n    if (\n      t.isObjectProperty(prop) &&\n      t.isIdentifier(prop.key, { name: 'styles' }) &&\n      t.isObjectExpression(prop.value)\n    ) {\n      return evaluateObjectExpression(prop.value, path) as Styles;\n    }\n  }\n  return null;\n}\n\n/**\n * Extract className from a StaticStyle object expression\n */\nfunction extractClassNameFromStaticStyleObject(\n  node: t.ObjectExpression,\n): string | null {\n  for (const prop of node.properties) {\n    if (\n      t.isObjectProperty(prop) &&\n      t.isIdentifier(prop.key, { name: 'className' }) &&\n      t.isStringLiteral(prop.value)\n    ) {\n      return prop.value.value;\n    }\n  }\n  return null;\n}\n\n/**\n * Handle tastyStatic(styles) - returns StaticStyle object\n */\nfunction handleStylesMode(\n  path: NodePath<t.CallExpression>,\n  args: t.CallExpression['arguments'],\n  cssWriter: CSSWriter,\n  state: PluginState,\n  globalRegistry: StaticStyleRegistry,\n  globalKeyframes?: Record<string, KeyframesSteps>,\n  autoPropertyTypes?: boolean,\n): void {\n  const stylesArg = args[0];\n\n  if (!t.isObjectExpression(stylesArg)) {\n    throw path.buildCodeFrameError(\n      'tastyStatic(styles) argument must be a static object literal',\n    );\n  }\n\n  // Evaluate styles object at build time\n  const rawStyles = evaluateObjectExpression(stylesArg, path) as Styles;\n\n  // Resolve recipes before extraction\n  const styles = resolveRecipes(rawStyles);\n\n  // Extract keyframes (deduplicated by content)\n  const { keyframes, nameMap } = extractKeyframesFromStyles(\n    styles,\n    globalKeyframes,\n  );\n\n  // Add keyframes CSS\n  for (const kf of keyframes) {\n    cssWriter.add(kf.css, kf.css, state.sourceFile);\n  }\n\n  // Extract and add auto-inferred @property rules\n  const properties = extractPropertiesFromStyles(styles, { autoPropertyTypes });\n  for (const prop of properties) {\n    cssWriter.add(prop.css, prop.css, state.sourceFile);\n  }\n\n  // Extract styles with chunking\n  const chunks = extractStylesWithChunks(styles);\n\n  // Add CSS to writer, replacing animation names if needed\n  for (const chunk of chunks) {\n    const css =\n      nameMap.size > 0\n        ? replaceAnimationNamesInCSS(chunk.css, nameMap)\n        : chunk.css;\n    cssWriter.add(chunk.className, css, state.sourceFile);\n  }\n\n  // Generate className\n  const className =\n    chunks.length > 0 ? chunks.map((c) => c.className).join(' ') : '';\n\n  // Replace call with StaticStyle object\n  const staticStyleObject = createStaticStyleAST(className, styles);\n  path.replaceWith(staticStyleObject);\n\n  // Register if this is being assigned to a variable\n  registerIfVariableDeclaration(path, className, styles, state, globalRegistry);\n}\n\n/**\n * Handle tastyStatic(base, styles) - extends base with additional styles\n */\nfunction handleExtensionMode(\n  path: NodePath<t.CallExpression>,\n  args: t.CallExpression['arguments'],\n  cssWriter: CSSWriter,\n  state: PluginState,\n  globalRegistry: StaticStyleRegistry,\n  globalKeyframes?: Record<string, KeyframesSteps>,\n  autoPropertyTypes?: boolean,\n): void {\n  if (args.length < 2) {\n    throw path.buildCodeFrameError(\n      'tastyStatic(base, styles) requires two arguments',\n    );\n  }\n\n  const baseArg = args[0];\n  const stylesArg = args[1];\n\n  if (!t.isIdentifier(baseArg)) {\n    throw path.buildCodeFrameError(\n      'tastyStatic(base, styles) first argument must be an identifier',\n    );\n  }\n\n  if (!t.isObjectExpression(stylesArg)) {\n    throw path.buildCodeFrameError(\n      'tastyStatic(base, styles) second argument must be a static object literal',\n    );\n  }\n\n  const baseName = baseArg.name;\n\n  // Look up base styles in registry\n  const baseEntry =\n    state.staticStyleRegistry[baseName] || globalRegistry[baseName];\n\n  if (!baseEntry) {\n    throw path.buildCodeFrameError(\n      `Cannot find base StaticStyle '${baseName}'. ` +\n        'Make sure it is defined before being extended.',\n    );\n  }\n\n  // Evaluate override styles\n  const overrideStyles = evaluateObjectExpression(stylesArg, path) as Styles;\n\n  // Merge styles using mergeStyles, then resolve recipes\n  const mergedStyles = resolveRecipes(\n    mergeStyles(baseEntry.styles, overrideStyles),\n  );\n\n  // Extract keyframes (deduplicated by content)\n  const { keyframes, nameMap } = extractKeyframesFromStyles(\n    mergedStyles,\n    globalKeyframes,\n  );\n\n  // Add keyframes CSS\n  for (const kf of keyframes) {\n    cssWriter.add(kf.css, kf.css, state.sourceFile);\n  }\n\n  // Extract and add auto-inferred @property rules\n  const properties = extractPropertiesFromStyles(mergedStyles, {\n    autoPropertyTypes,\n  });\n  for (const prop of properties) {\n    cssWriter.add(prop.css, prop.css, state.sourceFile);\n  }\n\n  // Extract styles with chunking\n  const chunks = extractStylesWithChunks(mergedStyles);\n\n  // Add CSS to writer, replacing animation names if needed\n  for (const chunk of chunks) {\n    const css =\n      nameMap.size > 0\n        ? replaceAnimationNamesInCSS(chunk.css, nameMap)\n        : chunk.css;\n    cssWriter.add(chunk.className, css, state.sourceFile);\n  }\n\n  // Generate className\n  const className =\n    chunks.length > 0 ? chunks.map((c) => c.className).join(' ') : '';\n\n  // Replace call with StaticStyle object\n  const staticStyleObject = createStaticStyleAST(className, mergedStyles);\n  path.replaceWith(staticStyleObject);\n\n  // Register if this is being assigned to a variable\n  registerIfVariableDeclaration(\n    path,\n    className,\n    mergedStyles,\n    state,\n    globalRegistry,\n  );\n}\n\n/**\n * Handle tastyStatic(selector, styles) - removes the call entirely\n */\nfunction handleSelectorMode(\n  path: NodePath<t.CallExpression>,\n  args: t.CallExpression['arguments'],\n  cssWriter: CSSWriter,\n  sourceFile?: string,\n  globalKeyframes?: Record<string, KeyframesSteps>,\n  autoPropertyTypes?: boolean,\n): void {\n  if (args.length < 2) {\n    throw path.buildCodeFrameError(\n      'tastyStatic(selector, styles) requires two arguments',\n    );\n  }\n\n  const selectorArg = args[0];\n  const stylesArg = args[1];\n\n  if (!t.isStringLiteral(selectorArg)) {\n    throw path.buildCodeFrameError(\n      'tastyStatic(selector, styles) first argument must be a string literal',\n    );\n  }\n\n  if (!t.isObjectExpression(stylesArg)) {\n    throw path.buildCodeFrameError(\n      'tastyStatic(selector, styles) second argument must be a static object literal',\n    );\n  }\n\n  const selector = selectorArg.value;\n  const rawStyles = evaluateObjectExpression(stylesArg, path) as Styles;\n\n  // Resolve recipes before extraction\n  const styles = resolveRecipes(rawStyles);\n\n  // Extract keyframes (deduplicated by content)\n  const { keyframes, nameMap } = extractKeyframesFromStyles(\n    styles,\n    globalKeyframes,\n  );\n\n  // Add keyframes CSS\n  for (const kf of keyframes) {\n    cssWriter.add(kf.css, kf.css, sourceFile);\n  }\n\n  // Extract and add auto-inferred @property rules\n  const properties = extractPropertiesFromStyles(styles, { autoPropertyTypes });\n  for (const prop of properties) {\n    cssWriter.add(prop.css, prop.css, sourceFile);\n  }\n\n  // Extract styles for selector\n  const result = extractStylesForSelector(selector, styles);\n\n  // Replace animation names if needed and add CSS\n  const css =\n    nameMap.size > 0\n      ? replaceAnimationNamesInCSS(result.css, nameMap)\n      : result.css;\n  cssWriter.add(selector, css, sourceFile);\n\n  // Remove the entire statement\n  const parent = path.parentPath;\n  if (parent && t.isExpressionStatement(parent.node)) {\n    parent.remove();\n  } else {\n    // If used in an expression context (which would be incorrect usage),\n    // replace with undefined\n    path.replaceWith(t.identifier('undefined'));\n  }\n}\n\n/**\n * Create a StaticStyle object AST node\n */\nfunction createStaticStyleAST(\n  className: string,\n  styles: Styles,\n): t.ObjectExpression {\n  return t.objectExpression([\n    t.objectProperty(t.identifier('className'), t.stringLiteral(className)),\n    t.objectProperty(t.identifier('styles'), valueToAST(styles)),\n    t.objectMethod(\n      'method',\n      t.identifier('toString'),\n      [],\n      t.blockStatement([\n        t.returnStatement(\n          t.memberExpression(t.thisExpression(), t.identifier('className')),\n        ),\n      ]),\n    ),\n  ]);\n}\n\n/**\n * Register a StaticStyle in the registry if it's being assigned to a variable\n */\nfunction registerIfVariableDeclaration(\n  path: NodePath,\n  className: string,\n  styles: Styles,\n  state: PluginState,\n  globalRegistry: StaticStyleRegistry,\n): void {\n  const parent = path.parentPath;\n  if (parent && t.isVariableDeclarator(parent.node)) {\n    const id = parent.node.id;\n    if (t.isIdentifier(id)) {\n      const variableName = id.name;\n      state.staticStyleRegistry[variableName] = { styles, className };\n      globalRegistry[variableName] = { styles, className };\n    }\n  }\n}\n\n/**\n * Convert a JavaScript value to an AST node\n */\nfunction valueToAST(value: unknown): t.Expression {\n  if (value === null) {\n    return t.nullLiteral();\n  }\n  if (value === undefined) {\n    return t.identifier('undefined');\n  }\n  if (typeof value === 'string') {\n    return t.stringLiteral(value);\n  }\n  if (typeof value === 'number') {\n    return t.numericLiteral(value);\n  }\n  if (typeof value === 'boolean') {\n    return t.booleanLiteral(value);\n  }\n  if (Array.isArray(value)) {\n    return t.arrayExpression(value.map(valueToAST));\n  }\n  if (typeof value === 'object') {\n    const properties = Object.entries(value).map(([key, val]) =>\n      t.objectProperty(\n        /^[a-zA-Z_$][a-zA-Z0-9_$]*$/.test(key)\n          ? t.identifier(key)\n          : t.stringLiteral(key),\n        valueToAST(val),\n      ),\n    );\n    return t.objectExpression(properties);\n  }\n  // Fallback for unsupported types\n  return t.identifier('undefined');\n}\n\n/**\n * Evaluate an ObjectExpression to a plain JavaScript object.\n * Only supports static values that can be determined at build time.\n */\nfunction evaluateObjectExpression(\n  node: t.ObjectExpression,\n  path: NodePath,\n): Record<string, unknown> {\n  const result: Record<string, unknown> = {};\n\n  for (const prop of node.properties) {\n    if (t.isSpreadElement(prop)) {\n      throw path.buildCodeFrameError(\n        'Spread elements are not supported in tastyStatic() - styles must be fully static',\n      );\n    }\n\n    if (!t.isObjectProperty(prop)) {\n      throw path.buildCodeFrameError(\n        'Only object properties are supported in tastyStatic()',\n      );\n    }\n\n    // Get key\n    let key: string;\n    if (t.isIdentifier(prop.key)) {\n      key = prop.key.name;\n    } else if (t.isStringLiteral(prop.key)) {\n      key = prop.key.value;\n    } else {\n      throw path.buildCodeFrameError(\n        'Dynamic property keys are not supported in tastyStatic()',\n      );\n    }\n\n    // Get value\n    const value = evaluateExpression(prop.value, path);\n    result[key] = value;\n  }\n\n  return result;\n}\n\n/**\n * Evaluate an expression to a JavaScript value.\n */\nfunction evaluateExpression(node: t.Node, path: NodePath): unknown {\n  if (t.isStringLiteral(node)) {\n    return node.value;\n  }\n\n  if (t.isNumericLiteral(node)) {\n    return node.value;\n  }\n\n  if (t.isBooleanLiteral(node)) {\n    return node.value;\n  }\n\n  if (t.isNullLiteral(node)) {\n    return null;\n  }\n\n  if (t.isIdentifier(node, { name: 'undefined' })) {\n    return undefined;\n  }\n\n  if (t.isArrayExpression(node)) {\n    return node.elements.map((el) => {\n      if (el === null) return null;\n      if (t.isSpreadElement(el)) {\n        throw path.buildCodeFrameError(\n          'Spread elements are not supported in tastyStatic()',\n        );\n      }\n      return evaluateExpression(el, path);\n    });\n  }\n\n  if (t.isObjectExpression(node)) {\n    return evaluateObjectExpression(node, path);\n  }\n\n  if (t.isTemplateLiteral(node)) {\n    // Only support template literals without expressions\n    if (node.expressions.length > 0) {\n      throw path.buildCodeFrameError(\n        'Template literals with expressions are not supported in tastyStatic()',\n      );\n    }\n    return node.quasis.map((q) => q.value.cooked).join('');\n  }\n\n  if (t.isUnaryExpression(node, { operator: '-' })) {\n    const arg = evaluateExpression(node.argument, path);\n    if (typeof arg === 'number') {\n      return -arg;\n    }\n  }\n\n  throw path.buildCodeFrameError(\n    `Dynamic expressions are not supported in tastyStatic() - got ${node.type}. ` +\n      'All values must be static literals.',\n  );\n}\n\n/**\n * Replace animation names in CSS string.\n * Wraps the keyframes replaceAnimationNames to work on full CSS blocks.\n */\nfunction replaceAnimationNamesInCSS(\n  css: string,\n  nameMap: Map<string, string>,\n): string {\n  if (nameMap.size === 0) return css;\n\n  // The CSS contains full rules like \".class { animation: name 1s; }\"\n  // We need to replace animation names within declaration blocks\n  return css.replace(\n    /(animation(?:-name)?)\\s*:\\s*([^;}]+)/gi,\n    (match, prop, value) => {\n      let newValue = value;\n      for (const [original, replacement] of nameMap) {\n        // Word boundary replacement\n        const pattern = new RegExp(`\\\\b${escapeRegex(original)}\\\\b`, 'g');\n        newValue = newValue.replace(pattern, replacement);\n      }\n      return `${prop}: ${newValue}`;\n    },\n  );\n}\n\n/**\n * Escape special regex characters.\n */\nfunction escapeRegex(str: string): string {\n  return str.replace(/[.*+?^${}()|[\\]\\\\]/g, '\\\\$&');\n}\n"],"mappings":"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"}
+{"version":3,"file":"babel.js","names":[],"sources":["../../src/zero/babel.ts"],"sourcesContent":["/**\n * Babel plugin for zero-runtime tasty static site generation.\n *\n * Transforms:\n * - `tastyStatic(styles)` → StaticStyle object { className, styles, toString() }\n * - `tastyStatic(base, styles)` → StaticStyle object with merged styles\n * - `tastyStatic(selector, styles)` → removed entirely\n *\n * Usage:\n * ```javascript\n * // babel.config.js\n * module.exports = {\n *   plugins: [\n *     ['@tenphi/tasty/babel-plugin', { output: 'public/tasty.css' }]\n *   ]\n * };\n * ```\n */\n\nimport * as fs from 'fs';\n\nimport { declare } from '@babel/helper-plugin-utils';\nimport * as t from '@babel/types';\n\nimport { configure, getGlobalConfigTokens } from '../config';\nimport type { RecipeStyles, Styles, ConfigTokens } from '../styles/types';\nimport { mergeStyles } from '../utils/merge-styles';\nimport { resolveRecipes } from '../utils/resolve-recipes';\nimport type { StyleHandlerDefinition } from '../utils/styles';\n\nimport { CSSWriter } from './css-writer';\nimport {\n  extractKeyframesFromStyles,\n  extractPropertiesFromStyles,\n  extractStylesForSelector,\n  extractStylesWithChunks,\n} from './extractor';\n\nimport type { NodePath, PluginPass } from '@babel/core';\nimport type { KeyframesSteps } from '../injector/types';\nimport type { StyleDetails, UnitHandler } from '../parser/types';\nimport type { TastyPlugin } from '../plugins/types';\n\n/**\n * Build-time configuration for zero-runtime mode.\n * Subset of TastyConfig that applies at build time.\n */\nexport interface TastyZeroConfig {\n  /**\n   * Global predefined states for advanced state mapping.\n   * Example: { '@mobile': '@media(w < 768px)', '@dark': '@root(theme=dark)' }\n   */\n  states?: Record<string, string>;\n  /**\n   * Enable development mode features: source comments in generated CSS.\n   * Default: false\n   */\n  devMode?: boolean;\n  /**\n   * Parser LRU cache size (default: 1000).\n   * Larger values improve performance for builds with many unique style values.\n   */\n  parserCacheSize?: number;\n  /**\n   * Custom units for the style parser (merged with built-in units).\n   * Units transform numeric values like `2x` → `calc(2 * var(--gap))`.\n   * @example { em: 'em', vw: 'vw', custom: (n) => `${n * 10}px` }\n   */\n  units?: Record<string, string | UnitHandler>;\n  /**\n   * Custom functions for the style parser (merged with existing).\n   * Functions process parsed style groups and return CSS values.\n   * @example { myFunc: (groups) => groups.map(g => g.output).join(' ') }\n   */\n  funcs?: Record<string, (groups: StyleDetails[]) => string>;\n  /**\n   * Plugins that extend tasty with custom functions, units, states, and handlers.\n   * Plugins are processed in order, with later plugins overriding earlier ones.\n   * @example\n   * ```ts\n   * import { okhslPlugin } from '@tenphi/tasty';\n   *\n   * // babel.config.js\n   * module.exports = {\n   *   plugins: [\n   *     ['@tenphi/tasty/babel-plugin', {\n   *       config: { plugins: [okhslPlugin()] }\n   *     }]\n   *   ]\n   * };\n   * ```\n   */\n  plugins?: TastyPlugin[];\n  /**\n   * Global keyframes definitions for static extraction.\n   * Keys are animation names, values are keyframes step definitions.\n   * @example { fadeIn: { from: { opacity: 0 }, to: { opacity: 1 } } }\n   */\n  keyframes?: Record<string, KeyframesSteps>;\n  /**\n   * Custom style handlers that transform style properties into CSS declarations.\n   * Handlers replace built-in handlers for the same style name.\n   * @example\n   * ```ts\n   * handlers: {\n   *   fill: ({ fill }) => fill ? { 'background-color': fill } : undefined,\n   *   elevation: ({ elevation }) => ({\n   *     'box-shadow': `0 ${elevation}px ${elevation * 2}px rgba(0,0,0,0.1)`,\n   *   }),\n   * }\n   * ```\n   */\n  handlers?: Record<string, StyleHandlerDefinition>;\n  /**\n   * Design tokens injected as CSS custom properties on `:root`.\n   * Values are parsed through the Tasty DSL. Supports state maps.\n   * @example { '$gap': '4px', '#primary': { '': '#purple', '@dark': '#light-purple' } }\n   */\n  tokens?: ConfigTokens;\n  /**\n   * Predefined tokens replaced during style parsing (parse-time substitution).\n   * Use `$name` for custom properties and `#name` for color tokens.\n   * @example { $spacing: '2x', '#accent': '#purple' }\n   */\n  replaceTokens?: Record<`$${string}` | `#${string}`, string | number>;\n  /**\n   * Predefined style recipes -- named style bundles that can be applied via `recipe` style property.\n   * Recipe values are flat tasty styles (no sub-element keys).\n   * @example\n   * ```ts\n   * recipes: {\n   *   card: { padding: '4x', fill: '#surface', radius: '1r', border: true },\n   *   elevated: { shadow: '2x 2x 4x #shadow' },\n   * }\n   * ```\n   */\n  recipes?: Record<string, RecipeStyles>;\n  /**\n   * Automatically infer and register CSS @property declarations from values.\n   * @default true\n   */\n  autoPropertyTypes?: boolean;\n}\n\nexport interface TastyZeroBabelOptions {\n  /** Output path for generated CSS (default: 'tasty.css') */\n  output?: string;\n  /**\n   * Tasty configuration for build-time processing.\n   * Can be a static object or a factory function that returns fresh config.\n   * A factory is called on each plugin invocation, enabling hot reload\n   * of config values that depend on external files (e.g. theme tokens).\n   */\n  config?: TastyZeroConfig | (() => TastyZeroConfig);\n  /**\n   * Absolute file paths whose content affects the generated CSS.\n   * When any of these files change, babel-loader invalidates its cache\n   * and re-runs the plugin with fresh config values.\n   *\n   * Typically includes theme files that define Glaze palettes or token values.\n   * Paths must be absolute (resolved by the Next.js wrapper).\n   */\n  configDeps?: string[];\n}\n\n/**\n * Registry to track StaticStyle objects by their variable names.\n * Used to resolve base styles when extending.\n */\ntype StaticStyleRegistry = Record<\n  string,\n  {\n    styles: Styles;\n    className: string;\n  }\n>;\n\ninterface PluginState extends PluginPass {\n  staticStyleRegistry: StaticStyleRegistry;\n  /** Current source file path (for devMode source comments) */\n  sourceFile?: string;\n}\n\nfunction mtime(filePath: string): number | null {\n  try {\n    return fs.statSync(filePath).mtimeMs;\n  } catch {\n    return null;\n  }\n}\n\nfunction clearRequireCacheTree(filePath: string): void {\n  let resolved: string;\n\n  try {\n    resolved = require.resolve(filePath);\n  } catch {\n    return;\n  }\n\n  const mod = require.cache[resolved];\n\n  if (!mod) return;\n\n  const dir = resolved.substring(0, resolved.lastIndexOf('/'));\n\n  if (mod.children) {\n    for (const child of mod.children) {\n      if (child.id.startsWith(dir) && !child.id.includes('node_modules')) {\n        clearRequireCacheTree(child.id);\n      }\n    }\n  }\n\n  delete require.cache[resolved];\n}\n\n// @ts-expect-error PluginState vs PluginPass type mismatch in @babel/helper-plugin-utils\nexport default declare<TastyZeroBabelOptions>((api, options) => {\n  api.assertVersion(7);\n\n  const outputPath = options.output || 'tasty.css';\n  const configDeps = options.configDeps || [];\n\n  // Register external dependencies for babel-loader cache invalidation.\n  // When any configDeps file changes, babel-loader discards the cached\n  // transform result and re-runs the plugin, picking up fresh config.\n  if (configDeps.length > 0) {\n    api.cache.using(() => configDeps.map(mtime).join(','));\n\n    for (const dep of configDeps) {\n      (\n        api as unknown as { addExternalDependency(path: string): void }\n      ).addExternalDependency(dep);\n    }\n  } else {\n    api.cache.forever();\n  }\n\n  // When configDeps are set, use jiti to load TypeScript config files.\n  // Clear the require cache first so we always get fresh values.\n  if (configDeps.length > 0) {\n    for (const dep of configDeps) {\n      clearRequireCacheTree(dep);\n    }\n  }\n\n  const configOption = options.config;\n  const config: TastyZeroConfig =\n    typeof configOption === 'function' ? configOption() : configOption || {};\n  const devMode = config.devMode ?? false;\n\n  configure(config);\n\n  const cssWriter = new CSSWriter(outputPath, { devMode });\n\n  // Emit configured tokens as :root CSS custom properties\n  const tokenStyles = getGlobalConfigTokens();\n  if (tokenStyles && Object.keys(tokenStyles).length > 0) {\n    const result = extractStylesForSelector(':root', tokenStyles);\n    if (result.css) {\n      cssWriter.add(':root:tokens', result.css);\n    }\n  }\n\n  // Global registry for cross-file references (same build)\n  const globalRegistry: StaticStyleRegistry = {};\n\n  return {\n    name: 'tasty-zero',\n\n    pre(this: PluginState) {\n      // Initialize per-file registry\n      this.staticStyleRegistry = {};\n      // Extract source filename for devMode comments\n      if (devMode && this.filename) {\n        // Get relative path or just filename\n        this.sourceFile = this.filename.split('/').pop() || this.filename;\n      }\n    },\n\n    visitor: {\n      // Remove import statements for tasty/static\n      ImportDeclaration(path: NodePath<t.ImportDeclaration>) {\n        const source = path.node.source.value;\n\n        if (\n          source === '@tenphi/tasty/static' ||\n          source.endsWith('/tasty/static')\n        ) {\n          path.remove();\n        }\n      },\n\n      // Transform tastyStatic() calls\n      CallExpression(path: NodePath<t.CallExpression>, state: PluginState) {\n        const callee = path.node.callee;\n\n        // Match tastyStatic(...) calls\n        if (!t.isIdentifier(callee, { name: 'tastyStatic' })) {\n          return;\n        }\n\n        const args = path.node.arguments;\n\n        if (args.length === 0) {\n          throw path.buildCodeFrameError(\n            'tastyStatic() requires at least one argument',\n          );\n        }\n\n        const firstArg = args[0];\n\n        if (t.isStringLiteral(firstArg)) {\n          // Selector mode: tastyStatic(selector, styles)\n          handleSelectorMode(\n            path,\n            args,\n            cssWriter,\n            state.sourceFile,\n            config.keyframes,\n            config.autoPropertyTypes,\n          );\n        } else if (t.isObjectExpression(firstArg)) {\n          // Styles mode: tastyStatic(styles)\n          handleStylesMode(\n            path,\n            args,\n            cssWriter,\n            state,\n            globalRegistry,\n            config.keyframes,\n            config.autoPropertyTypes,\n          );\n        } else if (t.isIdentifier(firstArg)) {\n          // Extension mode: tastyStatic(base, styles)\n          handleExtensionMode(\n            path,\n            args,\n            cssWriter,\n            state,\n            globalRegistry,\n            config.keyframes,\n            config.autoPropertyTypes,\n          );\n        } else {\n          throw path.buildCodeFrameError(\n            'tastyStatic() first argument must be an object (styles), ' +\n              'identifier (base StaticStyle), or string (selector)',\n          );\n        }\n      },\n\n      // Track variable declarations to register StaticStyle objects\n      VariableDeclarator(\n        path: NodePath<t.VariableDeclarator>,\n        state: PluginState,\n      ) {\n        const init = path.node.init;\n        const id = path.node.id;\n\n        // Check if this is a StaticStyle object (has className and styles properties)\n        if (\n          t.isIdentifier(id) &&\n          t.isObjectExpression(init) &&\n          isStaticStyleObject(init)\n        ) {\n          const variableName = id.name;\n          const styles = extractStylesFromStaticStyleObject(init, path);\n          const className = extractClassNameFromStaticStyleObject(init);\n\n          if (styles && className) {\n            state.staticStyleRegistry[variableName] = { styles, className };\n            globalRegistry[variableName] = { styles, className };\n          }\n        }\n      },\n    },\n\n    post() {\n      // Write all collected CSS at the end of the build\n      if (cssWriter.size > 0) {\n        cssWriter.write();\n      }\n    },\n  };\n});\n\n/**\n * Check if an object expression looks like a StaticStyle object\n */\nfunction isStaticStyleObject(node: t.ObjectExpression): boolean {\n  const hasClassName = node.properties.some(\n    (p) =>\n      t.isObjectProperty(p) && t.isIdentifier(p.key, { name: 'className' }),\n  );\n  const hasStyles = node.properties.some(\n    (p) => t.isObjectProperty(p) && t.isIdentifier(p.key, { name: 'styles' }),\n  );\n  return hasClassName && hasStyles;\n}\n\n/**\n * Extract styles object from a StaticStyle object expression\n */\nfunction extractStylesFromStaticStyleObject(\n  node: t.ObjectExpression,\n  path: NodePath,\n): Styles | null {\n  for (const prop of node.properties) {\n    if (\n      t.isObjectProperty(prop) &&\n      t.isIdentifier(prop.key, { name: 'styles' }) &&\n      t.isObjectExpression(prop.value)\n    ) {\n      return evaluateObjectExpression(prop.value, path) as Styles;\n    }\n  }\n  return null;\n}\n\n/**\n * Extract className from a StaticStyle object expression\n */\nfunction extractClassNameFromStaticStyleObject(\n  node: t.ObjectExpression,\n): string | null {\n  for (const prop of node.properties) {\n    if (\n      t.isObjectProperty(prop) &&\n      t.isIdentifier(prop.key, { name: 'className' }) &&\n      t.isStringLiteral(prop.value)\n    ) {\n      return prop.value.value;\n    }\n  }\n  return null;\n}\n\n/**\n * Handle tastyStatic(styles) - returns StaticStyle object\n */\nfunction handleStylesMode(\n  path: NodePath<t.CallExpression>,\n  args: t.CallExpression['arguments'],\n  cssWriter: CSSWriter,\n  state: PluginState,\n  globalRegistry: StaticStyleRegistry,\n  globalKeyframes?: Record<string, KeyframesSteps>,\n  autoPropertyTypes?: boolean,\n): void {\n  const stylesArg = args[0];\n\n  if (!t.isObjectExpression(stylesArg)) {\n    throw path.buildCodeFrameError(\n      'tastyStatic(styles) argument must be a static object literal',\n    );\n  }\n\n  // Evaluate styles object at build time\n  const rawStyles = evaluateObjectExpression(stylesArg, path) as Styles;\n\n  // Resolve recipes before extraction\n  const styles = resolveRecipes(rawStyles);\n\n  // Extract keyframes (deduplicated by content)\n  const { keyframes, nameMap } = extractKeyframesFromStyles(\n    styles,\n    globalKeyframes,\n  );\n\n  // Add keyframes CSS\n  for (const kf of keyframes) {\n    cssWriter.add(kf.css, kf.css, state.sourceFile);\n  }\n\n  // Extract and add auto-inferred @property rules\n  const properties = extractPropertiesFromStyles(styles, { autoPropertyTypes });\n  for (const prop of properties) {\n    cssWriter.add(prop.css, prop.css, state.sourceFile);\n  }\n\n  // Extract styles with chunking\n  const chunks = extractStylesWithChunks(styles);\n\n  // Add CSS to writer, replacing animation names if needed\n  for (const chunk of chunks) {\n    const css =\n      nameMap.size > 0\n        ? replaceAnimationNamesInCSS(chunk.css, nameMap)\n        : chunk.css;\n    cssWriter.add(chunk.className, css, state.sourceFile);\n  }\n\n  // Generate className\n  const className =\n    chunks.length > 0 ? chunks.map((c) => c.className).join(' ') : '';\n\n  // Replace call with StaticStyle object\n  const staticStyleObject = createStaticStyleAST(className, styles);\n  path.replaceWith(staticStyleObject);\n\n  // Register if this is being assigned to a variable\n  registerIfVariableDeclaration(path, className, styles, state, globalRegistry);\n}\n\n/**\n * Handle tastyStatic(base, styles) - extends base with additional styles\n */\nfunction handleExtensionMode(\n  path: NodePath<t.CallExpression>,\n  args: t.CallExpression['arguments'],\n  cssWriter: CSSWriter,\n  state: PluginState,\n  globalRegistry: StaticStyleRegistry,\n  globalKeyframes?: Record<string, KeyframesSteps>,\n  autoPropertyTypes?: boolean,\n): void {\n  if (args.length < 2) {\n    throw path.buildCodeFrameError(\n      'tastyStatic(base, styles) requires two arguments',\n    );\n  }\n\n  const baseArg = args[0];\n  const stylesArg = args[1];\n\n  if (!t.isIdentifier(baseArg)) {\n    throw path.buildCodeFrameError(\n      'tastyStatic(base, styles) first argument must be an identifier',\n    );\n  }\n\n  if (!t.isObjectExpression(stylesArg)) {\n    throw path.buildCodeFrameError(\n      'tastyStatic(base, styles) second argument must be a static object literal',\n    );\n  }\n\n  const baseName = baseArg.name;\n\n  // Look up base styles in registry\n  const baseEntry =\n    state.staticStyleRegistry[baseName] || globalRegistry[baseName];\n\n  if (!baseEntry) {\n    throw path.buildCodeFrameError(\n      `Cannot find base StaticStyle '${baseName}'. ` +\n        'Make sure it is defined before being extended.',\n    );\n  }\n\n  // Evaluate override styles\n  const overrideStyles = evaluateObjectExpression(stylesArg, path) as Styles;\n\n  // Merge styles using mergeStyles, then resolve recipes\n  const mergedStyles = resolveRecipes(\n    mergeStyles(baseEntry.styles, overrideStyles),\n  );\n\n  // Extract keyframes (deduplicated by content)\n  const { keyframes, nameMap } = extractKeyframesFromStyles(\n    mergedStyles,\n    globalKeyframes,\n  );\n\n  // Add keyframes CSS\n  for (const kf of keyframes) {\n    cssWriter.add(kf.css, kf.css, state.sourceFile);\n  }\n\n  // Extract and add auto-inferred @property rules\n  const properties = extractPropertiesFromStyles(mergedStyles, {\n    autoPropertyTypes,\n  });\n  for (const prop of properties) {\n    cssWriter.add(prop.css, prop.css, state.sourceFile);\n  }\n\n  // Extract styles with chunking\n  const chunks = extractStylesWithChunks(mergedStyles);\n\n  // Add CSS to writer, replacing animation names if needed\n  for (const chunk of chunks) {\n    const css =\n      nameMap.size > 0\n        ? replaceAnimationNamesInCSS(chunk.css, nameMap)\n        : chunk.css;\n    cssWriter.add(chunk.className, css, state.sourceFile);\n  }\n\n  // Generate className\n  const className =\n    chunks.length > 0 ? chunks.map((c) => c.className).join(' ') : '';\n\n  // Replace call with StaticStyle object\n  const staticStyleObject = createStaticStyleAST(className, mergedStyles);\n  path.replaceWith(staticStyleObject);\n\n  // Register if this is being assigned to a variable\n  registerIfVariableDeclaration(\n    path,\n    className,\n    mergedStyles,\n    state,\n    globalRegistry,\n  );\n}\n\n/**\n * Handle tastyStatic(selector, styles) - removes the call entirely\n */\nfunction handleSelectorMode(\n  path: NodePath<t.CallExpression>,\n  args: t.CallExpression['arguments'],\n  cssWriter: CSSWriter,\n  sourceFile?: string,\n  globalKeyframes?: Record<string, KeyframesSteps>,\n  autoPropertyTypes?: boolean,\n): void {\n  if (args.length < 2) {\n    throw path.buildCodeFrameError(\n      'tastyStatic(selector, styles) requires two arguments',\n    );\n  }\n\n  const selectorArg = args[0];\n  const stylesArg = args[1];\n\n  if (!t.isStringLiteral(selectorArg)) {\n    throw path.buildCodeFrameError(\n      'tastyStatic(selector, styles) first argument must be a string literal',\n    );\n  }\n\n  if (!t.isObjectExpression(stylesArg)) {\n    throw path.buildCodeFrameError(\n      'tastyStatic(selector, styles) second argument must be a static object literal',\n    );\n  }\n\n  const selector = selectorArg.value;\n  const rawStyles = evaluateObjectExpression(stylesArg, path) as Styles;\n\n  // Resolve recipes before extraction\n  const styles = resolveRecipes(rawStyles);\n\n  // Extract keyframes (deduplicated by content)\n  const { keyframes, nameMap } = extractKeyframesFromStyles(\n    styles,\n    globalKeyframes,\n  );\n\n  // Add keyframes CSS\n  for (const kf of keyframes) {\n    cssWriter.add(kf.css, kf.css, sourceFile);\n  }\n\n  // Extract and add auto-inferred @property rules\n  const properties = extractPropertiesFromStyles(styles, { autoPropertyTypes });\n  for (const prop of properties) {\n    cssWriter.add(prop.css, prop.css, sourceFile);\n  }\n\n  // Extract styles for selector\n  const result = extractStylesForSelector(selector, styles);\n\n  // Replace animation names if needed and add CSS\n  const css =\n    nameMap.size > 0\n      ? replaceAnimationNamesInCSS(result.css, nameMap)\n      : result.css;\n  cssWriter.add(selector, css, sourceFile);\n\n  // Remove the entire statement\n  const parent = path.parentPath;\n  if (parent && t.isExpressionStatement(parent.node)) {\n    parent.remove();\n  } else {\n    // If used in an expression context (which would be incorrect usage),\n    // replace with undefined\n    path.replaceWith(t.identifier('undefined'));\n  }\n}\n\n/**\n * Create a StaticStyle object AST node\n */\nfunction createStaticStyleAST(\n  className: string,\n  styles: Styles,\n): t.ObjectExpression {\n  return t.objectExpression([\n    t.objectProperty(t.identifier('className'), t.stringLiteral(className)),\n    t.objectProperty(t.identifier('styles'), valueToAST(styles)),\n    t.objectMethod(\n      'method',\n      t.identifier('toString'),\n      [],\n      t.blockStatement([\n        t.returnStatement(\n          t.memberExpression(t.thisExpression(), t.identifier('className')),\n        ),\n      ]),\n    ),\n  ]);\n}\n\n/**\n * Register a StaticStyle in the registry if it's being assigned to a variable\n */\nfunction registerIfVariableDeclaration(\n  path: NodePath,\n  className: string,\n  styles: Styles,\n  state: PluginState,\n  globalRegistry: StaticStyleRegistry,\n): void {\n  const parent = path.parentPath;\n  if (parent && t.isVariableDeclarator(parent.node)) {\n    const id = parent.node.id;\n    if (t.isIdentifier(id)) {\n      const variableName = id.name;\n      state.staticStyleRegistry[variableName] = { styles, className };\n      globalRegistry[variableName] = { styles, className };\n    }\n  }\n}\n\n/**\n * Convert a JavaScript value to an AST node\n */\nfunction valueToAST(value: unknown): t.Expression {\n  if (value === null) {\n    return t.nullLiteral();\n  }\n  if (value === undefined) {\n    return t.identifier('undefined');\n  }\n  if (typeof value === 'string') {\n    return t.stringLiteral(value);\n  }\n  if (typeof value === 'number') {\n    return t.numericLiteral(value);\n  }\n  if (typeof value === 'boolean') {\n    return t.booleanLiteral(value);\n  }\n  if (Array.isArray(value)) {\n    return t.arrayExpression(value.map(valueToAST));\n  }\n  if (typeof value === 'object') {\n    const properties = Object.entries(value).map(([key, val]) =>\n      t.objectProperty(\n        /^[a-zA-Z_$][a-zA-Z0-9_$]*$/.test(key)\n          ? t.identifier(key)\n          : t.stringLiteral(key),\n        valueToAST(val),\n      ),\n    );\n    return t.objectExpression(properties);\n  }\n  // Fallback for unsupported types\n  return t.identifier('undefined');\n}\n\n/**\n * Evaluate an ObjectExpression to a plain JavaScript object.\n * Only supports static values that can be determined at build time.\n */\nfunction evaluateObjectExpression(\n  node: t.ObjectExpression,\n  path: NodePath,\n): Record<string, unknown> {\n  const result: Record<string, unknown> = {};\n\n  for (const prop of node.properties) {\n    if (t.isSpreadElement(prop)) {\n      throw path.buildCodeFrameError(\n        'Spread elements are not supported in tastyStatic() - styles must be fully static',\n      );\n    }\n\n    if (!t.isObjectProperty(prop)) {\n      throw path.buildCodeFrameError(\n        'Only object properties are supported in tastyStatic()',\n      );\n    }\n\n    // Get key\n    let key: string;\n    if (t.isIdentifier(prop.key)) {\n      key = prop.key.name;\n    } else if (t.isStringLiteral(prop.key)) {\n      key = prop.key.value;\n    } else {\n      throw path.buildCodeFrameError(\n        'Dynamic property keys are not supported in tastyStatic()',\n      );\n    }\n\n    // Get value\n    const value = evaluateExpression(prop.value, path);\n    result[key] = value;\n  }\n\n  return result;\n}\n\n/**\n * Evaluate an expression to a JavaScript value.\n */\nfunction evaluateExpression(node: t.Node, path: NodePath): unknown {\n  if (t.isStringLiteral(node)) {\n    return node.value;\n  }\n\n  if (t.isNumericLiteral(node)) {\n    return node.value;\n  }\n\n  if (t.isBooleanLiteral(node)) {\n    return node.value;\n  }\n\n  if (t.isNullLiteral(node)) {\n    return null;\n  }\n\n  if (t.isIdentifier(node, { name: 'undefined' })) {\n    return undefined;\n  }\n\n  if (t.isArrayExpression(node)) {\n    return node.elements.map((el) => {\n      if (el === null) return null;\n      if (t.isSpreadElement(el)) {\n        throw path.buildCodeFrameError(\n          'Spread elements are not supported in tastyStatic()',\n        );\n      }\n      return evaluateExpression(el, path);\n    });\n  }\n\n  if (t.isObjectExpression(node)) {\n    return evaluateObjectExpression(node, path);\n  }\n\n  if (t.isTemplateLiteral(node)) {\n    // Only support template literals without expressions\n    if (node.expressions.length > 0) {\n      throw path.buildCodeFrameError(\n        'Template literals with expressions are not supported in tastyStatic()',\n      );\n    }\n    return node.quasis.map((q) => q.value.cooked).join('');\n  }\n\n  if (t.isUnaryExpression(node, { operator: '-' })) {\n    const arg = evaluateExpression(node.argument, path);\n    if (typeof arg === 'number') {\n      return -arg;\n    }\n  }\n\n  throw path.buildCodeFrameError(\n    `Dynamic expressions are not supported in tastyStatic() - got ${node.type}. ` +\n      'All values must be static literals.',\n  );\n}\n\n/**\n * Replace animation names in CSS string.\n * Wraps the keyframes replaceAnimationNames to work on full CSS blocks.\n */\nfunction replaceAnimationNamesInCSS(\n  css: string,\n  nameMap: Map<string, string>,\n): string {\n  if (nameMap.size === 0) return css;\n\n  // The CSS contains full rules like \".class { animation: name 1s; }\"\n  // We need to replace animation names within declaration blocks\n  return css.replace(\n    /(animation(?:-name)?)\\s*:\\s*([^;}]+)/gi,\n    (match, prop, value) => {\n      let newValue = value;\n      for (const [original, replacement] of nameMap) {\n        // Word boundary replacement\n        const pattern = new RegExp(`\\\\b${escapeRegex(original)}\\\\b`, 'g');\n        newValue = newValue.replace(pattern, replacement);\n      }\n      return `${prop}: ${newValue}`;\n    },\n  );\n}\n\n/**\n * Escape special regex characters.\n */\nfunction escapeRegex(str: string): string {\n  return str.replace(/[.*+?^${}()|[\\]\\\\]/g, '\\\\$&');\n}\n"],"mappings":"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"}