cssints 0.6.1 → 0.7.0

package/dist/tui-types.d.mts

@@ -1,4 +1,4 @@
-import { d as createTokens, om as Part, rm as Check, u as createGlobalTheme } from "./theme-types-DVk08gse.mjs";
+import { am as Check, cm as Part, d as createTokens, u as createGlobalTheme } from "./theme-types-CplLnGgG.mjs";
 type Percent = `${number}%`;
 /** A number of cells (columns across, rows down) or a percentage of the parent. */
 export type Cells = number | Percent;

package/dist/types.d.mts

@@ -1,2 +1,2 @@
-import { $ as WebkitTapHighlightColor, $a as future, $c as outlineStyle, $d as strokeWidth, $f as top, $i as emptyCells, $l as positionVisibility, $n as borderRadius, $o as isolation, $r as columns, $s as maskMode, $t as backgroundPositionX, $u as scrollMarginInline, A as Wrap, Aa as fontOpticalSizing, Ac as objectFit, Ad as shapeMargin, Af as textJustify, Ai as cos, Al as paletteMix, An as borderEndStartRadius, Ao as imageRendering, Ap as viewTimelineName, Ar as caretShape, As as marginBottom, At as animationRangeEnd, Au as rowGap, B as media, Ba as fontVariant, Bc as oklch, Bd as src, Bf as textWrap, Bi as cy, Bl as placeContent, Bn as borderInlineEndColor, Bo as insetBlockEnd, Bp as willChange, Br as colorMix, Bs as markerMid, Bt as atan2, Bu as scaleFn, C as Keyframes, Ca as focusVisible, Cc as mixBlendMode, Cd as scrollTimelineName, Cf as textDecorationStyle, Ci as cornerRightShape, Cl as paddingInlineStart, Cn as borderBottomLeftRadius, Co as hwb, Cp as valid, Cr as buffering, Cs as listStyleType, Ct as animationDirection, Cu as rotate, D as QueryWrap, Da as fontFeatureSettings, Dc as mr, Dd as seeking, Df as textEmphasisPosition, Di as cornerTopLeftShape, Dl as page, Dn as borderCollapse, Do as hypot, Dp as viewTimeline, Dr as caret, Ds as marginBlock, Dt as animationName, Du as rotateY, E as Prop, Ea as fontFamily, Ec as modal, Ed as scrollbarWidth, Ef as textEmphasisColor, Ei as cornerStartStartShape, El as paddingTop, En as borderBottomWidth, Eo as hyphens, Ep as view, Er as captionSide, Es as margin, Et as animationIterationCount, Eu as rotateX, F as cv, Fa as fontSynthesis, Fc as offsetDistance, Fd as skew, Ff as textSizeAdjust, Fi as counters, Fl as perspective, Fn as borderImageSource, Fo as initialLetter, Fp as volumeLocked, Fr as clipPath, Fs as marginRight, Ft as anyLink, Fu as rx, Ga as fontVariantLigatures, Gc as open, Gd as stroke, Gf as timelineTriggerExitRange, Gi as display, Gl as pointerEvents, Gn as borderInlineStartStyle, Go as insetInlineStart, Gp as x, Gr as columnHeight, Gs as maskBorderOutset, Gt as background, Gu as scroll, H as style, Ha as fontVariantCaps, Hc as onlyOfType, Hd as steps, Hf as textWrapStyle, Hi as defined, Hl as placeSelf, Hn as borderInlineEndWidth, Ho as insetFn, Hp as wordSpacing, Hr as columnCount, Hs as mask, Ht as autofill, Hu as scaleY, I as firstThatWorks, Ia as fontSynthesisPosition, Ic as offsetPath, Id as skewX, If as textSpacingTrim, Ii as crossFade, Il as perspectiveFn, In as borderImageWidth, Io as initialLetterAlign, Ip as whiteSpace, Ir as clipRule, Is as marginTop, It as appearance, Iu as ry, J as FlexMethods, Ja as fontVariationSettings, Jc as orphans, Jd as strokeDashoffset, Jf as timelineTriggerName, Ji as dynamicRangeLimit, Jl as position, Jn as borderInlineWidth, Jo as interestDelayEnd, Jp as zIndex, Jr as columnRuleStyle, Js as maskBorderSource, Jt as backgroundClip, Ju as scrollMargin, K as within, Ka as fontVariantNumeric, Kc as optional, Kd as strokeColor, Kf as timelineTriggerExitRangeEnd, Ki as dominantBaseline, Kl as polygon, Kn as borderInlineStartWidth, Ko as interactivity, Kp as xywh, Kr as columnRule, Ks as maskBorderRepeat, Kt as backgroundAttachment, Ku as scrollBehavior, L as global, La as fontSynthesisSmallCaps, Lc as offsetPosition, Ld as skewY, Lf as textTransform, Li as cubicBezier, Ll as perspectiveOrigin, Ln as borderInline, Lo as inlineSize, Lp as whiteSpaceCollapse, Lr as color, Ls as marginTrim, Lt as asin, Lu as saturate, M as cn, Ma as fontSize, Mc as objectViewBox, Md as shapeRendering, Mf as textOverflow, Mi as counterIncrement, Ml as path, Mn as borderImageOutset, Mo as imageSet, Mp as viewTransitionName, Mr as circle, Ms as marginInlineEnd, Mt as animationTimeline, Mu as rubyMerge, N as container, Na as fontSizeAdjust, Nc as offset, Nd as sign, Nf as textRendering, Ni as counterReset, Nl as paused, Nn as borderImageRepeat, No as inRange, Np as visibility, Nr as clamp, Ns as marginInlineStart, Nt as animationTimingFunction, Nu as rubyOverhang, O as StateWrap, Oa as fontKerning, Oc as mt, Od as sepia, Of as textEmphasisStyle, Oi as cornerTopRightShape, Ol as paint, On as borderColor, Oo as image, Op as viewTimelineAxis, Or as caretAnimation, Os as marginBlockEnd, Ot as animationPlayState, Ou as rotateZ, P as css, Pa as fontStyle, Pc as offsetAnchor, Pd as sin, Pf as textShadow, Pi as counterSet, Pl as pb, Pn as borderImageSlice, Po as indeterminate, Pp as visited, Pr as clear, Ps as marginLeft, Pt as animationTrigger, Pu as rubyPosition, Q as WebkitLineClamp, Qa as fullscreen, Qc as outlineOffset, Qd as strokeOpacity, Qf as timelineTriggerSource, Qi as empty, Ql as positionTryOrder, Qn as borderLeftWidth, Qo as invert, Qr as columnWrap, Qs as maskImage, Qt as backgroundPosition, Qu as scrollMarginBottom, R as group, Ra as fontSynthesisStyle, Rc as offsetRotate, Rd as speakAs, Rf as textUnderlineOffset, Ri as cursor, Rl as pictureInPicture, Rn as borderInlineColor, Ro as inset, Rp as widows, Rr as colorFn, Rs as marker, Rt as aspectRatio, Ru as scale, S as CvValue, Sa as focus, Sc as minmax, Sd as scrollTimelineAxis, Sf as textDecorationSkipInk, Si as cornerLeftShape, Sl as paddingInlineEnd, Sn as borderBottomColor, So as hueRotate, Sp as userValid, Sr as brightness, Ss as listStylePosition, St as animationDelay, Su as root, T as PositionTry, Ta as font, Tc as mod, Td as scrollbarGutter, Tf as textEmphasis, Ti as cornerStartEndShape, Tl as paddingRight, Tn as borderBottomStyle, To as hyphenateLimitChars, Tp as verticalAlign, Tr as calcSize, Ts as m, Tt as animationFillMode, Tu as rotateFn, U as supports, Ua as fontVariantEastAsian, Uc as opacity, Ud as stopColor, Uf as timelineScope, Ui as direction, Ul as placeholderShown, Un as borderInlineStart, Uo as insetInline, Up as wordWrap, Ur as columnFill, Us as maskBorder, Ut as backdropFilter, Uu as scaleZ, V as positionTry, Va as fontVariantAlternates, Vc as onlyChild, Vd as stalled, Vf as textWrapMode, Vi as d, Vl as placeItems, Vn as borderInlineEndStyle, Vo as insetBlockStart, Vp as wordBreak, Vr as colorScheme, Vs as markerStart, Vt as attrFn, Vu as scaleX, W as token, Wa as fontVariantEmoji, Wc as opacityFn, Wd as stopOpacity, Wf as timelineTrigger, Wi as disabled, Wl as playing, Wn as borderInlineStartColor, Wo as insetInlineEnd, Wp as writingMode, Wr as columnGap, Ws as maskBorderMode, Wt as backfaceVisibility, Wu as scope, X as WebkitBoxOrient, Xa as fontWidth, Xc as outline, Xd as strokeLinejoin, Xf as timelineTriggerRangeEnd, Xi as element, Xl as positionArea, Xn as borderLeftColor, Xo as interpolateSize, Xr as columnSpan, Xs as maskClip, Xt as backgroundImage, Xu as scrollMarginBlockEnd, Y as GridMethods, Ya as fontWeight, Yc as outOfRange, Yd as strokeLinecap, Yf as timelineTriggerRange, Yi as dynamicRangeLimitMix, Yl as positionAnchor, Yn as borderLeft, Yo as interestDelayStart, Yp as zoom, Yr as columnRuleWidth, Ys as maskBorderWidth, Yt as backgroundColor, Yu as scrollMarginBlock, Z as WebkitBoxReflect, Za as forcedColorAdjust, Zc as outlineColor, Zd as strokeMiterlimit, Zf as timelineTriggerRangeStart, Zi as ellipse, Zl as positionTryFallbacks, Zn as borderLeftStyle, Zo as invalid, Zr as columnWidth, Zs as maskComposite, Zt as backgroundOrigin, Zu as scrollMarginBlockStart, _ as CSSStyleValue, _a as flexWrap, _c as min, _d as scrollSnapAlign, _f as textDecoration, _i as cornerBottomShape, _l as paddingBlock, _n as borderBlockStartStyle, _o as hangingPunctuation, _p as triggerScope, _r as boxShadow, _s as linear, _t as anchorName, _u as required, a as DtcgUnit, aa as fillOpacity, ac as mathDepth, ad as scrollMarkerGroup, af as target, ai as containIntrinsicSize, al as overflowInline, am as Fallback, an as bg, ao as gridAutoFlow, ap as transition, ar as borderStartEndRadius, as as lastOfType, at as WebkitUserModify, au as r, b as CvConfig, ba as floodOpacity, bc as minInlineSize, bd as scrollTargetGroup, bf as textDecorationLine, bi as cornerInlineEndShape, bl as paddingBottom, bn as borderBlockWidth, bo as hsl, bp as userInvalid, br as breakBefore, bs as listStyle, bt as animation, bu as rgba, c as Tokens, ca as firstChild, cc as matrix, cd as scrollPaddingBlockEnd, cf as targetText, ci as containerType, cl as overflowY, cn as border, co as gridColumnEnd, cp as transitionDuration, cr as borderTop, cs as leader, ct as accentColor, cu as readOnly, d as createTokens, da as flex, dc as maxBlockSize, dd as scrollPaddingInline, df as textAnchor, di as contrast, dl as overscrollBehaviorBlock, dn as borderBlockEnd, do as gridRowEnd, dp as translate, dr as borderTopRightRadius, ds as lightDark, dt as alignContent, du as readingOrder, ea as enabled, ec as maskOrigin, ed as scrollMarginInlineEnd, ef as superellipse, ei as conicGradient, el as outlineWidth, en as backgroundPositionY, eo as gap, ep as touchAction, er as borderRight, es as justifyContent, et as WebkitTextFillColor, eu as pow, f as layers, fa as flexBasis, fc as maxHeight, fd as scrollPaddingInlineEnd, ff as textAutospace, fi as contrastColor, fl as overscrollBehaviorInline, fn as borderBlockEndColor, fo as gridRowStart, fp as translate3d, fr as borderTopStyle, fs as lightingColor, ft as alignItems, fu as rect, g as CSSImageValue, ga as flexShrink, gc as mb, gd as scrollPaddingTop, gf as textCombineUpright, gi as cornerBottomRightShape, gl as padding, gn as borderBlockStartColor, go as gridTemplateRows, gp as translateZ, gr as boxDecorationBreak, gs as lineHeightStep, gt as anchor, gu as repeatingRadialGradient, h as CSSColorValue, ha as flexGrow, hc as maxWidth, hd as scrollPaddingRight, hf as textBoxTrim, hi as cornerBottomLeftShape, hl as p, hn as borderBlockStart, ho as gridTemplateColumns, hp as translateY, hr as bottom, hs as lineHeight, ht as all, hu as repeatingLinearGradient, i as DtcgShadow, ia as fill, ic as maskType, id as scrollMarginTop, if as tan, ii as containIntrinsicInlineSize, il as overflowClipMargin, in as baselineSource, io as gridAutoColumns, ip as transformStyle, ir as borderSpacing, is as lastChild, it as WebkitTouchCallout, iu as quotes, j as attr, ja as fontPalette, jc as objectPosition, jd as shapeOutside, jf as textOrientation, ji as counter, jl as past, jn as borderImage, jo as imageResolution, jp as viewTransitionClass, jr as checked, js as marginInline, jt as animationRangeStart, ju as rubyAlign, k as Steps, ka as fontLanguageOverride, kc as muted, kd as shapeImageThreshold, kf as textIndent, ki as cornerTopShape, kl as paintOrder, kn as borderEndEndRadius, ko as imageOrientation, kp as viewTimelineInset, kr as caretColor, ks as marginBlockStart, kt as animationRange, ku as round, l as check, la as firstOfType, lc as matrix3d, ld as scrollPaddingBlockStart, lf as textAlign, li as content, ll as overlay, ln as borderBlock, lo as gridColumnStart, lp as transitionProperty, lr as borderTopColor, ls as left, lt as acos, lu as readWrite, m as CSS, ma as flexFlow, mc as maxLines, md as scrollPaddingLeft, mf as textBoxEdge, mi as cornerBlockStartShape, ml as overscrollBehaviorY, mn as borderBlockEndWidth, mo as gridTemplateAreas, mp as translateX, mr as borderWidth, ms as lineClamp, mt as alignmentBaseline, mu as repeatingConicGradient, n as DtcgColor, na as exp, nc as maskRepeat, nd as scrollMarginLeft, nf as tabSize, ni as containIntrinsicBlockSize, nl as overflowAnchor, nn as backgroundSize, no as grid, np as transformBox, nr as borderRightStyle, ns as justifySelf, nt as WebkitTextStrokeColor, nu as printColorAdjust, o as DtcgValue, oa as fillRule, oc as mathShift, od as scrollPadding, of as targetCounter, oi as containIntrinsicWidth, ol as overflowWrap, om as Part, on as blockSize, oo as gridAutoRows, op as transitionBehavior, or as borderStartStartRadius, os as layer, ot as _var, ou as radialGradient, p as AttrOp, pa as flexDirection, pc as maxInlineSize, pd as scrollPaddingInlineStart, pf as textBox, pi as cornerBlockEndShape, pl as overscrollBehaviorX, pn as borderBlockEndStyle, po as gridTemplate, pp as translateFn, pr as borderTopWidth, ps as lineBreak, pt as alignSelf, pu as rem, q as ClassValue, qa as fontVariantPosition, qc as order, qd as strokeDasharray, qf as timelineTriggerExitRangeStart, qi as dropShadow, ql as popoverOpen, qn as borderInlineStyle, qo as interestDelay, qp as y, qr as columnRuleColor, qs as maskBorderSlice, qt as backgroundBlendMode, qu as scrollInitialTarget, r as DtcgCubicBezier, ra as fieldSizing, rc as maskSize, rd as scrollMarginRight, rf as tableLayout, ri as containIntrinsicHeight, rl as overflowBlock, rn as baselineShift, ro as gridArea, rp as transformOrigin, rr as borderRightWidth, rs as lab, rt as WebkitTextStrokeWidth, ru as pt, s as Overrides, sa as filter, sc as mathStyle, sd as scrollPaddingBlock, sf as targetCounters, si as containerName, sl as overflowX, sm as Style, sn as blur, so as gridColumn, sp as transitionDelay, sr as borderStyle, ss as lch, st as abs, su as ray, t as CheckOverrides, ta as env, tc as maskPosition, td as scrollMarginInlineStart, tf as symbols, ti as contain, tl as overflow, tn as backgroundRepeat, to as grayscale, tp as transform, tr as borderRightColor, ts as justifyItems, tt as WebkitTextStroke, tu as pr, u as createGlobalTheme, ua as fitContent, uc as max, ud as scrollPaddingBottom, uf as textAlignLast, ui as contentVisibility, ul as overscrollBehavior, un as borderBlockColor, uo as gridRow, up as transitionTimingFunction, ur as borderTopLeftRadius, us as letterSpacing, ut as active, uu as readingFlow, v as CSSUnitValue, va as float, vc as minBlockSize, vd as scrollSnapStop, vf as textDecorationColor, vi as cornerEndEndShape, vl as paddingBlockEnd, vn as borderBlockStartWidth, vo as height, vp as unicodeBidi, vr as boxSizing, vs as linearGradient, vt as anchorScope, vu as resize, w as Layout, wa as focusWithin, wc as ml, wd as scrollbarColor, wf as textDecorationThickness, wi as cornerShape, wl as paddingLeft, wn as borderBottomRightRadius, wo as hyphenateCharacter, wp as vectorEffect, wr as calc, ws as log, wt as animationDuration, wu as rotate3d, x as CvProps, xa as flowTolerance, xc as minWidth, xd as scrollTimeline, xf as textDecorationSkip, xi as cornerInlineStartShape, xl as paddingInline, xn as borderBottom, xo as hsla, xp as userSelect, xr as breakInside, xs as listStyleImage, xt as animationComposition, xu as right, y as Chain, ya as floodColor, yc as minHeight, yd as scrollSnapType, yf as textDecorationInset, yi as cornerEndStartShape, yl as paddingBlockStart, yn as borderBlockStyle, yo as hover, yp as url, yr as breakAfter, ys as link, yt as anchorSize, yu as rgb, z as keyframes, za as fontSynthesisWeight, zc as oklab, zd as sqrt, zf as textUnderlinePosition, zi as cx, zl as pl, zn as borderInlineEnd, zo as insetBlock, zp as width, zr as colorInterpolationFilters, zs as markerEnd, zt as atan, zu as scale3d } from "./theme-types-DVk08gse.mjs";
-export { AttrOp, type CSS, type CSSColorValue, type CSSImageValue, type CSSStyleValue, type CSSUnitValue, Chain, CheckOverrides, type ClassValue, CvConfig, CvProps, CvValue, DtcgColor, DtcgCubicBezier, DtcgShadow, DtcgUnit, DtcgValue, type Fallback, FlexMethods, GridMethods, Keyframes, Layout, Overrides, type Part, PositionTry, Prop, QueryWrap, StateWrap, Steps, type Style, Tokens, WebkitBoxOrient, WebkitBoxReflect, WebkitLineClamp, WebkitTapHighlightColor, WebkitTextFillColor, WebkitTextStroke, WebkitTextStrokeColor, WebkitTextStrokeWidth, WebkitTouchCallout, WebkitUserModify, Wrap, abs, accentColor, acos, active, alignContent, alignItems, alignSelf, alignmentBaseline, all, anchor, anchorName, anchorScope, anchorSize, animation, animationComposition, animationDelay, animationDirection, animationDuration, animationFillMode, animationIterationCount, animationName, animationPlayState, animationRange, animationRangeEnd, animationRangeStart, animationTimeline, animationTimingFunction, animationTrigger, anyLink, appearance, asin, aspectRatio, atan, atan2, attr, attrFn, autofill, backdropFilter, backfaceVisibility, background, backgroundAttachment, backgroundBlendMode, backgroundClip, backgroundColor, backgroundImage, backgroundOrigin, backgroundPosition, backgroundPositionX, backgroundPositionY, backgroundRepeat, backgroundSize, baselineShift, baselineSource, bg, blockSize, blur, border, borderBlock, borderBlockColor, borderBlockEnd, borderBlockEndColor, borderBlockEndStyle, borderBlockEndWidth, borderBlockStart, borderBlockStartColor, borderBlockStartStyle, borderBlockStartWidth, borderBlockStyle, borderBlockWidth, borderBottom, borderBottomColor, borderBottomLeftRadius, borderBottomRightRadius, borderBottomStyle, borderBottomWidth, borderCollapse, borderColor, borderEndEndRadius, borderEndStartRadius, borderImage, borderImageOutset, borderImageRepeat, borderImageSlice, borderImageSource, borderImageWidth, borderInline, borderInlineColor, borderInlineEnd, borderInlineEndColor, borderInlineEndStyle, borderInlineEndWidth, borderInlineStart, borderInlineStartColor, borderInlineStartStyle, borderInlineStartWidth, borderInlineStyle, borderInlineWidth, borderLeft, borderLeftColor, borderLeftStyle, borderLeftWidth, borderRadius, borderRight, borderRightColor, borderRightStyle, borderRightWidth, borderSpacing, borderStartEndRadius, borderStartStartRadius, borderStyle, borderTop, borderTopColor, borderTopLeftRadius, borderTopRightRadius, borderTopStyle, borderTopWidth, borderWidth, bottom, boxDecorationBreak, boxShadow, boxSizing, breakAfter, breakBefore, breakInside, brightness, buffering, calc, calcSize, captionSide, caret, caretAnimation, caretColor, caretShape, check, checked, circle, clamp, clear, clipPath, clipRule, cn, color, colorFn, colorInterpolationFilters, colorMix, colorScheme, columnCount, columnFill, columnGap, columnHeight, columnRule, columnRuleColor, columnRuleStyle, columnRuleWidth, columnSpan, columnWidth, columnWrap, columns, conicGradient, contain, containIntrinsicBlockSize, containIntrinsicHeight, containIntrinsicInlineSize, containIntrinsicSize, containIntrinsicWidth, container, containerName, containerType, content, contentVisibility, contrast, contrastColor, cornerBlockEndShape, cornerBlockStartShape, cornerBottomLeftShape, cornerBottomRightShape, cornerBottomShape, cornerEndEndShape, cornerEndStartShape, cornerInlineEndShape, cornerInlineStartShape, cornerLeftShape, cornerRightShape, cornerShape, cornerStartEndShape, cornerStartStartShape, cornerTopLeftShape, cornerTopRightShape, cornerTopShape, cos, counter, counterIncrement, counterReset, counterSet, counters, createGlobalTheme, createTokens, crossFade, css, cubicBezier, cursor, cv, cx, cy, d, defined, direction, disabled, display, dominantBaseline, dropShadow, dynamicRangeLimit, dynamicRangeLimitMix, element, ellipse, empty, emptyCells, enabled, env, exp, fieldSizing, fill, fillOpacity, fillRule, filter, firstChild, firstOfType, firstThatWorks, fitContent, flex, flexBasis, flexDirection, flexFlow, flexGrow, flexShrink, flexWrap, float, floodColor, floodOpacity, flowTolerance, focus, focusVisible, focusWithin, font, fontFamily, fontFeatureSettings, fontKerning, fontLanguageOverride, fontOpticalSizing, fontPalette, fontSize, fontSizeAdjust, fontStyle, fontSynthesis, fontSynthesisPosition, fontSynthesisSmallCaps, fontSynthesisStyle, fontSynthesisWeight, fontVariant, fontVariantAlternates, fontVariantCaps, fontVariantEastAsian, fontVariantEmoji, fontVariantLigatures, fontVariantNumeric, fontVariantPosition, fontVariationSettings, fontWeight, fontWidth, forcedColorAdjust, fullscreen, future, gap, global, grayscale, grid, gridArea, gridAutoColumns, gridAutoFlow, gridAutoRows, gridColumn, gridColumnEnd, gridColumnStart, gridRow, gridRowEnd, gridRowStart, gridTemplate, gridTemplateAreas, gridTemplateColumns, gridTemplateRows, group, hangingPunctuation, height, hover, hsl, hsla, hueRotate, hwb, hyphenateCharacter, hyphenateLimitChars, hyphens, hypot, image, imageOrientation, imageRendering, imageResolution, imageSet, inRange, indeterminate, initialLetter, initialLetterAlign, inlineSize, inset, insetBlock, insetBlockEnd, insetBlockStart, insetFn, insetInline, insetInlineEnd, insetInlineStart, interactivity, interestDelay, interestDelayEnd, interestDelayStart, interpolateSize, invalid, invert, isolation, justifyContent, justifyItems, justifySelf, keyframes, lab, lastChild, lastOfType, layer, layers, lch, leader, left, letterSpacing, lightDark, lightingColor, lineBreak, lineClamp, lineHeight, lineHeightStep, linear, linearGradient, link, listStyle, listStyleImage, listStylePosition, listStyleType, log, m, margin, marginBlock, marginBlockEnd, marginBlockStart, marginBottom, marginInline, marginInlineEnd, marginInlineStart, marginLeft, marginRight, marginTop, marginTrim, marker, markerEnd, markerMid, markerStart, mask, maskBorder, maskBorderMode, maskBorderOutset, maskBorderRepeat, maskBorderSlice, maskBorderSource, maskBorderWidth, maskClip, maskComposite, maskImage, maskMode, maskOrigin, maskPosition, maskRepeat, maskSize, maskType, mathDepth, mathShift, mathStyle, matrix, matrix3d, max, maxBlockSize, maxHeight, maxInlineSize, maxLines, maxWidth, mb, media, min, minBlockSize, minHeight, minInlineSize, minWidth, minmax, mixBlendMode, ml, mod, modal, mr, mt, muted, objectFit, objectPosition, objectViewBox, offset, offsetAnchor, offsetDistance, offsetPath, offsetPosition, offsetRotate, oklab, oklch, onlyChild, onlyOfType, opacity, opacityFn, open, optional, order, orphans, outOfRange, outline, outlineColor, outlineOffset, outlineStyle, outlineWidth, overflow, overflowAnchor, overflowBlock, overflowClipMargin, overflowInline, overflowWrap, overflowX, overflowY, overlay, overscrollBehavior, overscrollBehaviorBlock, overscrollBehaviorInline, overscrollBehaviorX, overscrollBehaviorY, p, padding, paddingBlock, paddingBlockEnd, paddingBlockStart, paddingBottom, paddingInline, paddingInlineEnd, paddingInlineStart, paddingLeft, paddingRight, paddingTop, page, paint, paintOrder, paletteMix, past, path, paused, pb, perspective, perspectiveFn, perspectiveOrigin, pictureInPicture, pl, placeContent, placeItems, placeSelf, placeholderShown, playing, pointerEvents, polygon, popoverOpen, position, positionAnchor, positionArea, positionTry, positionTryFallbacks, positionTryOrder, positionVisibility, pow, pr, printColorAdjust, pt, quotes, r, radialGradient, ray, readOnly, readWrite, readingFlow, readingOrder, rect, rem, repeatingConicGradient, repeatingLinearGradient, repeatingRadialGradient, required, resize, rgb, rgba, right, root, rotate, rotate3d, rotateFn, rotateX, rotateY, rotateZ, round, rowGap, rubyAlign, rubyMerge, rubyOverhang, rubyPosition, rx, ry, saturate, scale, scale3d, scaleFn, scaleX, scaleY, scaleZ, scope, scroll, scrollBehavior, scrollInitialTarget, scrollMargin, scrollMarginBlock, scrollMarginBlockEnd, scrollMarginBlockStart, scrollMarginBottom, scrollMarginInline, scrollMarginInlineEnd, scrollMarginInlineStart, scrollMarginLeft, scrollMarginRight, scrollMarginTop, scrollMarkerGroup, scrollPadding, scrollPaddingBlock, scrollPaddingBlockEnd, scrollPaddingBlockStart, scrollPaddingBottom, scrollPaddingInline, scrollPaddingInlineEnd, scrollPaddingInlineStart, scrollPaddingLeft, scrollPaddingRight, scrollPaddingTop, scrollSnapAlign, scrollSnapStop, scrollSnapType, scrollTargetGroup, scrollTimeline, scrollTimelineAxis, scrollTimelineName, scrollbarColor, scrollbarGutter, scrollbarWidth, seeking, sepia, shapeImageThreshold, shapeMargin, shapeOutside, shapeRendering, sign, sin, skew, skewX, skewY, speakAs, sqrt, src, stalled, steps, stopColor, stopOpacity, stroke, strokeColor, strokeDasharray, strokeDashoffset, strokeLinecap, strokeLinejoin, strokeMiterlimit, strokeOpacity, strokeWidth, style, superellipse, supports, symbols, tabSize, tableLayout, tan, target, targetCounter, targetCounters, targetText, textAlign, textAlignLast, textAnchor, textAutospace, textBox, textBoxEdge, textBoxTrim, textCombineUpright, textDecoration, textDecorationColor, textDecorationInset, textDecorationLine, textDecorationSkip, textDecorationSkipInk, textDecorationStyle, textDecorationThickness, textEmphasis, textEmphasisColor, textEmphasisPosition, textEmphasisStyle, textIndent, textJustify, textOrientation, textOverflow, textRendering, textShadow, textSizeAdjust, textSpacingTrim, textTransform, textUnderlineOffset, textUnderlinePosition, textWrap, textWrapMode, textWrapStyle, timelineScope, timelineTrigger, timelineTriggerExitRange, timelineTriggerExitRangeEnd, timelineTriggerExitRangeStart, timelineTriggerName, timelineTriggerRange, timelineTriggerRangeEnd, timelineTriggerRangeStart, timelineTriggerSource, token, top, touchAction, transform, transformBox, transformOrigin, transformStyle, transition, transitionBehavior, transitionDelay, transitionDuration, transitionProperty, transitionTimingFunction, translate, translate3d, translateFn, translateX, translateY, translateZ, triggerScope, unicodeBidi, url, userInvalid, userSelect, userValid, valid, _var as var, vectorEffect, verticalAlign, view, viewTimeline, viewTimelineAxis, viewTimelineInset, viewTimelineName, viewTransitionClass, viewTransitionName, visibility, visited, volumeLocked, whiteSpace, whiteSpaceCollapse, widows, width, willChange, within, wordBreak, wordSpacing, wordWrap, writingMode, x, xywh, y, zIndex, zoom };
+import { $ as WebkitBoxReflect, $a as forcedColorAdjust, $c as outlineColor, $d as strokeMiterlimit, $f as timelineTriggerRangeStart, $i as ellipse, $l as positionTryFallbacks, $n as borderLeftStyle, $o as invalid, $r as columnWidth, $s as maskComposite, $t as backgroundOrigin, $u as scrollMarginBlockStart, A as Steps, Aa as fontKerning, Ac as mt, Ad as sepia, Af as textEmphasisStyle, Ai as cornerTopRightShape, Al as paint, An as borderColor, Ao as image, Ap as viewTimelineAxis, Ar as caretAnimation, As as marginBlockEnd, At as animationPlayState, Au as rotateZ, B as keyframes, Ba as fontSynthesisStyle, Bc as offsetRotate, Bd as speakAs, Bf as textUnderlineOffset, Bi as cursor, Bl as pictureInPicture, Bn as borderInlineColor, Bo as inset, Bp as widows, Br as colorFn, Bs as marker, Bt as aspectRatio, Bu as scale, C as CvValue, Ca as flowTolerance, Cc as minWidth, Cd as scrollTimeline, Cf as textDecorationSkip, Ci as cornerInlineStartShape, Cl as paddingInline, Cn as borderBottom, Co as hsla, Cp as userSelect, Cr as breakInside, Cs as listStyleImage, Ct as animationComposition, Cu as right, D as Prop, Da as font, Dc as mod, Dd as scrollbarGutter, Df as textEmphasis, Di as cornerStartEndShape, Dl as paddingRight, Dn as borderBottomStyle, Do as hyphenateLimitChars, Dp as verticalAlign, Dr as calcSize, Ds as m, Dt as animationFillMode, Du as rotateFn, E as PositionTry, Ea as focusWithin, Ec as ml, Ed as scrollbarColor, Ef as textDecorationThickness, Ei as cornerShape, El as paddingLeft, En as borderBottomRightRadius, Eo as hyphenateCharacter, Ep as vectorEffect, Er as calc, Es as log, Et as animationDuration, Eu as rotate3d, F as css, Fa as fontSizeAdjust, Fc as offset, Fd as sign, Ff as textRendering, Fi as counterReset, Fl as paused, Fn as borderImageRepeat, Fo as inRange, Fp as visibility, Fr as clamp, Fs as marginInlineStart, Ft as animationTimingFunction, Fu as rubyOverhang, G as sx, Ga as fontVariantEastAsian, Gc as opacity, Gd as stopColor, Gf as timelineScope, Gi as direction, Gl as placeholderShown, Gn as borderInlineStart, Go as insetInline, Gp as wordWrap, Gr as columnFill, Gs as maskBorder, Gt as backdropFilter, Gu as scaleZ, H as positionTry, Ha as fontVariant, Hc as oklch, Hd as src, Hf as textWrap, Hi as cy, Hl as placeContent, Hn as borderInlineEndColor, Ho as insetBlockEnd, Hp as willChange, Hr as colorMix, Hs as markerMid, Ht as atan2, Hu as scaleFn, I as cv, Ia as fontStyle, Ic as offsetAnchor, Id as sin, If as textShadow, Ii as counterSet, Il as pb, In as borderImageSlice, Io as indeterminate, Ip as visited, Ir as clear, Is as marginLeft, It as animationTrigger, Iu as rubyPosition, J as within, Ja as fontVariantNumeric, Jc as optional, Jd as strokeColor, Jf as timelineTriggerExitRangeEnd, Ji as dominantBaseline, Jl as polygon, Jn as borderInlineStartWidth, Jo as interactivity, Jp as xywh, Jr as columnRule, Js as maskBorderRepeat, Jt as backgroundAttachment, Ju as scrollBehavior, K as token, Ka as fontVariantEmoji, Kc as opacityFn, Kd as stopOpacity, Kf as timelineTrigger, Ki as disabled, Kl as playing, Kn as borderInlineStartColor, Ko as insetInlineEnd, Kp as writingMode, Kr as columnGap, Ks as maskBorderMode, Kt as backfaceVisibility, Ku as scope, L as firstThatWorks, La as fontSynthesis, Lc as offsetDistance, Ld as skew, Lf as textSizeAdjust, Li as counters, Ll as perspective, Ln as borderImageSource, Lo as initialLetter, Lp as volumeLocked, Lr as clipPath, Ls as marginRight, Lt as anyLink, Lu as rx, M as attr, Ma as fontOpticalSizing, Mc as objectFit, Md as shapeMargin, Mf as textJustify, Mi as cos, Ml as paletteMix, Mn as borderEndStartRadius, Mo as imageRendering, Mp as viewTimelineName, Mr as caretShape, Ms as marginBottom, Mt as animationRangeEnd, Mu as rowGap, N as cn, Na as fontPalette, Nc as objectPosition, Nd as shapeOutside, Nf as textOrientation, Ni as counter, Nl as past, Nn as borderImage, No as imageResolution, Np as viewTransitionClass, Nr as checked, Ns as marginInline, Nt as animationRangeStart, Nu as rubyAlign, O as QueryWrap, Oa as fontFamily, Oc as modal, Od as scrollbarWidth, Of as textEmphasisColor, Oi as cornerStartStartShape, Ol as paddingTop, On as borderBottomWidth, Oo as hyphens, Op as view, Or as captionSide, Os as margin, Ot as animationIterationCount, Ou as rotateX, P as container, Pa as fontSize, Pc as objectViewBox, Pd as shapeRendering, Pf as textOverflow, Pi as counterIncrement, Pl as path, Pn as borderImageOutset, Po as imageSet, Pp as viewTransitionName, Pr as circle, Ps as marginInlineEnd, Pt as animationTimeline, Pu as rubyMerge, Q as WebkitBoxOrient, Qa as fontWidth, Qc as outline, Qd as strokeLinejoin, Qf as timelineTriggerRangeEnd, Qi as element, Ql as positionArea, Qn as borderLeftColor, Qo as interpolateSize, Qr as columnSpan, Qs as maskClip, Qt as backgroundImage, Qu as scrollMarginBlockEnd, R as global, Ra as fontSynthesisPosition, Rc as offsetPath, Rd as skewX, Rf as textSpacingTrim, Ri as crossFade, Rl as perspectiveFn, Rn as borderImageWidth, Ro as initialLetterAlign, Rp as whiteSpace, Rr as clipRule, Rs as marginTop, Rt as appearance, Ru as ry, S as CvProps, Sa as floodOpacity, Sc as minInlineSize, Sd as scrollTargetGroup, Sf as textDecorationLine, Si as cornerInlineEndShape, Sl as paddingBottom, Sn as borderBlockWidth, So as hsl, Sp as userInvalid, Sr as breakBefore, Ss as listStyle, St as animation, Su as rgba, T as Layout, Ta as focusVisible, Tc as mixBlendMode, Td as scrollTimelineName, Tf as textDecorationStyle, Ti as cornerRightShape, Tl as paddingInlineStart, Tn as borderBottomLeftRadius, To as hwb, Tp as valid, Tr as buffering, Ts as listStyleType, Tt as animationDirection, Tu as rotate, U as style, Ua as fontVariantAlternates, Uc as onlyChild, Ud as stalled, Uf as textWrapMode, Ui as d, Ul as placeItems, Un as borderInlineEndStyle, Uo as insetBlockStart, Up as wordBreak, Ur as colorScheme, Us as markerStart, Ut as attrFn, Uu as scaleX, V as media, Va as fontSynthesisWeight, Vc as oklab, Vd as sqrt, Vf as textUnderlinePosition, Vi as cx, Vl as pl, Vn as borderInlineEnd, Vo as insetBlock, Vp as width, Vr as colorInterpolationFilters, Vs as markerEnd, Vt as atan, Vu as scale3d, W as supports, Wa as fontVariantCaps, Wc as onlyOfType, Wd as steps, Wf as textWrapStyle, Wi as defined, Wl as placeSelf, Wn as borderInlineEndWidth, Wo as insetFn, Wp as wordSpacing, Wr as columnCount, Ws as mask, Wt as autofill, Wu as scaleY, X as FlexMethods, Xa as fontVariationSettings, Xc as orphans, Xd as strokeDashoffset, Xf as timelineTriggerName, Xi as dynamicRangeLimit, Xl as position, Xn as borderInlineWidth, Xo as interestDelayEnd, Xp as zIndex, Xr as columnRuleStyle, Xs as maskBorderSource, Xt as backgroundClip, Xu as scrollMargin, Y as ClassValue, Ya as fontVariantPosition, Yc as order, Yd as strokeDasharray, Yf as timelineTriggerExitRangeStart, Yi as dropShadow, Yl as popoverOpen, Yn as borderInlineStyle, Yo as interestDelay, Yp as y, Yr as columnRuleColor, Ys as maskBorderSlice, Yt as backgroundBlendMode, Yu as scrollInitialTarget, Z as GridMethods, Za as fontWeight, Zc as outOfRange, Zd as strokeLinecap, Zf as timelineTriggerRange, Zi as dynamicRangeLimitMix, Zl as positionAnchor, Zn as borderLeft, Zo as interestDelayStart, Zp as zoom, Zr as columnRuleWidth, Zs as maskBorderWidth, Zt as backgroundColor, Zu as scrollMarginBlock, _ as CSSStyleValue, _a as flexGrow, _c as maxWidth, _d as scrollPaddingRight, _f as textBoxTrim, _i as cornerBottomLeftShape, _l as p, _n as borderBlockStart, _o as gridTemplateColumns, _p as translateY, _r as bottom, _s as lineHeight, _t as all, _u as repeatingLinearGradient, a as DtcgUnit, aa as fieldSizing, ac as maskSize, ad as scrollMarginRight, af as tableLayout, ai as containIntrinsicHeight, al as overflowBlock, an as baselineShift, ao as gridArea, ap as transformOrigin, ar as borderRightWidth, as as lab, at as WebkitTextStrokeWidth, au as pt, b as ChainStyle, ba as float, bc as minBlockSize, bd as scrollSnapStop, bf as textDecorationColor, bi as cornerEndEndShape, bl as paddingBlockEnd, bn as borderBlockStartWidth, bo as height, bp as unicodeBidi, br as boxSizing, bs as linearGradient, bt as anchorScope, bu as resize, c as Tokens, ca as fillRule, cc as mathShift, cd as scrollPadding, cf as targetCounter, ci as containIntrinsicWidth, cl as overflowWrap, cm as Part, cn as blockSize, co as gridAutoRows, cp as transitionBehavior, cr as borderStartStartRadius, cs as layer, ct as _var, cu as radialGradient, d as createTokens, da as firstOfType, dc as matrix3d, dd as scrollPaddingBlockStart, df as textAlign, di as content, dl as overlay, dn as borderBlock, do as gridColumnStart, dp as transitionProperty, dr as borderTopColor, ds as left, dt as acos, du as readWrite, ea as empty, ec as maskImage, ed as scrollMarginBottom, ef as strokeOpacity, ei as columnWrap, el as outlineOffset, en as backgroundPosition, eo as fullscreen, ep as timelineTriggerSource, er as borderLeftWidth, es as invert, et as WebkitLineClamp, eu as positionTryOrder, f as layers, fa as fitContent, fc as max, fd as scrollPaddingBottom, ff as textAlignLast, fi as contentVisibility, fl as overscrollBehavior, fn as borderBlockColor, fo as gridRow, fp as transitionTimingFunction, fr as borderTopLeftRadius, fs as letterSpacing, ft as active, fu as readingFlow, g as CSSImageValue, ga as flexFlow, gc as maxLines, gd as scrollPaddingLeft, gf as textBoxEdge, gi as cornerBlockStartShape, gl as overscrollBehaviorY, gn as borderBlockEndWidth, go as gridTemplateAreas, gp as translateX, gr as borderWidth, gs as lineClamp, gt as alignmentBaseline, gu as repeatingConicGradient, h as CSSColorValue, ha as flexDirection, hc as maxInlineSize, hd as scrollPaddingInlineStart, hf as textBox, hi as cornerBlockEndShape, hl as overscrollBehaviorX, hn as borderBlockEndStyle, ho as gridTemplate, hp as translateFn, hr as borderTopWidth, hs as lineBreak, ht as alignSelf, hu as rem, i as DtcgShadow, ia as exp, ic as maskRepeat, id as scrollMarginLeft, if as tabSize, ii as containIntrinsicBlockSize, il as overflowAnchor, in as backgroundSize, io as grid, ip as transformBox, ir as borderRightStyle, is as justifySelf, it as WebkitTextStrokeColor, iu as printColorAdjust, j as Wrap, ja as fontLanguageOverride, jc as muted, jd as shapeImageThreshold, jf as textIndent, ji as cornerTopShape, jl as paintOrder, jn as borderEndEndRadius, jo as imageOrientation, jp as viewTimelineInset, jr as caretColor, js as marginBlockStart, jt as animationRange, ju as round, k as StateWrap, ka as fontFeatureSettings, kc as mr, kd as seeking, kf as textEmphasisPosition, ki as cornerTopLeftShape, kl as page, kn as borderCollapse, ko as hypot, kp as viewTimeline, kr as caret, ks as marginBlock, kt as animationName, ku as rotateY, l as check, la as filter, lc as mathStyle, ld as scrollPaddingBlock, lf as targetCounters, li as containerName, ll as overflowX, lm as Style, ln as blur, lo as gridColumn, lp as transitionDelay, lr as borderStyle, ls as lch, lt as abs, lu as ray, m as CSS, ma as flexBasis, mc as maxHeight, md as scrollPaddingInlineEnd, mf as textAutospace, mi as contrastColor, ml as overscrollBehaviorInline, mn as borderBlockEndColor, mo as gridRowStart, mp as translate3d, mr as borderTopStyle, ms as lightingColor, mt as alignItems, mu as rect, n as DtcgColor, na as enabled, nc as maskOrigin, nd as scrollMarginInlineEnd, nf as superellipse, ni as conicGradient, nl as outlineWidth, nn as backgroundPositionY, no as gap, np as touchAction, nr as borderRight, ns as justifyContent, nt as WebkitTextFillColor, nu as pow, o as DtcgValue, oa as fill, oc as maskType, od as scrollMarginTop, of as tan, oi as containIntrinsicInlineSize, ol as overflowClipMargin, on as baselineSource, oo as gridAutoColumns, op as transformStyle, or as borderSpacing, os as lastChild, ot as WebkitTouchCallout, ou as quotes, p as AttrOp, pa as flex, pc as maxBlockSize, pd as scrollPaddingInline, pf as textAnchor, pi as contrast, pl as overscrollBehaviorBlock, pn as borderBlockEnd, po as gridRowEnd, pp as translate, pr as borderTopRightRadius, ps as lightDark, pt as alignContent, pu as readingOrder, qa as fontVariantLigatures, qc as open, qd as stroke, qf as timelineTriggerExitRange, qi as display, ql as pointerEvents, qn as borderInlineStartStyle, qo as insetInlineStart, qp as x, qr as columnHeight, qs as maskBorderOutset, qt as background, qu as scroll, r as DtcgCubicBezier, ra as env, rc as maskPosition, rd as scrollMarginInlineStart, rf as symbols, ri as contain, rl as overflow, rn as backgroundRepeat, ro as grayscale, rp as transform, rr as borderRightColor, rs as justifyItems, rt as WebkitTextStroke, ru as pr, s as Overrides, sa as fillOpacity, sc as mathDepth, sd as scrollMarkerGroup, sf as target, si as containIntrinsicSize, sl as overflowInline, sm as Fallback, sn as bg, so as gridAutoFlow, sp as transition, sr as borderStartEndRadius, ss as lastOfType, st as WebkitUserModify, su as r, t as CheckOverrides, ta as emptyCells, tc as maskMode, td as scrollMarginInline, tf as strokeWidth, ti as columns, tl as outlineStyle, tn as backgroundPositionX, to as future, tp as top, tr as borderRadius, ts as isolation, tt as WebkitTapHighlightColor, tu as positionVisibility, u as createGlobalTheme, ua as firstChild, uc as matrix, ud as scrollPaddingBlockEnd, uf as targetText, ui as containerType, ul as overflowY, un as border, uo as gridColumnEnd, up as transitionDuration, ur as borderTop, us as leader, ut as accentColor, uu as readOnly, v as CSSUnitValue, va as flexShrink, vc as mb, vd as scrollPaddingTop, vf as textCombineUpright, vi as cornerBottomRightShape, vl as padding, vn as borderBlockStartColor, vo as gridTemplateRows, vp as translateZ, vr as boxDecorationBreak, vs as lineHeightStep, vt as anchor, vu as repeatingRadialGradient, w as Keyframes, wa as focus, wc as minmax, wd as scrollTimelineAxis, wf as textDecorationSkipInk, wi as cornerLeftShape, wl as paddingInlineEnd, wn as borderBottomColor, wo as hueRotate, wp as userValid, wr as brightness, ws as listStylePosition, wt as animationDelay, wu as root, x as CvConfig, xa as floodColor, xc as minHeight, xd as scrollSnapType, xf as textDecorationInset, xi as cornerEndStartShape, xl as paddingBlockStart, xn as borderBlockStyle, xo as hover, xp as url, xr as breakAfter, xs as link, xt as anchorSize, xu as rgb, y as Chain, ya as flexWrap, yc as min, yd as scrollSnapAlign, yf as textDecoration, yi as cornerBottomShape, yl as paddingBlock, yn as borderBlockStartStyle, yo as hangingPunctuation, yp as triggerScope, yr as boxShadow, ys as linear, yt as anchorName, yu as required, z as group, za as fontSynthesisSmallCaps, zc as offsetPosition, zd as skewY, zf as textTransform, zi as cubicBezier, zl as perspectiveOrigin, zn as borderInline, zo as inlineSize, zp as whiteSpaceCollapse, zr as color, zs as marginTrim, zt as asin, zu as saturate } from "./theme-types-CplLnGgG.mjs";
+export { AttrOp, type CSS, type CSSColorValue, type CSSImageValue, type CSSStyleValue, type CSSUnitValue, Chain, ChainStyle, CheckOverrides, type ClassValue, CvConfig, CvProps, CvValue, DtcgColor, DtcgCubicBezier, DtcgShadow, DtcgUnit, DtcgValue, type Fallback, FlexMethods, GridMethods, Keyframes, Layout, Overrides, type Part, PositionTry, Prop, QueryWrap, StateWrap, Steps, type Style, Tokens, WebkitBoxOrient, WebkitBoxReflect, WebkitLineClamp, WebkitTapHighlightColor, WebkitTextFillColor, WebkitTextStroke, WebkitTextStrokeColor, WebkitTextStrokeWidth, WebkitTouchCallout, WebkitUserModify, Wrap, abs, accentColor, acos, active, alignContent, alignItems, alignSelf, alignmentBaseline, all, anchor, anchorName, anchorScope, anchorSize, animation, animationComposition, animationDelay, animationDirection, animationDuration, animationFillMode, animationIterationCount, animationName, animationPlayState, animationRange, animationRangeEnd, animationRangeStart, animationTimeline, animationTimingFunction, animationTrigger, anyLink, appearance, asin, aspectRatio, atan, atan2, attr, attrFn, autofill, backdropFilter, backfaceVisibility, background, backgroundAttachment, backgroundBlendMode, backgroundClip, backgroundColor, backgroundImage, backgroundOrigin, backgroundPosition, backgroundPositionX, backgroundPositionY, backgroundRepeat, backgroundSize, baselineShift, baselineSource, bg, blockSize, blur, border, borderBlock, borderBlockColor, borderBlockEnd, borderBlockEndColor, borderBlockEndStyle, borderBlockEndWidth, borderBlockStart, borderBlockStartColor, borderBlockStartStyle, borderBlockStartWidth, borderBlockStyle, borderBlockWidth, borderBottom, borderBottomColor, borderBottomLeftRadius, borderBottomRightRadius, borderBottomStyle, borderBottomWidth, borderCollapse, borderColor, borderEndEndRadius, borderEndStartRadius, borderImage, borderImageOutset, borderImageRepeat, borderImageSlice, borderImageSource, borderImageWidth, borderInline, borderInlineColor, borderInlineEnd, borderInlineEndColor, borderInlineEndStyle, borderInlineEndWidth, borderInlineStart, borderInlineStartColor, borderInlineStartStyle, borderInlineStartWidth, borderInlineStyle, borderInlineWidth, borderLeft, borderLeftColor, borderLeftStyle, borderLeftWidth, borderRadius, borderRight, borderRightColor, borderRightStyle, borderRightWidth, borderSpacing, borderStartEndRadius, borderStartStartRadius, borderStyle, borderTop, borderTopColor, borderTopLeftRadius, borderTopRightRadius, borderTopStyle, borderTopWidth, borderWidth, bottom, boxDecorationBreak, boxShadow, boxSizing, breakAfter, breakBefore, breakInside, brightness, buffering, calc, calcSize, captionSide, caret, caretAnimation, caretColor, caretShape, check, checked, circle, clamp, clear, clipPath, clipRule, cn, color, colorFn, colorInterpolationFilters, colorMix, colorScheme, columnCount, columnFill, columnGap, columnHeight, columnRule, columnRuleColor, columnRuleStyle, columnRuleWidth, columnSpan, columnWidth, columnWrap, columns, conicGradient, contain, containIntrinsicBlockSize, containIntrinsicHeight, containIntrinsicInlineSize, containIntrinsicSize, containIntrinsicWidth, container, containerName, containerType, content, contentVisibility, contrast, contrastColor, cornerBlockEndShape, cornerBlockStartShape, cornerBottomLeftShape, cornerBottomRightShape, cornerBottomShape, cornerEndEndShape, cornerEndStartShape, cornerInlineEndShape, cornerInlineStartShape, cornerLeftShape, cornerRightShape, cornerShape, cornerStartEndShape, cornerStartStartShape, cornerTopLeftShape, cornerTopRightShape, cornerTopShape, cos, counter, counterIncrement, counterReset, counterSet, counters, createGlobalTheme, createTokens, crossFade, css, cubicBezier, cursor, cv, cx, cy, d, defined, direction, disabled, display, dominantBaseline, dropShadow, dynamicRangeLimit, dynamicRangeLimitMix, element, ellipse, empty, emptyCells, enabled, env, exp, fieldSizing, fill, fillOpacity, fillRule, filter, firstChild, firstOfType, firstThatWorks, fitContent, flex, flexBasis, flexDirection, flexFlow, flexGrow, flexShrink, flexWrap, float, floodColor, floodOpacity, flowTolerance, focus, focusVisible, focusWithin, font, fontFamily, fontFeatureSettings, fontKerning, fontLanguageOverride, fontOpticalSizing, fontPalette, fontSize, fontSizeAdjust, fontStyle, fontSynthesis, fontSynthesisPosition, fontSynthesisSmallCaps, fontSynthesisStyle, fontSynthesisWeight, fontVariant, fontVariantAlternates, fontVariantCaps, fontVariantEastAsian, fontVariantEmoji, fontVariantLigatures, fontVariantNumeric, fontVariantPosition, fontVariationSettings, fontWeight, fontWidth, forcedColorAdjust, fullscreen, future, gap, global, grayscale, grid, gridArea, gridAutoColumns, gridAutoFlow, gridAutoRows, gridColumn, gridColumnEnd, gridColumnStart, gridRow, gridRowEnd, gridRowStart, gridTemplate, gridTemplateAreas, gridTemplateColumns, gridTemplateRows, group, hangingPunctuation, height, hover, hsl, hsla, hueRotate, hwb, hyphenateCharacter, hyphenateLimitChars, hyphens, hypot, image, imageOrientation, imageRendering, imageResolution, imageSet, inRange, indeterminate, initialLetter, initialLetterAlign, inlineSize, inset, insetBlock, insetBlockEnd, insetBlockStart, insetFn, insetInline, insetInlineEnd, insetInlineStart, interactivity, interestDelay, interestDelayEnd, interestDelayStart, interpolateSize, invalid, invert, isolation, justifyContent, justifyItems, justifySelf, keyframes, lab, lastChild, lastOfType, layer, layers, lch, leader, left, letterSpacing, lightDark, lightingColor, lineBreak, lineClamp, lineHeight, lineHeightStep, linear, linearGradient, link, listStyle, listStyleImage, listStylePosition, listStyleType, log, m, margin, marginBlock, marginBlockEnd, marginBlockStart, marginBottom, marginInline, marginInlineEnd, marginInlineStart, marginLeft, marginRight, marginTop, marginTrim, marker, markerEnd, markerMid, markerStart, mask, maskBorder, maskBorderMode, maskBorderOutset, maskBorderRepeat, maskBorderSlice, maskBorderSource, maskBorderWidth, maskClip, maskComposite, maskImage, maskMode, maskOrigin, maskPosition, maskRepeat, maskSize, maskType, mathDepth, mathShift, mathStyle, matrix, matrix3d, max, maxBlockSize, maxHeight, maxInlineSize, maxLines, maxWidth, mb, media, min, minBlockSize, minHeight, minInlineSize, minWidth, minmax, mixBlendMode, ml, mod, modal, mr, mt, muted, objectFit, objectPosition, objectViewBox, offset, offsetAnchor, offsetDistance, offsetPath, offsetPosition, offsetRotate, oklab, oklch, onlyChild, onlyOfType, opacity, opacityFn, open, optional, order, orphans, outOfRange, outline, outlineColor, outlineOffset, outlineStyle, outlineWidth, overflow, overflowAnchor, overflowBlock, overflowClipMargin, overflowInline, overflowWrap, overflowX, overflowY, overlay, overscrollBehavior, overscrollBehaviorBlock, overscrollBehaviorInline, overscrollBehaviorX, overscrollBehaviorY, p, padding, paddingBlock, paddingBlockEnd, paddingBlockStart, paddingBottom, paddingInline, paddingInlineEnd, paddingInlineStart, paddingLeft, paddingRight, paddingTop, page, paint, paintOrder, paletteMix, past, path, paused, pb, perspective, perspectiveFn, perspectiveOrigin, pictureInPicture, pl, placeContent, placeItems, placeSelf, placeholderShown, playing, pointerEvents, polygon, popoverOpen, position, positionAnchor, positionArea, positionTry, positionTryFallbacks, positionTryOrder, positionVisibility, pow, pr, printColorAdjust, pt, quotes, r, radialGradient, ray, readOnly, readWrite, readingFlow, readingOrder, rect, rem, repeatingConicGradient, repeatingLinearGradient, repeatingRadialGradient, required, resize, rgb, rgba, right, root, rotate, rotate3d, rotateFn, rotateX, rotateY, rotateZ, round, rowGap, rubyAlign, rubyMerge, rubyOverhang, rubyPosition, rx, ry, saturate, scale, scale3d, scaleFn, scaleX, scaleY, scaleZ, scope, scroll, scrollBehavior, scrollInitialTarget, scrollMargin, scrollMarginBlock, scrollMarginBlockEnd, scrollMarginBlockStart, scrollMarginBottom, scrollMarginInline, scrollMarginInlineEnd, scrollMarginInlineStart, scrollMarginLeft, scrollMarginRight, scrollMarginTop, scrollMarkerGroup, scrollPadding, scrollPaddingBlock, scrollPaddingBlockEnd, scrollPaddingBlockStart, scrollPaddingBottom, scrollPaddingInline, scrollPaddingInlineEnd, scrollPaddingInlineStart, scrollPaddingLeft, scrollPaddingRight, scrollPaddingTop, scrollSnapAlign, scrollSnapStop, scrollSnapType, scrollTargetGroup, scrollTimeline, scrollTimelineAxis, scrollTimelineName, scrollbarColor, scrollbarGutter, scrollbarWidth, seeking, sepia, shapeImageThreshold, shapeMargin, shapeOutside, shapeRendering, sign, sin, skew, skewX, skewY, speakAs, sqrt, src, stalled, steps, stopColor, stopOpacity, stroke, strokeColor, strokeDasharray, strokeDashoffset, strokeLinecap, strokeLinejoin, strokeMiterlimit, strokeOpacity, strokeWidth, style, superellipse, supports, sx, symbols, tabSize, tableLayout, tan, target, targetCounter, targetCounters, targetText, textAlign, textAlignLast, textAnchor, textAutospace, textBox, textBoxEdge, textBoxTrim, textCombineUpright, textDecoration, textDecorationColor, textDecorationInset, textDecorationLine, textDecorationSkip, textDecorationSkipInk, textDecorationStyle, textDecorationThickness, textEmphasis, textEmphasisColor, textEmphasisPosition, textEmphasisStyle, textIndent, textJustify, textOrientation, textOverflow, textRendering, textShadow, textSizeAdjust, textSpacingTrim, textTransform, textUnderlineOffset, textUnderlinePosition, textWrap, textWrapMode, textWrapStyle, timelineScope, timelineTrigger, timelineTriggerExitRange, timelineTriggerExitRangeEnd, timelineTriggerExitRangeStart, timelineTriggerName, timelineTriggerRange, timelineTriggerRangeEnd, timelineTriggerRangeStart, timelineTriggerSource, token, top, touchAction, transform, transformBox, transformOrigin, transformStyle, transition, transitionBehavior, transitionDelay, transitionDuration, transitionProperty, transitionTimingFunction, translate, translate3d, translateFn, translateX, translateY, translateZ, triggerScope, unicodeBidi, url, userInvalid, userSelect, userValid, valid, _var as var, vectorEffect, verticalAlign, view, viewTimeline, viewTimelineAxis, viewTimelineInset, viewTimelineName, viewTransitionClass, viewTransitionName, visibility, visited, volumeLocked, whiteSpace, whiteSpaceCollapse, widows, width, willChange, within, wordBreak, wordSpacing, wordWrap, writingMode, x, xywh, y, zIndex, zoom };

package/docs/API.md

@@ -12,7 +12,7 @@ Every `ts` block here is type-checked against the workspace `cssints` types by `
 - **Values.** A property takes one or more parts joined by a space. Each part is a string or a Typed OM value: `border("1px solid", accent)`, `padding(CSS.rem(1), CSS.rem(2))`, `padding("1rem 2rem")`. Parts are checked against the mdn grammar in types and again at build time. `CSS.px`, `rem`, `em`, `percent`, `number`, `CSSUnitValue` and `CSSColorValue` come from `cssints`, imported with the attribute.
 - **Editor.** A bad part is marked on that part: `padding("2px", "red")` puts the error on `"red"`, with the message of the whole value. While a string is not a value yet, the editor offers the keywords of the property that the word under the cursor begins (`display("fl…")` gives `flex`, `flow`, `flow-root`; `border("1px", "so…")` gives `solid`), and all of them in an empty part (`border("1px", "")`; an empty part is an error). The offer is the keywords of the whole grammar, not only those that fit at that point, it stops once the string is valid, and functions such as `rgb(` are not offered.
 - **Math.** `calc()`, `min()`, `max()`, `clamp()` and the other CSS Values 4 math functions are accepted wherever their type is, as strings (`width("calc(100% - 2rem)")`, checked by the build: `calc(1px + 2s)` is an error) and as calls that take tokens (`calc(t.space.md, "*", 2)`, see "Functions").
-- **Layout contexts.** `flex()` and `grid()` without arguments set `display` and chain only their container properties. Names drop only the context prefix: `flex().direction("column").wrap("wrap").alignItems("center").justifyContent("space-between")`, `grid().templateColumns("1fr 2fr").gap(4)`. Plain styles do not chain; merge them with `cn(...)`. Item properties (`flexGrow`, `alignSelf`, `gridColumn`, `order`) are plain functions.
+- **Layout contexts.** `flex()` and `grid()` without arguments set `display` and chain only their container properties. Names drop only the context prefix: `flex().direction("column").wrap("wrap").alignItems("center").justifyContent("space-between")`, `grid().templateColumns("1fr 2fr").gap(4)`. Plain styles do not chain; merge them with `cn(...)`, or write the style as a `sx()` (below), which chains every property. Item properties (`flexGrow`, `alignSelf`, `gridColumn`, `order`) are plain functions.
 - **`flex(...parts)` and `grid(...parts)` are the shorthand properties.** With at least one argument the call is the `flex` (or `grid`) property, checked by its grammar like any member: `flex("1")`, `flex(1)` and `flex("1 1 0")` are `flex: 1`, `flex: 1` and `flex: 1 1 0`, `grid("auto / 1fr 1fr")` is `grid: auto / 1fr 1fr`. A bare number is a `<number>` here, not a spacing step. The result is a plain style: it sets no `display` and does not chain. The types tell the two forms apart by overload.
 - **`container` is the condition.** `container("sidebar (width < 30rem)")` is a query; the `container` shorthand property is written with its longhands `containerName` and `containerType`.
 - **Arguments are build-time values.** The plugin runs your module at build time and replaces each call with a class string. A literal, a `const`, a token or a value from another attributed module works. A value that exists only at runtime (a prop, state) does not: `p(n)` with `n` a parameter is a build error (`css arguments must be known at build time: n is not defined where the call is evaluated`) that points at the call, also when the local is named like a global (`open`, `name`) or like a module binding. The types do not catch it: a helper module may take parameters (below), so a `string` or `number` is a fine argument there. Choose between styles with `cn(base, on && p(4))` (see "Runtime: `cn`, `cv`"), a `cv` variant, or a token set in a `style` prop. A helper module imported with the attribute may take parameters, because each call of it is a site with its own arguments: `stack(4)` below is a build-time call in the file that makes it.
@@ -87,7 +87,7 @@ The static arguments of `cn` are one class string; `prop && p(4)` depends on a r
 - **One sheet.** All rules are in `virtual:cssints.css`, each once, sorted by layer, then condition, then shorthand before longhand (`border` before `border-top`, counted from Chrome's own expansion of each shorthand), then class name. So a longhand wins over a shorthand that contains it, whatever the order of the arguments: `cn(pl(2), p(4))` keeps `padding-left: 0.5rem`.
 - **`cn()` keeps the later of the same property.** `cn(p(4), p(2))` is `p(2)`: the earlier declaration is dropped at build time (also for an alias: `wordWrap` is `overflowWrap`). Under different conditions both stay, because they are in different layers: `cn(md(p(6)), p(2))`. Two properties that overlap without one containing the other are a build error, because the sheet cannot order them by the arguments: `cn(borderTop("1px solid red"), borderColor("blue"))` both set `border-top-color`; so do a physical and a logical side (`marginLeft` and `marginInline`, `width` and `inlineSize`), since which physical side a logical one is depends on the writing mode. A logical property inside a physical shorthand that sets every side is contained, not overlapping: `cn(border(...), borderInline(...))` is fine, and `borderInline` wins. A style in a runtime argument is compared with the static arguments at build time, and replaces the classes it overrides while it is active (see "Runtime: `cn`, `cv`").
 - **A layout context** gives one string: `flex().alignItems("center")` is `"_1s47490 _1ob5z5m"`.
-- **Also exported:** `css` (the namespace as a value) and `cn`, `cv`, `firstThatWorks`, `media`, `container`, `supports`, `attr`, `within`, `group`, `global`, `token`, `style`, `createTokens`, `createGlobalTheme`, `check`. Nothing is exported for the browser: the runtime is the plugin's.
+- **Also exported:** `css` (the namespace as a value) and `chain`, `cn`, `cv`, `firstThatWorks`, `media`, `container`, `supports`, `attr`, `within`, `group`, `global`, `token`, `style`, `createTokens`, `createGlobalTheme`, `check`. Nothing is exported for the browser: the runtime is the plugin's.
 
 ### Without runtime
 
@@ -566,6 +566,46 @@ export const f = positionTryFallbacks(fade); // error: a keyframes name is not a
 }
 ```
 
+### `sx()`: one style without `cn()` (decided 2026-10-25, cssints-ysyp)
+
+`sx()` builds one style by chaining properties. Every property is a method, the methods return the chain, and the
+build merges the declarations as `cn()` does. `cn()` stays the tool for merging runtime values, and for `cv()` variants.
+
+```ts
+import { sx, cn, hover } from "cssints" with { type: "cssints" };
+
+export const card = sx().flex().flexDirection("column").gap(2).p(4).bg("white");
+export const row = sx().grid().gridTemplateColumns("1fr 2fr").gap(1);
+export const box = cn(sx().p(2), hover(sx().bg("blue")));
+```
+
+`card` is `"_1s47490 _1njigwa _g2iyum _lwugp7 _1ebepn0"`: one class per declaration, one string, no `cn()`.
+
+- **Every property is a method**, by its member name: `p`, `bg`, `paddingLeft`, `gridTemplateColumns`. `.flex()` and
+  `.grid()` with no argument set `display` and keep chaining; with parts they are the `flex` and `grid` property. A
+  chain does not drop a prefix the way a context does: `sx().flex().flexDirection("column")` is the property,
+  where `css.flex().direction("column")` drops `flex-`.
+- **A chain sets each property once: a second one is a type error.** The second method is `never`
+  (`This expression is not callable. Type 'never' has no call signatures.`), so the rewrite that `cn()` allows cannot
+  be written by accident. `bg` and `backgroundColor` are one property, as are `p` and `padding`, so
+  `sx().bg("red").backgroundColor("blue")` and `sx().p(4).padding("1rem")` fail in either order. A second
+  `.flex()` or `.grid()` is `Expected 1 arguments, but got 0`, since the no-argument form is what sets `display`.
+  Write a later value with `cn()`, which keeps the later one of a property, or a longhand.
+- **A shorthand and a longhand of it are different properties**, and stay legal: `sx().p(4).paddingLeft("0.5rem")`
+  is both declarations, which the sheet orders (a longhand after its shorthand), exactly as in `cn()`. The types do not
+  compare containment, only the property: `sx().bg("red").background("blue")` is `background-color` and
+  `background`, not a duplicate.
+- **A chain is a site**, like any `css.*` call: it compiles to its class string, so it works in a variable, in `cn()`,
+  in a condition (`hover(sx().bg("blue"))`), and as the `base` or a variant of `cv()`. A `keyframes()` or
+  `positionTry()` name in a chain carries its at-rule, as in `css.*`.
+- **Not in a chain:** conditions (`hover`, `media`), other builders (`cn`, `keyframes`, `cv`) and plugin members
+  (`frame()`, `surface()`, a scope's members). A build error names the method (`cssints: sx() has no .hover()`).
+  Wrap the chain instead: `hover(sx().bg("blue"))`, `cn(frame(), sx().p(2))`.
+- **The cost.** The chain surface is a second member list in the types, so every module that imports `cssints` pays
+  about 6.7 k more instantiations (`bench/unused.ts` 46 297 → 53 029, +14.5 %). A chain costs about what the `cn()`
+  form of the same declarations costs: 12 chains of five properties are 273 741 instantiations against 264 798 for the
+  same 60 declarations as `cn()` calls (+3.4 %, tsc 5.9); `bench/chain.ts` guards it.
+
 ### Runtime: `cn`, `cv` (decided 2026-09-29, cssints-lo9x; `cv` without `_cv` 2026-10-07, cssints-ep2l; `cx` folded into `cn` 2026-10-11, cssints-4e9f)
 
 - **One runtime package: `cssints` itself.** You import nothing for the browser. A module with a `cn()` that has runtime arguments, or a `cv()`, gets `import { _cx as __cx, _cv as __cv } from "cssints"` from the plugin, and those few lines are the only code that ships. `@cssints/variants` is gone.
@@ -1402,7 +1442,7 @@ export const pill = css.cn(
 );
 export const label = css.cn(css.color("#ebebf0"), css.fontSize(14));
 css.width("10rem"); // error: Clay counts pixels
-css.boxShadow("0 0 1px red"); // error: no such member in Clay
+css.boxShadow("0 0 1px red"); // error: no such member in Clay (a shadow is css.shadow, below)
 ```
 
 ```c
@@ -1414,7 +1454,7 @@ static const Clay_TextElementConfig label_text = { .textColor = { .r = 235, .g =
 CLAY(CLAY_ID("Units"), pill) { CLAY_TEXT(CLAY_STRING("switch to g"), label_text); }
 ```
 
-- **Members**: `width`, `height` (pixels, `N%`, `auto` for Clay's FIT, `stretch` for GROW), `padding`/`p` and the sides, `gap` (`childGap`), `flexDirection` (`row`, `column`), `justifyContent` and `alignItems` (start, center, end: Clay's `childAlignment`, the axis from `flexDirection`), `backgroundColor`/`bg`, `borderRadius`, `border(width, colour)`, `borderWidth`, `borderColor`, `overflow("hidden")` (`clip`), `float()` (`floating`, below), `image(src, { width, height, fit })` (`image`, below), and for text `color`, `fontSize`, `letterSpacing`, `lineHeight`, `textAlign`, `whiteSpace` (`wrapMode`); `cn` merges, a later prop wins. Any other property is not a member.
+- **Members**: `width`, `height` (pixels, `N%`, `auto` for Clay's FIT, `stretch` for GROW), `padding`/`p` and the sides, `gap` (`childGap`), `flexDirection` (`row`, `column`), `justifyContent` and `alignItems` (start, center, end: Clay's `childAlignment`, the axis from `flexDirection`), `backgroundColor`/`bg`, `borderRadius`, `border(width, colour)`, `borderWidth`, `borderColor`, `overflow("hidden")` (`clip`), `float()` (`floating`, below), `image(src, { width, height, fit })` (`image`, below), `backgroundImage("linear-gradient(...)")` (a renderer effect, not a Clay field: `backgroundImage`, below), `shadow({ x, y, blur, color })` and `backdrop({ blur })` (renderer effects, not Clay fields: `shadow` and `backdrop`, below), and for text `color`, `fontSize`, `letterSpacing`, `lineHeight`, `textAlign`, `whiteSpace` (`wrapMode`); `cn` merges, a later prop wins. Any other property is not a member.
 - **Pixels.** A number or `"Npx"`; padding, gap and border widths are whole numbers (`uint16_t` in Clay). Another unit is a type error and a build error.
 - **Colours** are checked by the web's `color` grammar, or are colour tokens of cssints/clay's `createTokens`, and are written as 0-255 `r g b a`.
 - **`header(exports)`** prints a `Clay_ElementDeclaration` per export and, for one with text props, a `Clay_TextElementConfig` named `<name>_text`. A field it does not set is zero, which is Clay's default.
@@ -1504,6 +1544,97 @@ css.image("logo.png", { width: 64, height: 32, fit: "cover" }); // error: fill o
 static const Clay_ElementDeclaration glyph = { .layout = { .sizing = { .width = { .size = { .minMax = { 32, 32 } }, .type = CLAY__SIZING_TYPE_FIXED }, .height = { .size = { .minMax = { 32, 32 } }, .type = CLAY__SIZING_TYPE_FIXED } } }, .image = { .imageData = (void *)"examples/sensors/glyph.png" } };
 ```
 
+- **Shadows** (2026-10-23): `shadow({ x, y, blur, color })` is a renderer effect, not a Clay field — `Clay_ElementDeclaration` has none in Clay 1.0. The declaration keeps its layout, the literal carries the shadow as a sibling key (as an image's path does), and `header()` prints nothing for it, so the C targets are unchanged and ignore it until a page's own renderer draws it. The shadow is the element's own box, moved by `x`/`y` and filled with `color`, its edge softened by `blur` (CSS's `box-shadow` reading, in pixels: the gaussian's sigma is half of it), drawn before the element's own command so the element covers the middle of it. The desktop renderer (`native/solid`) is the one that draws it today.
+
+  | Option        | What the renderer draws                                                   | Default            |
+  | ------------- | ------------------------------------------------------------------------- | ------------------ |
+  | `x`, `y`      | the element's box moved that many pixels (a negative one goes left or up) | 0, 2               |
+  | `blur`        | the width of the soft edge, not negative (sigma is half of it)            | 12                 |
+  | `color`       | the shadow's colour, any colour a Clay page can draw                      | `rgb(0 0 0 / 0.4)` |
+  | spread, inset | not drawn: the box is the element's own, and the shadow lies outside it   | —                  |
+
+  The literal is whole — `shadow: { x, y, blur, color: { r, g, b, a } }`, unset fields at their defaults — and a state's overlay merges field by field, so `css.hover(css.shadow({ blur: 20 }))` keeps the base's `x`, `y` and colour. **The element needs an `id`**: the renderer keys the shadow by Clay's element id (a table a frame, cleared with it), one draw an element, and an anonymous element's shadow is dropped. A blur is not free: the Dialog page's 280x152 panel (blur 24) costs 0.8 ms a frame on the desktop and takes its 360x480 frame from 1.07 to 1.93 ms (Apple M2, one thread, `--bench 300`; quality 50 and 30 are 1.47 and 1.31 ms, for 5/255 and 15/255 at the shadow's edge). A colour's alpha is what the shadow is worth: over a dimmed page a black one can darken only a little (3/255 under the panel in the dark theme, 41/255 in the light one).
+
+```ts
+import * as css from "cssints/clay" with { type: "cssints" };
+
+export const panel = css.cn(
+  css.width(280),
+  css.bg("#242834"),
+  css.borderRadius(12),
+  css.shadow({ y: 12, blur: 24, color: "rgb(0 0 0 / 0.45)" }),
+);
+css.shadow({ spread: 2 }); // error: the box is the element's own
+css.shadow({ blur: "1rem" }); // error: a blur is pixels
+```
+
+```c
+// no shadow here: a renderer effect, not a Clay field
+static const Clay_ElementDeclaration panel = { .layout = { .sizing = { .width = { .size = { .minMax = { 280, 280 } }, .type = CLAY__SIZING_TYPE_FIXED } } }, .backgroundColor = { .r = 36, .g = 40, .b = 52, .a = 255 }, .cornerRadius = { .topLeft = 12, .topRight = 12, .bottomRight = 12, .bottomLeft = 12 } };
+```
+
+- **Backdrops** (2026-10-23): `backdrop({ blur })` is glass over our **own** content — a menu or a panel over the page we draw, its fill translucent, the pixels under it blurred. The window behind the window is out of reach: nothing outside the frame's buffer can be sampled, so this is what CSS's `backdrop-filter` shows when the backdrop is the same page, not the desktop. As `shadow` is, it is a renderer effect, not a Clay field: `Clay_ElementDeclaration` has none in Clay 1.0, the literal carries a sibling `backdrop: { blur }` key, `header()` prints nothing for it, and the C targets are unchanged. The renderer draws everything before the element's first command, blurs the element's box in its own buffer, then draws the element's own commands over the blurred pixels — its text and border stay crisp. **The element needs an `id`**, one backdrop an element. `blur` is a radius in pixels, read as CSS reads one (the gaussian's sigma is half of it).
+
+  | Option | What the renderer does                                            | Default |
+  | ------ | ----------------------------------------------------------------- | ------- |
+  | `blur` | blurs the element's box under it, not negative                    | 12      |
+  | —      | no spread, no saturation or tint: only `blur`, and one an element | —       |
+
+  The desktop renderer (`native/solid`) is the only one that draws a backdrop today; the box is the element's first rectangle command, clipped to the canvas, and nothing is blurred outside it. The blur is three box passes each way on the CPU, on the region alone; on the Dialog page's 150x133 menu (blur 10) the frame's draw goes from 2.2 to 3.0 ms (Apple M2, one thread, back-to-back 300-frame runs), and the radius barely moves it — the frame's split into two draws is the cost. A panel may keep its own shadow: it is drawn before the blur, so it lies on the unblurred page, under the glass. The browser (a dual Kawase pass), the board and the terminal have none.
+
+```ts
+import * as css from "cssints/clay" with { type: "cssints" };
+
+// a menu: the page shows through its fill, blurred; its own text is drawn after the blur
+export const menu = css.cn(
+  css.width(150),
+  css.bg("rgb(23 27 32 / 0.72)"),
+  css.borderRadius(10),
+  css.backdrop({ blur: 10 }),
+);
+css.backdrop({ spread: 2 }); // error: the box is the element's own
+css.backdrop({ blur: "1rem" }); // error: a blur is pixels
+```
+
+```c
+// no backdrop here either: the declaration keeps its layout and its translucent fill
+static const Clay_ElementDeclaration menu = { .layout = { .sizing = { .width = { .size = { .minMax = { 150, 150 } }, .type = CLAY__SIZING_TYPE_FIXED } } }, .backgroundColor = { .r = 23, .g = 27, .b = 32, .a = 184 }, .cornerRadius = { .topLeft = 10, .topRight = 10, .bottomRight = 10, .bottomLeft = 10 } };
+```
+
+- **Gradients** (2026-10-23): `backgroundImage("linear-gradient(...)")` fills the element's box with a linear gradient, written as CSS writes it — one string, the function, an optional direction, the stops. Clay 1.0 has no gradient field, so as `shadow` and `backdrop` are, it is a renderer effect: the declaration keeps its layout and its solid fill, the literal carries a sibling `backgroundImage: { kind: "linear", angle, stops: [{ offset, color: { r, g, b, a } }] }` key, `header()` prints nothing for it, the C targets draw the solid fill, and the desktop renderer (`native/solid`) fills the box with the gradient instead of `backgroundColor`. **The element needs an `id`**, and a solid `backgroundColor` too: Clay emits a rectangle command for a box whose fill is not transparent, and that command is where the gradient goes (the solid is not drawn then).
+
+  | Part                     | What it is                                                                                                                                                         | Default               |
+  | ------------------------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------------ | --------------------- |
+  | `linear-gradient(` … `)` | the only function: `radial-gradient`, `conic-gradient`, a repeating one, `url()` and `image-set()` are build errors                                                | —                     |
+  | the direction            | `<number>deg` (0 up, 90 right, 180 down, 270 left), or `to top`/`to right`/`to bottom`/`to left`, which are 0, 90, 180, 270                                        | `180deg`, `to bottom` |
+  | two or more stops        | a colour through `bg`'s parser (tokens too), and an optional `<number>%` from 0 to 100, in order; fewer than two, or a percentage that goes back, is a build error | —                     |
+  | a stop without a `%`     | spread evenly between the stops that have one, as CSS does: an unpositioned first stop is 0%, an unpositioned last one 100%                                        | —                     |
+
+  The literal's offsets are 0 to 1. A stop's colour is resolved at build time per theme, as a `bg` token is, so a gradient of tokens lights up in the light theme by itself. A state may set `backgroundImage` whole, `css.hover(css.backgroundImage(...))`, which is how the Sky page's cards lighten under the pointer; it cannot unset one — override it or leave it out. Up to 8 stops are drawn; a ninth is dropped and counted as a renderer error, not a crash. Only a fill is drawn: there is no gradient on text, a border or an image, and the browser, the board and the terminal have none (the C targets keep the solid fill).
+
+```ts
+import * as css from "cssints/clay" with { type: "cssints" };
+
+// a card's fill: the panel token at the top, a step deeper at the bottom; `to right` would be 90deg
+export const card = css.cn(
+  css.width("100%"),
+  css.bg("rgb(27 32 38)"),
+  css.backgroundImage("linear-gradient(180deg, rgb(27 32 38), rgb(21 25 30))"),
+);
+// a state overrides the whole gradient: the card lightens under the pointer
+export const hovered = css.cn(
+  card,
+  css.hover(css.backgroundImage("linear-gradient(180deg, #2a303a, #1f242b)")),
+);
+css.backgroundImage({ angle: 180 }); // error: one string
+css.backgroundImage(); // error: the gradient is required
+```
+
+```c
+// no gradient here either: the declaration keeps its layout and its solid fill
+static const Clay_ElementDeclaration card = { .layout = { .sizing = { .width = { .size = { .percent = 1 }, .type = CLAY__SIZING_TYPE_PERCENT } } }, .backgroundColor = { .r = 27, .g = 32, .b = 38, .a = 255 } };
+```
+
 - **Not yet**: min and max sizes, derived colour tokens (`color-mix()` of tokens: a colour Clay is given must parse as one), a theme under a condition (a theme is a name; `media()` has no meaning on a board).
 
 ### Export groups: `cssints/widely-available`, `cssints/css-grid-2`, … (decided 2026-10-11, cssints-n7z3)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cssints",
-  "version": "0.6.1",
+  "version": "0.7.0",
   "description": "CSS in TypeScript: typed css.* calls compiled to atomic CSS at build time (a Vite plugin)",
   "license": "MIT",
   "repository": {
@@ -68,7 +68,7 @@
     }
   },
   "dependencies": {
-    "@cssints/css-grammar": "^0.6.1",
+    "@cssints/css-grammar": "^0.7.0",
     "culori": "^4.0.2",
     "effect": "4.0.6",
     "happy-dom": "^20.14.5",

package/dist/group-common-D6TXTgPp.d.mts

@@ -1 +0,0 @@
-import "./theme-types-DVk08gse.mjs";