@tamagui/helpers 3.0.0-beta.924.1 → 3.0.1

package/dist/esm/validStyleProps.native.js

@@ -1,22 +1,27 @@
 import { isAndroid } from "@tamagui/constants";
+import { cssStyleProps } from "./cssStyleProps.native.js";
+import { nonAnimatableWebTextProps, webOnlyStylePropsView } from "./webOnlyStyleProps.native.js";
 import { toStylePropsObject } from "./toStylePropsObject.native.js";
 import { tokenCategories } from "./tokenCategories.native.js";
 
 var cssShorthandLonghands = toStylePropsObject("borderWidth borderStyle borderColor borderTopWidth borderTopStyle borderTopColor borderRightWidth borderRightStyle borderRightColor borderBottomWidth borderBottomStyle borderBottomColor borderLeftWidth borderLeftStyle borderLeftColor outlineWidth outlineStyle outlineColor outlineOffset");
-var textColors = toStylePropsObject("color textDecorationColor textShadowColor");
+var textColors = toStylePropsObject(toStylePropsObject("color textDecorationColor"), "textShadowColor");
 var inputColors = toStylePropsObject("placeholderTextColor selectionColor cursorColor selectionHandleColor");
-var nonAnimatableViewProps = toStylePropsObject("alignContent alignItems alignSelf backfaceVisibility borderCurve borderStyle borderBlockStyle borderBlockEndStyle borderBlockStartStyle borderInlineStyle borderInlineEndStyle borderInlineStartStyle boxSizing cursor direction display flexDirection flexWrap isolation justifyContent mixBlendMode outlineStyle overflow pointerEvents position visibility");
+var nonAnimatableViewProps = toStylePropsObject("alignContent alignItems alignSelf backfaceVisibility borderCurve borderStyle boxSizing cursor direction display flexDirection flexWrap isolation justifyContent mixBlendMode outlineStyle overflow pointerEvents position visibility");
 var nonAnimatableFontProps = toStylePropsObject("fontFamily fontStyle fontVariant textTransform");
-var nonAnimatableTextOnlyProps = toStylePropsObject("textAlign textDecorationLine textDecorationStyle userSelect writingDirection");
-var nonAnimatableUnitlessProps = toStylePropsObject("WebkitLineClamp lineClamp gridTemplateColumns gridTemplateAreas");
-var nonAnimatableStyleProps = toStylePropsObject(nonAnimatableViewProps, nonAnimatableFontProps, nonAnimatableTextOnlyProps, nonAnimatableUnitlessProps, void 0, void 0);
-var stylePropsUnitless = toStylePropsObject(nonAnimatableUnitlessProps, "animationIterationCount aspectRatio borderImageOutset borderImageSlice borderImageWidth columnCount flex flexGrow flexOrder flexPositive flexShrink flexNegative fontWeight gridRow gridRowEnd gridRowGap gridRowStart gridColumn gridColumnEnd gridColumnGap gridColumnStart opacity order orphans tabSize widows zIndex zoom scale scaleX scaleY scaleZ shadowOpacity");
+var nonAnimatableTextOnlyProps = toStylePropsObject(toStylePropsObject("textAlign textDecorationLine textDecorationStyle userSelect"), "writingDirection");
+var nonAnimatableUnitlessProps = toStylePropsObject("WebkitLineClamp lineClamp");
+var webOnlyUnitlessProps = toStylePropsObject("animationIterationCount borderImageOutset borderImageSlice borderImageWidth columnCount flexOrder flexPositive flexNegative order orphans tabSize widows zoom scaleZ");
+var cssGridProps = toStylePropsObject("gridTemplateColumns gridTemplateAreas gridRow gridRowEnd gridRowGap gridRowStart gridColumn gridColumnEnd gridColumnGap gridColumnStart");
+var enableCSSGrid = process.env.TAMAGUI_CSS_GRID === "1";
+var nonAnimatableStyleProps = toStylePropsObject(nonAnimatableViewProps, nonAnimatableFontProps, nonAnimatableTextOnlyProps, void 0, enableCSSGrid ? cssGridProps : void 0, void 0, void 0);
+var stylePropsUnitless = toStylePropsObject(void 0, void 0, void 0, enableCSSGrid ? cssGridProps : void 0, "aspectRatio flex flexGrow flexShrink fontWeight opacity zIndex scale scaleX scaleY shadowOpacity");
 var stylePropsTransform = toStylePropsObject("x y scale perspective scaleX scaleY skewX skewY matrix rotate rotateY rotateX rotateZ");
-var stylePropsView = toStylePropsObject(nonAnimatableViewProps, "borderBottomWidth borderLeftWidth borderRightWidth borderBlockWidth borderBlockEndWidth borderBlockStartWidth borderInlineWidth borderInlineEndWidth borderInlineStartWidth borderTopWidth borderWidth transform transformOrigin borderEndWidth borderStartWidth bottom end flexBasis gap columnGap rowGap left margin marginBlock marginBlockEnd marginBlockStart marginInline marginInlineStart marginInlineEnd marginBottom marginEnd marginHorizontal marginLeft marginRight marginStart marginTop marginVertical padding paddingBottom paddingInline paddingBlock paddingBlockEnd paddingBlockStart paddingInlineEnd paddingInlineStart paddingEnd paddingHorizontal paddingLeft paddingRight paddingStart paddingTop paddingVertical right start top inset insetBlock insetBlockEnd insetBlockStart insetInline insetInlineEnd insetInlineStart shadowOffset backgroundColor borderColor borderBlockStartColor borderBlockEndColor borderBlockColor borderBottomColor borderInlineColor borderInlineStartColor borderInlineEndColor borderTopColor borderLeftColor borderRightColor borderEndColor borderStartColor shadowColor outlineColor", void 0, "borderRadius borderTopLeftRadius borderTopRightRadius borderBottomLeftRadius borderBottomRightRadius borderTopStartRadius borderTopEndRadius borderBottomStartRadius borderBottomEndRadius borderStartStartRadius borderStartEndRadius borderEndStartRadius borderEndEndRadius width height minWidth minHeight maxWidth maxHeight blockSize minBlockSize maxBlockSize inlineSize minInlineSize maxInlineSize shadowRadius", stylePropsTransform, stylePropsUnitless, isAndroid ? { elevationAndroid: true } : void 0, "boxShadow border borderBlock borderInline filter background backgroundImage experimental_backgroundImage outline outlineOffset outlineWidth", void 0);
-var stylePropsTextOnly = toStylePropsObject(toStylePropsObject(nonAnimatableFontProps, "fontSize fontWeight letterSpacing lineHeight"), nonAnimatableTextOnlyProps, textColors, "textShadow textShadowOffset textShadowRadius textDecoration font verticalAlign", void 0);
+var stylePropsTextOnly = toStylePropsObject(toStylePropsObject(nonAnimatableFontProps, "fontSize fontWeight letterSpacing lineHeight"), nonAnimatableTextOnlyProps, textColors, "textShadow textShadowOffset textShadowRadius textDecoration verticalAlign", void 0, void 0);
+var stylePropsView = toStylePropsObject(nonAnimatableViewProps, "borderBottomWidth borderLeftWidth borderRightWidth borderBlockWidth borderBlockEndWidth borderBlockStartWidth borderInlineWidth borderInlineEndWidth borderInlineStartWidth borderTopWidth borderWidth transform transformOrigin borderEndWidth borderStartWidth bottom end flexBasis gap columnGap rowGap left margin marginBlock marginBlockEnd marginBlockStart marginInline marginInlineStart marginInlineEnd marginBottom marginEnd marginHorizontal marginLeft marginRight marginStart marginTop marginVertical padding paddingBottom paddingInline paddingBlock paddingBlockEnd paddingBlockStart paddingInlineEnd paddingInlineStart paddingEnd paddingHorizontal paddingLeft paddingRight paddingStart paddingTop paddingVertical right start top inset insetBlock insetBlockEnd insetBlockStart insetInline insetInlineEnd insetInlineStart shadowOffset backgroundColor borderColor borderBlockStartColor borderBlockEndColor borderBlockColor borderBottomColor borderInlineColor borderInlineStartColor borderInlineEndColor borderTopColor borderLeftColor borderRightColor borderEndColor borderStartColor shadowColor outlineColor", void 0, "borderRadius borderTopLeftRadius borderTopRightRadius borderBottomLeftRadius borderBottomRightRadius borderTopStartRadius borderTopEndRadius borderBottomStartRadius borderBottomEndRadius borderStartStartRadius borderStartEndRadius borderEndStartRadius borderEndEndRadius width height minWidth minHeight maxWidth maxHeight blockSize minBlockSize maxBlockSize inlineSize minInlineSize maxInlineSize shadowRadius", stylePropsTransform, stylePropsUnitless, isAndroid ? { elevationAndroid: true } : void 0, "boxShadow border borderBlock borderInline filter background backgroundImage experimental_backgroundImage outline outlineOffset outlineWidth", "fill stroke strokeWidth", void 0, void 0, void 0);
 var stylePropsText = toStylePropsObject(stylePropsView, stylePropsTextOnly);
 var stylePropsInput = toStylePropsObject(stylePropsText, inputColors);
-var stylePropsAll = stylePropsInput;
+var stylePropsAll = toStylePropsObject(stylePropsInput, cssStyleProps, cssGridProps, webOnlyStylePropsView, nonAnimatableWebTextProps, "font", nonAnimatableUnitlessProps, webOnlyUnitlessProps);
 var validStyles = stylePropsView;
 
 export { cssShorthandLonghands, nonAnimatableStyleProps, stylePropsAll, stylePropsInput, stylePropsText, stylePropsTextOnly, stylePropsTransform, stylePropsUnitless, stylePropsView, tokenCategories, validStyles };

package/dist/esm/validStyleProps.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"validStyleProps.native.js","names":[],"sources":["esm/validStyleProps.native.js"],"sourcesContent":["import { isAndroid } from \"@tamagui/constants\";\nimport { toStylePropsObject } from \"./toStylePropsObject\";\nimport { tokenCategories } from \"./tokenCategories\";\n\nvar cssShorthandLonghands = toStylePropsObject(\"borderWidth borderStyle borderColor borderTopWidth borderTopStyle borderTopColor borderRightWidth borderRightStyle borderRightColor borderBottomWidth borderBottomStyle borderBottomColor borderLeftWidth borderLeftStyle borderLeftColor outlineWidth outlineStyle outlineColor outlineOffset\");\nvar textColors = toStylePropsObject(\"color textDecorationColor textShadowColor\");\nvar inputColors = toStylePropsObject(\"placeholderTextColor selectionColor cursorColor selectionHandleColor\");\nvar nonAnimatableViewProps = toStylePropsObject(\"alignContent alignItems alignSelf backfaceVisibility borderCurve borderStyle borderBlockStyle borderBlockEndStyle borderBlockStartStyle borderInlineStyle borderInlineEndStyle borderInlineStartStyle boxSizing cursor direction display flexDirection flexWrap isolation justifyContent mixBlendMode outlineStyle overflow pointerEvents position visibility\");\nvar nonAnimatableFontProps = toStylePropsObject(\"fontFamily fontStyle fontVariant textTransform\");\nvar nonAnimatableTextOnlyProps = toStylePropsObject(\"textAlign textDecorationLine textDecorationStyle userSelect writingDirection\");\nvar nonAnimatableUnitlessProps = toStylePropsObject(\"WebkitLineClamp lineClamp gridTemplateColumns gridTemplateAreas\");\nvar nonAnimatableStyleProps = toStylePropsObject(nonAnimatableViewProps, nonAnimatableFontProps, nonAnimatableTextOnlyProps, nonAnimatableUnitlessProps, void 0, void 0);\nvar stylePropsUnitless = toStylePropsObject(nonAnimatableUnitlessProps, \"animationIterationCount aspectRatio borderImageOutset borderImageSlice borderImageWidth columnCount flex flexGrow flexOrder flexPositive flexShrink flexNegative fontWeight gridRow gridRowEnd gridRowGap gridRowStart gridColumn gridColumnEnd gridColumnGap gridColumnStart opacity order orphans tabSize widows zIndex zoom scale scaleX scaleY scaleZ shadowOpacity\");\nvar stylePropsTransform = toStylePropsObject(\"x y scale perspective scaleX scaleY skewX skewY matrix rotate rotateY rotateX rotateZ\");\nvar stylePropsView = toStylePropsObject(nonAnimatableViewProps, \"borderBottomWidth borderLeftWidth borderRightWidth borderBlockWidth borderBlockEndWidth borderBlockStartWidth borderInlineWidth borderInlineEndWidth borderInlineStartWidth borderTopWidth borderWidth transform transformOrigin borderEndWidth borderStartWidth bottom end flexBasis gap columnGap rowGap left margin marginBlock marginBlockEnd marginBlockStart marginInline marginInlineStart marginInlineEnd marginBottom marginEnd marginHorizontal marginLeft marginRight marginStart marginTop marginVertical padding paddingBottom paddingInline paddingBlock paddingBlockEnd paddingBlockStart paddingInlineEnd paddingInlineStart paddingEnd paddingHorizontal paddingLeft paddingRight paddingStart paddingTop paddingVertical right start top inset insetBlock insetBlockEnd insetBlockStart insetInline insetInlineEnd insetInlineStart shadowOffset backgroundColor borderColor borderBlockStartColor borderBlockEndColor borderBlockColor borderBottomColor borderInlineColor borderInlineStartColor borderInlineEndColor borderTopColor borderLeftColor borderRightColor borderEndColor borderStartColor shadowColor outlineColor\", void 0, \"borderRadius borderTopLeftRadius borderTopRightRadius borderBottomLeftRadius borderBottomRightRadius borderTopStartRadius borderTopEndRadius borderBottomStartRadius borderBottomEndRadius borderStartStartRadius borderStartEndRadius borderEndStartRadius borderEndEndRadius width height minWidth minHeight maxWidth maxHeight blockSize minBlockSize maxBlockSize inlineSize minInlineSize maxInlineSize shadowRadius\", stylePropsTransform, stylePropsUnitless, isAndroid ? { elevationAndroid: true } : void 0, \"boxShadow border borderBlock borderInline filter background backgroundImage experimental_backgroundImage outline outlineOffset outlineWidth\", void 0);\nvar stylePropsTextOnly = toStylePropsObject(toStylePropsObject(nonAnimatableFontProps, \"fontSize fontWeight letterSpacing lineHeight\"), nonAnimatableTextOnlyProps, textColors, \"textShadow textShadowOffset textShadowRadius textDecoration font verticalAlign\", void 0);\nvar stylePropsText = toStylePropsObject(stylePropsView, stylePropsTextOnly);\nvar stylePropsInput = toStylePropsObject(stylePropsText, inputColors);\nvar stylePropsAll = stylePropsInput;\nvar validStyles = stylePropsView;\n\nexport { cssShorthandLonghands, nonAnimatableStyleProps, stylePropsAll, stylePropsInput, stylePropsText, stylePropsTextOnly, stylePropsTransform, stylePropsUnitless, stylePropsView, tokenCategories, validStyles };"],"mappings":";;;;;AAIA,IAAI,wBAAwB,mBAAmB,gSAAgS;AAC/U,IAAI,aAAa,mBAAmB,2CAA2C;AAC/E,IAAI,cAAc,mBAAmB,sEAAsE;AAC3G,IAAI,yBAAyB,mBAAmB,+VAA+V;AAC/Y,IAAI,yBAAyB,mBAAmB,gDAAgD;AAChG,IAAI,6BAA6B,mBAAmB,8EAA8E;AAClI,IAAI,6BAA6B,mBAAmB,iEAAiE;AACrH,IAAI,0BAA0B,mBAAmB,wBAAwB,wBAAwB,4BAA4B,4BAA4B,KAAK,GAAG,KAAK,CAAC;AACvK,IAAI,qBAAqB,mBAAmB,4BAA4B,yWAAyW;AACjb,IAAI,sBAAsB,mBAAmB,uFAAuF;AACpI,IAAI,iBAAiB,mBAAmB,wBAAwB,slCAAslC,KAAK,GAAG,6ZAA6Z,qBAAqB,oBAAoB,YAAY,EAAE,kBAAkB,KAAK,IAAI,KAAK,GAAG,+IAA+I,KAAK,CAAC;AAC1yD,IAAI,qBAAqB,mBAAmB,mBAAmB,wBAAwB,8CAA8C,GAAG,4BAA4B,YAAY,kFAAkF,KAAK,CAAC;AACxQ,IAAI,iBAAiB,mBAAmB,gBAAgB,kBAAkB;AAC1E,IAAI,kBAAkB,mBAAmB,gBAAgB,WAAW;AACpE,IAAI,gBAAgB;AACpB,IAAI,cAAc"}
+{"version":3,"file":"validStyleProps.native.js","names":[],"sources":["esm/validStyleProps.native.js"],"sourcesContent":["import { isAndroid } from \"@tamagui/constants\";\nimport { cssStyleProps } from \"./cssStyleProps\";\nimport { nonAnimatableWebTextProps, webOnlyStylePropsView } from \"./webOnlyStyleProps\";\nimport { toStylePropsObject } from \"./toStylePropsObject\";\nimport { tokenCategories } from \"./tokenCategories\";\n\nvar cssShorthandLonghands = toStylePropsObject(\"borderWidth borderStyle borderColor borderTopWidth borderTopStyle borderTopColor borderRightWidth borderRightStyle borderRightColor borderBottomWidth borderBottomStyle borderBottomColor borderLeftWidth borderLeftStyle borderLeftColor outlineWidth outlineStyle outlineColor outlineOffset\");\nvar textColors = toStylePropsObject(toStylePropsObject(\"color textDecorationColor\"), \"textShadowColor\");\nvar inputColors = toStylePropsObject(\"placeholderTextColor selectionColor cursorColor selectionHandleColor\");\nvar nonAnimatableViewProps = toStylePropsObject(\"alignContent alignItems alignSelf backfaceVisibility borderCurve borderStyle boxSizing cursor direction display flexDirection flexWrap isolation justifyContent mixBlendMode outlineStyle overflow pointerEvents position visibility\");\nvar nonAnimatableFontProps = toStylePropsObject(\"fontFamily fontStyle fontVariant textTransform\");\nvar nonAnimatableTextOnlyProps = toStylePropsObject(toStylePropsObject(\"textAlign textDecorationLine textDecorationStyle userSelect\"), \"writingDirection\");\nvar nonAnimatableUnitlessProps = toStylePropsObject(\"WebkitLineClamp lineClamp\");\nvar webOnlyUnitlessProps = toStylePropsObject(\"animationIterationCount borderImageOutset borderImageSlice borderImageWidth columnCount flexOrder flexPositive flexNegative order orphans tabSize widows zoom scaleZ\");\nvar cssGridProps = toStylePropsObject(\"gridTemplateColumns gridTemplateAreas gridRow gridRowEnd gridRowGap gridRowStart gridColumn gridColumnEnd gridColumnGap gridColumnStart\");\nvar enableCSSGrid = process.env.TAMAGUI_CSS_GRID === \"1\";\nvar nonAnimatableStyleProps = toStylePropsObject(nonAnimatableViewProps, nonAnimatableFontProps, nonAnimatableTextOnlyProps, void 0, enableCSSGrid ? cssGridProps : void 0, void 0, void 0);\nvar stylePropsUnitless = toStylePropsObject(void 0, void 0, void 0, enableCSSGrid ? cssGridProps : void 0, \"aspectRatio flex flexGrow flexShrink fontWeight opacity zIndex scale scaleX scaleY shadowOpacity\");\nvar stylePropsTransform = toStylePropsObject(\"x y scale perspective scaleX scaleY skewX skewY matrix rotate rotateY rotateX rotateZ\");\nvar stylePropsTextOnly = toStylePropsObject(toStylePropsObject(nonAnimatableFontProps, \"fontSize fontWeight letterSpacing lineHeight\"), nonAnimatableTextOnlyProps, textColors, \"textShadow textShadowOffset textShadowRadius textDecoration verticalAlign\", void 0, void 0);\nvar stylePropsView = toStylePropsObject(nonAnimatableViewProps, \"borderBottomWidth borderLeftWidth borderRightWidth borderBlockWidth borderBlockEndWidth borderBlockStartWidth borderInlineWidth borderInlineEndWidth borderInlineStartWidth borderTopWidth borderWidth transform transformOrigin borderEndWidth borderStartWidth bottom end flexBasis gap columnGap rowGap left margin marginBlock marginBlockEnd marginBlockStart marginInline marginInlineStart marginInlineEnd marginBottom marginEnd marginHorizontal marginLeft marginRight marginStart marginTop marginVertical padding paddingBottom paddingInline paddingBlock paddingBlockEnd paddingBlockStart paddingInlineEnd paddingInlineStart paddingEnd paddingHorizontal paddingLeft paddingRight paddingStart paddingTop paddingVertical right start top inset insetBlock insetBlockEnd insetBlockStart insetInline insetInlineEnd insetInlineStart shadowOffset backgroundColor borderColor borderBlockStartColor borderBlockEndColor borderBlockColor borderBottomColor borderInlineColor borderInlineStartColor borderInlineEndColor borderTopColor borderLeftColor borderRightColor borderEndColor borderStartColor shadowColor outlineColor\", void 0, \"borderRadius borderTopLeftRadius borderTopRightRadius borderBottomLeftRadius borderBottomRightRadius borderTopStartRadius borderTopEndRadius borderBottomStartRadius borderBottomEndRadius borderStartStartRadius borderStartEndRadius borderEndStartRadius borderEndEndRadius width height minWidth minHeight maxWidth maxHeight blockSize minBlockSize maxBlockSize inlineSize minInlineSize maxInlineSize shadowRadius\", stylePropsTransform, stylePropsUnitless, isAndroid ? { elevationAndroid: true } : void 0, \"boxShadow border borderBlock borderInline filter background backgroundImage experimental_backgroundImage outline outlineOffset outlineWidth\", \"fill stroke strokeWidth\", void 0, void 0, void 0);\nvar stylePropsText = toStylePropsObject(stylePropsView, stylePropsTextOnly);\nvar stylePropsInput = toStylePropsObject(stylePropsText, inputColors);\nvar stylePropsAll = toStylePropsObject(stylePropsInput, cssStyleProps, cssGridProps, webOnlyStylePropsView, nonAnimatableWebTextProps, \"font\", nonAnimatableUnitlessProps, webOnlyUnitlessProps);\nvar validStyles = stylePropsView;\n\nexport { cssShorthandLonghands, nonAnimatableStyleProps, stylePropsAll, stylePropsInput, stylePropsText, stylePropsTextOnly, stylePropsTransform, stylePropsUnitless, stylePropsView, tokenCategories, validStyles };"],"mappings":";;;;;;;AAMA,IAAI,wBAAwB,mBAAmB,gSAAgS;AAC/U,IAAI,aAAa,mBAAmB,mBAAmB,2BAA2B,GAAG,iBAAiB;AACtG,IAAI,cAAc,mBAAmB,sEAAsE;AAC3G,IAAI,yBAAyB,mBAAmB,sOAAsO;AACtR,IAAI,yBAAyB,mBAAmB,gDAAgD;AAChG,IAAI,6BAA6B,mBAAmB,mBAAmB,6DAA6D,GAAG,kBAAkB;AACzJ,IAAI,6BAA6B,mBAAmB,2BAA2B;AAC/E,IAAI,uBAAuB,mBAAmB,sKAAsK;AACpN,IAAI,eAAe,mBAAmB,yIAAyI;AAC/K,IAAI,gBAAgB,QAAQ,IAAI,qBAAqB;AACrD,IAAI,0BAA0B,mBAAmB,wBAAwB,wBAAwB,4BAA4B,KAAK,GAAG,gBAAgB,eAAe,KAAK,GAAG,KAAK,GAAG,KAAK,CAAC;AAC1L,IAAI,qBAAqB,mBAAmB,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,gBAAgB,eAAe,KAAK,GAAG,kGAAkG;AAC7M,IAAI,sBAAsB,mBAAmB,uFAAuF;AACpI,IAAI,qBAAqB,mBAAmB,mBAAmB,wBAAwB,8CAA8C,GAAG,4BAA4B,YAAY,6EAA6E,KAAK,GAAG,KAAK,CAAC;AAC3Q,IAAI,iBAAiB,mBAAmB,wBAAwB,slCAAslC,KAAK,GAAG,6ZAA6Z,qBAAqB,oBAAoB,YAAY,EAAE,kBAAkB,KAAK,IAAI,KAAK,GAAG,+IAA+I,2BAA2B,KAAK,GAAG,KAAK,GAAG,KAAK,CAAC;AACr1D,IAAI,iBAAiB,mBAAmB,gBAAgB,kBAAkB;AAC1E,IAAI,kBAAkB,mBAAmB,gBAAgB,WAAW;AACpE,IAAI,gBAAgB,mBAAmB,iBAAiB,eAAe,cAAc,uBAAuB,2BAA2B,QAAQ,4BAA4B,oBAAoB;AAC/L,IAAI,cAAc"}

package/dist/esm/webOnlyStyleProps.mjs

@@ -1,9 +1,9 @@
 import { toStylePropsObject } from "./toStylePropsObject.mjs";
 
-const nonAnimatableWebViewProps = toStylePropsObject("backgroundAttachment backgroundBlendMode backgroundClip backgroundOrigin backgroundRepeat borderBottomStyle borderLeftStyle borderRightStyle borderTopStyle contain containerType containerName content float maskBorderMode maskBorderRepeat maskClip maskComposite maskMode maskOrigin maskRepeat maskType objectFit overflowBlock overflowInline overflowX overflowY scrollbarWidth textWrap touchAction transformStyle willChange");
-const nonAnimatableWebTextProps = toStylePropsObject("whiteSpace wordWrap textOverflow WebkitBoxOrient");
-const webOnlyStylePropsView = toStylePropsObject(nonAnimatableWebViewProps, "transition transitionProperty transitionDuration transitionTimingFunction transitionDelay transitionBehavior backdropFilter WebkitBackdropFilter borderTop borderRight borderBottom borderLeft backgroundPosition backgroundSize borderImage caretColor clipPath mask maskBorder maskBorderOutset maskBorderSlice maskBorderSource maskBorderWidth maskImage maskPosition maskSize objectPosition textEmphasis userSelect overflowWrap wordWrap resize");
-const webOnlyStylePropsText = toStylePropsObject(nonAnimatableWebTextProps, "textDecorationDistance WebkitLineClamp");
+const nonAnimatableWebViewProps = /* @__PURE__ */ toStylePropsObject("backgroundAttachment backgroundBlendMode backgroundClip backgroundOrigin backgroundRepeat borderBlockStyle borderBlockEndStyle borderBlockStartStyle borderInlineStyle borderInlineEndStyle borderInlineStartStyle borderBottomStyle borderLeftStyle borderRightStyle borderTopStyle contain containerType containerName content float maskBorderMode maskBorderRepeat maskClip maskComposite maskMode maskOrigin maskRepeat maskType objectFit overflowBlock overflowInline overflowX overflowY scrollbarWidth textWrap touchAction transformStyle willChange");
+const nonAnimatableWebTextProps = /* @__PURE__ */ toStylePropsObject("whiteSpace wordWrap textOverflow WebkitBoxOrient");
+const webOnlyStylePropsView = /* @__PURE__ */ toStylePropsObject(nonAnimatableWebViewProps, "transition transitionProperty transitionDuration transitionTimingFunction transitionDelay transitionBehavior backdropFilter WebkitBackdropFilter borderTop borderRight borderBottom borderLeft backgroundPosition backgroundSize borderImage caretColor clipPath mask maskBorder maskBorderOutset maskBorderSlice maskBorderSource maskBorderWidth maskImage maskPosition maskSize objectPosition textEmphasis userSelect overflowWrap wordWrap resize");
+const webOnlyStylePropsText = /* @__PURE__ */ toStylePropsObject(nonAnimatableWebTextProps, "textDecorationDistance WebkitLineClamp");
 
 export { nonAnimatableWebTextProps, nonAnimatableWebViewProps, webOnlyStylePropsText, webOnlyStylePropsView };
 //# sourceMappingURL=webOnlyStyleProps.mjs.map

package/dist/esm/webOnlyStyleProps.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"webOnlyStyleProps.js","names":["toObj"],"sources":["esm/webOnlyStyleProps.js"],"sourcesContent":["import { toStylePropsObject as toObj } from \"./toStylePropsObject\";\nconst nonAnimatableWebViewProps = toObj(\n  \"backgroundAttachment backgroundBlendMode backgroundClip backgroundOrigin backgroundRepeat borderBottomStyle borderLeftStyle borderRightStyle borderTopStyle contain containerType containerName content float maskBorderMode maskBorderRepeat maskClip maskComposite maskMode maskOrigin maskRepeat maskType objectFit overflowBlock overflowInline overflowX overflowY scrollbarWidth textWrap touchAction transformStyle willChange\"\n);\nconst nonAnimatableWebTextProps = toObj(\n  \"whiteSpace wordWrap textOverflow WebkitBoxOrient\"\n);\nconst webOnlyStylePropsView = toObj(\n  nonAnimatableWebViewProps,\n  \"transition transitionProperty transitionDuration transitionTimingFunction transitionDelay transitionBehavior backdropFilter WebkitBackdropFilter borderTop borderRight borderBottom borderLeft backgroundPosition backgroundSize borderImage caretColor clipPath mask maskBorder maskBorderOutset maskBorderSlice maskBorderSource maskBorderWidth maskImage maskPosition maskSize objectPosition textEmphasis userSelect overflowWrap wordWrap resize\"\n);\nconst webOnlyStylePropsText = toObj(\n  nonAnimatableWebTextProps,\n  \"textDecorationDistance WebkitLineClamp\"\n);\nexport {\n  nonAnimatableWebTextProps,\n  nonAnimatableWebViewProps,\n  webOnlyStylePropsText,\n  webOnlyStylePropsView\n};\n//# sourceMappingURL=webOnlyStyleProps.js.map\n"],"mappings":";;;AACA,MAAM,4BAA4BA,mBAChC,uaACF;AACA,MAAM,4BAA4BA,mBAChC,kDACF;AACA,MAAM,wBAAwBA,mBAC5B,2BACA,wbACF;AACA,MAAM,wBAAwBA,mBAC5B,2BACA,wCACF"}
+{"version":3,"file":"webOnlyStyleProps.js","names":[],"sources":["esm/webOnlyStyleProps.js"],"sourcesContent":["import { toStylePropsObject as toObj } from \"./toStylePropsObject\";\nconst nonAnimatableWebViewProps = /* @__PURE__ */ toObj(\n  \"backgroundAttachment backgroundBlendMode backgroundClip backgroundOrigin backgroundRepeat borderBlockStyle borderBlockEndStyle borderBlockStartStyle borderInlineStyle borderInlineEndStyle borderInlineStartStyle borderBottomStyle borderLeftStyle borderRightStyle borderTopStyle contain containerType containerName content float maskBorderMode maskBorderRepeat maskClip maskComposite maskMode maskOrigin maskRepeat maskType objectFit overflowBlock overflowInline overflowX overflowY scrollbarWidth textWrap touchAction transformStyle willChange\"\n);\nconst nonAnimatableWebTextProps = /* @__PURE__ */ toObj(\n  \"whiteSpace wordWrap textOverflow WebkitBoxOrient\"\n);\nconst webOnlyStylePropsView = /* @__PURE__ */ toObj(\n  nonAnimatableWebViewProps,\n  \"transition transitionProperty transitionDuration transitionTimingFunction transitionDelay transitionBehavior backdropFilter WebkitBackdropFilter borderTop borderRight borderBottom borderLeft backgroundPosition backgroundSize borderImage caretColor clipPath mask maskBorder maskBorderOutset maskBorderSlice maskBorderSource maskBorderWidth maskImage maskPosition maskSize objectPosition textEmphasis userSelect overflowWrap wordWrap resize\"\n);\nconst webOnlyStylePropsText = /* @__PURE__ */ toObj(\n  nonAnimatableWebTextProps,\n  \"textDecorationDistance WebkitLineClamp\"\n);\nexport {\n  nonAnimatableWebTextProps,\n  nonAnimatableWebViewProps,\n  webOnlyStylePropsText,\n  webOnlyStylePropsView\n};\n//# sourceMappingURL=webOnlyStyleProps.js.map\n"],"mappings":";;;AACA,MAAM,4BAA4C,mCAChD,giBACF;AACA,MAAM,4BAA4C,mCAChD,kDACF;AACA,MAAM,wBAAwC,mCAC5C,2BACA,wbACF;AACA,MAAM,wBAAwC,mCAC5C,2BACA,wCACF"}

package/dist/esm/webOnlyStyleProps.native.js

@@ -1,9 +1,9 @@
 import { toStylePropsObject } from "./toStylePropsObject.native.js";
 
-var nonAnimatableWebViewProps = toStylePropsObject("backgroundAttachment backgroundBlendMode backgroundClip backgroundOrigin backgroundRepeat borderBottomStyle borderLeftStyle borderRightStyle borderTopStyle contain containerType containerName content float maskBorderMode maskBorderRepeat maskClip maskComposite maskMode maskOrigin maskRepeat maskType objectFit overflowBlock overflowInline overflowX overflowY scrollbarWidth textWrap touchAction transformStyle willChange");
-var nonAnimatableWebTextProps = toStylePropsObject("whiteSpace wordWrap textOverflow WebkitBoxOrient");
-var webOnlyStylePropsView = toStylePropsObject(nonAnimatableWebViewProps, "transition transitionProperty transitionDuration transitionTimingFunction transitionDelay transitionBehavior backdropFilter WebkitBackdropFilter borderTop borderRight borderBottom borderLeft backgroundPosition backgroundSize borderImage caretColor clipPath mask maskBorder maskBorderOutset maskBorderSlice maskBorderSource maskBorderWidth maskImage maskPosition maskSize objectPosition textEmphasis userSelect overflowWrap wordWrap resize");
-var webOnlyStylePropsText = toStylePropsObject(nonAnimatableWebTextProps, "textDecorationDistance WebkitLineClamp");
+var nonAnimatableWebViewProps = /* @__PURE__ */ toStylePropsObject("backgroundAttachment backgroundBlendMode backgroundClip backgroundOrigin backgroundRepeat borderBlockStyle borderBlockEndStyle borderBlockStartStyle borderInlineStyle borderInlineEndStyle borderInlineStartStyle borderBottomStyle borderLeftStyle borderRightStyle borderTopStyle contain containerType containerName content float maskBorderMode maskBorderRepeat maskClip maskComposite maskMode maskOrigin maskRepeat maskType objectFit overflowBlock overflowInline overflowX overflowY scrollbarWidth textWrap touchAction transformStyle willChange");
+var nonAnimatableWebTextProps = /* @__PURE__ */ toStylePropsObject("whiteSpace wordWrap textOverflow WebkitBoxOrient");
+var webOnlyStylePropsView = /* @__PURE__ */ toStylePropsObject(nonAnimatableWebViewProps, "transition transitionProperty transitionDuration transitionTimingFunction transitionDelay transitionBehavior backdropFilter WebkitBackdropFilter borderTop borderRight borderBottom borderLeft backgroundPosition backgroundSize borderImage caretColor clipPath mask maskBorder maskBorderOutset maskBorderSlice maskBorderSource maskBorderWidth maskImage maskPosition maskSize objectPosition textEmphasis userSelect overflowWrap wordWrap resize");
+var webOnlyStylePropsText = /* @__PURE__ */ toStylePropsObject(nonAnimatableWebTextProps, "textDecorationDistance WebkitLineClamp");
 
 export { nonAnimatableWebTextProps, nonAnimatableWebViewProps, webOnlyStylePropsText, webOnlyStylePropsView };
 //# sourceMappingURL=webOnlyStyleProps.native.js.map

package/dist/esm/webOnlyStyleProps.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"webOnlyStyleProps.native.js","names":["toObj"],"sources":["esm/webOnlyStyleProps.native.js"],"sourcesContent":["import { toStylePropsObject as toObj } from \"./toStylePropsObject\";\nvar nonAnimatableWebViewProps = toObj(\"backgroundAttachment backgroundBlendMode backgroundClip backgroundOrigin backgroundRepeat borderBottomStyle borderLeftStyle borderRightStyle borderTopStyle contain containerType containerName content float maskBorderMode maskBorderRepeat maskClip maskComposite maskMode maskOrigin maskRepeat maskType objectFit overflowBlock overflowInline overflowX overflowY scrollbarWidth textWrap touchAction transformStyle willChange\");\nvar nonAnimatableWebTextProps = toObj(\"whiteSpace wordWrap textOverflow WebkitBoxOrient\");\nvar webOnlyStylePropsView = toObj(nonAnimatableWebViewProps, \"transition transitionProperty transitionDuration transitionTimingFunction transitionDelay transitionBehavior backdropFilter WebkitBackdropFilter borderTop borderRight borderBottom borderLeft backgroundPosition backgroundSize borderImage caretColor clipPath mask maskBorder maskBorderOutset maskBorderSlice maskBorderSource maskBorderWidth maskImage maskPosition maskSize objectPosition textEmphasis userSelect overflowWrap wordWrap resize\");\nvar webOnlyStylePropsText = toObj(nonAnimatableWebTextProps, \"textDecorationDistance WebkitLineClamp\");\nexport {\n  nonAnimatableWebTextProps,\n  nonAnimatableWebViewProps,\n  webOnlyStylePropsText,\n  webOnlyStylePropsView\n};\n//# sourceMappingURL=webOnlyStyleProps.js.map\n"],"mappings":";;;AACA,IAAI,4BAA4BA,mBAAM,uaAAua;AAC7c,IAAI,4BAA4BA,mBAAM,kDAAkD;AACxF,IAAI,wBAAwBA,mBAAM,2BAA2B,wbAAwb;AACrf,IAAI,wBAAwBA,mBAAM,2BAA2B,wCAAwC"}
+{"version":3,"file":"webOnlyStyleProps.native.js","names":[],"sources":["esm/webOnlyStyleProps.native.js"],"sourcesContent":["import { toStylePropsObject as toObj } from \"./toStylePropsObject\";\nvar nonAnimatableWebViewProps = /* @__PURE__ */ toObj(\"backgroundAttachment backgroundBlendMode backgroundClip backgroundOrigin backgroundRepeat borderBlockStyle borderBlockEndStyle borderBlockStartStyle borderInlineStyle borderInlineEndStyle borderInlineStartStyle borderBottomStyle borderLeftStyle borderRightStyle borderTopStyle contain containerType containerName content float maskBorderMode maskBorderRepeat maskClip maskComposite maskMode maskOrigin maskRepeat maskType objectFit overflowBlock overflowInline overflowX overflowY scrollbarWidth textWrap touchAction transformStyle willChange\");\nvar nonAnimatableWebTextProps = /* @__PURE__ */ toObj(\"whiteSpace wordWrap textOverflow WebkitBoxOrient\");\nvar webOnlyStylePropsView = /* @__PURE__ */ toObj(nonAnimatableWebViewProps, \"transition transitionProperty transitionDuration transitionTimingFunction transitionDelay transitionBehavior backdropFilter WebkitBackdropFilter borderTop borderRight borderBottom borderLeft backgroundPosition backgroundSize borderImage caretColor clipPath mask maskBorder maskBorderOutset maskBorderSlice maskBorderSource maskBorderWidth maskImage maskPosition maskSize objectPosition textEmphasis userSelect overflowWrap wordWrap resize\");\nvar webOnlyStylePropsText = /* @__PURE__ */ toObj(nonAnimatableWebTextProps, \"textDecorationDistance WebkitLineClamp\");\nexport {\n  nonAnimatableWebTextProps,\n  nonAnimatableWebViewProps,\n  webOnlyStylePropsText,\n  webOnlyStylePropsView\n};\n//# sourceMappingURL=webOnlyStyleProps.js.map\n"],"mappings":";;;AACA,IAAI,4BAA4C,mCAAM,giBAAgiB;AACtlB,IAAI,4BAA4C,mCAAM,kDAAkD;AACxG,IAAI,wBAAwC,mCAAM,2BAA2B,wbAAwb;AACrgB,IAAI,wBAAwC,mCAAM,2BAA2B,wCAAwC"}

package/package.json

@@ -1,6 +1,7 @@
 {
   "name": "@tamagui/helpers",
-  "version": "3.0.0-beta.924.1",
+  "version": "3.0.1",
+  "license": "MIT",
   "gitHead": "a49cc7ea6b93ba384e77a4880ae48ac4a5635c14",
   "source": "src/index.ts",
   "files": [
@@ -44,12 +45,12 @@
     "clean:build": "tamagui-build clean:build"
   },
   "dependencies": {
-    "@tamagui/constants": "3.0.0-beta.924.1",
-    "@tamagui/simple-hash": "3.0.0-beta.924.1",
-    "@tamagui/style-grammar": "3.0.0-beta.924.1"
+    "@tamagui/constants": "3.0.1",
+    "@tamagui/simple-hash": "3.0.1",
+    "@tamagui/style-grammar": "3.0.1"
   },
   "devDependencies": {
-    "@tamagui/build": "3.0.0-beta.924.1",
+    "@tamagui/build": "3.0.1",
     "react": "19.2.3"
   },
   "peerDependencies": {
@@ -59,5 +60,6 @@
     "type": "git",
     "url": "git+https://github.com/tamagui/tamagui.git",
     "directory": "code/core/helpers"
-  }
+  },
+  "releaseSourceCommit": "c156b7cc55e5a6cc5883ebc8189720850ac32dbd"
 }

package/src/cssStyleProps.ts

@@ -0,0 +1,373 @@
+// generated from csstype 3.2.3; run node scripts/generate-css-style-props.mjs.
+
+export const cssStyleProps = {
+  accentColor: true,
+  alignmentBaseline: true,
+  alignTracks: true,
+  all: true,
+  anchorName: true,
+  anchorScope: true,
+  animation: true,
+  animationComposition: true,
+  animationDelay: true,
+  animationDirection: true,
+  animationDuration: true,
+  animationFillMode: true,
+  animationName: true,
+  animationPlayState: true,
+  animationRange: true,
+  animationRangeEnd: true,
+  animationRangeStart: true,
+  animationTimeline: true,
+  animationTimingFunction: true,
+  appearance: true,
+  backgroundPositionX: true,
+  backgroundPositionY: true,
+  baselineShift: true,
+  borderBlockEnd: true,
+  borderBlockStart: true,
+  borderCollapse: true,
+  borderImageRepeat: true,
+  borderImageSource: true,
+  borderInlineEnd: true,
+  borderInlineStart: true,
+  borderSpacing: true,
+  boxAlign: true,
+  boxDecorationBreak: true,
+  boxDirection: true,
+  boxFlex: true,
+  boxFlexGroup: true,
+  boxLines: true,
+  boxOrdinalGroup: true,
+  boxOrient: true,
+  boxPack: true,
+  breakAfter: true,
+  breakBefore: true,
+  breakInside: true,
+  captionSide: true,
+  caret: true,
+  caretShape: true,
+  clear: true,
+  clip: true,
+  clipRule: true,
+  colorAdjust: true,
+  colorInterpolation: true,
+  colorInterpolationFilters: true,
+  colorRendering: true,
+  colorScheme: true,
+  columnFill: true,
+  columnRule: true,
+  columnRuleColor: true,
+  columnRuleStyle: true,
+  columnRuleWidth: true,
+  columns: true,
+  columnSpan: true,
+  columnWidth: true,
+  container: true,
+  containIntrinsicBlockSize: true,
+  containIntrinsicHeight: true,
+  containIntrinsicInlineSize: true,
+  containIntrinsicSize: true,
+  containIntrinsicWidth: true,
+  contentVisibility: true,
+  counterIncrement: true,
+  counterReset: true,
+  counterSet: true,
+  cx: true,
+  cy: true,
+  d: true,
+  dominantBaseline: true,
+  emptyCells: true,
+  fieldSizing: true,
+  fill: true,
+  fillOpacity: true,
+  fillRule: true,
+  flexFlow: true,
+  floodColor: true,
+  floodOpacity: true,
+  fontFeatureSettings: true,
+  fontKerning: true,
+  fontLanguageOverride: true,
+  fontOpticalSizing: true,
+  fontPalette: true,
+  fontSizeAdjust: true,
+  fontSmooth: true,
+  fontStretch: true,
+  fontSynthesis: true,
+  fontSynthesisPosition: true,
+  fontSynthesisSmallCaps: true,
+  fontSynthesisStyle: true,
+  fontSynthesisWeight: true,
+  fontVariantAlternates: true,
+  fontVariantCaps: true,
+  fontVariantEastAsian: true,
+  fontVariantEmoji: true,
+  fontVariantLigatures: true,
+  fontVariantNumeric: true,
+  fontVariantPosition: true,
+  fontVariationSettings: true,
+  fontWidth: true,
+  forcedColorAdjust: true,
+  glyphOrientationVertical: true,
+  grid: true,
+  gridArea: true,
+  gridAutoColumns: true,
+  gridAutoFlow: true,
+  gridAutoRows: true,
+  gridGap: true,
+  gridTemplate: true,
+  gridTemplateRows: true,
+  hangingPunctuation: true,
+  hyphenateCharacter: true,
+  hyphenateLimitChars: true,
+  hyphens: true,
+  imageOrientation: true,
+  imageRendering: true,
+  imageResolution: true,
+  imeMode: true,
+  initialLetter: true,
+  initialLetterAlign: true,
+  insetArea: true,
+  interpolateSize: true,
+  justifyItems: true,
+  justifySelf: true,
+  justifyTracks: true,
+  KhtmlBoxAlign: true,
+  KhtmlBoxDirection: true,
+  KhtmlBoxFlex: true,
+  KhtmlBoxFlexGroup: true,
+  KhtmlBoxLines: true,
+  KhtmlBoxOrdinalGroup: true,
+  KhtmlBoxOrient: true,
+  KhtmlBoxPack: true,
+  KhtmlLineBreak: true,
+  KhtmlOpacity: true,
+  KhtmlUserSelect: true,
+  lightingColor: true,
+  lineBreak: true,
+  lineHeightStep: true,
+  listStyle: true,
+  listStyleImage: true,
+  listStylePosition: true,
+  listStyleType: true,
+  marginTrim: true,
+  marker: true,
+  markerEnd: true,
+  markerMid: true,
+  markerStart: true,
+  masonryAutoFlow: true,
+  mathDepth: true,
+  mathShift: true,
+  mathStyle: true,
+  maxLines: true,
+  motion: true,
+  motionDistance: true,
+  motionPath: true,
+  motionRotation: true,
+  OAnimation: true,
+  OAnimationDelay: true,
+  OAnimationDirection: true,
+  OAnimationDuration: true,
+  OAnimationFillMode: true,
+  OAnimationIterationCount: true,
+  OAnimationName: true,
+  OAnimationPlayState: true,
+  OAnimationTimingFunction: true,
+  OBackgroundSize: true,
+  objectViewBox: true,
+  OBorderImage: true,
+  offset: true,
+  offsetAnchor: true,
+  offsetBlock: true,
+  offsetBlockEnd: true,
+  offsetBlockStart: true,
+  offsetDistance: true,
+  offsetInline: true,
+  offsetInlineEnd: true,
+  offsetInlineStart: true,
+  offsetPath: true,
+  offsetPosition: true,
+  offsetRotate: true,
+  offsetRotation: true,
+  OObjectFit: true,
+  OObjectPosition: true,
+  OTabSize: true,
+  OTextOverflow: true,
+  OTransform: true,
+  OTransformOrigin: true,
+  OTransition: true,
+  OTransitionDelay: true,
+  OTransitionDuration: true,
+  OTransitionProperty: true,
+  OTransitionTimingFunction: true,
+  overflowAnchor: true,
+  overflowClipBox: true,
+  overflowClipMargin: true,
+  overlay: true,
+  overscrollBehavior: true,
+  overscrollBehaviorBlock: true,
+  overscrollBehaviorInline: true,
+  overscrollBehaviorX: true,
+  overscrollBehaviorY: true,
+  page: true,
+  pageBreakAfter: true,
+  pageBreakBefore: true,
+  pageBreakInside: true,
+  paintOrder: true,
+  perspectiveOrigin: true,
+  placeContent: true,
+  placeItems: true,
+  placeSelf: true,
+  positionAnchor: true,
+  positionArea: true,
+  positionTry: true,
+  positionTryFallbacks: true,
+  positionTryOptions: true,
+  positionTryOrder: true,
+  positionVisibility: true,
+  printColorAdjust: true,
+  quotes: true,
+  r: true,
+  rubyAlign: true,
+  rubyMerge: true,
+  rubyOverhang: true,
+  rubyPosition: true,
+  rx: true,
+  ry: true,
+  scrollbarColor: true,
+  scrollbarGutter: true,
+  scrollBehavior: true,
+  scrollInitialTarget: true,
+  scrollMargin: true,
+  scrollMarginBlock: true,
+  scrollMarginBlockEnd: true,
+  scrollMarginBlockStart: true,
+  scrollMarginBottom: true,
+  scrollMarginInline: true,
+  scrollMarginInlineEnd: true,
+  scrollMarginInlineStart: true,
+  scrollMarginLeft: true,
+  scrollMarginRight: true,
+  scrollMarginTop: true,
+  scrollPadding: true,
+  scrollPaddingBlock: true,
+  scrollPaddingBlockEnd: true,
+  scrollPaddingBlockStart: true,
+  scrollPaddingBottom: true,
+  scrollPaddingInline: true,
+  scrollPaddingInlineEnd: true,
+  scrollPaddingInlineStart: true,
+  scrollPaddingLeft: true,
+  scrollPaddingRight: true,
+  scrollPaddingTop: true,
+  scrollSnapAlign: true,
+  scrollSnapCoordinate: true,
+  scrollSnapDestination: true,
+  scrollSnapMargin: true,
+  scrollSnapMarginBottom: true,
+  scrollSnapMarginLeft: true,
+  scrollSnapMarginRight: true,
+  scrollSnapMarginTop: true,
+  scrollSnapPointsX: true,
+  scrollSnapPointsY: true,
+  scrollSnapStop: true,
+  scrollSnapType: true,
+  scrollSnapTypeX: true,
+  scrollSnapTypeY: true,
+  scrollTimeline: true,
+  scrollTimelineAxis: true,
+  scrollTimelineName: true,
+  shapeImageThreshold: true,
+  shapeMargin: true,
+  shapeOutside: true,
+  shapeRendering: true,
+  speakAs: true,
+  stopColor: true,
+  stopOpacity: true,
+  stroke: true,
+  strokeColor: true,
+  strokeDasharray: true,
+  strokeDashoffset: true,
+  strokeLinecap: true,
+  strokeLinejoin: true,
+  strokeMiterlimit: true,
+  strokeOpacity: true,
+  strokeWidth: true,
+  tableLayout: true,
+  textAlignLast: true,
+  textAnchor: true,
+  textAutospace: true,
+  textBox: true,
+  textBoxEdge: true,
+  textBoxTrim: true,
+  textCombineUpright: true,
+  textDecorationSkip: true,
+  textDecorationSkipInk: true,
+  textDecorationThickness: true,
+  textEmphasisColor: true,
+  textEmphasisPosition: true,
+  textEmphasisStyle: true,
+  textIndent: true,
+  textJustify: true,
+  textOrientation: true,
+  textRendering: true,
+  textSizeAdjust: true,
+  textSpacingTrim: true,
+  textUnderlineOffset: true,
+  textUnderlinePosition: true,
+  textWrapMode: true,
+  textWrapStyle: true,
+  timelineScope: true,
+  transformBox: true,
+  translate: true,
+  unicodeBidi: true,
+  vectorEffect: true,
+  viewTimeline: true,
+  viewTimelineAxis: true,
+  viewTimelineInset: true,
+  viewTimelineName: true,
+  viewTransitionClass: true,
+  viewTransitionName: true,
+  whiteSpaceCollapse: true,
+  wordBreak: true,
+  wordSpacing: true,
+  writingMode: true,
+} as const
+
+export const cssStylePropsUnitless = {
+  animation: true,
+  borderImage: true,
+  boxFlex: true,
+  boxFlexGroup: true,
+  boxOrdinalGroup: true,
+  columns: true,
+  fillOpacity: true,
+  floodOpacity: true,
+  fontSizeAdjust: true,
+  glyphOrientationVertical: true,
+  gridArea: true,
+  hyphenateLimitChars: true,
+  initialLetter: true,
+  KhtmlBoxFlex: true,
+  KhtmlBoxFlexGroup: true,
+  KhtmlBoxOrdinalGroup: true,
+  KhtmlOpacity: true,
+  lineHeight: true,
+  maskBorder: true,
+  maskBorderOutset: true,
+  maskBorderSlice: true,
+  maskBorderWidth: true,
+  mathDepth: true,
+  maxLines: true,
+  OAnimation: true,
+  OAnimationIterationCount: true,
+  OBorderImage: true,
+  OTabSize: true,
+  shapeImageThreshold: true,
+  stopOpacity: true,
+  strokeDasharray: true,
+  strokeDashoffset: true,
+  strokeMiterlimit: true,
+  strokeOpacity: true,
+  strokeWidth: true,
+} as const

package/src/themeClassNames.ts

@@ -1,28 +1,26 @@
-const schemePrefix = /^(dark|light)_/
-
-/**
- * The theme classes a `<Theme>` span carries for a resolved theme name.
- *
- * Every level of a compound name gets its own class so CSS variables inherit
- * through the whole chain ("red_surface1" is `t_red t_red_surface1`). The zero
- * compiler emits these directly, so this has to be the only implementation:
- * a compiled span that spells its classes differently would resolve different
- * variables than the runtime does for the same authored tree.
- */
-export function getThemeClassNames(name: string, isRoot = false): string {
-  const themeClassName = name.replace(schemePrefix, '')
-  const fullThemeClassName = name === themeClassName ? '' : ` t_${name}`
-
-  const themeNameParts = themeClassName.split('_')
-  let themeClasses = `t_${themeClassName}${fullThemeClassName}`
+// read a complete scheme segment so names such as "lightsaber" stay distinct.
+const schemePrefix = /^(light|dark)(?=_|$)/
+export function getThemeScheme(name: string): 'light' | 'dark' | undefined {
+  return schemePrefix.exec(name)?.[0] as 'light' | 'dark' | undefined
+}
 
-  if (themeNameParts.length > 1) {
-    const hierarchyClasses: string[] = []
-    for (let i = 1; i <= themeNameParts.length; i++) {
-      hierarchyClasses.push(`t_${themeNameParts.slice(0, i).join('_')}`)
+// runtime and zero output share this hierarchy. inherited schemes follow the
+// document class; only authored schemes emit the more specific full-name class.
+export function getThemeClassNames(
+  name: string,
+  isRoot?: boolean,
+  schemeAuthored?: boolean
+): string {
+  const scheme = getThemeScheme(name)
+  const relativeName = scheme ? name.slice(scheme.length + 1) : name
+  let classes = isRoot ? '' : 't_sub_theme'
+  if (relativeName) {
+    let prefix = 't'
+    for (const part of relativeName.split('_')) {
+      prefix += `_${part}`
+      classes += ` ${prefix}`
     }
-    themeClasses = `${hierarchyClasses.join(' ')}${fullThemeClassName}`
   }
-
-  return `${isRoot ? '' : 't_sub_theme'} ${themeClasses}`
+  if (schemeAuthored && scheme) classes += ` t_${name}`
+  return classes
 }