nuclo 0.1.57 → 0.1.59

package/types/features/style.d.ts

@@ -1,5 +1,105 @@
 // Style utility functions type definitions
 
+import type {
+	DisplayValue,
+	PositionValue,
+	TextAlignValue,
+	FontWeightValue,
+	FontStyleValue,
+	TextTransformValue,
+	TextDecorationValue,
+	TextDecorationStyleValue,
+	TextDecorationLineValue,
+	WhiteSpaceValue,
+	OverflowValue,
+	VisibilityValue,
+	FlexDirectionValue,
+	FlexWrapValue,
+	AlignItemsValue,
+	JustifyContentValue,
+	AlignSelfValue,
+	AlignContentValue,
+	JustifySelfValue,
+	JustifyItemsValue,
+	GridAutoFlowValue,
+	BorderStyleValue,
+	OutlineStyleValue,
+	BoxSizingValue,
+	ObjectFitValue,
+	VerticalAlignValue,
+	TextAlignLastValue,
+	TextJustifyValue,
+	TextOverflowValue,
+	WordWrapValue,
+	OverflowWrapValue,
+	BackgroundRepeatValue,
+	BackgroundAttachmentValue,
+	BackgroundClipValue,
+	BackgroundOriginValue,
+	TransformStyleValue,
+	BackfaceVisibilityValue,
+	AnimationDirectionValue,
+	AnimationFillModeValue,
+	AnimationPlayStateValue,
+	ListStyleTypeValue,
+	ListStylePositionValue,
+	BorderCollapseValue,
+	CaptionSideValue,
+	EmptyCellsValue,
+	TableLayoutValue,
+	AppearanceValue,
+	UserSelectValue,
+	PointerEventsValue,
+	ResizeValue,
+	ScrollBehaviorValue,
+	IsolationValue,
+	MixBlendModeValue,
+	ContainValue,
+	PageBreakValue,
+	BreakValue,
+	ColumnFillValue,
+	ColumnRuleStyleValue,
+	ColumnSpanValue,
+	CursorValue,
+	CSSLengthValue,
+	CSSColorValue,
+	CSSFontFamilyValue,
+	CSSTimingFunctionValue,
+	CSSTransformValue,
+	CSSFilterValue,
+	CSSBackgroundImageValue,
+	CSSAnimationNameValue,
+	CSSContentValue,
+	CSSAspectRatioValue,
+	FloatValue,
+	ClearValue,
+	WritingModeValue,
+	DirectionValue,
+	UnicodeBidiValue,
+	TextOrientationValue,
+	HyphensValue,
+	LineBreakValue,
+	WordBreakValue,
+	TouchActionValue,
+	OverscrollBehaviorValue,
+	ImageRenderingValue,
+	ColorSchemeValue,
+	CaretColorValue,
+	CaretShapeValue,
+	BackgroundBlendModeValue,
+	ContentVisibilityValue,
+	ContainerTypeValue,
+	FontKerningValue,
+	FontSynthesisValue,
+	FontOpticalSizingValue,
+	FontDisplayValue,
+	FontVariantCapsValue,
+	TextRenderingValue,
+	TextCombineUprightValue,
+	MaskCompositeValue,
+	ClipRuleValue,
+} from "../../src/style/cssPropertyTypes";
+
 /**
  * Creates a CSS class with the given styles and injects it into the document
  */
@@ -46,85 +146,85 @@ declare global {
 		add(property: string, value: string): this;
 
 		// Display
-		display(value: string): this;
-		flex(value?: string): this;
+		display(value: DisplayValue): this;
+		flex(value?: CSSLengthValue | "auto" | "initial" | "none" | "1" | "0"): this;
 		grid(): this;
 
 		// Colors
-		bg(color: string): this;
-		color(color: string): this;
-		accentColor(value: string): this;
+		bg(color: CSSColorValue): this;
+		color(color: CSSColorValue): this;
+		accentColor(value: CSSColorValue): this;
 
 		// Typography
-		fontSize(size: string): this;
-		fontWeight(value: string): this;
-		fontFamily(value: string): this;
-		lineHeight(value: string): this;
-		letterSpacing(value: string): this;
-		textAlign(value: string): this;
-		textDecoration(value: string): this;
+		fontSize(size: CSSLengthValue): this;
+		fontWeight(value: FontWeightValue): this;
+		fontFamily(value: CSSFontFamilyValue): this;
+		lineHeight(value: CSSLengthValue | "normal" | number): this;
+		letterSpacing(value: CSSLengthValue | "normal"): this;
+		textAlign(value: TextAlignValue): this;
+		textDecoration(value: TextDecorationValue): this;
 		bold(): this;
-		fontStyle(value: string): this;
+		fontStyle(value: FontStyleValue): this;
 		fontVariant(value: string): this;
 		fontStretch(value: string): this;
-		textTransform(value: string): this;
-		textIndent(value: string): this;
-		textOverflow(value: string): this;
+		textTransform(value: TextTransformValue): this;
+		textIndent(value: CSSLengthValue): this;
+		textOverflow(value: TextOverflowValue): this;
 		textShadow(value: string): this;
-		whiteSpace(value: string): this;
-		wordSpacing(value: string): this;
-		wordWrap(value: string): this;
-		overflowWrap(value: string): this;
-		textAlignLast(value: string): this;
-		textJustify(value: string): this;
-		textDecorationLine(value: string): this;
-		textDecorationColor(value: string): this;
-		textDecorationStyle(value: string): this;
-		textDecorationThickness(value: string): this;
-		textUnderlineOffset(value: string): this;
-		verticalAlign(value: string): this;
+		whiteSpace(value: WhiteSpaceValue): this;
+		wordSpacing(value: CSSLengthValue | "normal"): this;
+		wordWrap(value: WordWrapValue): this;
+		overflowWrap(value: OverflowWrapValue): this;
+		textAlignLast(value: TextAlignLastValue): this;
+		textJustify(value: TextJustifyValue): this;
+		textDecorationLine(value: TextDecorationLineValue): this;
+		textDecorationColor(value: CSSColorValue): this;
+		textDecorationStyle(value: TextDecorationStyleValue): this;
+		textDecorationThickness(value: CSSLengthValue | "auto" | "from-font"): this;
+		textUnderlineOffset(value: CSSLengthValue | "auto"): this;
+		verticalAlign(value: VerticalAlignValue): this;
 
 		// Layout
-		position(value: string): this;
-		padding(value: string): this;
-		paddingTop(value: string): this;
-		paddingRight(value: string): this;
-		paddingBottom(value: string): this;
-		paddingLeft(value: string): this;
-		margin(value: string): this;
-		marginTop(value: string): this;
-		marginRight(value: string): this;
-		marginBottom(value: string): this;
-		marginLeft(value: string): this;
-		width(value: string): this;
-		height(value: string): this;
-		minWidth(value: string): this;
-		maxWidth(value: string): this;
-		minHeight(value: string): this;
-		maxHeight(value: string): this;
-		boxSizing(value: string): this;
+		position(value: PositionValue): this;
+		padding(value: CSSLengthValue): this;
+		paddingTop(value: CSSLengthValue): this;
+		paddingRight(value: CSSLengthValue): this;
+		paddingBottom(value: CSSLengthValue): this;
+		paddingLeft(value: CSSLengthValue): this;
+		margin(value: CSSLengthValue | "auto"): this;
+		marginTop(value: CSSLengthValue | "auto"): this;
+		marginRight(value: CSSLengthValue | "auto"): this;
+		marginBottom(value: CSSLengthValue | "auto"): this;
+		marginLeft(value: CSSLengthValue | "auto"): this;
+		width(value: CSSLengthValue | "auto" | "fit-content" | "max-content" | "min-content"): this;
+		height(value: CSSLengthValue | "auto" | "fit-content" | "max-content" | "min-content"): this;
+		minWidth(value: CSSLengthValue | "auto" | "fit-content" | "max-content" | "min-content"): this;
+		maxWidth(value: CSSLengthValue | "auto" | "fit-content" | "max-content" | "min-content" | "none"): this;
+		minHeight(value: CSSLengthValue | "auto" | "fit-content" | "max-content" | "min-content"): this;
+		maxHeight(value: CSSLengthValue | "auto" | "fit-content" | "max-content" | "min-content" | "none"): this;
+		boxSizing(value: BoxSizingValue): this;
 
 		// Positioning
-		top(value: string): this;
-		right(value: string): this;
-		bottom(value: string): this;
-		left(value: string): this;
-		zIndex(value: string): this;
+		top(value: CSSLengthValue | "auto"): this;
+		right(value: CSSLengthValue | "auto"): this;
+		bottom(value: CSSLengthValue | "auto"): this;
+		left(value: CSSLengthValue | "auto"): this;
+		zIndex(value: number | "auto"): this;
 
 		// Flexbox
-		flexDirection(value: string): this;
-		alignItems(value: string): this;
-		justifyContent(value: string): this;
+		flexDirection(value: FlexDirectionValue): this;
+		alignItems(value: AlignItemsValue): this;
+		justifyContent(value: JustifyContentValue): this;
 		center(): this;
-		gap(value: string): this;
-		flexWrap(value: string): this;
-		flexGrow(value: string): this;
-		flexShrink(value: string): this;
-		flexBasis(value: string): this;
-		alignSelf(value: string): this;
-		alignContent(value: string): this;
-		justifySelf(value: string): this;
-		justifyItems(value: string): this;
+		gap(value: CSSLengthValue): this;
+		flexWrap(value: FlexWrapValue): this;
+		flexGrow(value: number | string): this;
+		flexShrink(value: number | string): this;
+		flexBasis(value: CSSLengthValue | "auto" | "content" | "fit-content"): this;
+		alignSelf(value: AlignSelfValue): this;
+		alignContent(value: AlignContentValue): this;
+		justifySelf(value: JustifySelfValue): this;
+		justifyItems(value: JustifyItemsValue): this;
 
 		// Grid
 		gridTemplateColumns(value: string): this;
@@ -132,14 +232,14 @@ declare global {
 		gridTemplateAreas(value: string): this;
 		gridColumn(value: string): this;
 		gridRow(value: string): this;
-		gridColumnStart(value: string): this;
-		gridColumnEnd(value: string): this;
-		gridRowStart(value: string): this;
-		gridRowEnd(value: string): this;
+		gridColumnStart(value: string | number | "auto"): this;
+		gridColumnEnd(value: string | number | "auto"): this;
+		gridRowStart(value: string | number | "auto"): this;
+		gridRowEnd(value: string | number | "auto"): this;
 		gridArea(value: string): this;
-		gridAutoColumns(value: string): this;
-		gridAutoRows(value: string): this;
-		gridAutoFlow(value: string): this;
+		gridAutoColumns(value: CSSLengthValue): this;
+		gridAutoRows(value: CSSLengthValue): this;
+		gridAutoFlow(value: GridAutoFlowValue): this;
 
 		// Borders
 		border(value: string): this;
@@ -147,241 +247,407 @@ declare global {
 		borderRight(value: string): this;
 		borderBottom(value: string): this;
 		borderLeft(value: string): this;
-		borderWidth(value: string): this;
-		borderStyle(value: string): this;
-		borderColor(value: string): this;
-		borderTopWidth(value: string): this;
-		borderRightWidth(value: string): this;
-		borderBottomWidth(value: string): this;
-		borderLeftWidth(value: string): this;
-		borderTopStyle(value: string): this;
-		borderRightStyle(value: string): this;
-		borderBottomStyle(value: string): this;
-		borderLeftStyle(value: string): this;
-		borderTopColor(value: string): this;
-		borderRightColor(value: string): this;
-		borderBottomColor(value: string): this;
-		borderLeftColor(value: string): this;
-		borderRadius(value: string): this;
-		borderTopLeftRadius(value: string): this;
-		borderTopRightRadius(value: string): this;
-		borderBottomLeftRadius(value: string): this;
-		borderBottomRightRadius(value: string): this;
+		borderWidth(value: CSSLengthValue | "thin" | "medium" | "thick"): this;
+		borderStyle(value: BorderStyleValue): this;
+		borderColor(value: CSSColorValue): this;
+		borderTopWidth(value: CSSLengthValue | "thin" | "medium" | "thick"): this;
+		borderRightWidth(value: CSSLengthValue | "thin" | "medium" | "thick"): this;
+		borderBottomWidth(value: CSSLengthValue | "thin" | "medium" | "thick"): this;
+		borderLeftWidth(value: CSSLengthValue | "thin" | "medium" | "thick"): this;
+		borderTopStyle(value: BorderStyleValue): this;
+		borderRightStyle(value: BorderStyleValue): this;
+		borderBottomStyle(value: BorderStyleValue): this;
+		borderLeftStyle(value: BorderStyleValue): this;
+		borderTopColor(value: CSSColorValue): this;
+		borderRightColor(value: CSSColorValue): this;
+		borderBottomColor(value: CSSColorValue): this;
+		borderLeftColor(value: CSSColorValue): this;
+		borderRadius(value: CSSLengthValue): this;
+		borderTopLeftRadius(value: CSSLengthValue): this;
+		borderTopRightRadius(value: CSSLengthValue): this;
+		borderBottomLeftRadius(value: CSSLengthValue): this;
+		borderBottomRightRadius(value: CSSLengthValue): this;
 
 		// Outline
 		outline(value: string): this;
-		outlineWidth(value: string): this;
-		outlineStyle(value: string): this;
-		outlineColor(value: string): this;
-		outlineOffset(value: string): this;
+		outlineWidth(value: CSSLengthValue | "thin" | "medium" | "thick"): this;
+		outlineStyle(value: OutlineStyleValue): this;
+		outlineColor(value: CSSColorValue): this;
+		outlineOffset(value: CSSLengthValue): this;
 
 		// Background
-		backgroundColor(value: string): this;
-		backgroundImage(value: string): this;
-		backgroundRepeat(value: string): this;
+		backgroundColor(value: CSSColorValue): this;
+		backgroundImage(value: CSSBackgroundImageValue | "none"): this;
+		backgroundRepeat(value: BackgroundRepeatValue): this;
 		backgroundPosition(value: string): this;
-		backgroundSize(value: string): this;
-		backgroundAttachment(value: string): this;
-		backgroundClip(value: string): this;
-		backgroundOrigin(value: string): this;
+		backgroundSize(value: CSSLengthValue | "auto" | "cover" | "contain"): this;
+		backgroundAttachment(value: BackgroundAttachmentValue): this;
+		backgroundClip(value: BackgroundClipValue): this;
+		backgroundOrigin(value: BackgroundOriginValue): this;
 
 		// Effects
-		boxShadow(value: string): this;
-		opacity(value: string): this;
+		boxShadow(value: string | "none"): this;
+		opacity(value: number | string): this;
 		transition(value: string): this;
-		transitionProperty(value: string): this;
-		transitionDuration(value: string): this;
-		transitionTimingFunction(value: string): this;
-		transitionDelay(value: string): this;
+		transitionProperty(value: string | "none" | "all"): this;
+		transitionDuration(value: string | number): this;
+		transitionTimingFunction(value: CSSTimingFunctionValue): this;
+		transitionDelay(value: string | number): this;
 
 		// Transform
-		transform(value: string): this;
+		transform(value: CSSTransformValue | "none"): this;
 		transformOrigin(value: string): this;
-		transformStyle(value: string): this;
-		perspective(value: string): this;
+		transformStyle(value: TransformStyleValue): this;
+		perspective(value: CSSLengthValue | "none"): this;
 		perspectiveOrigin(value: string): this;
-		backfaceVisibility(value: string): this;
+		backfaceVisibility(value: BackfaceVisibilityValue): this;
 
 		// Animation
 		animation(value: string): this;
-		animationName(value: string): this;
-		animationDuration(value: string): this;
-		animationTimingFunction(value: string): this;
-		animationDelay(value: string): this;
-		animationIterationCount(value: string): this;
-		animationDirection(value: string): this;
-		animationFillMode(value: string): this;
-		animationPlayState(value: string): this;
+		animationName(value: CSSAnimationNameValue): this;
+		animationDuration(value: string | number): this;
+		animationTimingFunction(value: CSSTimingFunctionValue): this;
+		animationDelay(value: string | number): this;
+		animationIterationCount(value: number | "infinite" | string): this;
+		animationDirection(value: AnimationDirectionValue): this;
+		animationFillMode(value: AnimationFillModeValue): this;
+		animationPlayState(value: AnimationPlayStateValue): this;
 
 		// Filter
-		filter(value: string): this;
-		backdropFilter(value: string): this;
+		filter(value: CSSFilterValue | "none"): this;
+		backdropFilter(value: CSSFilterValue | "none"): this;
 
 		// Overflow
-		overflow(value: string): this;
-		overflowX(value: string): this;
-		overflowY(value: string): this;
+		overflow(value: OverflowValue): this;
+		overflowX(value: OverflowValue): this;
+		overflowY(value: OverflowValue): this;
 
 		// Visibility
-		visibility(value: string): this;
+		visibility(value: VisibilityValue): this;
 
 		// Object fit/position
-		objectFit(value: string): this;
+		objectFit(value: ObjectFitValue): this;
 		objectPosition(value: string): this;
 
 		// List
 		listStyle(value: string): this;
-		listStyleType(value: string): this;
-		listStylePosition(value: string): this;
-		listStyleImage(value: string): this;
+		listStyleType(value: ListStyleTypeValue): this;
+		listStylePosition(value: ListStylePositionValue): this;
+		listStyleImage(value: CSSBackgroundImageValue | "none"): this;
 
 		// Table
-		borderCollapse(value: string): this;
-		borderSpacing(value: string): this;
-		captionSide(value: string): this;
-		emptyCells(value: string): this;
-		tableLayout(value: string): this;
+		borderCollapse(value: BorderCollapseValue): this;
+		borderSpacing(value: CSSLengthValue): this;
+		captionSide(value: CaptionSideValue): this;
+		emptyCells(value: EmptyCellsValue): this;
+		tableLayout(value: TableLayoutValue): this;
 
 		// Content
-		content(value: string): this;
-		quotes(value: string): this;
-		counterReset(value: string): this;
-		counterIncrement(value: string): this;
+		content(value: CSSContentValue | "normal" | "none"): this;
+		quotes(value: string | "none"): this;
+		counterReset(value: string | "none"): this;
+		counterIncrement(value: string | "none"): this;
 
 		// User interface
-		appearance(value: string): this;
-		userSelect(value: string): this;
-		pointerEvents(value: string): this;
-		resize(value: string): this;
-		scrollBehavior(value: string): this;
+		appearance(value: AppearanceValue): this;
+		userSelect(value: UserSelectValue): this;
+		pointerEvents(value: PointerEventsValue): this;
+		resize(value: ResizeValue): this;
+		scrollBehavior(value: ScrollBehaviorValue): this;
 
 		// Clip
-		clip(value: string): this;
-		clipPath(value: string): this;
+		clip(value: string | "auto"): this;
+		clipPath(value: string | "none"): this;
 
 		// Isolation
-		isolation(value: string): this;
+		isolation(value: IsolationValue): this;
 
 		// Mix blend mode
-		mixBlendMode(value: string): this;
+		mixBlendMode(value: MixBlendModeValue): this;
 
 		// Will change
-		willChange(value: string): this;
+		willChange(value: string | "auto"): this;
 
 		// Contain
-		contain(value: string): this;
+		contain(value: ContainValue): this;
 
 		// Page break
-		pageBreakBefore(value: string): this;
-		pageBreakAfter(value: string): this;
-		pageBreakInside(value: string): this;
+		pageBreakBefore(value: PageBreakValue): this;
+		pageBreakAfter(value: PageBreakValue): this;
+		pageBreakInside(value: PageBreakValue): this;
 
 		// Break
-		breakBefore(value: string): this;
-		breakAfter(value: string): this;
-		breakInside(value: string): this;
+		breakBefore(value: BreakValue): this;
+		breakAfter(value: BreakValue): this;
+		breakInside(value: BreakValue): this;
 
 		// Orphans and widows
-		orphans(value: string): this;
-		widows(value: string): this;
+		orphans(value: number | string): this;
+		widows(value: number | string): this;
 
 		// Column
-		columnCount(value: string): this;
-		columnFill(value: string): this;
-		columnGap(value: string): this;
+		columnCount(value: number | "auto" | string): this;
+		columnFill(value: ColumnFillValue): this;
+		columnGap(value: CSSLengthValue | "normal"): this;
 		columnRule(value: string): this;
-		columnRuleColor(value: string): this;
-		columnRuleStyle(value: string): this;
-		columnRuleWidth(value: string): this;
-		columnSpan(value: string): this;
-		columnWidth(value: string): this;
+		columnRuleColor(value: CSSColorValue): this;
+		columnRuleStyle(value: ColumnRuleStyleValue): this;
+		columnRuleWidth(value: CSSLengthValue | "thin" | "medium" | "thick"): this;
+		columnSpan(value: ColumnSpanValue): this;
+		columnWidth(value: CSSLengthValue | "auto"): this;
 		columns(value: string): this;
 
 		// Interaction
-		cursor(value: string): this;
+		cursor(value: CursorValue): this;
+
+		// Layout - Additional
+		aspectRatio(value: CSSAspectRatioValue): this;
+		clear(value: ClearValue): this;
+		float(value: FloatValue): this;
+		order(value: number | string): this;
+
+		// Flexbox - Place properties
+		placeContent(value: string): this;
+		placeItems(value: string): this;
+		placeSelf(value: string): this;
+
+		// Text - Additional
+		hyphens(value: HyphensValue): this;
+		lineBreak(value: LineBreakValue): this;
+		wordBreak(value: WordBreakValue): this;
+		textOrientation(value: TextOrientationValue): this;
+		writingMode(value: WritingModeValue): this;
+		direction(value: DirectionValue): this;
+		unicodeBidi(value: UnicodeBidiValue): this;
+
+		// Background - Additional
+		backgroundBlendMode(value: BackgroundBlendModeValue): this;
+		backgroundPositionX(value: string): this;
+		backgroundPositionY(value: string): this;
+
+		// Border Image
+		borderImage(value: string): this;
+		borderImageSource(value: CSSBackgroundImageValue | "none"): this;
+		borderImageSlice(value: string | number): this;
+		borderImageWidth(value: CSSLengthValue | number): this;
+		borderImageOutset(value: CSSLengthValue | number): this;
+		borderImageRepeat(value: BackgroundRepeatValue): this;
+
+		// Logical Properties - Inset
+		inset(value: CSSLengthValue | "auto"): this;
+		insetBlock(value: CSSLengthValue): this;
+		insetBlockStart(value: CSSLengthValue | "auto"): this;
+		insetBlockEnd(value: CSSLengthValue | "auto"): this;
+		insetInline(value: CSSLengthValue): this;
+		insetInlineStart(value: CSSLengthValue | "auto"): this;
+		insetInlineEnd(value: CSSLengthValue | "auto"): this;
+
+		// Logical Properties - Margin
+		marginBlock(value: CSSLengthValue | "auto"): this;
+		marginBlockStart(value: CSSLengthValue | "auto"): this;
+		marginBlockEnd(value: CSSLengthValue | "auto"): this;
+		marginInline(value: CSSLengthValue | "auto"): this;
+		marginInlineStart(value: CSSLengthValue | "auto"): this;
+		marginInlineEnd(value: CSSLengthValue | "auto"): this;
+
+		// Logical Properties - Padding
+		paddingBlock(value: CSSLengthValue): this;
+		paddingBlockStart(value: CSSLengthValue): this;
+		paddingBlockEnd(value: CSSLengthValue): this;
+		paddingInline(value: CSSLengthValue): this;
+		paddingInlineStart(value: CSSLengthValue): this;
+		paddingInlineEnd(value: CSSLengthValue): this;
+
+		// Logical Properties - Size
+		inlineSize(value: CSSLengthValue | "auto" | "fit-content" | "max-content" | "min-content"): this;
+		blockSize(value: CSSLengthValue | "auto" | "fit-content" | "max-content" | "min-content"): this;
+		minInlineSize(value: CSSLengthValue | "auto" | "fit-content" | "max-content" | "min-content"): this;
+		minBlockSize(value: CSSLengthValue | "auto" | "fit-content" | "max-content" | "min-content"): this;
+		maxInlineSize(value: CSSLengthValue | "auto" | "fit-content" | "max-content" | "min-content" | "none"): this;
+		maxBlockSize(value: CSSLengthValue | "auto" | "fit-content" | "max-content" | "min-content" | "none"): this;
+
+		// Logical Properties - Border
+		borderBlock(value: string): this;
+		borderBlockStart(value: string): this;
+		borderBlockEnd(value: string): this;
+		borderInline(value: string): this;
+		borderInlineStart(value: string): this;
+		borderInlineEnd(value: string): this;
+		borderBlockWidth(value: CSSLengthValue | "thin" | "medium" | "thick"): this;
+		borderBlockStartWidth(value: CSSLengthValue | "thin" | "medium" | "thick"): this;
+		borderBlockEndWidth(value: CSSLengthValue | "thin" | "medium" | "thick"): this;
+		borderInlineWidth(value: CSSLengthValue | "thin" | "medium" | "thick"): this;
+		borderInlineStartWidth(value: CSSLengthValue | "thin" | "medium" | "thick"): this;
+		borderInlineEndWidth(value: CSSLengthValue | "thin" | "medium" | "thick"): this;
+		borderBlockStyle(value: BorderStyleValue): this;
+		borderBlockStartStyle(value: BorderStyleValue): this;
+		borderBlockEndStyle(value: BorderStyleValue): this;
+		borderInlineStyle(value: BorderStyleValue): this;
+		borderInlineStartStyle(value: BorderStyleValue): this;
+		borderInlineEndStyle(value: BorderStyleValue): this;
+		borderBlockColor(value: CSSColorValue): this;
+		borderBlockStartColor(value: CSSColorValue): this;
+		borderBlockEndColor(value: CSSColorValue): this;
+		borderInlineColor(value: CSSColorValue): this;
+		borderInlineStartColor(value: CSSColorValue): this;
+		borderInlineEndColor(value: CSSColorValue): this;
+
+		// Logical Properties - Border Radius
+		borderStartStartRadius(value: CSSLengthValue): this;
+		borderStartEndRadius(value: CSSLengthValue): this;
+		borderEndStartRadius(value: CSSLengthValue): this;
+		borderEndEndRadius(value: CSSLengthValue): this;
+
+		// Scroll
+		scrollMargin(value: CSSLengthValue): this;
+		scrollMarginTop(value: CSSLengthValue): this;
+		scrollMarginRight(value: CSSLengthValue): this;
+		scrollMarginBottom(value: CSSLengthValue): this;
+		scrollMarginLeft(value: CSSLengthValue): this;
+		scrollPadding(value: CSSLengthValue): this;
+		scrollPaddingTop(value: CSSLengthValue): this;
+		scrollPaddingRight(value: CSSLengthValue): this;
+		scrollPaddingBottom(value: CSSLengthValue): this;
+		scrollPaddingLeft(value: CSSLengthValue): this;
+		overscrollBehavior(value: OverscrollBehaviorValue): this;
+		overscrollBehaviorX(value: OverscrollBehaviorValue): this;
+		overscrollBehaviorY(value: OverscrollBehaviorValue): this;
+
+		// Caret
+		caretColor(value: CaretColorValue): this;
+		caretShape(value: CaretShapeValue): this;
+		caretAnimation(value: string): this;
+
+		// Other
+		imageRendering(value: ImageRenderingValue): this;
+		colorScheme(value: ColorSchemeValue): this;
+		contentVisibility(value: ContentVisibilityValue): this;
+		touchAction(value: TouchActionValue): this;
+
+		// Container Queries
+		containerType(value: ContainerTypeValue): this;
+		containerName(value: string): this;
+		container(value: string): this;
+
+		// Font - Additional
+		fontFeatureSettings(value: string): this;
+		fontKerning(value: FontKerningValue): this;
+		fontSynthesis(value: FontSynthesisValue): this;
+		fontOpticalSizing(value: FontOpticalSizingValue): this;
+		fontDisplay(value: FontDisplayValue): this;
+		fontVariantCaps(value: FontVariantCapsValue): this;
+		fontVariantNumeric(value: string): this;
+		fontVariantLigatures(value: string): this;
+		fontVariantEastAsian(value: string): this;
+		fontVariantAlternates(value: string): this;
+		fontVariantPosition(value: string): this;
+
+		// Text - Additional
+		textRendering(value: TextRenderingValue): this;
+		textCombineUpright(value: TextCombineUprightValue): this;
+		textSizeAdjust(value: string | "auto" | "none" | `${number}%`): this;
+
+		// Mask
+		mask(value: string): this;
+		maskImage(value: CSSBackgroundImageValue | "none"): this;
+		maskMode(value: string): this;
+		maskRepeat(value: BackgroundRepeatValue): this;
+		maskPosition(value: string): this;
+		maskSize(value: CSSLengthValue | "auto" | "cover" | "contain"): this;
+		maskOrigin(value: BackgroundOriginValue): this;
+		maskClip(value: BackgroundClipValue): this;
+		maskComposite(value: MaskCompositeValue): this;
+
+		// Clip
+		clipRule(value: ClipRuleValue): this;
+
+		// Grid - Additional
+		gridColumnGap(value: CSSLengthValue): this;
+		gridRowGap(value: CSSLengthValue): this;
+		gridGap(value: CSSLengthValue): this;
 	}
 
 	// Utility functions available globally (like HTML tags)
 	// Display
-	function display(value: string): StyleBuilder;
-	function flex(value?: string): StyleBuilder;
+	function display(value: DisplayValue): StyleBuilder;
+	function flex(value?: CSSLengthValue | "auto" | "initial" | "none" | "1" | "0"): StyleBuilder;
 	function grid(): StyleBuilder;
 
 	// Colors
-	function bg(color: string): StyleBuilder;
-	function color(colorValue: string): StyleBuilder;
-	function accentColor(value: string): StyleBuilder;
+	function bg(color: CSSColorValue): StyleBuilder;
+	function color(colorValue: CSSColorValue): StyleBuilder;
+	function accentColor(value: CSSColorValue): StyleBuilder;
 
 	// Typography
-	function fontSize(size: string): StyleBuilder;
-	function fontWeight(value: string): StyleBuilder;
-	function fontFamily(value: string): StyleBuilder;
-	function lineHeight(value: string): StyleBuilder;
-	function letterSpacing(value: string): StyleBuilder;
-	function textAlign(value: string): StyleBuilder;
-	function textDecoration(value: string): StyleBuilder;
+	function fontSize(size: CSSLengthValue): StyleBuilder;
+	function fontWeight(value: FontWeightValue): StyleBuilder;
+	function fontFamily(value: CSSFontFamilyValue): StyleBuilder;
+	function lineHeight(value: CSSLengthValue | "normal" | number): StyleBuilder;
+	function letterSpacing(value: CSSLengthValue | "normal"): StyleBuilder;
+	function textAlign(value: TextAlignValue): StyleBuilder;
+	function textDecoration(value: TextDecorationValue): StyleBuilder;
 	function bold(): StyleBuilder;
-	function fontStyle(value: string): StyleBuilder;
+	function fontStyle(value: FontStyleValue): StyleBuilder;
 	function fontVariant(value: string): StyleBuilder;
 	function fontStretch(value: string): StyleBuilder;
-	function textTransform(value: string): StyleBuilder;
-	function textIndent(value: string): StyleBuilder;
-	function textOverflow(value: string): StyleBuilder;
+	function textTransform(value: TextTransformValue): StyleBuilder;
+	function textIndent(value: CSSLengthValue): StyleBuilder;
+	function textOverflow(value: TextOverflowValue): StyleBuilder;
 	function textShadow(value: string): StyleBuilder;
-	function whiteSpace(value: string): StyleBuilder;
-	function wordSpacing(value: string): StyleBuilder;
-	function wordWrap(value: string): StyleBuilder;
-	function overflowWrap(value: string): StyleBuilder;
-	function textAlignLast(value: string): StyleBuilder;
-	function textJustify(value: string): StyleBuilder;
-	function textDecorationLine(value: string): StyleBuilder;
-	function textDecorationColor(value: string): StyleBuilder;
-	function textDecorationStyle(value: string): StyleBuilder;
-	function textDecorationThickness(value: string): StyleBuilder;
-	function textUnderlineOffset(value: string): StyleBuilder;
-	function verticalAlign(value: string): StyleBuilder;
+	function whiteSpace(value: WhiteSpaceValue): StyleBuilder;
+	function wordSpacing(value: CSSLengthValue | "normal"): StyleBuilder;
+	function wordWrap(value: WordWrapValue): StyleBuilder;
+	function overflowWrap(value: OverflowWrapValue): StyleBuilder;
+	function textAlignLast(value: TextAlignLastValue): StyleBuilder;
+	function textJustify(value: TextJustifyValue): StyleBuilder;
+	function textDecorationLine(value: TextDecorationLineValue): StyleBuilder;
+	function textDecorationColor(value: CSSColorValue): StyleBuilder;
+	function textDecorationStyle(value: TextDecorationStyleValue): StyleBuilder;
+	function textDecorationThickness(value: CSSLengthValue | "auto" | "from-font"): StyleBuilder;
+	function textUnderlineOffset(value: CSSLengthValue | "auto"): StyleBuilder;
+	function verticalAlign(value: VerticalAlignValue): StyleBuilder;
 
 	// Layout
-	function position(value: string): StyleBuilder;
-	function padding(value: string): StyleBuilder;
-	function paddingTop(value: string): StyleBuilder;
-	function paddingRight(value: string): StyleBuilder;
-	function paddingBottom(value: string): StyleBuilder;
-	function paddingLeft(value: string): StyleBuilder;
-	function margin(value: string): StyleBuilder;
-	function marginTop(value: string): StyleBuilder;
-	function marginRight(value: string): StyleBuilder;
-	function marginBottom(value: string): StyleBuilder;
-	function marginLeft(value: string): StyleBuilder;
-	function width(value: string): StyleBuilder;
-	function height(value: string): StyleBuilder;
-	function minWidth(value: string): StyleBuilder;
-	function maxWidth(value: string): StyleBuilder;
-	function minHeight(value: string): StyleBuilder;
-	function maxHeight(value: string): StyleBuilder;
-	function boxSizing(value: string): StyleBuilder;
+	function position(value: PositionValue): StyleBuilder;
+	function padding(value: CSSLengthValue): StyleBuilder;
+	function paddingTop(value: CSSLengthValue): StyleBuilder;
+	function paddingRight(value: CSSLengthValue): StyleBuilder;
+	function paddingBottom(value: CSSLengthValue): StyleBuilder;
+	function paddingLeft(value: CSSLengthValue): StyleBuilder;
+	function margin(value: CSSLengthValue | "auto"): StyleBuilder;
+	function marginTop(value: CSSLengthValue | "auto"): StyleBuilder;
+	function marginRight(value: CSSLengthValue | "auto"): StyleBuilder;
+	function marginBottom(value: CSSLengthValue | "auto"): StyleBuilder;
+	function marginLeft(value: CSSLengthValue | "auto"): StyleBuilder;
+	function width(value: CSSLengthValue | "auto" | "fit-content" | "max-content" | "min-content"): StyleBuilder;
+	function height(value: CSSLengthValue | "auto" | "fit-content" | "max-content" | "min-content"): StyleBuilder;
+	function minWidth(value: CSSLengthValue | "auto" | "fit-content" | "max-content" | "min-content"): StyleBuilder;
+	function maxWidth(value: CSSLengthValue | "auto" | "fit-content" | "max-content" | "min-content" | "none"): StyleBuilder;
+	function minHeight(value: CSSLengthValue | "auto" | "fit-content" | "max-content" | "min-content"): StyleBuilder;
+	function maxHeight(value: CSSLengthValue | "auto" | "fit-content" | "max-content" | "min-content" | "none"): StyleBuilder;
+	function boxSizing(value: BoxSizingValue): StyleBuilder;
 
 	// Positioning (Note: top conflicts with window.top and is skipped at runtime)
-	// function top(value: string): StyleBuilder; // Use module import: import { top } from "nuclo"
-	function right(value: string): StyleBuilder;
-	function bottom(value: string): StyleBuilder;
-	function left(value: string): StyleBuilder;
-	function zIndex(value: string): StyleBuilder;
+	// function top(value: CSSLengthValue | "auto"): StyleBuilder; // Use module import: import { top } from "nuclo"
+	function right(value: CSSLengthValue | "auto"): StyleBuilder;
+	function bottom(value: CSSLengthValue | "auto"): StyleBuilder;
+	function left(value: CSSLengthValue | "auto"): StyleBuilder;
+	function zIndex(value: number | "auto"): StyleBuilder;
 
 	// Flexbox
-	function flexDirection(value: string): StyleBuilder;
-	function alignItems(value: string): StyleBuilder;
-	function justifyContent(value: string): StyleBuilder;
+	function flexDirection(value: FlexDirectionValue): StyleBuilder;
+	function alignItems(value: AlignItemsValue): StyleBuilder;
+	function justifyContent(value: JustifyContentValue): StyleBuilder;
 	function center(): StyleBuilder;
-	function gap(value: string): StyleBuilder;
-	function flexWrap(value: string): StyleBuilder;
-	function flexGrow(value: string): StyleBuilder;
-	function flexShrink(value: string): StyleBuilder;
-	function flexBasis(value: string): StyleBuilder;
-	function alignSelf(value: string): StyleBuilder;
-	function alignContent(value: string): StyleBuilder;
-	function justifySelf(value: string): StyleBuilder;
-	function justifyItems(value: string): StyleBuilder;
+	function gap(value: CSSLengthValue): StyleBuilder;
+	function flexWrap(value: FlexWrapValue): StyleBuilder;
+	function flexGrow(value: number | string): StyleBuilder;
+	function flexShrink(value: number | string): StyleBuilder;
+	function flexBasis(value: CSSLengthValue | "auto" | "content" | "fit-content"): StyleBuilder;
+	function alignSelf(value: AlignSelfValue): StyleBuilder;
+	function alignContent(value: AlignContentValue): StyleBuilder;
+	function justifySelf(value: JustifySelfValue): StyleBuilder;
+	function justifyItems(value: JustifyItemsValue): StyleBuilder;
 
 	// Grid
 	function gridTemplateColumns(value: string): StyleBuilder;
@@ -389,14 +655,14 @@ declare global {
 	function gridTemplateAreas(value: string): StyleBuilder;
 	function gridColumn(value: string): StyleBuilder;
 	function gridRow(value: string): StyleBuilder;
-	function gridColumnStart(value: string): StyleBuilder;
-	function gridColumnEnd(value: string): StyleBuilder;
-	function gridRowStart(value: string): StyleBuilder;
-	function gridRowEnd(value: string): StyleBuilder;
+	function gridColumnStart(value: string | number | "auto"): StyleBuilder;
+	function gridColumnEnd(value: string | number | "auto"): StyleBuilder;
+	function gridRowStart(value: string | number | "auto"): StyleBuilder;
+	function gridRowEnd(value: string | number | "auto"): StyleBuilder;
 	function gridArea(value: string): StyleBuilder;
-	function gridAutoColumns(value: string): StyleBuilder;
-	function gridAutoRows(value: string): StyleBuilder;
-	function gridAutoFlow(value: string): StyleBuilder;
+	function gridAutoColumns(value: CSSLengthValue): StyleBuilder;
+	function gridAutoRows(value: CSSLengthValue): StyleBuilder;
+	function gridAutoFlow(value: GridAutoFlowValue): StyleBuilder;
 
 	// Borders
 	function border(value: string): StyleBuilder;
@@ -404,158 +670,324 @@ declare global {
 	function borderRight(value: string): StyleBuilder;
 	function borderBottom(value: string): StyleBuilder;
 	function borderLeft(value: string): StyleBuilder;
-	function borderWidth(value: string): StyleBuilder;
-	function borderStyle(value: string): StyleBuilder;
-	function borderColor(value: string): StyleBuilder;
-	function borderTopWidth(value: string): StyleBuilder;
-	function borderRightWidth(value: string): StyleBuilder;
-	function borderBottomWidth(value: string): StyleBuilder;
-	function borderLeftWidth(value: string): StyleBuilder;
-	function borderTopStyle(value: string): StyleBuilder;
-	function borderRightStyle(value: string): StyleBuilder;
-	function borderBottomStyle(value: string): StyleBuilder;
-	function borderLeftStyle(value: string): StyleBuilder;
-	function borderTopColor(value: string): StyleBuilder;
-	function borderRightColor(value: string): StyleBuilder;
-	function borderBottomColor(value: string): StyleBuilder;
-	function borderLeftColor(value: string): StyleBuilder;
-	function borderRadius(value: string): StyleBuilder;
-	function borderTopLeftRadius(value: string): StyleBuilder;
-	function borderTopRightRadius(value: string): StyleBuilder;
-	function borderBottomLeftRadius(value: string): StyleBuilder;
-	function borderBottomRightRadius(value: string): StyleBuilder;
+	function borderWidth(value: CSSLengthValue | "thin" | "medium" | "thick"): StyleBuilder;
+	function borderStyle(value: BorderStyleValue): StyleBuilder;
+	function borderColor(value: CSSColorValue): StyleBuilder;
+	function borderTopWidth(value: CSSLengthValue | "thin" | "medium" | "thick"): StyleBuilder;
+	function borderRightWidth(value: CSSLengthValue | "thin" | "medium" | "thick"): StyleBuilder;
+	function borderBottomWidth(value: CSSLengthValue | "thin" | "medium" | "thick"): StyleBuilder;
+	function borderLeftWidth(value: CSSLengthValue | "thin" | "medium" | "thick"): StyleBuilder;
+	function borderTopStyle(value: BorderStyleValue): StyleBuilder;
+	function borderRightStyle(value: BorderStyleValue): StyleBuilder;
+	function borderBottomStyle(value: BorderStyleValue): StyleBuilder;
+	function borderLeftStyle(value: BorderStyleValue): StyleBuilder;
+	function borderTopColor(value: CSSColorValue): StyleBuilder;
+	function borderRightColor(value: CSSColorValue): StyleBuilder;
+	function borderBottomColor(value: CSSColorValue): StyleBuilder;
+	function borderLeftColor(value: CSSColorValue): StyleBuilder;
+	function borderRadius(value: CSSLengthValue): StyleBuilder;
+	function borderTopLeftRadius(value: CSSLengthValue): StyleBuilder;
+	function borderTopRightRadius(value: CSSLengthValue): StyleBuilder;
+	function borderBottomLeftRadius(value: CSSLengthValue): StyleBuilder;
+	function borderBottomRightRadius(value: CSSLengthValue): StyleBuilder;
 
 	// Outline
 	function outline(value: string): StyleBuilder;
-	function outlineWidth(value: string): StyleBuilder;
-	function outlineStyle(value: string): StyleBuilder;
-	function outlineColor(value: string): StyleBuilder;
-	function outlineOffset(value: string): StyleBuilder;
+	function outlineWidth(value: CSSLengthValue | "thin" | "medium" | "thick"): StyleBuilder;
+	function outlineStyle(value: OutlineStyleValue): StyleBuilder;
+	function outlineColor(value: CSSColorValue): StyleBuilder;
+	function outlineOffset(value: CSSLengthValue): StyleBuilder;
 
 	// Background
-	function backgroundColor(value: string): StyleBuilder;
-	function backgroundImage(value: string): StyleBuilder;
-	function backgroundRepeat(value: string): StyleBuilder;
+	function backgroundColor(value: CSSColorValue): StyleBuilder;
+	function backgroundImage(value: CSSBackgroundImageValue | "none"): StyleBuilder;
+	function backgroundRepeat(value: BackgroundRepeatValue): StyleBuilder;
 	function backgroundPosition(value: string): StyleBuilder;
-	function backgroundSize(value: string): StyleBuilder;
-	function backgroundAttachment(value: string): StyleBuilder;
-	function backgroundClip(value: string): StyleBuilder;
-	function backgroundOrigin(value: string): StyleBuilder;
+	function backgroundSize(value: CSSLengthValue | "auto" | "cover" | "contain"): StyleBuilder;
+	function backgroundAttachment(value: BackgroundAttachmentValue): StyleBuilder;
+	function backgroundClip(value: BackgroundClipValue): StyleBuilder;
+	function backgroundOrigin(value: BackgroundOriginValue): StyleBuilder;
 
 	// Effects
-	function boxShadow(value: string): StyleBuilder;
-	function opacity(value: string): StyleBuilder;
+	function boxShadow(value: string | "none"): StyleBuilder;
+	function opacity(value: number | string): StyleBuilder;
 	function transition(value: string): StyleBuilder;
-	function transitionProperty(value: string): StyleBuilder;
-	function transitionDuration(value: string): StyleBuilder;
-	function transitionTimingFunction(value: string): StyleBuilder;
-	function transitionDelay(value: string): StyleBuilder;
+	function transitionProperty(value: string | "none" | "all"): StyleBuilder;
+	function transitionDuration(value: string | number): StyleBuilder;
+	function transitionTimingFunction(value: CSSTimingFunctionValue): StyleBuilder;
+	function transitionDelay(value: string | number): StyleBuilder;
 
 	// Transform
-	function transform(value: string): StyleBuilder;
+	function transform(value: CSSTransformValue | "none"): StyleBuilder;
 	function transformOrigin(value: string): StyleBuilder;
-	function transformStyle(value: string): StyleBuilder;
-	function perspective(value: string): StyleBuilder;
+	function transformStyle(value: TransformStyleValue): StyleBuilder;
+	function perspective(value: CSSLengthValue | "none"): StyleBuilder;
 	function perspectiveOrigin(value: string): StyleBuilder;
-	function backfaceVisibility(value: string): StyleBuilder;
+	function backfaceVisibility(value: BackfaceVisibilityValue): StyleBuilder;
 
 	// Animation
 	function animation(value: string): StyleBuilder;
-	function animationName(value: string): StyleBuilder;
-	function animationDuration(value: string): StyleBuilder;
-	function animationTimingFunction(value: string): StyleBuilder;
-	function animationDelay(value: string): StyleBuilder;
-	function animationIterationCount(value: string): StyleBuilder;
-	function animationDirection(value: string): StyleBuilder;
-	function animationFillMode(value: string): StyleBuilder;
-	function animationPlayState(value: string): StyleBuilder;
+	function animationName(value: CSSAnimationNameValue): StyleBuilder;
+	function animationDuration(value: string | number): StyleBuilder;
+	function animationTimingFunction(value: CSSTimingFunctionValue): StyleBuilder;
+	function animationDelay(value: string | number): StyleBuilder;
+	function animationIterationCount(value: number | "infinite" | string): StyleBuilder;
+	function animationDirection(value: AnimationDirectionValue): StyleBuilder;
+	function animationFillMode(value: AnimationFillModeValue): StyleBuilder;
+	function animationPlayState(value: AnimationPlayStateValue): StyleBuilder;
 
 	// Filter (Note: conflicts with SVG filter element, use module import if needed)
-	// function filter(value: string): StyleBuilder; // Use: import { filter } from "nuclo"
-	function backdropFilter(value: string): StyleBuilder;
+	// function filter(value: CSSFilterValue | "none"): StyleBuilder; // Use: import { filter } from "nuclo"
+	function backdropFilter(value: CSSFilterValue | "none"): StyleBuilder;
 
 	// Overflow
-	function overflow(value: string): StyleBuilder;
-	function overflowX(value: string): StyleBuilder;
-	function overflowY(value: string): StyleBuilder;
+	function overflow(value: OverflowValue): StyleBuilder;
+	function overflowX(value: OverflowValue): StyleBuilder;
+	function overflowY(value: OverflowValue): StyleBuilder;
 
 	// Visibility
-	function visibility(value: string): StyleBuilder;
+	function visibility(value: VisibilityValue): StyleBuilder;
 
 	// Object fit/position
-	function objectFit(value: string): StyleBuilder;
+	function objectFit(value: ObjectFitValue): StyleBuilder;
 	function objectPosition(value: string): StyleBuilder;
 
 	// List
 	function listStyle(value: string): StyleBuilder;
-	function listStyleType(value: string): StyleBuilder;
-	function listStylePosition(value: string): StyleBuilder;
-	function listStyleImage(value: string): StyleBuilder;
+	function listStyleType(value: ListStyleTypeValue): StyleBuilder;
+	function listStylePosition(value: ListStylePositionValue): StyleBuilder;
+	function listStyleImage(value: CSSBackgroundImageValue | "none"): StyleBuilder;
 
 	// Table
-	function borderCollapse(value: string): StyleBuilder;
-	function borderSpacing(value: string): StyleBuilder;
-	function captionSide(value: string): StyleBuilder;
-	function emptyCells(value: string): StyleBuilder;
-	function tableLayout(value: string): StyleBuilder;
+	function borderCollapse(value: BorderCollapseValue): StyleBuilder;
+	function borderSpacing(value: CSSLengthValue): StyleBuilder;
+	function captionSide(value: CaptionSideValue): StyleBuilder;
+	function emptyCells(value: EmptyCellsValue): StyleBuilder;
+	function tableLayout(value: TableLayoutValue): StyleBuilder;
 
 	// Content
-	function content(value: string): StyleBuilder;
-	function quotes(value: string): StyleBuilder;
-	function counterReset(value: string): StyleBuilder;
-	function counterIncrement(value: string): StyleBuilder;
+	function content(value: CSSContentValue | "normal" | "none"): StyleBuilder;
+	function quotes(value: string | "none"): StyleBuilder;
+	function counterReset(value: string | "none"): StyleBuilder;
+	function counterIncrement(value: string | "none"): StyleBuilder;
 
 	// User interface
-	function appearance(value: string): StyleBuilder;
-	function userSelect(value: string): StyleBuilder;
-	function pointerEvents(value: string): StyleBuilder;
-	function resize(value: string): StyleBuilder;
-	function scrollBehavior(value: string): StyleBuilder;
+	function appearance(value: AppearanceValue): StyleBuilder;
+	function userSelect(value: UserSelectValue): StyleBuilder;
+	function pointerEvents(value: PointerEventsValue): StyleBuilder;
+	function resize(value: ResizeValue): StyleBuilder;
+	function scrollBehavior(value: ScrollBehaviorValue): StyleBuilder;
 
 	// Clip (Note: clipPath conflicts with SVG clipPath element, use module import if needed)
-	function clip(value: string): StyleBuilder;
-	// function clipPath(value: string): StyleBuilder; // Use: import { clipPath } from "nuclo"
+	function clip(value: string | "auto"): StyleBuilder;
+	// function clipPath(value: string | "none"): StyleBuilder; // Use: import { clipPath } from "nuclo"
 
 	// Isolation
-	function isolation(value: string): StyleBuilder;
+	function isolation(value: IsolationValue): StyleBuilder;
 
 	// Mix blend mode
-	function mixBlendMode(value: string): StyleBuilder;
+	function mixBlendMode(value: MixBlendModeValue): StyleBuilder;
 
 	// Will change
-	function willChange(value: string): StyleBuilder;
+	function willChange(value: string | "auto"): StyleBuilder;
 
 	// Contain
-	function contain(value: string): StyleBuilder;
+	function contain(value: ContainValue): StyleBuilder;
 
 	// Page break
-	function pageBreakBefore(value: string): StyleBuilder;
-	function pageBreakAfter(value: string): StyleBuilder;
-	function pageBreakInside(value: string): StyleBuilder;
+	function pageBreakBefore(value: PageBreakValue): StyleBuilder;
+	function pageBreakAfter(value: PageBreakValue): StyleBuilder;
+	function pageBreakInside(value: PageBreakValue): StyleBuilder;
 
 	// Break
-	function breakBefore(value: string): StyleBuilder;
-	function breakAfter(value: string): StyleBuilder;
-	function breakInside(value: string): StyleBuilder;
+	function breakBefore(value: BreakValue): StyleBuilder;
+	function breakAfter(value: BreakValue): StyleBuilder;
+	function breakInside(value: BreakValue): StyleBuilder;
 
 	// Orphans and widows
-	function orphans(value: string): StyleBuilder;
-	function widows(value: string): StyleBuilder;
+	function orphans(value: number | string): StyleBuilder;
+	function widows(value: number | string): StyleBuilder;
 
 	// Column
-	function columnCount(value: string): StyleBuilder;
-	function columnFill(value: string): StyleBuilder;
-	function columnGap(value: string): StyleBuilder;
+	function columnCount(value: number | "auto" | string): StyleBuilder;
+	function columnFill(value: ColumnFillValue): StyleBuilder;
+	function columnGap(value: CSSLengthValue | "normal"): StyleBuilder;
 	function columnRule(value: string): StyleBuilder;
-	function columnRuleColor(value: string): StyleBuilder;
-	function columnRuleStyle(value: string): StyleBuilder;
-	function columnRuleWidth(value: string): StyleBuilder;
-	function columnSpan(value: string): StyleBuilder;
-	function columnWidth(value: string): StyleBuilder;
+	function columnRuleColor(value: CSSColorValue): StyleBuilder;
+	function columnRuleStyle(value: ColumnRuleStyleValue): StyleBuilder;
+	function columnRuleWidth(value: CSSLengthValue | "thin" | "medium" | "thick"): StyleBuilder;
+	function columnSpan(value: ColumnSpanValue): StyleBuilder;
+	function columnWidth(value: CSSLengthValue | "auto"): StyleBuilder;
 	function columns(value: string): StyleBuilder;
 
 	// Interaction
-	function cursor(value: string): StyleBuilder;
+	function cursor(value: CursorValue): StyleBuilder;
+
+	// Layout - Additional
+	function aspectRatio(value: CSSAspectRatioValue): StyleBuilder;
+	function clear(value: ClearValue): StyleBuilder;
+	function float(value: FloatValue): StyleBuilder;
+	function order(value: number | string): StyleBuilder;
+
+	// Flexbox - Place properties
+	function placeContent(value: string): StyleBuilder;
+	function placeItems(value: string): StyleBuilder;
+	function placeSelf(value: string): StyleBuilder;
+
+	// Text - Additional
+	function hyphens(value: HyphensValue): StyleBuilder;
+	function lineBreak(value: LineBreakValue): StyleBuilder;
+	function wordBreak(value: WordBreakValue): StyleBuilder;
+	function textOrientation(value: TextOrientationValue): StyleBuilder;
+	function writingMode(value: WritingModeValue): StyleBuilder;
+	function direction(value: DirectionValue): StyleBuilder;
+	function unicodeBidi(value: UnicodeBidiValue): StyleBuilder;
+
+	// Background - Additional
+	function backgroundBlendMode(value: BackgroundBlendModeValue): StyleBuilder;
+	function backgroundPositionX(value: string): StyleBuilder;
+	function backgroundPositionY(value: string): StyleBuilder;
+
+	// Border Image
+	function borderImage(value: string): StyleBuilder;
+	function borderImageSource(value: CSSBackgroundImageValue | "none"): StyleBuilder;
+	function borderImageSlice(value: string | number): StyleBuilder;
+	function borderImageWidth(value: CSSLengthValue | number): StyleBuilder;
+	function borderImageOutset(value: CSSLengthValue | number): StyleBuilder;
+	function borderImageRepeat(value: BackgroundRepeatValue): StyleBuilder;
+
+	// Logical Properties - Inset
+	function inset(value: CSSLengthValue | "auto"): StyleBuilder;
+	function insetBlock(value: CSSLengthValue): StyleBuilder;
+	function insetBlockStart(value: CSSLengthValue | "auto"): StyleBuilder;
+	function insetBlockEnd(value: CSSLengthValue | "auto"): StyleBuilder;
+	function insetInline(value: CSSLengthValue): StyleBuilder;
+	function insetInlineStart(value: CSSLengthValue | "auto"): StyleBuilder;
+	function insetInlineEnd(value: CSSLengthValue | "auto"): StyleBuilder;
+
+	// Logical Properties - Margin
+	function marginBlock(value: CSSLengthValue | "auto"): StyleBuilder;
+	function marginBlockStart(value: CSSLengthValue | "auto"): StyleBuilder;
+	function marginBlockEnd(value: CSSLengthValue | "auto"): StyleBuilder;
+	function marginInline(value: CSSLengthValue | "auto"): StyleBuilder;
+	function marginInlineStart(value: CSSLengthValue | "auto"): StyleBuilder;
+	function marginInlineEnd(value: CSSLengthValue | "auto"): StyleBuilder;
+
+	// Logical Properties - Padding
+	function paddingBlock(value: CSSLengthValue): StyleBuilder;
+	function paddingBlockStart(value: CSSLengthValue): StyleBuilder;
+	function paddingBlockEnd(value: CSSLengthValue): StyleBuilder;
+	function paddingInline(value: CSSLengthValue): StyleBuilder;
+	function paddingInlineStart(value: CSSLengthValue): StyleBuilder;
+	function paddingInlineEnd(value: CSSLengthValue): StyleBuilder;
+
+	// Logical Properties - Size
+	function inlineSize(value: CSSLengthValue | "auto" | "fit-content" | "max-content" | "min-content"): StyleBuilder;
+	function blockSize(value: CSSLengthValue | "auto" | "fit-content" | "max-content" | "min-content"): StyleBuilder;
+	function minInlineSize(value: CSSLengthValue | "auto" | "fit-content" | "max-content" | "min-content"): StyleBuilder;
+	function minBlockSize(value: CSSLengthValue | "auto" | "fit-content" | "max-content" | "min-content"): StyleBuilder;
+	function maxInlineSize(value: CSSLengthValue | "auto" | "fit-content" | "max-content" | "min-content" | "none"): StyleBuilder;
+	function maxBlockSize(value: CSSLengthValue | "auto" | "fit-content" | "max-content" | "min-content" | "none"): StyleBuilder;
+
+	// Logical Properties - Border
+	function borderBlock(value: string): StyleBuilder;
+	function borderBlockStart(value: string): StyleBuilder;
+	function borderBlockEnd(value: string): StyleBuilder;
+	function borderInline(value: string): StyleBuilder;
+	function borderInlineStart(value: string): StyleBuilder;
+	function borderInlineEnd(value: string): StyleBuilder;
+	function borderBlockWidth(value: CSSLengthValue | "thin" | "medium" | "thick"): StyleBuilder;
+	function borderBlockStartWidth(value: CSSLengthValue | "thin" | "medium" | "thick"): StyleBuilder;
+	function borderBlockEndWidth(value: CSSLengthValue | "thin" | "medium" | "thick"): StyleBuilder;
+	function borderInlineWidth(value: CSSLengthValue | "thin" | "medium" | "thick"): StyleBuilder;
+	function borderInlineStartWidth(value: CSSLengthValue | "thin" | "medium" | "thick"): StyleBuilder;
+	function borderInlineEndWidth(value: CSSLengthValue | "thin" | "medium" | "thick"): StyleBuilder;
+	function borderBlockStyle(value: BorderStyleValue): StyleBuilder;
+	function borderBlockStartStyle(value: BorderStyleValue): StyleBuilder;
+	function borderBlockEndStyle(value: BorderStyleValue): StyleBuilder;
+	function borderInlineStyle(value: BorderStyleValue): StyleBuilder;
+	function borderInlineStartStyle(value: BorderStyleValue): StyleBuilder;
+	function borderInlineEndStyle(value: BorderStyleValue): StyleBuilder;
+	function borderBlockColor(value: CSSColorValue): StyleBuilder;
+	function borderBlockStartColor(value: CSSColorValue): StyleBuilder;
+	function borderBlockEndColor(value: CSSColorValue): StyleBuilder;
+	function borderInlineColor(value: CSSColorValue): StyleBuilder;
+	function borderInlineStartColor(value: CSSColorValue): StyleBuilder;
+	function borderInlineEndColor(value: CSSColorValue): StyleBuilder;
+
+	// Logical Properties - Border Radius
+	function borderStartStartRadius(value: CSSLengthValue): StyleBuilder;
+	function borderStartEndRadius(value: CSSLengthValue): StyleBuilder;
+	function borderEndStartRadius(value: CSSLengthValue): StyleBuilder;
+	function borderEndEndRadius(value: CSSLengthValue): StyleBuilder;
+
+	// Scroll
+	function scrollMargin(value: CSSLengthValue): StyleBuilder;
+	function scrollMarginTop(value: CSSLengthValue): StyleBuilder;
+	function scrollMarginRight(value: CSSLengthValue): StyleBuilder;
+	function scrollMarginBottom(value: CSSLengthValue): StyleBuilder;
+	function scrollMarginLeft(value: CSSLengthValue): StyleBuilder;
+	function scrollPadding(value: CSSLengthValue): StyleBuilder;
+	function scrollPaddingTop(value: CSSLengthValue): StyleBuilder;
+	function scrollPaddingRight(value: CSSLengthValue): StyleBuilder;
+	function scrollPaddingBottom(value: CSSLengthValue): StyleBuilder;
+	function scrollPaddingLeft(value: CSSLengthValue): StyleBuilder;
+	function overscrollBehavior(value: OverscrollBehaviorValue): StyleBuilder;
+	function overscrollBehaviorX(value: OverscrollBehaviorValue): StyleBuilder;
+	function overscrollBehaviorY(value: OverscrollBehaviorValue): StyleBuilder;
+
+	// Caret
+	function caretColor(value: CaretColorValue): StyleBuilder;
+	function caretShape(value: CaretShapeValue): StyleBuilder;
+	function caretAnimation(value: string): StyleBuilder;
+
+	// Other
+	function imageRendering(value: ImageRenderingValue): StyleBuilder;
+	function colorScheme(value: ColorSchemeValue): StyleBuilder;
+	function contentVisibility(value: ContentVisibilityValue): StyleBuilder;
+	function touchAction(value: TouchActionValue): StyleBuilder;
+
+	// Container Queries
+	function containerType(value: ContainerTypeValue): StyleBuilder;
+	function containerName(value: string): StyleBuilder;
+	function container(value: string): StyleBuilder;
+
+	// Font - Additional
+	function fontFeatureSettings(value: string): StyleBuilder;
+	function fontKerning(value: FontKerningValue): StyleBuilder;
+	function fontSynthesis(value: FontSynthesisValue): StyleBuilder;
+	function fontOpticalSizing(value: FontOpticalSizingValue): StyleBuilder;
+	function fontDisplay(value: FontDisplayValue): StyleBuilder;
+	function fontVariantCaps(value: FontVariantCapsValue): StyleBuilder;
+	function fontVariantNumeric(value: string): StyleBuilder;
+	function fontVariantLigatures(value: string): StyleBuilder;
+	function fontVariantEastAsian(value: string): StyleBuilder;
+	function fontVariantAlternates(value: string): StyleBuilder;
+	function fontVariantPosition(value: string): StyleBuilder;
+
+	// Text - Additional
+	function textRendering(value: TextRenderingValue): StyleBuilder;
+	function textCombineUpright(value: TextCombineUprightValue): StyleBuilder;
+	function textSizeAdjust(value: string | "auto" | "none" | `${number}%`): StyleBuilder;
+
+	// Mask (Note: mask conflicts with SVG mask element, use module import if needed)
+	// function mask(value: string): StyleBuilder; // Use: import { mask } from "nuclo"
+	function maskImage(value: CSSBackgroundImageValue | "none"): StyleBuilder;
+	function maskMode(value: string): StyleBuilder;
+	function maskRepeat(value: BackgroundRepeatValue): StyleBuilder;
+	function maskPosition(value: string): StyleBuilder;
+	function maskSize(value: CSSLengthValue | "auto" | "cover" | "contain"): StyleBuilder;
+	function maskOrigin(value: BackgroundOriginValue): StyleBuilder;
+	function maskClip(value: BackgroundClipValue): StyleBuilder;
+	function maskComposite(value: MaskCompositeValue): StyleBuilder;
+
+	// Clip
+	function clipRule(value: ClipRuleValue): StyleBuilder;
+
+	// Grid - Additional
+	function gridColumnGap(value: CSSLengthValue): StyleBuilder;
+	function gridRowGap(value: CSSLengthValue): StyleBuilder;
+	function gridGap(value: CSSLengthValue): StyleBuilder;
 }
 
 // Export StyleBuilder class with all its methods (for module imports)
@@ -564,85 +996,85 @@ export class StyleBuilder {
 	add(property: string, value: string): this;
 
 	// Display
-	display(value: string): this;
-	flex(value?: string): this;
+	display(value: DisplayValue): this;
+	flex(value?: CSSLengthValue | "auto" | "initial" | "none" | "1" | "0"): this;
 	grid(): this;
 
 	// Colors
-	bg(color: string): this;
-	color(color: string): this;
-	accentColor(value: string): this;
+	bg(color: CSSColorValue): this;
+	color(color: CSSColorValue): this;
+	accentColor(value: CSSColorValue): this;
 
 	// Typography
-	fontSize(size: string): this;
-	fontWeight(value: string): this;
-	fontFamily(value: string): this;
-	lineHeight(value: string): this;
-	letterSpacing(value: string): this;
-	textAlign(value: string): this;
-	textDecoration(value: string): this;
+	fontSize(size: CSSLengthValue): this;
+	fontWeight(value: FontWeightValue): this;
+	fontFamily(value: CSSFontFamilyValue): this;
+	lineHeight(value: CSSLengthValue | "normal" | number): this;
+	letterSpacing(value: CSSLengthValue | "normal"): this;
+	textAlign(value: TextAlignValue): this;
+	textDecoration(value: TextDecorationValue): this;
 	bold(): this;
-	fontStyle(value: string): this;
+	fontStyle(value: FontStyleValue): this;
 	fontVariant(value: string): this;
 	fontStretch(value: string): this;
-	textTransform(value: string): this;
-	textIndent(value: string): this;
-	textOverflow(value: string): this;
+	textTransform(value: TextTransformValue): this;
+	textIndent(value: CSSLengthValue): this;
+	textOverflow(value: TextOverflowValue): this;
 	textShadow(value: string): this;
-	whiteSpace(value: string): this;
-	wordSpacing(value: string): this;
-	wordWrap(value: string): this;
-	overflowWrap(value: string): this;
-	textAlignLast(value: string): this;
-	textJustify(value: string): this;
-	textDecorationLine(value: string): this;
-	textDecorationColor(value: string): this;
-	textDecorationStyle(value: string): this;
-	textDecorationThickness(value: string): this;
-	textUnderlineOffset(value: string): this;
-	verticalAlign(value: string): this;
+	whiteSpace(value: WhiteSpaceValue): this;
+	wordSpacing(value: CSSLengthValue | "normal"): this;
+	wordWrap(value: WordWrapValue): this;
+	overflowWrap(value: OverflowWrapValue): this;
+	textAlignLast(value: TextAlignLastValue): this;
+	textJustify(value: TextJustifyValue): this;
+	textDecorationLine(value: TextDecorationLineValue): this;
+	textDecorationColor(value: CSSColorValue): this;
+	textDecorationStyle(value: TextDecorationStyleValue): this;
+	textDecorationThickness(value: CSSLengthValue | "auto" | "from-font"): this;
+	textUnderlineOffset(value: CSSLengthValue | "auto"): this;
+	verticalAlign(value: VerticalAlignValue): this;
 
 	// Layout
-	position(value: string): this;
-	padding(value: string): this;
-	paddingTop(value: string): this;
-	paddingRight(value: string): this;
-	paddingBottom(value: string): this;
-	paddingLeft(value: string): this;
-	margin(value: string): this;
-	marginTop(value: string): this;
-	marginRight(value: string): this;
-	marginBottom(value: string): this;
-	marginLeft(value: string): this;
-	width(value: string): this;
-	height(value: string): this;
-	minWidth(value: string): this;
-	maxWidth(value: string): this;
-	minHeight(value: string): this;
-	maxHeight(value: string): this;
-	boxSizing(value: string): this;
+	position(value: PositionValue): this;
+	padding(value: CSSLengthValue): this;
+	paddingTop(value: CSSLengthValue): this;
+	paddingRight(value: CSSLengthValue): this;
+	paddingBottom(value: CSSLengthValue): this;
+	paddingLeft(value: CSSLengthValue): this;
+	margin(value: CSSLengthValue | "auto"): this;
+	marginTop(value: CSSLengthValue | "auto"): this;
+	marginRight(value: CSSLengthValue | "auto"): this;
+	marginBottom(value: CSSLengthValue | "auto"): this;
+	marginLeft(value: CSSLengthValue | "auto"): this;
+	width(value: CSSLengthValue | "auto" | "fit-content" | "max-content" | "min-content"): this;
+	height(value: CSSLengthValue | "auto" | "fit-content" | "max-content" | "min-content"): this;
+	minWidth(value: CSSLengthValue | "auto" | "fit-content" | "max-content" | "min-content"): this;
+	maxWidth(value: CSSLengthValue | "auto" | "fit-content" | "max-content" | "min-content" | "none"): this;
+	minHeight(value: CSSLengthValue | "auto" | "fit-content" | "max-content" | "min-content"): this;
+	maxHeight(value: CSSLengthValue | "auto" | "fit-content" | "max-content" | "min-content" | "none"): this;
+	boxSizing(value: BoxSizingValue): this;
 
 	// Positioning
-	top(value: string): this;
-	right(value: string): this;
-	bottom(value: string): this;
-	left(value: string): this;
-	zIndex(value: string): this;
+	top(value: CSSLengthValue | "auto"): this;
+	right(value: CSSLengthValue | "auto"): this;
+	bottom(value: CSSLengthValue | "auto"): this;
+	left(value: CSSLengthValue | "auto"): this;
+	zIndex(value: number | "auto"): this;
 
 	// Flexbox
-	flexDirection(value: string): this;
-	alignItems(value: string): this;
-	justifyContent(value: string): this;
+	flexDirection(value: FlexDirectionValue): this;
+	alignItems(value: AlignItemsValue): this;
+	justifyContent(value: JustifyContentValue): this;
 	center(): this;
-	gap(value: string): this;
-	flexWrap(value: string): this;
-	flexGrow(value: string): this;
-	flexShrink(value: string): this;
-	flexBasis(value: string): this;
-	alignSelf(value: string): this;
-	alignContent(value: string): this;
-	justifySelf(value: string): this;
-	justifyItems(value: string): this;
+	gap(value: CSSLengthValue): this;
+	flexWrap(value: FlexWrapValue): this;
+	flexGrow(value: number | string): this;
+	flexShrink(value: number | string): this;
+	flexBasis(value: CSSLengthValue | "auto" | "content" | "fit-content"): this;
+	alignSelf(value: AlignSelfValue): this;
+	alignContent(value: AlignContentValue): this;
+	justifySelf(value: JustifySelfValue): this;
+	justifyItems(value: JustifyItemsValue): this;
 
 	// Grid
 	gridTemplateColumns(value: string): this;
@@ -650,14 +1082,14 @@ export class StyleBuilder {
 	gridTemplateAreas(value: string): this;
 	gridColumn(value: string): this;
 	gridRow(value: string): this;
-	gridColumnStart(value: string): this;
-	gridColumnEnd(value: string): this;
-	gridRowStart(value: string): this;
-	gridRowEnd(value: string): this;
+	gridColumnStart(value: string | number | "auto"): this;
+	gridColumnEnd(value: string | number | "auto"): this;
+	gridRowStart(value: string | number | "auto"): this;
+	gridRowEnd(value: string | number | "auto"): this;
 	gridArea(value: string): this;
-	gridAutoColumns(value: string): this;
-	gridAutoRows(value: string): this;
-	gridAutoFlow(value: string): this;
+	gridAutoColumns(value: CSSLengthValue): this;
+	gridAutoRows(value: CSSLengthValue): this;
+	gridAutoFlow(value: GridAutoFlowValue): this;
 
 	// Borders
 	border(value: string): this;
@@ -665,241 +1097,407 @@ export class StyleBuilder {
 	borderRight(value: string): this;
 	borderBottom(value: string): this;
 	borderLeft(value: string): this;
-	borderWidth(value: string): this;
-	borderStyle(value: string): this;
-	borderColor(value: string): this;
-	borderTopWidth(value: string): this;
-	borderRightWidth(value: string): this;
-	borderBottomWidth(value: string): this;
-	borderLeftWidth(value: string): this;
-	borderTopStyle(value: string): this;
-	borderRightStyle(value: string): this;
-	borderBottomStyle(value: string): this;
-	borderLeftStyle(value: string): this;
-	borderTopColor(value: string): this;
-	borderRightColor(value: string): this;
-	borderBottomColor(value: string): this;
-	borderLeftColor(value: string): this;
-	borderRadius(value: string): this;
-	borderTopLeftRadius(value: string): this;
-	borderTopRightRadius(value: string): this;
-	borderBottomLeftRadius(value: string): this;
-	borderBottomRightRadius(value: string): this;
+	borderWidth(value: CSSLengthValue | "thin" | "medium" | "thick"): this;
+	borderStyle(value: BorderStyleValue): this;
+	borderColor(value: CSSColorValue): this;
+	borderTopWidth(value: CSSLengthValue | "thin" | "medium" | "thick"): this;
+	borderRightWidth(value: CSSLengthValue | "thin" | "medium" | "thick"): this;
+	borderBottomWidth(value: CSSLengthValue | "thin" | "medium" | "thick"): this;
+	borderLeftWidth(value: CSSLengthValue | "thin" | "medium" | "thick"): this;
+	borderTopStyle(value: BorderStyleValue): this;
+	borderRightStyle(value: BorderStyleValue): this;
+	borderBottomStyle(value: BorderStyleValue): this;
+	borderLeftStyle(value: BorderStyleValue): this;
+	borderTopColor(value: CSSColorValue): this;
+	borderRightColor(value: CSSColorValue): this;
+	borderBottomColor(value: CSSColorValue): this;
+	borderLeftColor(value: CSSColorValue): this;
+	borderRadius(value: CSSLengthValue): this;
+	borderTopLeftRadius(value: CSSLengthValue): this;
+	borderTopRightRadius(value: CSSLengthValue): this;
+	borderBottomLeftRadius(value: CSSLengthValue): this;
+	borderBottomRightRadius(value: CSSLengthValue): this;
 
 	// Outline
 	outline(value: string): this;
-	outlineWidth(value: string): this;
-	outlineStyle(value: string): this;
-	outlineColor(value: string): this;
-	outlineOffset(value: string): this;
+	outlineWidth(value: CSSLengthValue | "thin" | "medium" | "thick"): this;
+	outlineStyle(value: OutlineStyleValue): this;
+	outlineColor(value: CSSColorValue): this;
+	outlineOffset(value: CSSLengthValue): this;
 
 	// Background
-	backgroundColor(value: string): this;
-	backgroundImage(value: string): this;
-	backgroundRepeat(value: string): this;
+	backgroundColor(value: CSSColorValue): this;
+	backgroundImage(value: CSSBackgroundImageValue | "none"): this;
+	backgroundRepeat(value: BackgroundRepeatValue): this;
 	backgroundPosition(value: string): this;
-	backgroundSize(value: string): this;
-	backgroundAttachment(value: string): this;
-	backgroundClip(value: string): this;
-	backgroundOrigin(value: string): this;
+	backgroundSize(value: CSSLengthValue | "auto" | "cover" | "contain"): this;
+	backgroundAttachment(value: BackgroundAttachmentValue): this;
+	backgroundClip(value: BackgroundClipValue): this;
+	backgroundOrigin(value: BackgroundOriginValue): this;
 
 	// Effects
-	boxShadow(value: string): this;
-	opacity(value: string): this;
+	boxShadow(value: string | "none"): this;
+	opacity(value: number | string): this;
 	transition(value: string): this;
-	transitionProperty(value: string): this;
-	transitionDuration(value: string): this;
-	transitionTimingFunction(value: string): this;
-	transitionDelay(value: string): this;
+	transitionProperty(value: string | "none" | "all"): this;
+	transitionDuration(value: string | number): this;
+	transitionTimingFunction(value: CSSTimingFunctionValue): this;
+	transitionDelay(value: string | number): this;
 
 	// Transform
-	transform(value: string): this;
+	transform(value: CSSTransformValue | "none"): this;
 	transformOrigin(value: string): this;
-	transformStyle(value: string): this;
-	perspective(value: string): this;
+	transformStyle(value: TransformStyleValue): this;
+	perspective(value: CSSLengthValue | "none"): this;
 	perspectiveOrigin(value: string): this;
-	backfaceVisibility(value: string): this;
+	backfaceVisibility(value: BackfaceVisibilityValue): this;
 
 	// Animation
 	animation(value: string): this;
-	animationName(value: string): this;
-	animationDuration(value: string): this;
-	animationTimingFunction(value: string): this;
-	animationDelay(value: string): this;
-	animationIterationCount(value: string): this;
-	animationDirection(value: string): this;
-	animationFillMode(value: string): this;
-	animationPlayState(value: string): this;
+	animationName(value: CSSAnimationNameValue): this;
+	animationDuration(value: string | number): this;
+	animationTimingFunction(value: CSSTimingFunctionValue): this;
+	animationDelay(value: string | number): this;
+	animationIterationCount(value: number | "infinite" | string): this;
+	animationDirection(value: AnimationDirectionValue): this;
+	animationFillMode(value: AnimationFillModeValue): this;
+	animationPlayState(value: AnimationPlayStateValue): this;
 
 	// Filter
-	filter(value: string): this;
-	backdropFilter(value: string): this;
+	filter(value: CSSFilterValue | "none"): this;
+	backdropFilter(value: CSSFilterValue | "none"): this;
 
 	// Overflow
-	overflow(value: string): this;
-	overflowX(value: string): this;
-	overflowY(value: string): this;
+	overflow(value: OverflowValue): this;
+	overflowX(value: OverflowValue): this;
+	overflowY(value: OverflowValue): this;
 
 	// Visibility
-	visibility(value: string): this;
+	visibility(value: VisibilityValue): this;
 
 	// Object fit/position
-	objectFit(value: string): this;
+	objectFit(value: ObjectFitValue): this;
 	objectPosition(value: string): this;
 
 	// List
 	listStyle(value: string): this;
-	listStyleType(value: string): this;
-	listStylePosition(value: string): this;
-	listStyleImage(value: string): this;
+	listStyleType(value: ListStyleTypeValue): this;
+	listStylePosition(value: ListStylePositionValue): this;
+	listStyleImage(value: CSSBackgroundImageValue | "none"): this;
 
 	// Table
-	borderCollapse(value: string): this;
-	borderSpacing(value: string): this;
-	captionSide(value: string): this;
-	emptyCells(value: string): this;
-	tableLayout(value: string): this;
+	borderCollapse(value: BorderCollapseValue): this;
+	borderSpacing(value: CSSLengthValue): this;
+	captionSide(value: CaptionSideValue): this;
+	emptyCells(value: EmptyCellsValue): this;
+	tableLayout(value: TableLayoutValue): this;
 
 	// Content
-	content(value: string): this;
-	quotes(value: string): this;
-	counterReset(value: string): this;
-	counterIncrement(value: string): this;
+	content(value: CSSContentValue | "normal" | "none"): this;
+	quotes(value: string | "none"): this;
+	counterReset(value: string | "none"): this;
+	counterIncrement(value: string | "none"): this;
 
 	// User interface
-	appearance(value: string): this;
-	userSelect(value: string): this;
-	pointerEvents(value: string): this;
-	resize(value: string): this;
-	scrollBehavior(value: string): this;
+	appearance(value: AppearanceValue): this;
+	userSelect(value: UserSelectValue): this;
+	pointerEvents(value: PointerEventsValue): this;
+	resize(value: ResizeValue): this;
+	scrollBehavior(value: ScrollBehaviorValue): this;
 
 	// Clip
-	clip(value: string): this;
-	clipPath(value: string): this;
+	clip(value: string | "auto"): this;
+	clipPath(value: string | "none"): this;
 
 	// Isolation
-	isolation(value: string): this;
+	isolation(value: IsolationValue): this;
 
 	// Mix blend mode
-	mixBlendMode(value: string): this;
+	mixBlendMode(value: MixBlendModeValue): this;
 
 	// Will change
-	willChange(value: string): this;
+	willChange(value: string | "auto"): this;
 
 	// Contain
-	contain(value: string): this;
+	contain(value: ContainValue): this;
 
 	// Page break
-	pageBreakBefore(value: string): this;
-	pageBreakAfter(value: string): this;
-	pageBreakInside(value: string): this;
+	pageBreakBefore(value: PageBreakValue): this;
+	pageBreakAfter(value: PageBreakValue): this;
+	pageBreakInside(value: PageBreakValue): this;
 
 	// Break
-	breakBefore(value: string): this;
-	breakAfter(value: string): this;
-	breakInside(value: string): this;
+	breakBefore(value: BreakValue): this;
+	breakAfter(value: BreakValue): this;
+	breakInside(value: BreakValue): this;
 
 	// Orphans and widows
-	orphans(value: string): this;
-	widows(value: string): this;
+	orphans(value: number | string): this;
+	widows(value: number | string): this;
 
 	// Column
-	columnCount(value: string): this;
-	columnFill(value: string): this;
-	columnGap(value: string): this;
+	columnCount(value: number | "auto" | string): this;
+	columnFill(value: ColumnFillValue): this;
+	columnGap(value: CSSLengthValue | "normal"): this;
 	columnRule(value: string): this;
-	columnRuleColor(value: string): this;
-	columnRuleStyle(value: string): this;
-	columnRuleWidth(value: string): this;
-	columnSpan(value: string): this;
-	columnWidth(value: string): this;
+	columnRuleColor(value: CSSColorValue): this;
+	columnRuleStyle(value: ColumnRuleStyleValue): this;
+	columnRuleWidth(value: CSSLengthValue | "thin" | "medium" | "thick"): this;
+	columnSpan(value: ColumnSpanValue): this;
+	columnWidth(value: CSSLengthValue | "auto"): this;
 	columns(value: string): this;
 
 	// Interaction
-	cursor(value: string): this;
+	cursor(value: CursorValue): this;
+
+	// Layout - Additional
+	aspectRatio(value: CSSAspectRatioValue): this;
+	clear(value: ClearValue): this;
+	float(value: FloatValue): this;
+	order(value: number | string): this;
+
+	// Flexbox - Place properties
+	placeContent(value: string): this;
+	placeItems(value: string): this;
+	placeSelf(value: string): this;
+
+	// Text - Additional
+	hyphens(value: HyphensValue): this;
+	lineBreak(value: LineBreakValue): this;
+	wordBreak(value: WordBreakValue): this;
+	textOrientation(value: TextOrientationValue): this;
+	writingMode(value: WritingModeValue): this;
+	direction(value: DirectionValue): this;
+	unicodeBidi(value: UnicodeBidiValue): this;
+
+	// Background - Additional
+	backgroundBlendMode(value: BackgroundBlendModeValue): this;
+	backgroundPositionX(value: string): this;
+	backgroundPositionY(value: string): this;
+
+	// Border Image
+	borderImage(value: string): this;
+	borderImageSource(value: CSSBackgroundImageValue | "none"): this;
+	borderImageSlice(value: string | number): this;
+	borderImageWidth(value: CSSLengthValue | number): this;
+	borderImageOutset(value: CSSLengthValue | number): this;
+	borderImageRepeat(value: BackgroundRepeatValue): this;
+
+	// Logical Properties - Inset
+	inset(value: CSSLengthValue | "auto"): this;
+	insetBlock(value: CSSLengthValue): this;
+	insetBlockStart(value: CSSLengthValue | "auto"): this;
+	insetBlockEnd(value: CSSLengthValue | "auto"): this;
+	insetInline(value: CSSLengthValue): this;
+	insetInlineStart(value: CSSLengthValue | "auto"): this;
+	insetInlineEnd(value: CSSLengthValue | "auto"): this;
+
+	// Logical Properties - Margin
+	marginBlock(value: CSSLengthValue | "auto"): this;
+	marginBlockStart(value: CSSLengthValue | "auto"): this;
+	marginBlockEnd(value: CSSLengthValue | "auto"): this;
+	marginInline(value: CSSLengthValue | "auto"): this;
+	marginInlineStart(value: CSSLengthValue | "auto"): this;
+	marginInlineEnd(value: CSSLengthValue | "auto"): this;
+
+	// Logical Properties - Padding
+	paddingBlock(value: CSSLengthValue): this;
+	paddingBlockStart(value: CSSLengthValue): this;
+	paddingBlockEnd(value: CSSLengthValue): this;
+	paddingInline(value: CSSLengthValue): this;
+	paddingInlineStart(value: CSSLengthValue): this;
+	paddingInlineEnd(value: CSSLengthValue): this;
+
+	// Logical Properties - Size
+	inlineSize(value: CSSLengthValue | "auto" | "fit-content" | "max-content" | "min-content"): this;
+	blockSize(value: CSSLengthValue | "auto" | "fit-content" | "max-content" | "min-content"): this;
+	minInlineSize(value: CSSLengthValue | "auto" | "fit-content" | "max-content" | "min-content"): this;
+	minBlockSize(value: CSSLengthValue | "auto" | "fit-content" | "max-content" | "min-content"): this;
+	maxInlineSize(value: CSSLengthValue | "auto" | "fit-content" | "max-content" | "min-content" | "none"): this;
+	maxBlockSize(value: CSSLengthValue | "auto" | "fit-content" | "max-content" | "min-content" | "none"): this;
+
+	// Logical Properties - Border
+	borderBlock(value: string): this;
+	borderBlockStart(value: string): this;
+	borderBlockEnd(value: string): this;
+	borderInline(value: string): this;
+	borderInlineStart(value: string): this;
+	borderInlineEnd(value: string): this;
+	borderBlockWidth(value: CSSLengthValue | "thin" | "medium" | "thick"): this;
+	borderBlockStartWidth(value: CSSLengthValue | "thin" | "medium" | "thick"): this;
+	borderBlockEndWidth(value: CSSLengthValue | "thin" | "medium" | "thick"): this;
+	borderInlineWidth(value: CSSLengthValue | "thin" | "medium" | "thick"): this;
+	borderInlineStartWidth(value: CSSLengthValue | "thin" | "medium" | "thick"): this;
+	borderInlineEndWidth(value: CSSLengthValue | "thin" | "medium" | "thick"): this;
+	borderBlockStyle(value: BorderStyleValue): this;
+	borderBlockStartStyle(value: BorderStyleValue): this;
+	borderBlockEndStyle(value: BorderStyleValue): this;
+	borderInlineStyle(value: BorderStyleValue): this;
+	borderInlineStartStyle(value: BorderStyleValue): this;
+	borderInlineEndStyle(value: BorderStyleValue): this;
+	borderBlockColor(value: CSSColorValue): this;
+	borderBlockStartColor(value: CSSColorValue): this;
+	borderBlockEndColor(value: CSSColorValue): this;
+	borderInlineColor(value: CSSColorValue): this;
+	borderInlineStartColor(value: CSSColorValue): this;
+	borderInlineEndColor(value: CSSColorValue): this;
+
+	// Logical Properties - Border Radius
+	borderStartStartRadius(value: CSSLengthValue): this;
+	borderStartEndRadius(value: CSSLengthValue): this;
+	borderEndStartRadius(value: CSSLengthValue): this;
+	borderEndEndRadius(value: CSSLengthValue): this;
+
+	// Scroll
+	scrollMargin(value: CSSLengthValue): this;
+	scrollMarginTop(value: CSSLengthValue): this;
+	scrollMarginRight(value: CSSLengthValue): this;
+	scrollMarginBottom(value: CSSLengthValue): this;
+	scrollMarginLeft(value: CSSLengthValue): this;
+	scrollPadding(value: CSSLengthValue): this;
+	scrollPaddingTop(value: CSSLengthValue): this;
+	scrollPaddingRight(value: CSSLengthValue): this;
+	scrollPaddingBottom(value: CSSLengthValue): this;
+	scrollPaddingLeft(value: CSSLengthValue): this;
+	overscrollBehavior(value: OverscrollBehaviorValue): this;
+	overscrollBehaviorX(value: OverscrollBehaviorValue): this;
+	overscrollBehaviorY(value: OverscrollBehaviorValue): this;
+
+	// Caret
+	caretColor(value: CaretColorValue): this;
+	caretShape(value: CaretShapeValue): this;
+	caretAnimation(value: string): this;
+
+	// Other
+	imageRendering(value: ImageRenderingValue): this;
+	colorScheme(value: ColorSchemeValue): this;
+	contentVisibility(value: ContentVisibilityValue): this;
+	touchAction(value: TouchActionValue): this;
+
+	// Container Queries
+	containerType(value: ContainerTypeValue): this;
+	containerName(value: string): this;
+	container(value: string): this;
+
+	// Font - Additional
+	fontFeatureSettings(value: string): this;
+	fontKerning(value: FontKerningValue): this;
+	fontSynthesis(value: FontSynthesisValue): this;
+	fontOpticalSizing(value: FontOpticalSizingValue): this;
+	fontDisplay(value: FontDisplayValue): this;
+	fontVariantCaps(value: FontVariantCapsValue): this;
+	fontVariantNumeric(value: string): this;
+	fontVariantLigatures(value: string): this;
+	fontVariantEastAsian(value: string): this;
+	fontVariantAlternates(value: string): this;
+	fontVariantPosition(value: string): this;
+
+	// Text - Additional
+	textRendering(value: TextRenderingValue): this;
+	textCombineUpright(value: TextCombineUprightValue): this;
+	textSizeAdjust(value: string | "auto" | "none" | `${number}%`): this;
+
+	// Mask (Note: mask conflicts with SVG mask element, use module import if needed)
+	// mask(value: string): this; // Use: import { mask } from "nuclo"
+	maskImage(value: CSSBackgroundImageValue | "none"): this;
+	maskMode(value: string): this;
+	maskRepeat(value: BackgroundRepeatValue): this;
+	maskPosition(value: string): this;
+	maskSize(value: CSSLengthValue | "auto" | "cover" | "contain"): this;
+	maskOrigin(value: BackgroundOriginValue): this;
+	maskClip(value: BackgroundClipValue): this;
+	maskComposite(value: MaskCompositeValue): this;
+
+	// Clip
+	clipRule(value: ClipRuleValue): this;
+
+	// Grid - Additional
+	gridColumnGap(value: CSSLengthValue): this;
+	gridRowGap(value: CSSLengthValue): this;
+	gridGap(value: CSSLengthValue): this;
 }
 
 // Utility functions that return StyleBuilders - exported at module level
 // Display
-export function display(value: string): StyleBuilder;
-export function flex(value?: string): StyleBuilder;
+export function display(value: DisplayValue): StyleBuilder;
+export function flex(value?: CSSLengthValue | "auto" | "initial" | "none" | "1" | "0"): StyleBuilder;
 export function grid(): StyleBuilder;
 
 // Colors
-export function bg(color: string): StyleBuilder;
-export function color(colorValue: string): StyleBuilder;
-export function accentColor(value: string): StyleBuilder;
+export function bg(color: CSSColorValue): StyleBuilder;
+export function color(colorValue: CSSColorValue): StyleBuilder;
+export function accentColor(value: CSSColorValue): StyleBuilder;
 
 // Typography
-export function fontSize(size: string): StyleBuilder;
-export function fontWeight(value: string): StyleBuilder;
-export function fontFamily(value: string): StyleBuilder;
-export function lineHeight(value: string): StyleBuilder;
-export function letterSpacing(value: string): StyleBuilder;
-export function textAlign(value: string): StyleBuilder;
-export function textDecoration(value: string): StyleBuilder;
+export function fontSize(size: CSSLengthValue): StyleBuilder;
+export function fontWeight(value: FontWeightValue): StyleBuilder;
+export function fontFamily(value: CSSFontFamilyValue): StyleBuilder;
+export function lineHeight(value: CSSLengthValue | "normal" | number): StyleBuilder;
+export function letterSpacing(value: CSSLengthValue | "normal"): StyleBuilder;
+export function textAlign(value: TextAlignValue): StyleBuilder;
+export function textDecoration(value: TextDecorationValue): StyleBuilder;
 export function bold(): StyleBuilder;
-export function fontStyle(value: string): StyleBuilder;
+export function fontStyle(value: FontStyleValue): StyleBuilder;
 export function fontVariant(value: string): StyleBuilder;
 export function fontStretch(value: string): StyleBuilder;
-export function textTransform(value: string): StyleBuilder;
-export function textIndent(value: string): StyleBuilder;
-export function textOverflow(value: string): StyleBuilder;
+export function textTransform(value: TextTransformValue): StyleBuilder;
+export function textIndent(value: CSSLengthValue): StyleBuilder;
+export function textOverflow(value: TextOverflowValue): StyleBuilder;
 export function textShadow(value: string): StyleBuilder;
-export function whiteSpace(value: string): StyleBuilder;
-export function wordSpacing(value: string): StyleBuilder;
-export function wordWrap(value: string): StyleBuilder;
-export function overflowWrap(value: string): StyleBuilder;
-export function textAlignLast(value: string): StyleBuilder;
-export function textJustify(value: string): StyleBuilder;
-export function textDecorationLine(value: string): StyleBuilder;
-export function textDecorationColor(value: string): StyleBuilder;
-export function textDecorationStyle(value: string): StyleBuilder;
-export function textDecorationThickness(value: string): StyleBuilder;
-export function textUnderlineOffset(value: string): StyleBuilder;
-export function verticalAlign(value: string): StyleBuilder;
+export function whiteSpace(value: WhiteSpaceValue): StyleBuilder;
+export function wordSpacing(value: CSSLengthValue | "normal"): StyleBuilder;
+export function wordWrap(value: WordWrapValue): StyleBuilder;
+export function overflowWrap(value: OverflowWrapValue): StyleBuilder;
+export function textAlignLast(value: TextAlignLastValue): StyleBuilder;
+export function textJustify(value: TextJustifyValue): StyleBuilder;
+export function textDecorationLine(value: TextDecorationLineValue): StyleBuilder;
+export function textDecorationColor(value: CSSColorValue): StyleBuilder;
+export function textDecorationStyle(value: TextDecorationStyleValue): StyleBuilder;
+export function textDecorationThickness(value: CSSLengthValue | "auto" | "from-font"): StyleBuilder;
+export function textUnderlineOffset(value: CSSLengthValue | "auto"): StyleBuilder;
+export function verticalAlign(value: VerticalAlignValue): StyleBuilder;
 
 // Layout
-export function position(value: string): StyleBuilder;
-export function padding(value: string): StyleBuilder;
-export function paddingTop(value: string): StyleBuilder;
-export function paddingRight(value: string): StyleBuilder;
-export function paddingBottom(value: string): StyleBuilder;
-export function paddingLeft(value: string): StyleBuilder;
-export function margin(value: string): StyleBuilder;
-export function marginTop(value: string): StyleBuilder;
-export function marginRight(value: string): StyleBuilder;
-export function marginBottom(value: string): StyleBuilder;
-export function marginLeft(value: string): StyleBuilder;
-export function width(value: string): StyleBuilder;
-export function height(value: string): StyleBuilder;
-export function minWidth(value: string): StyleBuilder;
-export function maxWidth(value: string): StyleBuilder;
-export function minHeight(value: string): StyleBuilder;
-export function maxHeight(value: string): StyleBuilder;
-export function boxSizing(value: string): StyleBuilder;
+export function position(value: PositionValue): StyleBuilder;
+export function padding(value: CSSLengthValue): StyleBuilder;
+export function paddingTop(value: CSSLengthValue): StyleBuilder;
+export function paddingRight(value: CSSLengthValue): StyleBuilder;
+export function paddingBottom(value: CSSLengthValue): StyleBuilder;
+export function paddingLeft(value: CSSLengthValue): StyleBuilder;
+export function margin(value: CSSLengthValue | "auto"): StyleBuilder;
+export function marginTop(value: CSSLengthValue | "auto"): StyleBuilder;
+export function marginRight(value: CSSLengthValue | "auto"): StyleBuilder;
+export function marginBottom(value: CSSLengthValue | "auto"): StyleBuilder;
+export function marginLeft(value: CSSLengthValue | "auto"): StyleBuilder;
+export function width(value: CSSLengthValue | "auto" | "fit-content" | "max-content" | "min-content"): StyleBuilder;
+export function height(value: CSSLengthValue | "auto" | "fit-content" | "max-content" | "min-content"): StyleBuilder;
+export function minWidth(value: CSSLengthValue | "auto" | "fit-content" | "max-content" | "min-content"): StyleBuilder;
+export function maxWidth(value: CSSLengthValue | "auto" | "fit-content" | "max-content" | "min-content" | "none"): StyleBuilder;
+export function minHeight(value: CSSLengthValue | "auto" | "fit-content" | "max-content" | "min-content"): StyleBuilder;
+export function maxHeight(value: CSSLengthValue | "auto" | "fit-content" | "max-content" | "min-content" | "none"): StyleBuilder;
+export function boxSizing(value: BoxSizingValue): StyleBuilder;
 
 // Positioning
-export function top(value: string): StyleBuilder;
-export function right(value: string): StyleBuilder;
-export function bottom(value: string): StyleBuilder;
-export function left(value: string): StyleBuilder;
-export function zIndex(value: string): StyleBuilder;
+export function top(value: CSSLengthValue | "auto"): StyleBuilder;
+export function right(value: CSSLengthValue | "auto"): StyleBuilder;
+export function bottom(value: CSSLengthValue | "auto"): StyleBuilder;
+export function left(value: CSSLengthValue | "auto"): StyleBuilder;
+export function zIndex(value: number | "auto"): StyleBuilder;
 
 // Flexbox
-export function flexDirection(value: string): StyleBuilder;
-export function alignItems(value: string): StyleBuilder;
-export function justifyContent(value: string): StyleBuilder;
+export function flexDirection(value: FlexDirectionValue): StyleBuilder;
+export function alignItems(value: AlignItemsValue): StyleBuilder;
+export function justifyContent(value: JustifyContentValue): StyleBuilder;
 export function center(): StyleBuilder;
-export function gap(value: string): StyleBuilder;
-export function flexWrap(value: string): StyleBuilder;
-export function flexGrow(value: string): StyleBuilder;
-export function flexShrink(value: string): StyleBuilder;
-export function flexBasis(value: string): StyleBuilder;
-export function alignSelf(value: string): StyleBuilder;
-export function alignContent(value: string): StyleBuilder;
-export function justifySelf(value: string): StyleBuilder;
-export function justifyItems(value: string): StyleBuilder;
+export function gap(value: CSSLengthValue): StyleBuilder;
+export function flexWrap(value: FlexWrapValue): StyleBuilder;
+export function flexGrow(value: number | string): StyleBuilder;
+export function flexShrink(value: number | string): StyleBuilder;
+export function flexBasis(value: CSSLengthValue | "auto" | "content" | "fit-content"): StyleBuilder;
+export function alignSelf(value: AlignSelfValue): StyleBuilder;
+export function alignContent(value: AlignContentValue): StyleBuilder;
+export function justifySelf(value: JustifySelfValue): StyleBuilder;
+export function justifyItems(value: JustifyItemsValue): StyleBuilder;
 
 // Grid
 export function gridTemplateColumns(value: string): StyleBuilder;
@@ -907,14 +1505,14 @@ export function gridTemplateRows(value: string): StyleBuilder;
 export function gridTemplateAreas(value: string): StyleBuilder;
 export function gridColumn(value: string): StyleBuilder;
 export function gridRow(value: string): StyleBuilder;
-export function gridColumnStart(value: string): StyleBuilder;
-export function gridColumnEnd(value: string): StyleBuilder;
-export function gridRowStart(value: string): StyleBuilder;
-export function gridRowEnd(value: string): StyleBuilder;
+export function gridColumnStart(value: string | number | "auto"): StyleBuilder;
+export function gridColumnEnd(value: string | number | "auto"): StyleBuilder;
+export function gridRowStart(value: string | number | "auto"): StyleBuilder;
+export function gridRowEnd(value: string | number | "auto"): StyleBuilder;
 export function gridArea(value: string): StyleBuilder;
-export function gridAutoColumns(value: string): StyleBuilder;
-export function gridAutoRows(value: string): StyleBuilder;
-export function gridAutoFlow(value: string): StyleBuilder;
+export function gridAutoColumns(value: CSSLengthValue): StyleBuilder;
+export function gridAutoRows(value: CSSLengthValue): StyleBuilder;
+export function gridAutoFlow(value: GridAutoFlowValue): StyleBuilder;
 
 // Borders
 export function border(value: string): StyleBuilder;
@@ -922,158 +1520,324 @@ export function borderTop(value: string): StyleBuilder;
 export function borderRight(value: string): StyleBuilder;
 export function borderBottom(value: string): StyleBuilder;
 export function borderLeft(value: string): StyleBuilder;
-export function borderWidth(value: string): StyleBuilder;
-export function borderStyle(value: string): StyleBuilder;
-export function borderColor(value: string): StyleBuilder;
-export function borderTopWidth(value: string): StyleBuilder;
-export function borderRightWidth(value: string): StyleBuilder;
-export function borderBottomWidth(value: string): StyleBuilder;
-export function borderLeftWidth(value: string): StyleBuilder;
-export function borderTopStyle(value: string): StyleBuilder;
-export function borderRightStyle(value: string): StyleBuilder;
-export function borderBottomStyle(value: string): StyleBuilder;
-export function borderLeftStyle(value: string): StyleBuilder;
-export function borderTopColor(value: string): StyleBuilder;
-export function borderRightColor(value: string): StyleBuilder;
-export function borderBottomColor(value: string): StyleBuilder;
-export function borderLeftColor(value: string): StyleBuilder;
-export function borderRadius(value: string): StyleBuilder;
-export function borderTopLeftRadius(value: string): StyleBuilder;
-export function borderTopRightRadius(value: string): StyleBuilder;
-export function borderBottomLeftRadius(value: string): StyleBuilder;
-export function borderBottomRightRadius(value: string): StyleBuilder;
+export function borderWidth(value: CSSLengthValue | "thin" | "medium" | "thick"): StyleBuilder;
+export function borderStyle(value: BorderStyleValue): StyleBuilder;
+export function borderColor(value: CSSColorValue): StyleBuilder;
+export function borderTopWidth(value: CSSLengthValue | "thin" | "medium" | "thick"): StyleBuilder;
+export function borderRightWidth(value: CSSLengthValue | "thin" | "medium" | "thick"): StyleBuilder;
+export function borderBottomWidth(value: CSSLengthValue | "thin" | "medium" | "thick"): StyleBuilder;
+export function borderLeftWidth(value: CSSLengthValue | "thin" | "medium" | "thick"): StyleBuilder;
+export function borderTopStyle(value: BorderStyleValue): StyleBuilder;
+export function borderRightStyle(value: BorderStyleValue): StyleBuilder;
+export function borderBottomStyle(value: BorderStyleValue): StyleBuilder;
+export function borderLeftStyle(value: BorderStyleValue): StyleBuilder;
+export function borderTopColor(value: CSSColorValue): StyleBuilder;
+export function borderRightColor(value: CSSColorValue): StyleBuilder;
+export function borderBottomColor(value: CSSColorValue): StyleBuilder;
+export function borderLeftColor(value: CSSColorValue): StyleBuilder;
+export function borderRadius(value: CSSLengthValue): StyleBuilder;
+export function borderTopLeftRadius(value: CSSLengthValue): StyleBuilder;
+export function borderTopRightRadius(value: CSSLengthValue): StyleBuilder;
+export function borderBottomLeftRadius(value: CSSLengthValue): StyleBuilder;
+export function borderBottomRightRadius(value: CSSLengthValue): StyleBuilder;
 
 // Outline
 export function outline(value: string): StyleBuilder;
-export function outlineWidth(value: string): StyleBuilder;
-export function outlineStyle(value: string): StyleBuilder;
-export function outlineColor(value: string): StyleBuilder;
-export function outlineOffset(value: string): StyleBuilder;
+export function outlineWidth(value: CSSLengthValue | "thin" | "medium" | "thick"): StyleBuilder;
+export function outlineStyle(value: OutlineStyleValue): StyleBuilder;
+export function outlineColor(value: CSSColorValue): StyleBuilder;
+export function outlineOffset(value: CSSLengthValue): StyleBuilder;
 
 // Background
-export function backgroundColor(value: string): StyleBuilder;
-export function backgroundImage(value: string): StyleBuilder;
-export function backgroundRepeat(value: string): StyleBuilder;
+export function backgroundColor(value: CSSColorValue): StyleBuilder;
+export function backgroundImage(value: CSSBackgroundImageValue | "none"): StyleBuilder;
+export function backgroundRepeat(value: BackgroundRepeatValue): StyleBuilder;
 export function backgroundPosition(value: string): StyleBuilder;
-export function backgroundSize(value: string): StyleBuilder;
-export function backgroundAttachment(value: string): StyleBuilder;
-export function backgroundClip(value: string): StyleBuilder;
-export function backgroundOrigin(value: string): StyleBuilder;
+export function backgroundSize(value: CSSLengthValue | "auto" | "cover" | "contain"): StyleBuilder;
+export function backgroundAttachment(value: BackgroundAttachmentValue): StyleBuilder;
+export function backgroundClip(value: BackgroundClipValue): StyleBuilder;
+export function backgroundOrigin(value: BackgroundOriginValue): StyleBuilder;
 
 // Effects
-export function boxShadow(value: string): StyleBuilder;
-export function opacity(value: string): StyleBuilder;
+export function boxShadow(value: string | "none"): StyleBuilder;
+export function opacity(value: number | string): StyleBuilder;
 export function transition(value: string): StyleBuilder;
-export function transitionProperty(value: string): StyleBuilder;
-export function transitionDuration(value: string): StyleBuilder;
-export function transitionTimingFunction(value: string): StyleBuilder;
-export function transitionDelay(value: string): StyleBuilder;
+export function transitionProperty(value: string | "none" | "all"): StyleBuilder;
+export function transitionDuration(value: string | number): StyleBuilder;
+export function transitionTimingFunction(value: CSSTimingFunctionValue): StyleBuilder;
+export function transitionDelay(value: string | number): StyleBuilder;
 
 // Transform
-export function transform(value: string): StyleBuilder;
+export function transform(value: CSSTransformValue | "none"): StyleBuilder;
 export function transformOrigin(value: string): StyleBuilder;
-export function transformStyle(value: string): StyleBuilder;
-export function perspective(value: string): StyleBuilder;
+export function transformStyle(value: TransformStyleValue): StyleBuilder;
+export function perspective(value: CSSLengthValue | "none"): StyleBuilder;
 export function perspectiveOrigin(value: string): StyleBuilder;
-export function backfaceVisibility(value: string): StyleBuilder;
+export function backfaceVisibility(value: BackfaceVisibilityValue): StyleBuilder;
 
 // Animation
 export function animation(value: string): StyleBuilder;
-export function animationName(value: string): StyleBuilder;
-export function animationDuration(value: string): StyleBuilder;
-export function animationTimingFunction(value: string): StyleBuilder;
-export function animationDelay(value: string): StyleBuilder;
-export function animationIterationCount(value: string): StyleBuilder;
-export function animationDirection(value: string): StyleBuilder;
-export function animationFillMode(value: string): StyleBuilder;
-export function animationPlayState(value: string): StyleBuilder;
+export function animationName(value: CSSAnimationNameValue): StyleBuilder;
+export function animationDuration(value: string | number): StyleBuilder;
+export function animationTimingFunction(value: CSSTimingFunctionValue): StyleBuilder;
+export function animationDelay(value: string | number): StyleBuilder;
+export function animationIterationCount(value: number | "infinite" | string): StyleBuilder;
+export function animationDirection(value: AnimationDirectionValue): StyleBuilder;
+export function animationFillMode(value: AnimationFillModeValue): StyleBuilder;
+export function animationPlayState(value: AnimationPlayStateValue): StyleBuilder;
 
 // Filter
-export function filter(value: string): StyleBuilder;
-export function backdropFilter(value: string): StyleBuilder;
+export function filter(value: CSSFilterValue | "none"): StyleBuilder;
+export function backdropFilter(value: CSSFilterValue | "none"): StyleBuilder;
 
 // Overflow
-export function overflow(value: string): StyleBuilder;
-export function overflowX(value: string): StyleBuilder;
-export function overflowY(value: string): StyleBuilder;
+export function overflow(value: OverflowValue): StyleBuilder;
+export function overflowX(value: OverflowValue): StyleBuilder;
+export function overflowY(value: OverflowValue): StyleBuilder;
 
 // Visibility
-export function visibility(value: string): StyleBuilder;
+export function visibility(value: VisibilityValue): StyleBuilder;
 
 // Object fit/position
-export function objectFit(value: string): StyleBuilder;
+export function objectFit(value: ObjectFitValue): StyleBuilder;
 export function objectPosition(value: string): StyleBuilder;
 
 // List
 export function listStyle(value: string): StyleBuilder;
-export function listStyleType(value: string): StyleBuilder;
-export function listStylePosition(value: string): StyleBuilder;
-export function listStyleImage(value: string): StyleBuilder;
+export function listStyleType(value: ListStyleTypeValue): StyleBuilder;
+export function listStylePosition(value: ListStylePositionValue): StyleBuilder;
+export function listStyleImage(value: CSSBackgroundImageValue | "none"): StyleBuilder;
 
 // Table
-export function borderCollapse(value: string): StyleBuilder;
-export function borderSpacing(value: string): StyleBuilder;
-export function captionSide(value: string): StyleBuilder;
-export function emptyCells(value: string): StyleBuilder;
-export function tableLayout(value: string): StyleBuilder;
+export function borderCollapse(value: BorderCollapseValue): StyleBuilder;
+export function borderSpacing(value: CSSLengthValue): StyleBuilder;
+export function captionSide(value: CaptionSideValue): StyleBuilder;
+export function emptyCells(value: EmptyCellsValue): StyleBuilder;
+export function tableLayout(value: TableLayoutValue): StyleBuilder;
 
 // Content
-export function content(value: string): StyleBuilder;
-export function quotes(value: string): StyleBuilder;
-export function counterReset(value: string): StyleBuilder;
-export function counterIncrement(value: string): StyleBuilder;
+export function content(value: CSSContentValue | "normal" | "none"): StyleBuilder;
+export function quotes(value: string | "none"): StyleBuilder;
+export function counterReset(value: string | "none"): StyleBuilder;
+export function counterIncrement(value: string | "none"): StyleBuilder;
 
 // User interface
-export function appearance(value: string): StyleBuilder;
-export function userSelect(value: string): StyleBuilder;
-export function pointerEvents(value: string): StyleBuilder;
-export function resize(value: string): StyleBuilder;
-export function scrollBehavior(value: string): StyleBuilder;
+export function appearance(value: AppearanceValue): StyleBuilder;
+export function userSelect(value: UserSelectValue): StyleBuilder;
+export function pointerEvents(value: PointerEventsValue): StyleBuilder;
+export function resize(value: ResizeValue): StyleBuilder;
+export function scrollBehavior(value: ScrollBehaviorValue): StyleBuilder;
 
 // Clip
-export function clip(value: string): StyleBuilder;
-export function clipPath(value: string): StyleBuilder;
+export function clip(value: string | "auto"): StyleBuilder;
+export function clipPath(value: string | "none"): StyleBuilder;
 
 // Isolation
-export function isolation(value: string): StyleBuilder;
+export function isolation(value: IsolationValue): StyleBuilder;
 
 // Mix blend mode
-export function mixBlendMode(value: string): StyleBuilder;
+export function mixBlendMode(value: MixBlendModeValue): StyleBuilder;
 
 // Will change
-export function willChange(value: string): StyleBuilder;
+export function willChange(value: string | "auto"): StyleBuilder;
 
 // Contain
-export function contain(value: string): StyleBuilder;
+export function contain(value: ContainValue): StyleBuilder;
 
 // Page break
-export function pageBreakBefore(value: string): StyleBuilder;
-export function pageBreakAfter(value: string): StyleBuilder;
-export function pageBreakInside(value: string): StyleBuilder;
+export function pageBreakBefore(value: PageBreakValue): StyleBuilder;
+export function pageBreakAfter(value: PageBreakValue): StyleBuilder;
+export function pageBreakInside(value: PageBreakValue): StyleBuilder;
 
 // Break
-export function breakBefore(value: string): StyleBuilder;
-export function breakAfter(value: string): StyleBuilder;
-export function breakInside(value: string): StyleBuilder;
+export function breakBefore(value: BreakValue): StyleBuilder;
+export function breakAfter(value: BreakValue): StyleBuilder;
+export function breakInside(value: BreakValue): StyleBuilder;
 
 // Orphans and widows
-export function orphans(value: string): StyleBuilder;
-export function widows(value: string): StyleBuilder;
+export function orphans(value: number | string): StyleBuilder;
+export function widows(value: number | string): StyleBuilder;
 
 // Column
-export function columnCount(value: string): StyleBuilder;
-export function columnFill(value: string): StyleBuilder;
-export function columnGap(value: string): StyleBuilder;
+export function columnCount(value: number | "auto" | string): StyleBuilder;
+export function columnFill(value: ColumnFillValue): StyleBuilder;
+export function columnGap(value: CSSLengthValue | "normal"): StyleBuilder;
 export function columnRule(value: string): StyleBuilder;
-export function columnRuleColor(value: string): StyleBuilder;
-export function columnRuleStyle(value: string): StyleBuilder;
-export function columnRuleWidth(value: string): StyleBuilder;
-export function columnSpan(value: string): StyleBuilder;
-export function columnWidth(value: string): StyleBuilder;
+export function columnRuleColor(value: CSSColorValue): StyleBuilder;
+export function columnRuleStyle(value: ColumnRuleStyleValue): StyleBuilder;
+export function columnRuleWidth(value: CSSLengthValue | "thin" | "medium" | "thick"): StyleBuilder;
+export function columnSpan(value: ColumnSpanValue): StyleBuilder;
+export function columnWidth(value: CSSLengthValue | "auto"): StyleBuilder;
 export function columns(value: string): StyleBuilder;
 
 // Interaction
-export function cursor(value: string): StyleBuilder;
+export function cursor(value: CursorValue): StyleBuilder;
+
+// Layout - Additional
+export function aspectRatio(value: CSSAspectRatioValue): StyleBuilder;
+export function clear(value: ClearValue): StyleBuilder;
+export function float(value: FloatValue): StyleBuilder;
+export function order(value: number | string): StyleBuilder;
+
+// Flexbox - Place properties
+export function placeContent(value: string): StyleBuilder;
+export function placeItems(value: string): StyleBuilder;
+export function placeSelf(value: string): StyleBuilder;
+
+// Text - Additional
+export function hyphens(value: HyphensValue): StyleBuilder;
+export function lineBreak(value: LineBreakValue): StyleBuilder;
+export function wordBreak(value: WordBreakValue): StyleBuilder;
+export function textOrientation(value: TextOrientationValue): StyleBuilder;
+export function writingMode(value: WritingModeValue): StyleBuilder;
+export function direction(value: DirectionValue): StyleBuilder;
+export function unicodeBidi(value: UnicodeBidiValue): StyleBuilder;
+
+// Background - Additional
+export function backgroundBlendMode(value: BackgroundBlendModeValue): StyleBuilder;
+export function backgroundPositionX(value: string): StyleBuilder;
+export function backgroundPositionY(value: string): StyleBuilder;
+
+// Border Image
+export function borderImage(value: string): StyleBuilder;
+export function borderImageSource(value: CSSBackgroundImageValue | "none"): StyleBuilder;
+export function borderImageSlice(value: string | number): StyleBuilder;
+export function borderImageWidth(value: CSSLengthValue | number): StyleBuilder;
+export function borderImageOutset(value: CSSLengthValue | number): StyleBuilder;
+export function borderImageRepeat(value: BackgroundRepeatValue): StyleBuilder;
+
+// Logical Properties - Inset
+export function inset(value: CSSLengthValue | "auto"): StyleBuilder;
+export function insetBlock(value: CSSLengthValue): StyleBuilder;
+export function insetBlockStart(value: CSSLengthValue | "auto"): StyleBuilder;
+export function insetBlockEnd(value: CSSLengthValue | "auto"): StyleBuilder;
+export function insetInline(value: CSSLengthValue): StyleBuilder;
+export function insetInlineStart(value: CSSLengthValue | "auto"): StyleBuilder;
+export function insetInlineEnd(value: CSSLengthValue | "auto"): StyleBuilder;
+
+// Logical Properties - Margin
+export function marginBlock(value: CSSLengthValue | "auto"): StyleBuilder;
+export function marginBlockStart(value: CSSLengthValue | "auto"): StyleBuilder;
+export function marginBlockEnd(value: CSSLengthValue | "auto"): StyleBuilder;
+export function marginInline(value: CSSLengthValue | "auto"): StyleBuilder;
+export function marginInlineStart(value: CSSLengthValue | "auto"): StyleBuilder;
+export function marginInlineEnd(value: CSSLengthValue | "auto"): StyleBuilder;
+
+// Logical Properties - Padding
+export function paddingBlock(value: CSSLengthValue): StyleBuilder;
+export function paddingBlockStart(value: CSSLengthValue): StyleBuilder;
+export function paddingBlockEnd(value: CSSLengthValue): StyleBuilder;
+export function paddingInline(value: CSSLengthValue): StyleBuilder;
+export function paddingInlineStart(value: CSSLengthValue): StyleBuilder;
+export function paddingInlineEnd(value: CSSLengthValue): StyleBuilder;
+
+// Logical Properties - Size
+export function inlineSize(value: CSSLengthValue | "auto" | "fit-content" | "max-content" | "min-content"): StyleBuilder;
+export function blockSize(value: CSSLengthValue | "auto" | "fit-content" | "max-content" | "min-content"): StyleBuilder;
+export function minInlineSize(value: CSSLengthValue | "auto" | "fit-content" | "max-content" | "min-content"): StyleBuilder;
+export function minBlockSize(value: CSSLengthValue | "auto" | "fit-content" | "max-content" | "min-content"): StyleBuilder;
+export function maxInlineSize(value: CSSLengthValue | "auto" | "fit-content" | "max-content" | "min-content" | "none"): StyleBuilder;
+export function maxBlockSize(value: CSSLengthValue | "auto" | "fit-content" | "max-content" | "min-content" | "none"): StyleBuilder;
+
+// Logical Properties - Border
+export function borderBlock(value: string): StyleBuilder;
+export function borderBlockStart(value: string): StyleBuilder;
+export function borderBlockEnd(value: string): StyleBuilder;
+export function borderInline(value: string): StyleBuilder;
+export function borderInlineStart(value: string): StyleBuilder;
+export function borderInlineEnd(value: string): StyleBuilder;
+export function borderBlockWidth(value: CSSLengthValue | "thin" | "medium" | "thick"): StyleBuilder;
+export function borderBlockStartWidth(value: CSSLengthValue | "thin" | "medium" | "thick"): StyleBuilder;
+export function borderBlockEndWidth(value: CSSLengthValue | "thin" | "medium" | "thick"): StyleBuilder;
+export function borderInlineWidth(value: CSSLengthValue | "thin" | "medium" | "thick"): StyleBuilder;
+export function borderInlineStartWidth(value: CSSLengthValue | "thin" | "medium" | "thick"): StyleBuilder;
+export function borderInlineEndWidth(value: CSSLengthValue | "thin" | "medium" | "thick"): StyleBuilder;
+export function borderBlockStyle(value: BorderStyleValue): StyleBuilder;
+export function borderBlockStartStyle(value: BorderStyleValue): StyleBuilder;
+export function borderBlockEndStyle(value: BorderStyleValue): StyleBuilder;
+export function borderInlineStyle(value: BorderStyleValue): StyleBuilder;
+export function borderInlineStartStyle(value: BorderStyleValue): StyleBuilder;
+export function borderInlineEndStyle(value: BorderStyleValue): StyleBuilder;
+export function borderBlockColor(value: CSSColorValue): StyleBuilder;
+export function borderBlockStartColor(value: CSSColorValue): StyleBuilder;
+export function borderBlockEndColor(value: CSSColorValue): StyleBuilder;
+export function borderInlineColor(value: CSSColorValue): StyleBuilder;
+export function borderInlineStartColor(value: CSSColorValue): StyleBuilder;
+export function borderInlineEndColor(value: CSSColorValue): StyleBuilder;
+
+// Logical Properties - Border Radius
+export function borderStartStartRadius(value: CSSLengthValue): StyleBuilder;
+export function borderStartEndRadius(value: CSSLengthValue): StyleBuilder;
+export function borderEndStartRadius(value: CSSLengthValue): StyleBuilder;
+export function borderEndEndRadius(value: CSSLengthValue): StyleBuilder;
+
+// Scroll
+export function scrollMargin(value: CSSLengthValue): StyleBuilder;
+export function scrollMarginTop(value: CSSLengthValue): StyleBuilder;
+export function scrollMarginRight(value: CSSLengthValue): StyleBuilder;
+export function scrollMarginBottom(value: CSSLengthValue): StyleBuilder;
+export function scrollMarginLeft(value: CSSLengthValue): StyleBuilder;
+export function scrollPadding(value: CSSLengthValue): StyleBuilder;
+export function scrollPaddingTop(value: CSSLengthValue): StyleBuilder;
+export function scrollPaddingRight(value: CSSLengthValue): StyleBuilder;
+export function scrollPaddingBottom(value: CSSLengthValue): StyleBuilder;
+export function scrollPaddingLeft(value: CSSLengthValue): StyleBuilder;
+export function overscrollBehavior(value: OverscrollBehaviorValue): StyleBuilder;
+export function overscrollBehaviorX(value: OverscrollBehaviorValue): StyleBuilder;
+export function overscrollBehaviorY(value: OverscrollBehaviorValue): StyleBuilder;
+
+// Caret
+export function caretColor(value: CaretColorValue): StyleBuilder;
+export function caretShape(value: CaretShapeValue): StyleBuilder;
+export function caretAnimation(value: string): StyleBuilder;
+
+// Other
+export function imageRendering(value: ImageRenderingValue): StyleBuilder;
+export function colorScheme(value: ColorSchemeValue): StyleBuilder;
+export function contentVisibility(value: ContentVisibilityValue): StyleBuilder;
+export function touchAction(value: TouchActionValue): StyleBuilder;
+
+// Container Queries
+export function containerType(value: ContainerTypeValue): StyleBuilder;
+export function containerName(value: string): StyleBuilder;
+export function container(value: string): StyleBuilder;
+
+// Font - Additional
+export function fontFeatureSettings(value: string): StyleBuilder;
+export function fontKerning(value: FontKerningValue): StyleBuilder;
+export function fontSynthesis(value: FontSynthesisValue): StyleBuilder;
+export function fontOpticalSizing(value: FontOpticalSizingValue): StyleBuilder;
+export function fontDisplay(value: FontDisplayValue): StyleBuilder;
+export function fontVariantCaps(value: FontVariantCapsValue): StyleBuilder;
+export function fontVariantNumeric(value: string): StyleBuilder;
+export function fontVariantLigatures(value: string): StyleBuilder;
+export function fontVariantEastAsian(value: string): StyleBuilder;
+export function fontVariantAlternates(value: string): StyleBuilder;
+export function fontVariantPosition(value: string): StyleBuilder;
+
+// Text - Additional
+export function textRendering(value: TextRenderingValue): StyleBuilder;
+export function textCombineUpright(value: TextCombineUprightValue): StyleBuilder;
+export function textSizeAdjust(value: string | "auto" | "none" | `${number}%`): StyleBuilder;
+
+// Mask
+export function mask(value: string): StyleBuilder;
+export function maskImage(value: CSSBackgroundImageValue | "none"): StyleBuilder;
+export function maskMode(value: string): StyleBuilder;
+export function maskRepeat(value: BackgroundRepeatValue): StyleBuilder;
+export function maskPosition(value: string): StyleBuilder;
+export function maskSize(value: CSSLengthValue | "auto" | "cover" | "contain"): StyleBuilder;
+export function maskOrigin(value: BackgroundOriginValue): StyleBuilder;
+export function maskClip(value: BackgroundClipValue): StyleBuilder;
+export function maskComposite(value: MaskCompositeValue): StyleBuilder;
+
+// Clip
+export function clipRule(value: ClipRuleValue): StyleBuilder;
+
+// Grid - Additional
+export function gridColumnGap(value: CSSLengthValue): StyleBuilder;
+export function gridRowGap(value: CSSLengthValue): StyleBuilder;
+export function gridGap(value: CSSLengthValue): StyleBuilder;
 
 // Style queries / breakpoints
 export function createStyleQueries<T extends string>(