@yahoo/uds-v5-wip 1.60.0 → 1.61.0

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

@@ -1,1445 +0,0 @@
-import { defineStyleProp } from "../../config/dist/defineStyleProp.js";
-import "../../config/dist/index.js";
-import { __exportAll } from "./_virtual/_rolldown/runtime.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"
-}).withOpacity({
-	as: "bgOpacity",
-	values: ["{opacity}"]
-}).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", "border-top-right-radius"],
-	classPrefix: "rounded-t",
-	values: ["{radius}"],
-	arbitrary: "length-percentage"
-}).metadata({ label: "Border radius top" });
-const borderRadiusBottom = defineStyleProp({
-	cssProperty: ["border-bottom-left-radius", "border-bottom-right-radius"],
-	classPrefix: "rounded-b",
-	values: ["{radius}"],
-	arbitrary: "length-percentage"
-}).metadata({ label: "Border radius bottom" });
-const borderRadiusStart = defineStyleProp({
-	cssProperty: ["border-start-start-radius", "border-end-start-radius"],
-	classPrefix: "rounded-s",
-	values: ["{radius}"],
-	arbitrary: "length-percentage"
-}).metadata({ label: "Border radius start" });
-const borderRadiusEnd = defineStyleProp({
-	cssProperty: ["border-start-end-radius", "border-end-end-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"
-}).withOpacity({
-	as: "borderColorOpacity",
-	values: ["{opacity}"]
-}).metadata({ label: "Border color" });
-const borderYColor = defineStyleProp({
-	cssProperty: "border-block-color",
-	classPrefix: "border-y-color",
-	values: ["{color}", "{borderColor}"],
-	arbitrary: "color"
-}).withOpacity({
-	as: "borderYColorOpacity",
-	values: ["{opacity}"]
-}).metadata({ label: "Border Y color" });
-const borderXColor = defineStyleProp({
-	cssProperty: "border-inline-color",
-	classPrefix: "border-x-color",
-	values: ["{color}", "{borderColor}"],
-	arbitrary: "color"
-}).withOpacity({
-	as: "borderXColorOpacity",
-	values: ["{opacity}"]
-}).metadata({ label: "Border X color" });
-const borderStartColor = defineStyleProp({
-	cssProperty: "border-inline-start-color",
-	classPrefix: "border-s-color",
-	values: ["{color}", "{borderColor}"],
-	arbitrary: "color"
-}).withOpacity({
-	as: "borderStartColorOpacity",
-	values: ["{opacity}"]
-}).metadata({ label: "Border start color" });
-const borderLeftColor = defineStyleProp({
-	cssProperty: "border-left-color",
-	classPrefix: "border-l-color",
-	values: ["{color}", "{borderColor}"],
-	arbitrary: "color"
-}).withOpacity({
-	as: "borderLeftColorOpacity",
-	values: ["{opacity}"]
-}).metadata({ label: "Border left color" });
-const borderEndColor = defineStyleProp({
-	cssProperty: "border-inline-end-color",
-	classPrefix: "border-e-color",
-	values: ["{color}", "{borderColor}"],
-	arbitrary: "color"
-}).withOpacity({
-	as: "borderEndColorOpacity",
-	values: ["{opacity}"]
-}).metadata({ label: "Border end color" });
-const borderRightColor = defineStyleProp({
-	cssProperty: "border-right-color",
-	classPrefix: "border-r-color",
-	values: ["{color}", "{borderColor}"],
-	arbitrary: "color"
-}).withOpacity({
-	as: "borderRightColorOpacity",
-	values: ["{opacity}"]
-}).metadata({ label: "Border right color" });
-const borderTopColor = defineStyleProp({
-	cssProperty: "border-top-color",
-	classPrefix: "border-t-color",
-	values: ["{color}", "{borderColor}"],
-	arbitrary: "color"
-}).withOpacity({
-	as: "borderTopColorOpacity",
-	values: ["{opacity}"]
-}).metadata({ label: "Border top color" });
-const borderBottomColor = defineStyleProp({
-	cssProperty: "border-bottom-color",
-	classPrefix: "border-b-color",
-	values: ["{color}", "{borderColor}"],
-	arbitrary: "color"
-}).withOpacity({
-	as: "borderBottomColorOpacity",
-	values: ["{opacity}"]
-}).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"
-}).withOpacity({
-	as: "colorOpacity",
-	values: ["{opacity}"]
-}).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"
-}).withOpacity({
-	as: "divideColorOpacity",
-	values: ["{opacity}"]
-}).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"
-}).withOpacity({
-	as: "caretColorOpacity",
-	values: ["{opacity}"]
-}).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"
-}).withOpacity({
-	as: "outlineColorOpacity",
-	values: ["{opacity}"]
-}).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"
-}).withOpacity({
-	as: "ringColorOpacity",
-	values: ["{opacity}"]
-}).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"
-}).withOpacity({
-	as: "ringOffsetColorOpacity",
-	values: ["{opacity}"]
-}).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"
-}).withOpacity({
-	as: "shadowColorOpacity",
-	values: ["{opacity}"]
-}).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"
-}).withOpacity({
-	as: "fillColorOpacity",
-	values: ["{opacity}"]
-}).metadata({ label: "Fill color" });
-const strokeColor = defineStyleProp({
-	cssProperty: "stroke",
-	classPrefix: "stroke-color",
-	values: ["{color}"],
-	arbitrary: "color"
-}).withOpacity({
-	as: "strokeColorOpacity",
-	values: ["{opacity}"]
-}).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",
-	classPrefix: "transition",
-	arbitrary: "string"
-}).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"
-}).withOpacity({
-	as: "textDecorationColorOpacity",
-	values: ["{opacity}"]
-}).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 };