@yahoo/uds-v5-wip 1.35.0 → 1.36.1

package/dist/foundational-presets/dist/style-props.js

@@ -0,0 +1,1384 @@
+import { __exportAll } from "../../_virtual/_rolldown/runtime.js";
+import { defineStyleProp } from "../../config/dist/defineStyleProp.js";
+import "../../config/dist/index.js";
+//#region ../foundational-presets/dist/style-props.js
+var style_props_exports = /* @__PURE__ */ __exportAll({
+	alignContent: () => alignContent,
+	alignItems: () => alignItems,
+	alignSelf: () => alignSelf,
+	animation: () => animation,
+	appearance: () => appearance,
+	aspectRatio: () => aspectRatio,
+	backdropBlur: () => backdropBlur,
+	bg: () => bg,
+	bgBlendMode: () => bgBlendMode,
+	blur: () => blur,
+	border: () => border,
+	borderBottom: () => borderBottom,
+	borderBottomColor: () => borderBottomColor,
+	borderBottomWidth: () => borderBottomWidth,
+	borderColor: () => borderColor,
+	borderEnd: () => borderEnd,
+	borderEndColor: () => borderEndColor,
+	borderEndWidth: () => borderEndWidth,
+	borderLeft: () => borderLeft,
+	borderLeftColor: () => borderLeftColor,
+	borderLeftWidth: () => borderLeftWidth,
+	borderRadius: () => borderRadius,
+	borderRadiusBottom: () => borderRadiusBottom,
+	borderRadiusBottomEnd: () => borderRadiusBottomEnd,
+	borderRadiusBottomStart: () => borderRadiusBottomStart,
+	borderRadiusEnd: () => borderRadiusEnd,
+	borderRadiusStart: () => borderRadiusStart,
+	borderRadiusTop: () => borderRadiusTop,
+	borderRadiusTopEnd: () => borderRadiusTopEnd,
+	borderRadiusTopStart: () => borderRadiusTopStart,
+	borderRight: () => borderRight,
+	borderRightColor: () => borderRightColor,
+	borderRightWidth: () => borderRightWidth,
+	borderStart: () => borderStart,
+	borderStartColor: () => borderStartColor,
+	borderStartWidth: () => borderStartWidth,
+	borderTop: () => borderTop,
+	borderTopColor: () => borderTopColor,
+	borderTopWidth: () => borderTopWidth,
+	borderWidth: () => borderWidth,
+	borderX: () => borderX,
+	borderXColor: () => borderXColor,
+	borderXWidth: () => borderXWidth,
+	borderY: () => borderY,
+	borderYColor: () => borderYColor,
+	borderYWidth: () => borderYWidth,
+	bottom: () => bottom,
+	boxSizing: () => boxSizing,
+	break: () => _break,
+	brightness: () => brightness,
+	caretColor: () => caretColor,
+	color: () => color,
+	columns: () => columns,
+	container: () => container,
+	contrast: () => contrast,
+	cursor: () => cursor,
+	display: () => display,
+	divideColor: () => divideColor,
+	divideStyle: () => divideStyle,
+	divideWidth: () => divideWidth,
+	fillColor: () => fillColor,
+	flex: () => flex,
+	flexDirection: () => flexDirection,
+	flexGrow: () => flexGrow,
+	flexShrink: () => flexShrink,
+	flexWrap: () => flexWrap,
+	fontFamily: () => fontFamily,
+	fontSize: () => fontSize,
+	fontSmoothing: () => fontSmoothing,
+	fontStretch: () => fontStretch,
+	fontStyle: () => fontStyle,
+	fontVariantNumeric: () => fontVariantNumeric,
+	fontWeight: () => fontWeight,
+	gap: () => gap,
+	gapX: () => gapX,
+	gapY: () => gapY,
+	gridColumnEnd: () => gridColumnEnd,
+	gridColumnSpan: () => gridColumnSpan,
+	gridColumnStart: () => gridColumnStart,
+	gridRowEnd: () => gridRowEnd,
+	gridRowSpan: () => gridRowSpan,
+	gridRowStart: () => gridRowStart,
+	gridTemplateColumns: () => gridTemplateColumns,
+	gridTemplateRows: () => gridTemplateRows,
+	group: () => group,
+	height: () => height,
+	hyphens: () => hyphens,
+	indent: () => indent,
+	inset: () => inset,
+	insetX: () => insetX,
+	insetY: () => insetY,
+	isolate: () => isolate,
+	justifyContent: () => justifyContent,
+	left: () => left,
+	letterSpacing: () => letterSpacing,
+	lineClamp: () => lineClamp,
+	lineHeight: () => lineHeight,
+	listStyleImage: () => listStyleImage,
+	listStylePosition: () => listStylePosition,
+	listStyleType: () => listStyleType,
+	margin: () => margin,
+	marginBottom: () => marginBottom,
+	marginEnd: () => marginEnd,
+	marginLeft: () => marginLeft,
+	marginRight: () => marginRight,
+	marginStart: () => marginStart,
+	marginTop: () => marginTop,
+	marginX: () => marginX,
+	marginY: () => marginY,
+	maxHeight: () => maxHeight,
+	maxWidth: () => maxWidth,
+	minHeight: () => minHeight,
+	minWidth: () => minWidth,
+	mixBlendMode: () => mixBlendMode,
+	motion: () => motion,
+	objectFit: () => objectFit,
+	objectPosition: () => objectPosition,
+	offset: () => offset,
+	offsetBottom: () => offsetBottom,
+	offsetEnd: () => offsetEnd,
+	offsetLeft: () => offsetLeft,
+	offsetRight: () => offsetRight,
+	offsetStart: () => offsetStart,
+	offsetTop: () => offsetTop,
+	offsetX: () => offsetX,
+	offsetY: () => offsetY,
+	opacity: () => opacity,
+	outlineColor: () => outlineColor,
+	outlineOffset: () => outlineOffset,
+	outlineStyle: () => outlineStyle,
+	outlineWidth: () => outlineWidth,
+	overflow: () => overflow,
+	overflowX: () => overflowX,
+	overflowY: () => overflowY,
+	overscrollBehavior: () => overscrollBehavior,
+	placeContent: () => placeContent,
+	placeItems: () => placeItems,
+	placeSelf: () => placeSelf,
+	pointerEvents: () => pointerEvents,
+	position: () => position,
+	resize: () => resize,
+	right: () => right,
+	ringColor: () => ringColor,
+	ringInset: () => ringInset,
+	ringOffsetColor: () => ringOffsetColor,
+	ringOffsetWidth: () => ringOffsetWidth,
+	ringWidth: () => ringWidth,
+	rotate: () => rotate,
+	scale: () => scale,
+	scaleX: () => scaleX,
+	scaleY: () => scaleY,
+	scrollBehavior: () => scrollBehavior,
+	scrollSnap: () => scrollSnap,
+	scrollSnapAlign: () => scrollSnapAlign,
+	scrollSnapGap: () => scrollSnapGap,
+	scrollSnapGapBottom: () => scrollSnapGapBottom,
+	scrollSnapGapEnd: () => scrollSnapGapEnd,
+	scrollSnapGapStart: () => scrollSnapGapStart,
+	scrollSnapGapTop: () => scrollSnapGapTop,
+	scrollSnapGapX: () => scrollSnapGapX,
+	scrollSnapGapY: () => scrollSnapGapY,
+	scrollSnapSpacing: () => scrollSnapSpacing,
+	scrollSnapSpacingBottom: () => scrollSnapSpacingBottom,
+	scrollSnapSpacingEnd: () => scrollSnapSpacingEnd,
+	scrollSnapSpacingStart: () => scrollSnapSpacingStart,
+	scrollSnapSpacingTop: () => scrollSnapSpacingTop,
+	scrollSnapSpacingX: () => scrollSnapSpacingX,
+	scrollSnapSpacingY: () => scrollSnapSpacingY,
+	scrollSnapStop: () => scrollSnapStop,
+	scrollbarColor: () => scrollbarColor,
+	scrollbarWidth: () => scrollbarWidth,
+	shadow: () => shadow,
+	shadowColor: () => shadowColor,
+	skewX: () => skewX,
+	skewY: () => skewY,
+	spacing: () => spacing,
+	spacingBottom: () => spacingBottom,
+	spacingEnd: () => spacingEnd,
+	spacingLeft: () => spacingLeft,
+	spacingRight: () => spacingRight,
+	spacingStart: () => spacingStart,
+	spacingTop: () => spacingTop,
+	spacingX: () => spacingX,
+	spacingY: () => spacingY,
+	strokeColor: () => strokeColor,
+	strokeWidth: () => strokeWidth,
+	tableBorderCollapse: () => tableBorderCollapse,
+	tableBorderSpacing: () => tableBorderSpacing,
+	tableBorderSpacingX: () => tableBorderSpacingX,
+	tableBorderSpacingY: () => tableBorderSpacingY,
+	tableCaptionSide: () => tableCaptionSide,
+	tableLayout: () => tableLayout,
+	textAlign: () => textAlign,
+	textDecorationColor: () => textDecorationColor,
+	textDecorationLine: () => textDecorationLine,
+	textDecorationStyle: () => textDecorationStyle,
+	textDecorationThickness: () => textDecorationThickness,
+	textOverflow: () => textOverflow,
+	textOverflowWrap: () => textOverflowWrap,
+	textShadow: () => textShadow,
+	textTransform: () => textTransform,
+	textUnderlineOffset: () => textUnderlineOffset,
+	textWrap: () => textWrap,
+	top: () => top,
+	touchAction: () => touchAction,
+	transformOrigin: () => transformOrigin,
+	transition: () => transition,
+	transitionBehavior: () => transitionBehavior,
+	transitionDelay: () => transitionDelay,
+	transitionDuration: () => transitionDuration,
+	transitionTiming: () => transitionTiming,
+	translateX: () => translateX,
+	translateY: () => translateY,
+	truncate: () => truncate,
+	userSelect: () => userSelect,
+	verticalAlign: () => verticalAlign,
+	visibility: () => visibility,
+	whitespace: () => whitespace,
+	width: () => width,
+	willChange: () => willChange,
+	zIndex: () => zIndex
+});
+const animation = defineStyleProp({
+	cssProperty: "animation",
+	classPrefix: "animation",
+	values: ["{animation}"]
+}).metadata({ label: "Animation" });
+const motion = defineStyleProp({
+	cssProperty: "animation",
+	classPrefix: "motion"
+}).metadata({ label: "Motion" });
+const bg = defineStyleProp({
+	cssProperty: "background-color",
+	classPrefix: "bg",
+	values: ["{color}", "{bg}"],
+	arbitrary: "color"
+}).metadata({ label: "Background" });
+const borderRadius = defineStyleProp({
+	cssProperty: "border-radius",
+	classPrefix: "rounded",
+	values: ["{radius}"],
+	arbitrary: "length-percentage"
+}).metadata({ label: "Border radius" });
+const borderRadiusTop = defineStyleProp({
+	cssProperty: "border-top-left-radius",
+	classPrefix: "rounded-t",
+	values: ["{radius}"],
+	arbitrary: "length-percentage"
+}).metadata({ label: "Border radius top" });
+const borderRadiusBottom = defineStyleProp({
+	cssProperty: "border-bottom-left-radius",
+	classPrefix: "rounded-b",
+	values: ["{radius}"],
+	arbitrary: "length-percentage"
+}).metadata({ label: "Border radius bottom" });
+const borderRadiusStart = defineStyleProp({
+	cssProperty: "border-start-start-radius",
+	classPrefix: "rounded-s",
+	values: ["{radius}"],
+	arbitrary: "length-percentage"
+}).metadata({ label: "Border radius start" });
+const borderRadiusEnd = defineStyleProp({
+	cssProperty: "border-end-start-radius",
+	classPrefix: "rounded-e",
+	values: ["{radius}"],
+	arbitrary: "length-percentage"
+}).metadata({ label: "Border radius end" });
+const borderRadiusTopStart = defineStyleProp({
+	cssProperty: "border-start-start-radius",
+	classPrefix: "rounded-ss",
+	values: ["{radius}"],
+	arbitrary: "length-percentage"
+}).metadata({ label: "Border radius top start" });
+const borderRadiusTopEnd = defineStyleProp({
+	cssProperty: "border-start-end-radius",
+	classPrefix: "rounded-se",
+	values: ["{radius}"],
+	arbitrary: "length-percentage"
+}).metadata({ label: "Border radius top end" });
+const borderRadiusBottomStart = defineStyleProp({
+	cssProperty: "border-end-start-radius",
+	classPrefix: "rounded-es",
+	values: ["{radius}"],
+	arbitrary: "length-percentage"
+}).metadata({ label: "Border radius bottom start" });
+const borderRadiusBottomEnd = defineStyleProp({
+	cssProperty: "border-end-end-radius",
+	classPrefix: "rounded-ee",
+	values: ["{radius}"],
+	arbitrary: "length-percentage"
+}).metadata({ label: "Border radius bottom end" });
+const borderColor = defineStyleProp({
+	cssProperty: "border-color",
+	classPrefix: "border-color",
+	values: ["{color}", "{borderColor}"],
+	arbitrary: "color"
+}).metadata({ label: "Border color" });
+const borderYColor = defineStyleProp({
+	cssProperty: "border-block-color",
+	classPrefix: "border-y-color",
+	values: ["{color}", "{borderColor}"],
+	arbitrary: "color"
+}).metadata({ label: "Border Y color" });
+const borderXColor = defineStyleProp({
+	cssProperty: "border-inline-color",
+	classPrefix: "border-x-color",
+	values: ["{color}", "{borderColor}"],
+	arbitrary: "color"
+}).metadata({ label: "Border X color" });
+const borderStartColor = defineStyleProp({
+	cssProperty: "border-inline-start-color",
+	classPrefix: "border-s-color",
+	values: ["{color}", "{borderColor}"],
+	arbitrary: "color"
+}).metadata({ label: "Border start color" });
+const borderLeftColor = defineStyleProp({
+	cssProperty: "border-left-color",
+	classPrefix: "border-l-color",
+	values: ["{color}", "{borderColor}"],
+	arbitrary: "color"
+}).metadata({ label: "Border left color" });
+const borderEndColor = defineStyleProp({
+	cssProperty: "border-inline-end-color",
+	classPrefix: "border-e-color",
+	values: ["{color}", "{borderColor}"],
+	arbitrary: "color"
+}).metadata({ label: "Border end color" });
+const borderRightColor = defineStyleProp({
+	cssProperty: "border-right-color",
+	classPrefix: "border-r-color",
+	values: ["{color}", "{borderColor}"],
+	arbitrary: "color"
+}).metadata({ label: "Border right color" });
+const borderTopColor = defineStyleProp({
+	cssProperty: "border-top-color",
+	classPrefix: "border-t-color",
+	values: ["{color}", "{borderColor}"],
+	arbitrary: "color"
+}).metadata({ label: "Border top color" });
+const borderBottomColor = defineStyleProp({
+	cssProperty: "border-bottom-color",
+	classPrefix: "border-b-color",
+	values: ["{color}", "{borderColor}"],
+	arbitrary: "color"
+}).metadata({ label: "Border bottom color" });
+const border = defineStyleProp({
+	cssProperty: "border-width",
+	classPrefix: "border"
+}).metadata({ label: "Border" });
+const borderBottom = defineStyleProp({
+	cssProperty: "border-bottom-width",
+	classPrefix: "border-b"
+}).metadata({ label: "Border bottom" });
+const borderTop = defineStyleProp({
+	cssProperty: "border-top-width",
+	classPrefix: "border-t"
+}).metadata({ label: "Border top" });
+const borderLeft = defineStyleProp({
+	cssProperty: "border-left-width",
+	classPrefix: "border-l"
+}).metadata({ label: "Border left" });
+const borderRight = defineStyleProp({
+	cssProperty: "border-right-width",
+	classPrefix: "border-r"
+}).metadata({ label: "Border right" });
+const borderStart = defineStyleProp({
+	cssProperty: "border-inline-start-width",
+	classPrefix: "border-s"
+}).metadata({ label: "Border start" });
+const borderEnd = defineStyleProp({
+	cssProperty: "border-inline-end-width",
+	classPrefix: "border-e"
+}).metadata({ label: "Border end" });
+const borderX = defineStyleProp({
+	cssProperty: "border-inline-width",
+	classPrefix: "border-x"
+}).metadata({ label: "Border X" });
+const borderY = defineStyleProp({
+	cssProperty: "border-block-width",
+	classPrefix: "border-y"
+}).metadata({ label: "Border Y" });
+const borderWidth = defineStyleProp({
+	cssProperty: "border-width",
+	classPrefix: "border-width",
+	values: ["{borderWidth}"],
+	arbitrary: "length-percentage"
+}).metadata({ label: "Border width" });
+const borderYWidth = defineStyleProp({
+	cssProperty: "border-block-width",
+	classPrefix: "border-y-width",
+	values: ["{borderWidth}"]
+}).metadata({ label: "Border Y width" });
+const borderXWidth = defineStyleProp({
+	cssProperty: "border-inline-width",
+	classPrefix: "border-x-width",
+	values: ["{borderWidth}"]
+}).metadata({ label: "Border X width" });
+const borderStartWidth = defineStyleProp({
+	cssProperty: "border-inline-start-width",
+	classPrefix: "border-s-width",
+	values: ["{borderWidth}"]
+}).metadata({ label: "Border start width" });
+const borderLeftWidth = defineStyleProp({
+	cssProperty: "border-left-width",
+	classPrefix: "border-l-width",
+	values: ["{borderWidth}"]
+}).metadata({ label: "Border left width" });
+const borderEndWidth = defineStyleProp({
+	cssProperty: "border-inline-end-width",
+	classPrefix: "border-e-width",
+	values: ["{borderWidth}"]
+}).metadata({ label: "Border end width" });
+const borderRightWidth = defineStyleProp({
+	cssProperty: "border-right-width",
+	classPrefix: "border-r-width",
+	values: ["{borderWidth}"]
+}).metadata({ label: "Border right width" });
+const borderTopWidth = defineStyleProp({
+	cssProperty: "border-top-width",
+	classPrefix: "border-t-width",
+	values: ["{borderWidth}"]
+}).metadata({ label: "Border top width" });
+const borderBottomWidth = defineStyleProp({
+	cssProperty: "border-bottom-width",
+	classPrefix: "border-b-width",
+	values: ["{borderWidth}"]
+}).metadata({ label: "Border bottom width" });
+const color = defineStyleProp({
+	cssProperty: "color",
+	classPrefix: "color",
+	values: ["{color}"],
+	arbitrary: "color"
+}).metadata({ label: "Color" });
+const divideWidth = defineStyleProp({
+	cssProperty: "border-width",
+	classPrefix: "divide",
+	values: ["{divideWidth}"]
+}).metadata({ label: "Divide width" });
+const divideColor = defineStyleProp({
+	cssProperty: "border-color",
+	classPrefix: "divide-color",
+	values: ["{color}", "{borderColor}"],
+	arbitrary: "color"
+}).metadata({ label: "Divide color" });
+const divideStyle = defineStyleProp({
+	cssProperty: "border-style",
+	classPrefix: "divide"
+}).metadata({ label: "Divide style" });
+const mixBlendMode = defineStyleProp({
+	cssProperty: "mix-blend-mode",
+	classPrefix: "mix-blend"
+}).metadata({ label: "Mix blend mode" });
+const bgBlendMode = defineStyleProp({
+	cssProperty: "background-blend-mode",
+	classPrefix: "bg-blend"
+}).metadata({ label: "Background blend mode" });
+const blur = defineStyleProp({
+	cssProperty: "filter",
+	classPrefix: "blur",
+	values: ["{blur}"]
+}).metadata({ label: "Blur" });
+const brightness = defineStyleProp({
+	cssProperty: "filter",
+	classPrefix: "brightness"
+}).metadata({ label: "Brightness" });
+const contrast = defineStyleProp({
+	cssProperty: "filter",
+	classPrefix: "contrast"
+}).metadata({ label: "Contrast" });
+const backdropBlur = defineStyleProp({
+	cssProperty: "backdrop-filter",
+	classPrefix: "backdrop-blur",
+	values: ["{blur}"]
+}).metadata({ label: "Backdrop blur" });
+const flex = defineStyleProp({
+	cssProperty: "flex",
+	classPrefix: "flex",
+	values: ["{flex}"],
+	arbitrary: "number"
+}).metadata({ label: "Flex" });
+const flexDirection = defineStyleProp({
+	cssProperty: "flex-direction",
+	classPrefix: "flex"
+}).metadata({ label: "Flex direction" });
+const flexGrow = defineStyleProp({
+	cssProperty: "flex-grow",
+	classPrefix: "grow",
+	values: ["{flexGrow}"]
+}).metadata({ label: "Flex grow" });
+const flexShrink = defineStyleProp({
+	cssProperty: "flex-shrink",
+	classPrefix: "shrink",
+	values: ["{flexShrink}"]
+}).metadata({ label: "Flex shrink" });
+const flexWrap = defineStyleProp({
+	cssProperty: "flex-wrap",
+	classPrefix: "flex"
+}).metadata({ label: "Flex wrap" });
+const justifyContent = defineStyleProp({
+	cssProperty: "justify-content",
+	classPrefix: "justify"
+}).metadata({ label: "Justify content" });
+const alignItems = defineStyleProp({
+	cssProperty: "align-items",
+	classPrefix: "items"
+}).metadata({ label: "Align items" });
+const alignSelf = defineStyleProp({
+	cssProperty: "align-self",
+	classPrefix: "self"
+}).metadata({ label: "Align self" });
+const alignContent = defineStyleProp({
+	cssProperty: "align-content",
+	classPrefix: "content"
+}).metadata({ label: "Align content" });
+const placeContent = defineStyleProp({
+	cssProperty: "place-content",
+	classPrefix: "place-content"
+}).metadata({ label: "Place content" });
+const placeItems = defineStyleProp({
+	cssProperty: "place-items",
+	classPrefix: "place-items"
+}).metadata({ label: "Place items" });
+const placeSelf = defineStyleProp({
+	cssProperty: "place-self",
+	classPrefix: "place-self"
+}).metadata({ label: "Place self" });
+const gridTemplateColumns = defineStyleProp({
+	cssProperty: "grid-template-columns",
+	classPrefix: "grid-cols"
+}).metadata({ label: "Grid template columns" });
+const gridColumnSpan = defineStyleProp({
+	cssProperty: "grid-column",
+	classPrefix: "col-span"
+}).metadata({ label: "Grid column span" });
+const gridColumnStart = defineStyleProp({
+	cssProperty: "grid-column-start",
+	classPrefix: "col-start"
+}).metadata({ label: "Grid column start" });
+const gridColumnEnd = defineStyleProp({
+	cssProperty: "grid-column-end",
+	classPrefix: "col-end"
+}).metadata({ label: "Grid column end" });
+const gridTemplateRows = defineStyleProp({
+	cssProperty: "grid-template-rows",
+	classPrefix: "grid-rows"
+}).metadata({ label: "Grid template rows" });
+const gridRowSpan = defineStyleProp({
+	cssProperty: "grid-row",
+	classPrefix: "row-span"
+}).metadata({ label: "Grid row span" });
+const gridRowStart = defineStyleProp({
+	cssProperty: "grid-row-start",
+	classPrefix: "row-start"
+}).metadata({ label: "Grid row start" });
+const gridRowEnd = defineStyleProp({
+	cssProperty: "grid-row-end",
+	classPrefix: "row-end"
+}).metadata({ label: "Grid row end" });
+const group = defineStyleProp({
+	cssProperty: "container-type",
+	classPrefix: "group"
+}).metadata({ label: "Group" });
+const appearance = defineStyleProp({
+	cssProperty: "appearance",
+	classPrefix: "appearance"
+}).metadata({ label: "Appearance" });
+const cursor = defineStyleProp({
+	cssProperty: "cursor",
+	classPrefix: "cursor"
+}).metadata({ label: "Cursor" });
+const caretColor = defineStyleProp({
+	cssProperty: "caret-color",
+	classPrefix: "caret-color",
+	values: ["{color}"],
+	arbitrary: "color"
+}).metadata({ label: "Caret color" });
+const pointerEvents = defineStyleProp({
+	cssProperty: "pointer-events",
+	classPrefix: "pointer-events"
+}).metadata({ label: "Pointer events" });
+const resize = defineStyleProp({
+	cssProperty: "resize",
+	classPrefix: "resize"
+}).metadata({ label: "Resize" });
+const scrollBehavior = defineStyleProp({
+	cssProperty: "scroll-behavior",
+	classPrefix: "scroll"
+}).metadata({ label: "Scroll behavior" });
+const scrollSnap = defineStyleProp({
+	cssProperty: "scroll-snap-type",
+	classPrefix: "snap"
+}).metadata({ label: "Scroll snap" });
+const scrollSnapGap = defineStyleProp({
+	cssProperty: "scroll-margin",
+	classPrefix: "scroll-m",
+	values: ["{spacing}"]
+}).metadata({ label: "Scroll snap gap" });
+const scrollSnapGapTop = defineStyleProp({
+	cssProperty: "scroll-margin-top",
+	classPrefix: "scroll-mt",
+	values: ["{spacing}"]
+}).metadata({ label: "Scroll snap gap top" });
+const scrollSnapGapBottom = defineStyleProp({
+	cssProperty: "scroll-margin-bottom",
+	classPrefix: "scroll-mb",
+	values: ["{spacing}"]
+}).metadata({ label: "Scroll snap gap bottom" });
+const scrollSnapGapStart = defineStyleProp({
+	cssProperty: "scroll-margin-inline-start",
+	classPrefix: "scroll-ms",
+	values: ["{spacing}"]
+}).metadata({ label: "Scroll snap gap start" });
+const scrollSnapGapEnd = defineStyleProp({
+	cssProperty: "scroll-margin-inline-end",
+	classPrefix: "scroll-me",
+	values: ["{spacing}"]
+}).metadata({ label: "Scroll snap gap end" });
+const scrollSnapGapX = defineStyleProp({
+	cssProperty: "scroll-margin-inline",
+	classPrefix: "scroll-mx",
+	values: ["{spacing}"]
+}).metadata({ label: "Scroll snap gap X" });
+const scrollSnapGapY = defineStyleProp({
+	cssProperty: "scroll-margin-block",
+	classPrefix: "scroll-my",
+	values: ["{spacing}"]
+}).metadata({ label: "Scroll snap gap Y" });
+const scrollSnapSpacing = defineStyleProp({
+	cssProperty: "scroll-padding",
+	classPrefix: "scroll-p",
+	values: ["{spacing}"]
+}).metadata({ label: "Scroll snap spacing" });
+const scrollSnapSpacingTop = defineStyleProp({
+	cssProperty: "scroll-padding-top",
+	classPrefix: "scroll-pt",
+	values: ["{spacing}"]
+}).metadata({ label: "Scroll snap spacing top" });
+const scrollSnapSpacingBottom = defineStyleProp({
+	cssProperty: "scroll-padding-bottom",
+	classPrefix: "scroll-pb",
+	values: ["{spacing}"]
+}).metadata({ label: "Scroll snap spacing bottom" });
+const scrollSnapSpacingStart = defineStyleProp({
+	cssProperty: "scroll-padding-inline-start",
+	classPrefix: "scroll-ps",
+	values: ["{spacing}"]
+}).metadata({ label: "Scroll snap spacing start" });
+const scrollSnapSpacingEnd = defineStyleProp({
+	cssProperty: "scroll-padding-inline-end",
+	classPrefix: "scroll-pe",
+	values: ["{spacing}"]
+}).metadata({ label: "Scroll snap spacing end" });
+const scrollSnapSpacingX = defineStyleProp({
+	cssProperty: "scroll-padding-inline",
+	classPrefix: "scroll-px",
+	values: ["{spacing}"]
+}).metadata({ label: "Scroll snap spacing X" });
+const scrollSnapSpacingY = defineStyleProp({
+	cssProperty: "scroll-padding-block",
+	classPrefix: "scroll-py",
+	values: ["{spacing}"]
+}).metadata({ label: "Scroll snap spacing Y" });
+const scrollSnapAlign = defineStyleProp({
+	cssProperty: "scroll-snap-align",
+	classPrefix: "snap"
+}).metadata({ label: "Scroll snap align" });
+const scrollSnapStop = defineStyleProp({
+	cssProperty: "scroll-snap-stop",
+	classPrefix: "snap"
+}).metadata({ label: "Scroll snap stop" });
+const scrollbarWidth = defineStyleProp({
+	cssProperty: "scrollbar-width",
+	classPrefix: "scrollbar-width",
+	values: [
+		"auto",
+		"thin",
+		"none"
+	]
+}).metadata({ label: "Scrollbar width" });
+const scrollbarColor = defineStyleProp({
+	cssProperty: "scrollbar-color",
+	classPrefix: "scrollbar-color"
+}).metadata({ label: "Scrollbar color" });
+const touchAction = defineStyleProp({
+	cssProperty: "touch-action",
+	classPrefix: "touch"
+}).metadata({ label: "Touch action" });
+const userSelect = defineStyleProp({
+	cssProperty: "user-select",
+	classPrefix: "select"
+}).metadata({ label: "User select" });
+const willChange = defineStyleProp({
+	cssProperty: "will-change",
+	classPrefix: "will-change"
+}).metadata({ label: "Will change" });
+const aspectRatio = defineStyleProp({
+	cssProperty: "aspect-ratio",
+	classPrefix: "aspect",
+	values: ["{aspectRatio}"],
+	arbitrary: "ratio"
+}).metadata({ label: "Aspect ratio" });
+const boxSizing = defineStyleProp({
+	cssProperty: "box-sizing",
+	classPrefix: "box"
+}).metadata({ label: "Box sizing" });
+const container = defineStyleProp({
+	cssProperty: "container-type",
+	classPrefix: "container"
+}).metadata({ label: "Container" });
+const columns = defineStyleProp({
+	cssProperty: "columns",
+	classPrefix: "columns"
+}).metadata({ label: "Columns" });
+const display = defineStyleProp({
+	cssProperty: "display",
+	classPrefix: ""
+}).metadata({ label: "Display" });
+const isolate = defineStyleProp({
+	cssProperty: "isolation",
+	classPrefix: "isolate"
+}).metadata({ label: "Isolate" });
+const objectFit = defineStyleProp({
+	cssProperty: "object-fit",
+	classPrefix: "object"
+}).metadata({ label: "Object fit" });
+const objectPosition = defineStyleProp({
+	cssProperty: "object-position",
+	classPrefix: "object"
+}).metadata({ label: "Object position" });
+const overflow = defineStyleProp({
+	cssProperty: "overflow",
+	classPrefix: "overflow"
+}).metadata({ label: "Overflow" });
+const overflowX = defineStyleProp({
+	cssProperty: "overflow-x",
+	classPrefix: "overflow-x"
+}).metadata({ label: "Overflow X" });
+const overflowY = defineStyleProp({
+	cssProperty: "overflow-y",
+	classPrefix: "overflow-y"
+}).metadata({ label: "Overflow Y" });
+const overscrollBehavior = defineStyleProp({
+	cssProperty: "overscroll-behavior",
+	classPrefix: "overscroll"
+}).metadata({ label: "Overscroll behavior" });
+const position = defineStyleProp({
+	cssProperty: "position",
+	classPrefix: ""
+}).metadata({ label: "Position" });
+const top = defineStyleProp({
+	cssProperty: "top",
+	classPrefix: "top",
+	values: ["{spacing}", "{position}"],
+	arbitrary: "length-percentage"
+}).metadata({ label: "Top" });
+const bottom = defineStyleProp({
+	cssProperty: "bottom",
+	classPrefix: "bottom",
+	values: ["{spacing}", "{position}"],
+	arbitrary: "length-percentage"
+}).metadata({ label: "Bottom" });
+const left = defineStyleProp({
+	cssProperty: "left",
+	classPrefix: "left",
+	values: ["{spacing}", "{position}"],
+	arbitrary: "length-percentage"
+}).metadata({ label: "Left" });
+const right = defineStyleProp({
+	cssProperty: "right",
+	classPrefix: "right",
+	values: ["{spacing}", "{position}"],
+	arbitrary: "length-percentage"
+}).metadata({ label: "Right" });
+const inset = defineStyleProp({
+	cssProperty: "inset",
+	classPrefix: "inset",
+	values: ["{spacing}", "{position}"],
+	arbitrary: "length-percentage"
+}).metadata({ label: "Inset" });
+const insetX = defineStyleProp({
+	cssProperty: "inset-inline",
+	classPrefix: "inset-x",
+	values: ["{spacing}", "{position}"],
+	arbitrary: "length-percentage"
+}).metadata({ label: "Inset X" });
+const insetY = defineStyleProp({
+	cssProperty: "inset-block",
+	classPrefix: "inset-y",
+	values: ["{spacing}", "{position}"],
+	arbitrary: "length-percentage"
+}).metadata({ label: "Inset Y" });
+const visibility = defineStyleProp({
+	cssProperty: "visibility",
+	classPrefix: ""
+}).metadata({ label: "Visibility" });
+const zIndex = defineStyleProp({
+	cssProperty: "z-index",
+	classPrefix: "z",
+	values: ["{zIndex}"],
+	arbitrary: "number"
+}).metadata({ label: "Z index" });
+const listStyleImage = defineStyleProp({
+	cssProperty: "list-style-image",
+	classPrefix: "list-image"
+}).metadata({ label: "List style image" });
+const listStylePosition = defineStyleProp({
+	cssProperty: "list-style-position",
+	classPrefix: "list"
+}).metadata({ label: "List style position" });
+const listStyleType = defineStyleProp({
+	cssProperty: "list-style-type",
+	classPrefix: "list"
+}).metadata({ label: "List style type" });
+const opacity = defineStyleProp({
+	cssProperty: "opacity",
+	classPrefix: "opacity",
+	values: ["{opacity}"],
+	arbitrary: "number"
+}).metadata({ label: "Opacity" });
+const outlineWidth = defineStyleProp({
+	cssProperty: "outline-width",
+	classPrefix: "outline",
+	values: ["{outlineOffset}"]
+}).metadata({ label: "Outline width" });
+const outlineColor = defineStyleProp({
+	cssProperty: "outline-color",
+	classPrefix: "outline-color",
+	values: ["{color}"],
+	arbitrary: "color"
+}).metadata({ label: "Outline color" });
+const outlineStyle = defineStyleProp({
+	cssProperty: "outline-style",
+	classPrefix: "outline"
+}).metadata({ label: "Outline style" });
+const outlineOffset = defineStyleProp({
+	cssProperty: "outline-offset",
+	classPrefix: "outline-offset",
+	values: ["{outlineOffset}"]
+}).metadata({ label: "Outline offset" });
+const ringWidth = defineStyleProp({
+	cssProperty: "--tw-ring-width",
+	cssType: "length",
+	classPrefix: "ring",
+	values: ["{ringWidth}", "{ringOffsetWidth}"]
+}).metadata({ label: "Ring width" });
+const ringColor = defineStyleProp({
+	cssProperty: "--tw-ring-color",
+	cssType: "color",
+	classPrefix: "ring-color",
+	values: ["{color}"],
+	arbitrary: "color"
+}).metadata({ label: "Ring color" });
+const ringOffsetWidth = defineStyleProp({
+	cssProperty: "--tw-ring-offset-width",
+	cssType: "length",
+	classPrefix: "ring-offset",
+	values: ["{ringWidth}", "{ringOffsetWidth}"]
+}).metadata({ label: "Ring offset width" });
+const ringOffsetColor = defineStyleProp({
+	cssProperty: "--tw-ring-offset-color",
+	cssType: "color",
+	classPrefix: "ring-offset-color",
+	values: ["{color}"],
+	arbitrary: "color"
+}).metadata({ label: "Ring offset color" });
+const ringInset = defineStyleProp({
+	cssProperty: "--tw-ring-inset",
+	cssType: "string",
+	classPrefix: "ring-inset"
+}).metadata({ label: "Ring inset" });
+const shadow = defineStyleProp({
+	cssProperty: "box-shadow",
+	classPrefix: "shadow",
+	values: ["{shadow}"],
+	arbitrary: "shadow"
+}).metadata({ label: "Shadow" });
+const shadowColor = defineStyleProp({
+	cssProperty: "--tw-shadow-color",
+	cssType: "color",
+	classPrefix: "shadow-color",
+	values: ["{color}"],
+	arbitrary: "color"
+}).metadata({ label: "Shadow color" });
+const height = defineStyleProp({
+	cssProperty: "height",
+	classPrefix: "h",
+	values: [
+		"{spacing}",
+		"{size}",
+		"{h}"
+	],
+	arbitrary: "length-percentage"
+}).metadata({ label: "Height" });
+const minHeight = defineStyleProp({
+	cssProperty: "min-height",
+	classPrefix: "min-h",
+	values: [
+		"{spacing}",
+		"{size}",
+		"{h}"
+	],
+	arbitrary: "length-percentage"
+}).metadata({ label: "Min height" });
+const maxHeight = defineStyleProp({
+	cssProperty: "max-height",
+	classPrefix: "max-h",
+	values: [
+		"{spacing}",
+		"{size}",
+		"{h}"
+	],
+	arbitrary: "length-percentage"
+}).metadata({ label: "Max height" });
+const width = defineStyleProp({
+	cssProperty: "width",
+	classPrefix: "w",
+	values: [
+		"{spacing}",
+		"{size}",
+		"{w}"
+	],
+	arbitrary: "length-percentage"
+}).metadata({ label: "Width" });
+const minWidth = defineStyleProp({
+	cssProperty: "min-width",
+	classPrefix: "min-w",
+	values: [
+		"{spacing}",
+		"{size}",
+		"{w}"
+	],
+	arbitrary: "length-percentage"
+}).metadata({ label: "Min width" });
+const maxWidth = defineStyleProp({
+	cssProperty: "max-width",
+	classPrefix: "max-w",
+	values: [
+		"{spacing}",
+		"{size}",
+		"{w}"
+	],
+	arbitrary: "length-percentage"
+}).metadata({ label: "Max width" });
+const spacing = defineStyleProp({
+	cssProperty: "padding",
+	classPrefix: "p",
+	values: ["{spacing}"],
+	arbitrary: "length-percentage"
+}).metadata({ label: "Spacing" });
+const spacingX = defineStyleProp({
+	cssProperty: "padding-inline",
+	classPrefix: "px",
+	values: ["{spacing}"],
+	arbitrary: "length-percentage"
+}).metadata({ label: "Spacing X" });
+const spacingY = defineStyleProp({
+	cssProperty: "padding-block",
+	classPrefix: "py",
+	values: ["{spacing}"],
+	arbitrary: "length-percentage"
+}).metadata({ label: "Spacing Y" });
+const spacingRight = defineStyleProp({
+	cssProperty: "padding-right",
+	classPrefix: "pr",
+	values: ["{spacing}"],
+	arbitrary: "length-percentage"
+}).metadata({ label: "Spacing right" });
+const spacingEnd = defineStyleProp({
+	cssProperty: "padding-inline-end",
+	classPrefix: "pe",
+	values: ["{spacing}"],
+	arbitrary: "length-percentage"
+}).metadata({ label: "Spacing end" });
+const spacingLeft = defineStyleProp({
+	cssProperty: "padding-left",
+	classPrefix: "pl",
+	values: ["{spacing}"],
+	arbitrary: "length-percentage"
+}).metadata({ label: "Spacing left" });
+const spacingStart = defineStyleProp({
+	cssProperty: "padding-inline-start",
+	classPrefix: "ps",
+	values: ["{spacing}"],
+	arbitrary: "length-percentage"
+}).metadata({ label: "Spacing start" });
+const spacingTop = defineStyleProp({
+	cssProperty: "padding-top",
+	classPrefix: "pt",
+	values: ["{spacing}"],
+	arbitrary: "length-percentage"
+}).metadata({ label: "Spacing top" });
+const spacingBottom = defineStyleProp({
+	cssProperty: "padding-bottom",
+	classPrefix: "pb",
+	values: ["{spacing}"],
+	arbitrary: "length-percentage"
+}).metadata({ label: "Spacing bottom" });
+const offset = defineStyleProp({
+	cssProperty: "margin",
+	classPrefix: "-m",
+	values: ["{spacing}"],
+	arbitrary: "length-percentage"
+}).metadata({ label: "Offset" });
+const offsetY = defineStyleProp({
+	cssProperty: "margin-block",
+	classPrefix: "-my",
+	values: ["{spacing}"],
+	arbitrary: "length-percentage"
+}).metadata({ label: "Offset Y" });
+const offsetX = defineStyleProp({
+	cssProperty: "margin-inline",
+	classPrefix: "-mx",
+	values: ["{spacing}"],
+	arbitrary: "length-percentage"
+}).metadata({ label: "Offset X" });
+const offsetBottom = defineStyleProp({
+	cssProperty: "margin-bottom",
+	classPrefix: "-mb",
+	values: ["{spacing}"],
+	arbitrary: "length-percentage"
+}).metadata({ label: "Offset bottom" });
+const offsetEnd = defineStyleProp({
+	cssProperty: "margin-inline-end",
+	classPrefix: "-me",
+	values: ["{spacing}"],
+	arbitrary: "length-percentage"
+}).metadata({ label: "Offset end" });
+const offsetRight = defineStyleProp({
+	cssProperty: "margin-right",
+	classPrefix: "-mr",
+	values: ["{spacing}"],
+	arbitrary: "length-percentage"
+}).metadata({ label: "Offset right" });
+const offsetStart = defineStyleProp({
+	cssProperty: "margin-inline-start",
+	classPrefix: "-ms",
+	values: ["{spacing}"],
+	arbitrary: "length-percentage"
+}).metadata({ label: "Offset start" });
+const offsetLeft = defineStyleProp({
+	cssProperty: "margin-left",
+	classPrefix: "-ml",
+	values: ["{spacing}"],
+	arbitrary: "length-percentage"
+}).metadata({ label: "Offset left" });
+const offsetTop = defineStyleProp({
+	cssProperty: "margin-top",
+	classPrefix: "-mt",
+	values: ["{spacing}"],
+	arbitrary: "length-percentage"
+}).metadata({ label: "Offset top" });
+const margin = defineStyleProp({
+	cssProperty: "margin",
+	classPrefix: "m",
+	values: ["{spacing}"],
+	arbitrary: "length-percentage"
+}).metadata({ label: "Margin" });
+const marginY = defineStyleProp({
+	cssProperty: "margin-block",
+	classPrefix: "my",
+	values: ["{spacing}"],
+	arbitrary: "length-percentage"
+}).metadata({ label: "Margin Y" });
+const marginX = defineStyleProp({
+	cssProperty: "margin-inline",
+	classPrefix: "mx",
+	values: ["{spacing}"],
+	arbitrary: "length-percentage"
+}).metadata({ label: "Margin X" });
+const marginBottom = defineStyleProp({
+	cssProperty: "margin-bottom",
+	classPrefix: "mb",
+	values: ["{spacing}"],
+	arbitrary: "length-percentage"
+}).metadata({ label: "Margin bottom" });
+const marginEnd = defineStyleProp({
+	cssProperty: "margin-inline-end",
+	classPrefix: "me",
+	values: ["{spacing}"],
+	arbitrary: "length-percentage"
+}).metadata({ label: "Margin end" });
+const marginRight = defineStyleProp({
+	cssProperty: "margin-right",
+	classPrefix: "mr",
+	values: ["{spacing}"],
+	arbitrary: "length-percentage"
+}).metadata({ label: "Margin right" });
+const marginStart = defineStyleProp({
+	cssProperty: "margin-inline-start",
+	classPrefix: "ms",
+	values: ["{spacing}"],
+	arbitrary: "length-percentage"
+}).metadata({ label: "Margin start" });
+const marginLeft = defineStyleProp({
+	cssProperty: "margin-left",
+	classPrefix: "ml",
+	values: ["{spacing}"],
+	arbitrary: "length-percentage"
+}).metadata({ label: "Margin left" });
+const marginTop = defineStyleProp({
+	cssProperty: "margin-top",
+	classPrefix: "mt",
+	values: ["{spacing}"],
+	arbitrary: "length-percentage"
+}).metadata({ label: "Margin top" });
+const gap = defineStyleProp({
+	cssProperty: "gap",
+	classPrefix: "gap",
+	values: ["{spacing}"],
+	arbitrary: "length-percentage"
+}).metadata({ label: "Gap" });
+const gapX = defineStyleProp({
+	cssProperty: "column-gap",
+	classPrefix: "gap-x",
+	values: ["{spacing}"],
+	arbitrary: "length-percentage"
+}).metadata({ label: "Gap X" });
+const gapY = defineStyleProp({
+	cssProperty: "row-gap",
+	classPrefix: "gap-y",
+	values: ["{spacing}"],
+	arbitrary: "length-percentage"
+}).metadata({ label: "Gap Y" });
+const fillColor = defineStyleProp({
+	cssProperty: "fill",
+	classPrefix: "fill",
+	values: ["{color}"],
+	arbitrary: "color"
+}).metadata({ label: "Fill color" });
+const strokeColor = defineStyleProp({
+	cssProperty: "stroke",
+	classPrefix: "stroke-color",
+	values: ["{color}"],
+	arbitrary: "color"
+}).metadata({ label: "Stroke color" });
+const strokeWidth = defineStyleProp({
+	cssProperty: "stroke-width",
+	classPrefix: "stroke",
+	values: ["{strokeWidth}"]
+}).metadata({ label: "Stroke width" });
+const tableBorderCollapse = defineStyleProp({
+	cssProperty: "border-collapse",
+	classPrefix: "border-collapse"
+}).metadata({ label: "Table border collapse" });
+const tableBorderSpacing = defineStyleProp({
+	cssProperty: "border-spacing",
+	classPrefix: "border-spacing",
+	values: ["{spacing}"]
+}).metadata({ label: "Table border spacing" });
+const tableBorderSpacingX = defineStyleProp({
+	cssProperty: "border-spacing",
+	classPrefix: "border-spacing-x",
+	values: ["{spacing}"]
+}).metadata({ label: "Table border spacing X" });
+const tableBorderSpacingY = defineStyleProp({
+	cssProperty: "border-spacing",
+	classPrefix: "border-spacing-y",
+	values: ["{spacing}"]
+}).metadata({ label: "Table border spacing Y" });
+const tableLayout = defineStyleProp({
+	cssProperty: "table-layout",
+	classPrefix: "table"
+}).metadata({ label: "Table layout" });
+const tableCaptionSide = defineStyleProp({
+	cssProperty: "caption-side",
+	classPrefix: "caption"
+}).metadata({ label: "Table caption side" });
+const scale = defineStyleProp({
+	cssProperty: "scale",
+	classPrefix: "scale",
+	values: ["{scale}"],
+	arbitrary: "number"
+}).metadata({ label: "Scale" });
+const scaleX = defineStyleProp({
+	cssProperty: "scale",
+	classPrefix: "scale-x",
+	values: ["{scale}"],
+	arbitrary: "number"
+}).metadata({ label: "Scale X" });
+const scaleY = defineStyleProp({
+	cssProperty: "scale",
+	classPrefix: "scale-y",
+	values: ["{scale}"],
+	arbitrary: "number"
+}).metadata({ label: "Scale Y" });
+const rotate = defineStyleProp({
+	cssProperty: "rotate",
+	classPrefix: "rotate",
+	values: ["{rotate}"],
+	arbitrary: "angle"
+}).metadata({ label: "Rotate" });
+const skewX = defineStyleProp({
+	cssProperty: "transform",
+	classPrefix: "skew-x",
+	values: ["{skew}"],
+	arbitrary: [{
+		type: "string",
+		toCss: (v) => `skewX(${v})`
+	}]
+}).metadata({ label: "Skew X" });
+const skewY = defineStyleProp({
+	cssProperty: "transform",
+	classPrefix: "skew-y",
+	values: ["{skew}"],
+	arbitrary: [{
+		type: "string",
+		toCss: (v) => `skewY(${v})`
+	}]
+}).metadata({ label: "Skew Y" });
+const translateX = defineStyleProp({
+	cssProperty: "translate",
+	classPrefix: "translate-x",
+	values: ["{translate}"],
+	arbitrary: [{
+		type: "string",
+		toCss: (v) => `translateX(${v})`
+	}]
+}).metadata({ label: "Translate X" });
+const translateY = defineStyleProp({
+	cssProperty: "translate",
+	classPrefix: "translate-y",
+	values: ["{translate}"],
+	arbitrary: [{
+		type: "string",
+		toCss: (v) => `translateY(${v})`
+	}]
+}).metadata({ label: "Translate Y" });
+const transformOrigin = defineStyleProp({
+	cssProperty: "transform-origin",
+	classPrefix: "origin"
+}).metadata({ label: "Transform origin" });
+const transition = defineStyleProp({
+	cssProperty: "transition-property",
+	classPrefix: "transition"
+}).metadata({ label: "Transition" });
+const transitionDuration = defineStyleProp({
+	cssProperty: "transition-duration",
+	classPrefix: "duration"
+}).metadata({ label: "Transition duration" });
+const transitionTiming = defineStyleProp({
+	cssProperty: "transition-timing-function",
+	classPrefix: "ease"
+}).metadata({ label: "Transition timing" });
+const transitionDelay = defineStyleProp({
+	cssProperty: "transition-delay",
+	classPrefix: "delay"
+}).metadata({ label: "Transition delay" });
+const transitionBehavior = defineStyleProp({
+	cssProperty: "transition-behavior",
+	classPrefix: "transition-behavior"
+}).metadata({ label: "Transition behavior" });
+const fontFamily = defineStyleProp({
+	cssProperty: "font-family",
+	classPrefix: "font-family",
+	values: ["{fontFamily}"]
+}).metadata({ label: "Font family" });
+const fontSize = defineStyleProp({
+	cssProperty: "font-size",
+	classPrefix: "font-size",
+	arbitrary: "length-percentage"
+}).metadata({ label: "Font size" });
+const fontSmoothing = defineStyleProp({
+	cssProperty: "-webkit-font-smoothing",
+	classPrefix: "font-smoothing"
+}).metadata({ label: "Font smoothing" });
+const fontStyle = defineStyleProp({
+	cssProperty: "font-style",
+	classPrefix: ""
+}).metadata({ label: "Font style" });
+const fontWeight = defineStyleProp({
+	cssProperty: "font-weight",
+	classPrefix: "font-weight",
+	values: ["{fontWeight}"]
+}).metadata({ label: "Font weight" });
+const fontStretch = defineStyleProp({
+	cssProperty: "font-stretch",
+	classPrefix: "font-stretch"
+}).metadata({ label: "Font stretch" });
+const fontVariantNumeric = defineStyleProp({
+	cssProperty: "font-variant-numeric",
+	classPrefix: ""
+}).metadata({ label: "Font variant numeric" });
+const letterSpacing = defineStyleProp({
+	cssProperty: "letter-spacing",
+	classPrefix: "tracking",
+	values: ["{letterSpacing}"]
+}).metadata({ label: "Letter spacing" });
+const lineClamp = defineStyleProp({
+	cssProperty: "-webkit-line-clamp",
+	classPrefix: "line-clamp"
+}).metadata({ label: "Line clamp" });
+const lineHeight = defineStyleProp({
+	cssProperty: "line-height",
+	classPrefix: "leading",
+	values: ["{lineHeight}"]
+}).metadata({ label: "Line height" });
+const textAlign = defineStyleProp({
+	cssProperty: "text-align",
+	classPrefix: "text-align",
+	values: [
+		"left",
+		"center",
+		"right",
+		"justify",
+		"start",
+		"end"
+	]
+}).metadata({ label: "Text align" });
+const textDecorationLine = defineStyleProp({
+	cssProperty: "text-decoration-line",
+	classPrefix: ""
+}).metadata({ label: "Text decoration line" });
+const textDecorationColor = defineStyleProp({
+	cssProperty: "text-decoration-color",
+	classPrefix: "decoration-color",
+	values: ["{color}"],
+	arbitrary: "color"
+}).metadata({ label: "Text decoration color" });
+const textDecorationStyle = defineStyleProp({
+	cssProperty: "text-decoration-style",
+	classPrefix: "decoration"
+}).metadata({ label: "Text decoration style" });
+const textDecorationThickness = defineStyleProp({
+	cssProperty: "text-decoration-thickness",
+	classPrefix: "decoration"
+}).metadata({ label: "Text decoration thickness" });
+const textUnderlineOffset = defineStyleProp({
+	cssProperty: "text-underline-offset",
+	classPrefix: "underline-offset"
+}).metadata({ label: "Text underline offset" });
+const textTransform = defineStyleProp({
+	cssProperty: "text-transform",
+	classPrefix: ""
+}).metadata({ label: "Text transform" });
+const textOverflow = defineStyleProp({
+	cssProperty: "text-overflow",
+	classPrefix: "text-overflow"
+}).metadata({ label: "Text overflow" });
+const textOverflowWrap = defineStyleProp({
+	cssProperty: "overflow-wrap",
+	classPrefix: "wrap"
+}).metadata({ label: "Text overflow wrap" });
+const truncate = defineStyleProp({
+	cssProperty: "text-overflow",
+	classPrefix: "truncate"
+}).metadata({ label: "Truncate" });
+const textWrap = defineStyleProp({
+	cssProperty: "text-wrap",
+	classPrefix: "text-wrap"
+}).metadata({ label: "Text wrap" });
+const indent = defineStyleProp({
+	cssProperty: "text-indent",
+	classPrefix: "indent",
+	values: ["{spacing}"]
+}).metadata({ label: "Indent" });
+const verticalAlign = defineStyleProp({
+	cssProperty: "vertical-align",
+	classPrefix: "align"
+}).metadata({ label: "Vertical align" });
+const whitespace = defineStyleProp({
+	cssProperty: "white-space",
+	classPrefix: "whitespace"
+}).metadata({ label: "Whitespace" });
+const _break = defineStyleProp({
+	cssProperty: "word-break",
+	classPrefix: "break"
+}).metadata({ label: "Break" });
+const hyphens = defineStyleProp({
+	cssProperty: "hyphens",
+	classPrefix: "hyphens"
+}).metadata({ label: "Hyphens" });
+const textShadow = defineStyleProp({
+	cssProperty: "text-shadow",
+	classPrefix: "text-shadow",
+	values: ["{textShadow}"],
+	arbitrary: "shadow"
+}).metadata({ label: "Text shadow" });
+//#endregion
+export { style_props_exports };