typewritingclass 0.3.2 → 0.3.4

package/dist/index.d.cts

@@ -1,8 +1,7 @@
-import { S as StyleRule, D as DynamicResult, M as Modifier, a as DynamicValue } from './types-C2b7lqJA.cjs';
-export { B as Brand, C as CSSColor, b as CSSFontWeight, c as CSSLength, d as CSSShadow, e as ColorInput, R as RadiusInput, f as ShadowInput, g as SizeInput, h as SpacingInput, U as Utility, i as dynamic, j as isDynamic } from './types-C2b7lqJA.cjs';
+import { S as StyleRule, D as DynamicResult, M as Modifier, C as ColorTokenKey, T as TextSizeTokens, F as FontWeightTokens, a as TrackingTokens, L as LeadingTokens, b as TextAlignTokens, c as FontFamilyTokens, d as TextTransformTokens, e as TextOverflowTokens, f as TextWrapTokens, g as DisplayTokens, A as AlignItemsTokens, J as JustifyTokens, h as SelfTokens, O as OverflowTokens, i as ObjectFitTokens, R as RadiusTokens, j as ShadowTokens, k as CursorTokens, l as DynamicValue } from './types-B-eG4WLT.cjs';
+export { B as Brand, m as CSSColor, n as CSSFontWeight, o as CSSLength, p as CSSShadow, q as ColorInput, r as RadiusInput, s as ShadowInput, t as SizeInput, u as SpacingInput, U as Utility, v as dynamic, w as isDynamic } from './types-B-eG4WLT.cjs';
 export { ThemeConfig, ThemeResult, ThemeVars, createTheme } from './theme/createTheme.cjs';
 export { i as injectTheme, s as setTheme } from './inject-theme-CTzyfQH0.cjs';
-import { T as TextSize } from './typography-C8wipcCK.cjs';
 
 /**
  * Assigns an explicit layer priority to a style rule.
@@ -233,6 +232,67 @@ declare function generateCSS(): string;
  */
 type TwChainString = TwChain & string;
 type TwUtility = ((...args: any[]) => TwChainString) & TwChainString;
+/** @internal Token-aware utility types for autocomplete */
+type TwColorUtility = TwUtility & {
+    [K in ColorTokenKey]: TwChainString & ((opacity: number) => TwChainString);
+};
+type TwColorUtilityNoOpacity = TwUtility & {
+    [K in ColorTokenKey]: TwChainString;
+};
+type TwRadiusUtility = TwUtility & {
+    [K in keyof RadiusTokens]: TwChainString;
+};
+type TwShadowUtility = TwUtility & {
+    [K in keyof ShadowTokens]: TwChainString;
+};
+type TwTextSizeUtility = TwUtility & {
+    [K in keyof TextSizeTokens]: TwChainString;
+};
+type TwFontWeightUtility = TwUtility & {
+    [K in keyof FontWeightTokens]: TwChainString;
+};
+type TwTrackingUtility = TwUtility & {
+    [K in keyof TrackingTokens]: TwChainString;
+};
+type TwLeadingUtility = TwUtility & {
+    [K in keyof LeadingTokens]: TwChainString;
+};
+type TwFontFamilyUtility = TwUtility & {
+    [K in keyof FontFamilyTokens]: TwChainString;
+};
+type TwAlignItemsUtility = TwUtility & {
+    [K in keyof AlignItemsTokens]: TwChainString;
+};
+type TwJustifyUtility = TwUtility & {
+    [K in keyof JustifyTokens]: TwChainString;
+};
+type TwDisplayUtility = TwUtility & {
+    [K in keyof DisplayTokens]: TwChainString;
+};
+type TwOverflowUtility = TwUtility & {
+    [K in keyof OverflowTokens]: TwChainString;
+};
+type TwCursorUtility = TwUtility & {
+    [K in keyof CursorTokens]: TwChainString;
+};
+type TwTextAlignUtility = TwUtility & {
+    [K in keyof TextAlignTokens]: TwChainString;
+};
+type TwObjectFitUtility = TwUtility & {
+    [K in keyof ObjectFitTokens]: TwChainString;
+};
+type TwSelfUtility = TwUtility & {
+    [K in keyof SelfTokens]: TwChainString;
+};
+type TwTextWrapUtility = TwUtility & {
+    [K in keyof TextWrapTokens]: TwChainString;
+};
+type TwTextOverflowUtility = TwUtility & {
+    [K in keyof TextOverflowTokens]: TwChainString;
+};
+type TwTextTransformUtility = TwUtility & {
+    [K in keyof TextTransformTokens]: TwChainString;
+};
 /** @internal A modifier usable as a property (`tw.hover.bg(…)`) or function (`tw.hover(tw.bg(…))`). */
 type TwModifier = TwChainString & ((...chains: (TwChain | string)[]) => TwChainString);
 /** @internal A parameterized modifier that requires arguments before it becomes a modifier. */
@@ -286,27 +346,27 @@ interface TwChain {
     readonly me: TwUtility;
     readonly spaceX: TwUtility;
     readonly spaceY: TwUtility;
-    readonly bg: TwUtility;
-    readonly textColor: TwUtility;
-    readonly borderColor: TwUtility;
-    readonly text: TwUtility;
-    readonly font: TwUtility;
-    readonly tracking: TwUtility;
-    readonly leading: TwUtility;
-    readonly textAlign: TwUtility;
-    readonly fontFamily: TwUtility;
+    readonly bg: TwColorUtility;
+    readonly textColor: TwColorUtility;
+    readonly borderColor: TwColorUtility;
+    readonly text: TwTextSizeUtility;
+    readonly font: TwFontWeightUtility;
+    readonly tracking: TwTrackingUtility;
+    readonly leading: TwLeadingUtility;
+    readonly textAlign: TwTextAlignUtility;
+    readonly fontFamily: TwFontFamilyUtility;
     readonly lineClamp: TwUtility;
     readonly listStyleImage: TwUtility;
     readonly listStylePosition: TwUtility;
     readonly listStyleType: TwUtility;
     readonly textDecoration: TwUtility;
-    readonly textDecorationColor: TwUtility;
+    readonly textDecorationColor: TwColorUtility;
     readonly textDecorationStyle: TwUtility;
     readonly textDecorationThickness: TwUtility;
     readonly textUnderlineOffset: TwUtility;
-    readonly textTransform: TwUtility;
-    readonly textOverflow: TwUtility;
-    readonly textWrap: TwUtility;
+    readonly textTransform: TwTextTransformUtility;
+    readonly textOverflow: TwTextOverflowUtility;
+    readonly textWrap: TwTextWrapUtility;
     readonly textIndent: TwUtility;
     readonly verticalAlign: TwUtility;
     readonly whitespace: TwUtility;
@@ -323,13 +383,13 @@ interface TwChain {
     readonly minH: TwUtility;
     readonly maxW: TwUtility;
     readonly maxH: TwUtility;
-    readonly display: TwUtility;
-    readonly items: TwUtility;
-    readonly justify: TwUtility;
-    readonly self: TwUtility;
-    readonly overflow: TwUtility;
-    readonly overflowX: TwUtility;
-    readonly overflowY: TwUtility;
+    readonly display: TwDisplayUtility;
+    readonly items: TwAlignItemsUtility;
+    readonly justify: TwJustifyUtility;
+    readonly self: TwSelfUtility;
+    readonly overflow: TwOverflowUtility;
+    readonly overflowX: TwOverflowUtility;
+    readonly overflowY: TwOverflowUtility;
     readonly top: TwUtility;
     readonly right: TwUtility;
     readonly bottom: TwUtility;
@@ -345,7 +405,7 @@ interface TwChain {
     readonly boxSizing: TwUtility;
     readonly float: TwUtility;
     readonly clear: TwUtility;
-    readonly objectFit: TwUtility;
+    readonly objectFit: TwObjectFitUtility;
     readonly objectPosition: TwUtility;
     readonly overscrollBehavior: TwUtility;
     readonly overscrollX: TwUtility;
@@ -373,19 +433,19 @@ interface TwChain {
     readonly placeContent: TwUtility;
     readonly placeItems: TwUtility;
     readonly placeSelf: TwUtility;
-    readonly rounded: TwUtility;
-    readonly roundedT: TwUtility;
-    readonly roundedB: TwUtility;
-    readonly roundedL: TwUtility;
-    readonly roundedR: TwUtility;
-    readonly roundedTL: TwUtility;
-    readonly roundedTR: TwUtility;
-    readonly roundedBR: TwUtility;
-    readonly roundedBL: TwUtility;
-    readonly roundedSS: TwUtility;
-    readonly roundedSE: TwUtility;
-    readonly roundedEE: TwUtility;
-    readonly roundedES: TwUtility;
+    readonly rounded: TwRadiusUtility;
+    readonly roundedT: TwRadiusUtility;
+    readonly roundedB: TwRadiusUtility;
+    readonly roundedL: TwRadiusUtility;
+    readonly roundedR: TwRadiusUtility;
+    readonly roundedTL: TwRadiusUtility;
+    readonly roundedTR: TwRadiusUtility;
+    readonly roundedBR: TwRadiusUtility;
+    readonly roundedBL: TwRadiusUtility;
+    readonly roundedSS: TwRadiusUtility;
+    readonly roundedSE: TwRadiusUtility;
+    readonly roundedEE: TwRadiusUtility;
+    readonly roundedES: TwRadiusUtility;
     readonly border: TwUtility;
     readonly borderT: TwUtility;
     readonly borderR: TwUtility;
@@ -397,30 +457,30 @@ interface TwChain {
     readonly borderE: TwUtility;
     readonly borderStyle: TwUtility;
     readonly ring: TwUtility;
-    readonly ringColor: TwUtility;
+    readonly ringColor: TwColorUtility;
     readonly ringOffsetWidth: TwUtility;
     readonly ringOffsetColor: TwUtility;
     readonly outlineWidth: TwUtility;
-    readonly outlineColor: TwUtility;
+    readonly outlineColor: TwColorUtility;
     readonly outlineStyle: TwUtility;
     readonly outlineOffset: TwUtility;
     readonly outline: TwUtility;
     readonly divideX: TwUtility;
     readonly divideY: TwUtility;
-    readonly divideColor: TwUtility;
+    readonly divideColor: TwColorUtility;
     readonly divideStyle: TwUtility;
-    readonly shadow: TwUtility;
+    readonly shadow: TwShadowUtility;
     readonly opacity: TwUtility;
     readonly backdrop: TwUtility;
-    readonly shadowColor: TwUtility;
+    readonly shadowColor: TwColorUtility;
     readonly mixBlendMode: TwUtility;
     readonly bgBlendMode: TwUtility;
-    readonly cursor: TwUtility;
+    readonly cursor: TwCursorUtility;
     readonly select: TwUtility;
     readonly pointerEvents: TwUtility;
-    readonly accentColor: TwUtility;
+    readonly accentColor: TwColorUtility;
     readonly appearance: TwUtility;
-    readonly caretColor: TwUtility;
+    readonly caretColor: TwColorUtility;
     readonly resize: TwUtility;
     readonly scrollBehavior: TwUtility;
     readonly scrollMargin: TwUtility;
@@ -491,9 +551,9 @@ interface TwChain {
     readonly bgSize: TwUtility;
     readonly bgImage: TwUtility;
     readonly bgGradient: TwUtility;
-    readonly gradientFrom: TwUtility;
-    readonly gradientVia: TwUtility;
-    readonly gradientTo: TwUtility;
+    readonly gradientFrom: TwColorUtilityNoOpacity;
+    readonly gradientVia: TwColorUtilityNoOpacity;
+    readonly gradientTo: TwColorUtilityNoOpacity;
     readonly flex: TwChainString;
     readonly flexCol: TwChainString;
     readonly flexRow: TwChainString;
@@ -518,6 +578,7 @@ interface TwChain {
     readonly flexAuto: TwChainString;
     readonly flexInitial: TwChainString;
     readonly flexNone: TwChainString;
+    readonly bold: TwChainString;
     readonly antialiased: TwChainString;
     readonly subpixelAntialiased: TwChainString;
     readonly italic: TwChainString;
@@ -1305,260 +1366,6 @@ declare function spaceY(value: number | string | DynamicValue): StyleRule;
 declare function spaceXReverse(): StyleRule;
 declare function spaceYReverse(): StyleRule;
 
-/**
- * Sets the background color of an element.
- *
- * Accepts a raw CSS color string or a {@link DynamicValue} for runtime values.
- *
- * @param color - CSS color string (e.g. `'#3b82f6'`, `'red'`, `'rgb(59, 130, 246)'`) or `dynamic()` value.
- * @returns A {@link StyleRule} that sets `background-color`.
- *
- * @example CSS color string
- * ```ts
- * import { cx, bg } from 'typewritingclass'
- *
- * cx(bg('#3b82f6'))
- * // CSS: background-color: #3b82f6;
- * ```
- *
- * @example Named color
- * ```ts
- * cx(bg('transparent'))
- * // CSS: background-color: transparent;
- * ```
- *
- * @example Dynamic value
- * ```ts
- * import { dcx, bg, dynamic } from 'typewritingclass'
- *
- * const { className, style } = dcx(bg(dynamic(themeColor)))
- * // CSS: background-color: var(--twc-d0);
- * // style: { '--twc-d0': themeColor }
- * ```
- */
-declare function bg(color: string | DynamicValue): StyleRule;
-/**
- * Sets the text color of an element.
- *
- * Accepts a raw CSS color string or a {@link DynamicValue} for runtime values.
- *
- * @param color - CSS color string (e.g. `'#111827'`, `'white'`, `'rgb(17, 24, 39)'`) or `dynamic()` value.
- * @returns A {@link StyleRule} that sets `color`.
- *
- * @example CSS color string
- * ```ts
- * import { cx, textColor } from 'typewritingclass'
- *
- * cx(textColor('#111827'))
- * // CSS: color: #111827;
- * ```
- *
- * @example Named color
- * ```ts
- * cx(textColor('inherit'))
- * // CSS: color: inherit;
- * ```
- *
- * @example Dynamic value
- * ```ts
- * import { dcx, textColor, dynamic } from 'typewritingclass'
- *
- * const { className, style } = dcx(textColor(dynamic(themeColor)))
- * // CSS: color: var(--twc-d0);
- * // style: { '--twc-d0': themeColor }
- * ```
- */
-declare function textColor(color: string | DynamicValue): StyleRule;
-/**
- * Sets the border color of an element.
- *
- * Accepts a raw CSS color string or a {@link DynamicValue} for runtime values.
- *
- * @param color - CSS color string (e.g. `'#e5e7eb'`, `'red'`, `'rgb(229, 231, 235)'`) or `dynamic()` value.
- * @returns A {@link StyleRule} that sets `border-color`.
- *
- * @example CSS color string
- * ```ts
- * import { cx, borderColor } from 'typewritingclass'
- *
- * cx(borderColor('#e5e7eb'))
- * // CSS: border-color: #e5e7eb;
- * ```
- *
- * @example Named color
- * ```ts
- * cx(borderColor('currentColor'))
- * // CSS: border-color: currentColor;
- * ```
- *
- * @example Dynamic value
- * ```ts
- * import { dcx, borderColor, dynamic } from 'typewritingclass'
- *
- * const { className, style } = dcx(borderColor(dynamic(themeColor)))
- * // CSS: border-color: var(--twc-d0);
- * // style: { '--twc-d0': themeColor }
- * ```
- */
-declare function borderColor(color: string | DynamicValue): StyleRule;
-
-/**
- * Sets the font size (and optionally line height) of an element.
- *
- * Accepts a {@link TextSize} object from the typography theme (which sets both
- * `font-size` and `line-height`), a raw CSS string for `font-size` only,
- * or a {@link DynamicValue} for runtime values.
- *
- * @param size - A {@link TextSize} preset (e.g. `typography.base`), a raw CSS string (`'1.5rem'`), or `dynamic()` value.
- * @returns A {@link StyleRule} that sets `font-size` and optionally `line-height`.
- *
- * @example TextSize preset
- * ```ts
- * import { cx, text } from 'typewritingclass'
- * import * as typography from 'typewritingclass/theme/typography'
- *
- * cx(text(typography.lg))
- * // CSS: font-size: 1.125rem; line-height: 1.75rem;
- * ```
- *
- * @example Raw value
- * ```ts
- * cx(text('2rem'))
- * // CSS: font-size: 2rem;
- * ```
- *
- * @example Dynamic value
- * ```ts
- * import { dcx, text, dynamic } from 'typewritingclass'
- *
- * const { className, style } = dcx(text(dynamic(fontSize)))
- * // CSS: font-size: var(--twc-d0);
- * // style: { '--twc-d0': fontSize }
- * ```
- */
-declare function text(size: TextSize | string | DynamicValue): StyleRule;
-/**
- * Sets the font weight of an element.
- *
- * Accepts a raw CSS font-weight string or a {@link DynamicValue} for runtime values.
- * Use the typography theme exports (e.g. `typography.bold`) for standard weights.
- *
- * @param weight - A font-weight string (`'700'`, `'bold'`) or `dynamic()` value.
- * @returns A {@link StyleRule} that sets `font-weight`.
- *
- * @example Typography theme weight
- * ```ts
- * import { cx, font } from 'typewritingclass'
- * import * as typography from 'typewritingclass/theme/typography'
- *
- * cx(font(typography.bold))
- * // CSS: font-weight: 700;
- * ```
- *
- * @example Raw value
- * ```ts
- * cx(font('600'))
- * // CSS: font-weight: 600;
- * ```
- *
- * @example Dynamic value
- * ```ts
- * import { dcx, font, dynamic } from 'typewritingclass'
- *
- * const { className, style } = dcx(font(dynamic(weight)))
- * // CSS: font-weight: var(--twc-d0);
- * // style: { '--twc-d0': weight }
- * ```
- */
-declare function font(weight: string | DynamicValue): StyleRule;
-/**
- * Sets the letter spacing (tracking) of an element.
- *
- * Accepts a raw CSS letter-spacing string or a {@link DynamicValue} for runtime values.
- *
- * @param value - A CSS letter-spacing string (`'-0.025em'`, `'0.05em'`) or `dynamic()` value.
- * @returns A {@link StyleRule} that sets `letter-spacing`.
- *
- * @example Raw value
- * ```ts
- * import { cx, tracking } from 'typewritingclass'
- *
- * cx(tracking('-0.025em'))
- * // CSS: letter-spacing: -0.025em;
- * ```
- *
- * @example Wide tracking
- * ```ts
- * cx(tracking('0.1em'))
- * // CSS: letter-spacing: 0.1em;
- * ```
- *
- * @example Dynamic value
- * ```ts
- * import { dcx, tracking, dynamic } from 'typewritingclass'
- *
- * const { className, style } = dcx(tracking(dynamic(letterSpacing)))
- * // CSS: letter-spacing: var(--twc-d0);
- * // style: { '--twc-d0': letterSpacing }
- * ```
- */
-declare function tracking(value: string | DynamicValue): StyleRule;
-/**
- * Sets the line height (leading) of an element.
- *
- * Accepts a raw CSS line-height string or a {@link DynamicValue} for runtime values.
- *
- * @param value - A CSS line-height string (`'1.5'`, `'2rem'`) or `dynamic()` value.
- * @returns A {@link StyleRule} that sets `line-height`.
- *
- * @example Unitless ratio
- * ```ts
- * import { cx, leading } from 'typewritingclass'
- *
- * cx(leading('1.5'))
- * // CSS: line-height: 1.5;
- * ```
- *
- * @example Fixed value
- * ```ts
- * cx(leading('2rem'))
- * // CSS: line-height: 2rem;
- * ```
- *
- * @example Dynamic value
- * ```ts
- * import { dcx, leading, dynamic } from 'typewritingclass'
- *
- * const { className, style } = dcx(leading(dynamic(lineHeight)))
- * // CSS: line-height: var(--twc-d0);
- * // style: { '--twc-d0': lineHeight }
- * ```
- */
-declare function leading(value: string | number | DynamicValue): StyleRule;
-/**
- * Sets the text alignment of an element.
- *
- * Accepts a raw CSS text-align string.
- *
- * @param value - A CSS text-align value (`'left'`, `'center'`, `'right'`, `'justify'`).
- * @returns A {@link StyleRule} that sets `text-align`.
- *
- * @example Center alignment
- * ```ts
- * import { cx, textAlign } from 'typewritingclass'
- *
- * cx(textAlign('center'))
- * // CSS: text-align: center;
- * ```
- *
- * @example Right alignment
- * ```ts
- * cx(textAlign('right'))
- * // CSS: text-align: right;
- * ```
- */
-declare function textAlign(value: string): StyleRule;
-declare function fontFamily(value: string | DynamicValue): StyleRule;
 declare function antialiased(): StyleRule;
 declare function subpixelAntialiased(): StyleRule;
 declare function italic(): StyleRule;
@@ -1577,13 +1384,9 @@ declare function listStyleImage(value: string): StyleRule;
 declare function listStylePosition(value: string): StyleRule;
 declare function listStyleType(value: string): StyleRule;
 declare function textDecoration(value: string): StyleRule;
-declare function textDecorationColor(value: string | DynamicValue): StyleRule;
 declare function textDecorationStyle(value: string): StyleRule;
 declare function textDecorationThickness(value: string | DynamicValue): StyleRule;
 declare function textUnderlineOffset(value: string | DynamicValue): StyleRule;
-declare function textTransform(value: string): StyleRule;
-declare function textOverflow(value: string): StyleRule;
-declare function textWrap(value: string): StyleRule;
 declare function textIndent(value: string | DynamicValue): StyleRule;
 declare function verticalAlign(value: string): StyleRule;
 declare function whitespace(value: string): StyleRule;
@@ -1957,167 +1760,6 @@ declare function maxW(value: number | string | DynamicValue): StyleRule;
  * ```
  */
 declare function maxH(value: number | string | DynamicValue): StyleRule;
-/**
- * Sets the CSS `display` property of an element.
- *
- * Accepts any valid CSS display value as a string.
- *
- * @param value - A CSS display value (`'block'`, `'none'`, `'inline-block'`, etc.).
- * @returns A {@link StyleRule} that sets `display`.
- *
- * @example Block display
- * ```ts
- * import { cx, display } from 'typewritingclass'
- *
- * cx(display('block'))
- * // CSS: display: block;
- * ```
- *
- * @example Hide element
- * ```ts
- * cx(display('none'))
- * // CSS: display: none;
- * ```
- */
-declare function display(value: string): StyleRule;
-/**
- * Sets the `align-items` property on a flex or grid container.
- *
- * Accepts any valid CSS align-items value as a string.
- *
- * @param value - A CSS align-items value (`'center'`, `'flex-start'`, `'stretch'`, etc.).
- * @returns A {@link StyleRule} that sets `align-items`.
- *
- * @example Center alignment
- * ```ts
- * import { cx, items } from 'typewritingclass'
- *
- * cx(items('center'))
- * // CSS: align-items: center;
- * ```
- *
- * @example Start alignment
- * ```ts
- * cx(items('flex-start'))
- * // CSS: align-items: flex-start;
- * ```
- */
-declare function items(value: string): StyleRule;
-/**
- * Sets the `justify-content` property on a flex or grid container.
- *
- * Accepts any valid CSS justify-content value as a string.
- *
- * @param value - A CSS justify-content value (`'center'`, `'space-between'`, `'flex-end'`, etc.).
- * @returns A {@link StyleRule} that sets `justify-content`.
- *
- * @example Center justification
- * ```ts
- * import { cx, justify } from 'typewritingclass'
- *
- * cx(justify('center'))
- * // CSS: justify-content: center;
- * ```
- *
- * @example Space between
- * ```ts
- * cx(justify('space-between'))
- * // CSS: justify-content: space-between;
- * ```
- */
-declare function justify(value: string): StyleRule;
-/**
- * Sets the `align-self` property on a flex or grid child.
- *
- * Accepts any valid CSS align-self value as a string.
- *
- * @param value - A CSS align-self value (`'center'`, `'flex-start'`, `'stretch'`, etc.).
- * @returns A {@link StyleRule} that sets `align-self`.
- *
- * @example Center self-alignment
- * ```ts
- * import { cx, self } from 'typewritingclass'
- *
- * cx(self('center'))
- * // CSS: align-self: center;
- * ```
- *
- * @example End self-alignment
- * ```ts
- * cx(self('flex-end'))
- * // CSS: align-self: flex-end;
- * ```
- */
-declare function self(value: string): StyleRule;
-/**
- * Sets the `overflow` behavior on both axes of an element.
- *
- * Accepts any valid CSS overflow value as a string.
- *
- * @param value - A CSS overflow value (`'hidden'`, `'auto'`, `'scroll'`, `'visible'`).
- * @returns A {@link StyleRule} that sets `overflow`.
- *
- * @example Hidden overflow
- * ```ts
- * import { cx, overflow } from 'typewritingclass'
- *
- * cx(overflow('hidden'))
- * // CSS: overflow: hidden;
- * ```
- *
- * @example Auto overflow
- * ```ts
- * cx(overflow('auto'))
- * // CSS: overflow: auto;
- * ```
- */
-declare function overflow(value: string): StyleRule;
-/**
- * Sets the horizontal overflow behavior of an element.
- *
- * Accepts any valid CSS overflow-x value as a string.
- *
- * @param value - A CSS overflow-x value (`'hidden'`, `'auto'`, `'scroll'`, `'visible'`).
- * @returns A {@link StyleRule} that sets `overflow-x`.
- *
- * @example Auto horizontal scroll
- * ```ts
- * import { cx, overflowX } from 'typewritingclass'
- *
- * cx(overflowX('auto'))
- * // CSS: overflow-x: auto;
- * ```
- *
- * @example Hidden horizontal overflow
- * ```ts
- * cx(overflowX('hidden'))
- * // CSS: overflow-x: hidden;
- * ```
- */
-declare function overflowX(value: string): StyleRule;
-/**
- * Sets the vertical overflow behavior of an element.
- *
- * Accepts any valid CSS overflow-y value as a string.
- *
- * @param value - A CSS overflow-y value (`'hidden'`, `'auto'`, `'scroll'`, `'visible'`).
- * @returns A {@link StyleRule} that sets `overflow-y`.
- *
- * @example Scrollable vertical overflow
- * ```ts
- * import { cx, overflowY } from 'typewritingclass'
- *
- * cx(overflowY('scroll'))
- * // CSS: overflow-y: scroll;
- * ```
- *
- * @example Hidden vertical overflow
- * ```ts
- * cx(overflowY('hidden'))
- * // CSS: overflow-y: hidden;
- * ```
- */
-declare function overflowY(value: string): StyleRule;
 /**
  * Sets the element to `position: relative`.
  *
@@ -2394,7 +2036,6 @@ declare function float_(value: string): StyleRule;
 declare function clear_(value: string): StyleRule;
 declare function isolate(): StyleRule;
 declare function isolationAuto(): StyleRule;
-declare function objectFit(value: string): StyleRule;
 declare function objectPosition(value: string): StyleRule;
 declare function overscrollBehavior(value: string): StyleRule;
 declare function overscrollX(value: string): StyleRule;
@@ -2436,177 +2077,6 @@ declare function placeItems(value: string): StyleRule;
 declare function placeSelf(value: string): StyleRule;
 declare function container(): StyleRule;
 
-/**
- * Sets the `border-radius` on all corners of an element.
- *
- * When called without arguments, uses the default border radius (`0.25rem`).
- * Accepts an optional raw CSS string or a {@link DynamicValue} for runtime values.
- *
- * @param value - Optional CSS border-radius string (`'0.5rem'`, `'9999px'`) or `dynamic()` value. Defaults to `'0.25rem'`.
- * @returns A {@link StyleRule} that sets `border-radius`.
- *
- * @example Default radius
- * ```ts
- * import { cx, rounded } from 'typewritingclass'
- *
- * cx(rounded())
- * // CSS: border-radius: 0.25rem;
- * ```
- *
- * @example Custom radius
- * ```ts
- * cx(rounded('0.5rem'))
- * // CSS: border-radius: 0.5rem;
- * ```
- *
- * @example Full rounding (pill shape)
- * ```ts
- * cx(rounded('9999px'))
- * // CSS: border-radius: 9999px;
- * ```
- *
- * @example Dynamic value
- * ```ts
- * import { dcx, rounded, dynamic } from 'typewritingclass'
- *
- * const { className, style } = dcx(rounded(dynamic(radius)))
- * // CSS: border-radius: var(--twc-d0);
- * // style: { '--twc-d0': radius }
- * ```
- */
-declare function rounded(value?: string | DynamicValue): StyleRule;
-/**
- * Sets the `border-radius` on the top-left and top-right corners of an element.
- *
- * When called without arguments, uses the default border radius (`0.25rem`).
- * Accepts an optional raw CSS string or a {@link DynamicValue} for runtime values.
- *
- * @param value - Optional CSS border-radius string (`'0.5rem'`) or `dynamic()` value. Defaults to `'0.25rem'`.
- * @returns A {@link StyleRule} that sets `border-top-left-radius` and `border-top-right-radius`.
- *
- * @example Default radius
- * ```ts
- * import { cx, roundedT } from 'typewritingclass'
- *
- * cx(roundedT())
- * // CSS: border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem;
- * ```
- *
- * @example Custom radius
- * ```ts
- * cx(roundedT('1rem'))
- * // CSS: border-top-left-radius: 1rem; border-top-right-radius: 1rem;
- * ```
- *
- * @example Dynamic value
- * ```ts
- * import { dcx, roundedT, dynamic } from 'typewritingclass'
- *
- * const { className, style } = dcx(roundedT(dynamic(radius)))
- * // CSS: border-top-left-radius: var(--twc-d0); border-top-right-radius: var(--twc-d0);
- * // style: { '--twc-d0': radius }
- * ```
- */
-declare function roundedT(value?: string | DynamicValue): StyleRule;
-/**
- * Sets the `border-radius` on the bottom-left and bottom-right corners of an element.
- *
- * When called without arguments, uses the default border radius (`0.25rem`).
- * Accepts an optional raw CSS string or a {@link DynamicValue} for runtime values.
- *
- * @param value - Optional CSS border-radius string (`'0.5rem'`) or `dynamic()` value. Defaults to `'0.25rem'`.
- * @returns A {@link StyleRule} that sets `border-bottom-left-radius` and `border-bottom-right-radius`.
- *
- * @example Default radius
- * ```ts
- * import { cx, roundedB } from 'typewritingclass'
- *
- * cx(roundedB())
- * // CSS: border-bottom-left-radius: 0.25rem; border-bottom-right-radius: 0.25rem;
- * ```
- *
- * @example Custom radius
- * ```ts
- * cx(roundedB('1rem'))
- * // CSS: border-bottom-left-radius: 1rem; border-bottom-right-radius: 1rem;
- * ```
- *
- * @example Dynamic value
- * ```ts
- * import { dcx, roundedB, dynamic } from 'typewritingclass'
- *
- * const { className, style } = dcx(roundedB(dynamic(radius)))
- * // CSS: border-bottom-left-radius: var(--twc-d0); border-bottom-right-radius: var(--twc-d0);
- * // style: { '--twc-d0': radius }
- * ```
- */
-declare function roundedB(value?: string | DynamicValue): StyleRule;
-/**
- * Sets the `border-radius` on the top-left and bottom-left corners of an element.
- *
- * When called without arguments, uses the default border radius (`0.25rem`).
- * Accepts an optional raw CSS string or a {@link DynamicValue} for runtime values.
- *
- * @param value - Optional CSS border-radius string (`'0.5rem'`) or `dynamic()` value. Defaults to `'0.25rem'`.
- * @returns A {@link StyleRule} that sets `border-top-left-radius` and `border-bottom-left-radius`.
- *
- * @example Default radius
- * ```ts
- * import { cx, roundedL } from 'typewritingclass'
- *
- * cx(roundedL())
- * // CSS: border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem;
- * ```
- *
- * @example Custom radius
- * ```ts
- * cx(roundedL('0.75rem'))
- * // CSS: border-top-left-radius: 0.75rem; border-bottom-left-radius: 0.75rem;
- * ```
- *
- * @example Dynamic value
- * ```ts
- * import { dcx, roundedL, dynamic } from 'typewritingclass'
- *
- * const { className, style } = dcx(roundedL(dynamic(radius)))
- * // CSS: border-top-left-radius: var(--twc-d0); border-bottom-left-radius: var(--twc-d0);
- * // style: { '--twc-d0': radius }
- * ```
- */
-declare function roundedL(value?: string | DynamicValue): StyleRule;
-/**
- * Sets the `border-radius` on the top-right and bottom-right corners of an element.
- *
- * When called without arguments, uses the default border radius (`0.25rem`).
- * Accepts an optional raw CSS string or a {@link DynamicValue} for runtime values.
- *
- * @param value - Optional CSS border-radius string (`'0.5rem'`) or `dynamic()` value. Defaults to `'0.25rem'`.
- * @returns A {@link StyleRule} that sets `border-top-right-radius` and `border-bottom-right-radius`.
- *
- * @example Default radius
- * ```ts
- * import { cx, roundedR } from 'typewritingclass'
- *
- * cx(roundedR())
- * // CSS: border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem;
- * ```
- *
- * @example Custom radius
- * ```ts
- * cx(roundedR('0.75rem'))
- * // CSS: border-top-right-radius: 0.75rem; border-bottom-right-radius: 0.75rem;
- * ```
- *
- * @example Dynamic value
- * ```ts
- * import { dcx, roundedR, dynamic } from 'typewritingclass'
- *
- * const { className, style } = dcx(roundedR(dynamic(radius)))
- * // CSS: border-top-right-radius: var(--twc-d0); border-bottom-right-radius: var(--twc-d0);
- * // style: { '--twc-d0': radius }
- * ```
- */
-declare function roundedR(value?: string | DynamicValue): StyleRule;
 /**
  * Sets a solid border on all sides of an element.
  *
@@ -2758,76 +2228,25 @@ declare function borderL(width?: string | number): StyleRule;
  * ```
  */
 declare function ring(width?: string | number, color?: string): StyleRule;
-declare function roundedTL(value?: string | DynamicValue): StyleRule;
-declare function roundedTR(value?: string | DynamicValue): StyleRule;
-declare function roundedBR(value?: string | DynamicValue): StyleRule;
-declare function roundedBL(value?: string | DynamicValue): StyleRule;
-declare function roundedSS(value?: string | DynamicValue): StyleRule;
-declare function roundedSE(value?: string | DynamicValue): StyleRule;
-declare function roundedEE(value?: string | DynamicValue): StyleRule;
-declare function roundedES(value?: string | DynamicValue): StyleRule;
 declare function borderX(width?: string | number): StyleRule;
 declare function borderY(width?: string | number): StyleRule;
 declare function borderS(width?: string | number): StyleRule;
 declare function borderE(width?: string | number): StyleRule;
 declare function borderStyle(value: string): StyleRule;
 declare function outlineWidth(value: string | number): StyleRule;
-declare function outlineColor(value: string | DynamicValue): StyleRule;
 declare function outlineStyle(value: string): StyleRule;
 declare function outlineOffset(value: string | number): StyleRule;
 declare function outline(width?: string | number, style?: string, color?: string): StyleRule;
 declare function outlineNone(): StyleRule;
 declare function ringInset(): StyleRule;
-declare function ringColor(value: string | DynamicValue): StyleRule;
 declare function ringOffsetWidth(value: string | number): StyleRule;
 declare function ringOffsetColor(value: string | DynamicValue): StyleRule;
 declare function divideX(width?: string | number): StyleRule;
 declare function divideY(width?: string | number): StyleRule;
-declare function divideColor(value: string | DynamicValue): StyleRule;
 declare function divideStyle(value: string): StyleRule;
 declare function divideXReverse(): StyleRule;
 declare function divideYReverse(): StyleRule;
 
-/**
- * Sets the `box-shadow` of an element.
- *
- * When called without arguments, uses the default shadow from the shadows theme
- * (`0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)`).
- * Accepts an optional raw CSS string or a {@link DynamicValue} for runtime values.
- *
- * @param value - Optional CSS box-shadow string or `dynamic()` value. Defaults to the theme's `DEFAULT` shadow.
- * @returns A {@link StyleRule} that sets `box-shadow`.
- *
- * @example Default shadow
- * ```ts
- * import { cx, shadow } from 'typewritingclass'
- *
- * cx(shadow())
- * // CSS: box-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
- * ```
- *
- * @example Custom shadow
- * ```ts
- * cx(shadow('0 4px 6px -1px rgb(0 0 0 / 0.1)'))
- * // CSS: box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1);
- * ```
- *
- * @example No shadow
- * ```ts
- * cx(shadow('none'))
- * // CSS: box-shadow: none;
- * ```
- *
- * @example Dynamic value
- * ```ts
- * import { dcx, shadow, dynamic } from 'typewritingclass'
- *
- * const { className, style } = dcx(shadow(dynamic(shadowValue)))
- * // CSS: box-shadow: var(--twc-d0);
- * // style: { '--twc-d0': shadowValue }
- * ```
- */
-declare function shadow(value?: string | DynamicValue): StyleRule;
 /**
  * Sets the `opacity` of an element.
  *
@@ -2907,42 +2326,9 @@ declare function opacity(value: number | DynamicValue): StyleRule;
  * ```
  */
 declare function backdrop(value: string | DynamicValue): StyleRule;
-declare function shadowColor(value: string | DynamicValue): StyleRule;
 declare function mixBlendMode(value: string): StyleRule;
 declare function bgBlendMode(value: string): StyleRule;
 
-/**
- * Sets the `cursor` style of an element.
- *
- * Accepts a raw CSS cursor string or a {@link DynamicValue} for runtime values.
- *
- * @param value - A CSS cursor value (`'pointer'`, `'grab'`, `'not-allowed'`, etc.) or `dynamic()` value.
- * @returns A {@link StyleRule} that sets `cursor`.
- *
- * @example Pointer cursor
- * ```ts
- * import { cx, cursor } from 'typewritingclass'
- *
- * cx(cursor('pointer'))
- * // CSS: cursor: pointer;
- * ```
- *
- * @example Not-allowed cursor
- * ```ts
- * cx(cursor('not-allowed'))
- * // CSS: cursor: not-allowed;
- * ```
- *
- * @example Dynamic value
- * ```ts
- * import { dcx, cursor, dynamic } from 'typewritingclass'
- *
- * const { className, style } = dcx(cursor(dynamic(cursorType)))
- * // CSS: cursor: var(--twc-d0);
- * // style: { '--twc-d0': cursorType }
- * ```
- */
-declare function cursor(value: string | DynamicValue): StyleRule;
 /**
  * Sets the `user-select` behavior of an element.
  *
@@ -2997,9 +2383,7 @@ declare function select(value: string): StyleRule;
  * ```
  */
 declare function pointerEvents(value: string): StyleRule;
-declare function accentColor(value: string | DynamicValue): StyleRule;
 declare function appearance(value: string): StyleRule;
-declare function caretColor(value: string | DynamicValue): StyleRule;
 declare function resize(value: string): StyleRule;
 declare function scrollBehavior(value: string): StyleRule;
 declare function scrollMargin(value: number | string | DynamicValue): StyleRule;
@@ -3089,9 +2473,6 @@ declare function bgRepeat(value: string): StyleRule;
 declare function bgSize(value: string | DynamicValue): StyleRule;
 declare function bgImage(value: string | DynamicValue): StyleRule;
 declare function bgGradient(direction?: string): StyleRule;
-declare function gradientFrom(color: string | DynamicValue): StyleRule;
-declare function gradientVia(color: string | DynamicValue): StyleRule;
-declare function gradientTo(color: string | DynamicValue): StyleRule;
 
 /**
  * Applies styles only when the element is hovered.
@@ -3466,4 +2847,50 @@ declare function peerHas(selector: string): Modifier;
 declare const rtl: Modifier;
 declare const ltr: Modifier;
 
-export { DynamicResult, DynamicValue, Modifier, StyleRule, type TwChain, _2xl, absolute, accentColor, active, after, alignContent, animate, antialiased, appearance, aria, ariaChecked, ariaDisabled, ariaExpanded, ariaHidden, ariaPressed, ariaReadonly, ariaRequired, ariaSelected, aspectRatio, autoCols, autoRows, autofill, backdrop, backdropBlur, backdropBrightness, backdropContrast, backdropGrayscale, backdropHueRotate, backdropInvert, backdropOpacity, backdropSaturate, backdropSepia, backdrop_, before, bg, bgAttachment, bgBlendMode, bgClip, bgGradient, bgImage, bgOrigin, bgPosition, bgRepeat, bgSize, blur, border, borderB, borderCollapse, borderColor, borderE, borderL, borderR, borderS, borderSeparate, borderSpacing, borderSpacingX, borderSpacingY, borderStyle, borderT, borderX, borderY, bottom, boxDecorationBreak, boxSizing, breakAfter, breakBefore, breakInside, brightness, captionSide, caretColor, checked, clear_, colEnd, colSpan, colStart, collapse_, columns, container, content_, contrast, contrastLess, contrastMore, cursor, cx, dark, data, dcx, default_, delay, diagonalFractions, disabled, display, divideColor, divideStyle, divideX, divideXReverse, divideY, divideYReverse, dropShadow, duration, ease, empty, end, even, file_, fill, firstChild, firstLetter, firstLine, firstOfType, fixed, flex, flex1, flexAuto, flexBasis, flexCol, flexColReverse, flexInitial, flexNone, flexNowrap, flexRow, flexRowReverse, flexWrap, flexWrapReverse, float_, focus, focusVisible, focusWithin, font, fontFamily, forcedColorAdjust, forcedColors, gap, gapX, gapY, generateCSS, googleFonts, gradientFrom, gradientTo, gradientVia, grayscale, grid, gridCols, gridFlow, gridRows, groupActive, groupChecked, groupDisabled, groupEmpty, groupEven, groupFirst, groupFocus, groupFocusVisible, groupFocusWithin, groupHas, groupHover, groupLast, groupOdd, groupOpen, groupVisited, grow, h, has_, hover, hueRotate, hyphens, inRange, indeterminate, inlineFlex, inset, insetX, insetY, invalid, invert, invisible, isolate, isolationAuto, italic, items, justify, justifyItems, justifySelf, landscape, lastChild, lastOfType, layer, leading, left, lg, lineClamp, liningNums, listStyleImage, listStylePosition, listStyleType, ltr, m, marker, max2xl, maxH, maxLg, maxMd, maxSm, maxW, maxXl, mb, md, me, minH, minW, mixBlendMode, ml, motionReduce, motionSafe, mr, ms, mt, mx, my, normalNums, notItalic, notSrOnly, objectFit, objectPosition, odd, oldstyleNums, onlyChild, onlyOfType, opacity, open_, order, ordinal, outOfRange, outline, outlineColor, outlineNone, outlineOffset, outlineStyle, outlineWidth, overflow, overflowX, overflowY, overscrollBehavior, overscrollX, overscrollY, p, pb, pe, peerActive, peerChecked, peerDisabled, peerEmpty, peerEven, peerFirst, peerFocus, peerFocusVisible, peerFocusWithin, peerHas, peerHover, peerInvalid, peerLast, peerOdd, peerOpen, peerPlaceholderShown, peerRequired, peerVisited, pl, placeContent, placeItems, placeSelf, placeholderShown, placeholder_, pointerEvents, portrait, pr, print_, proportionalNums, ps, pt, px, py, readOnly, relative, required_, resize, right, ring, ringColor, ringInset, ringOffsetColor, ringOffsetWidth, rotate, rounded, roundedB, roundedBL, roundedBR, roundedEE, roundedES, roundedL, roundedR, roundedSE, roundedSS, roundedT, roundedTL, roundedTR, rowEnd, rowSpan, rowStart, rtl, saturate, scale, scaleX, scaleY, scrollBehavior, scrollMargin, scrollMarginB, scrollMarginL, scrollMarginR, scrollMarginT, scrollMarginX, scrollMarginY, scrollPadding, scrollPaddingB, scrollPaddingL, scrollPaddingR, scrollPaddingT, scrollPaddingX, scrollPaddingY, select, selection_, self, sepia, shadow, shadowColor, shrink, size, skewX, skewY, slashedZero, sm, snapAlign, snapStop, snapType, spaceX, spaceXReverse, spaceY, spaceYReverse, srOnly, stackedFractions, start, static_, sticky, stroke, strokeWidth, subpixelAntialiased, supports, tableLayout, tabularNums, target, text, textAlign, textColor, textDecoration, textDecorationColor, textDecorationStyle, textDecorationThickness, textIndent, textOverflow, textTransform, textUnderlineOffset, textWrap, top, touchAction, tracking, transformGpu, transformNone, transformOrigin, transition, transitionAll, transitionColors, transitionNone, transitionOpacity, transitionShadow, transitionTransform, translateX, translateY, truncate, tw, valid, verticalAlign, visible, visited, w, when, whitespace, willChange, wordBreak, xl, z };
+declare const bg: any;
+declare const textColor: any;
+declare const borderColor: any;
+declare const shadowColor: any;
+declare const ringColor: any;
+declare const outlineColor: any;
+declare const accentColor: any;
+declare const caretColor: any;
+declare const divideColor: any;
+declare const textDecorationColor: any;
+declare const gradientFrom: any;
+declare const gradientVia: any;
+declare const gradientTo: any;
+declare const rounded: any;
+declare const roundedT: any;
+declare const roundedB: any;
+declare const roundedL: any;
+declare const roundedR: any;
+declare const roundedTL: any;
+declare const roundedTR: any;
+declare const roundedBR: any;
+declare const roundedBL: any;
+declare const roundedSS: any;
+declare const roundedSE: any;
+declare const roundedEE: any;
+declare const roundedES: any;
+declare const shadow: any;
+declare const text: any;
+declare const font: any;
+declare const tracking: any;
+declare const leading: any;
+declare const fontFamily: any;
+declare const textAlign: any;
+declare const textTransform: any;
+declare const textOverflow: any;
+declare const textWrap: any;
+declare const display: any;
+declare const items: any;
+declare const justify: any;
+declare const self: any;
+declare const overflow: any;
+declare const overflowX: any;
+declare const overflowY: any;
+declare const cursor: any;
+declare const objectFit: any;
+
+export { AlignItemsTokens, ColorTokenKey, CursorTokens, DisplayTokens, DynamicResult, DynamicValue, FontFamilyTokens, FontWeightTokens, JustifyTokens, LeadingTokens, Modifier, ObjectFitTokens, OverflowTokens, RadiusTokens, SelfTokens, ShadowTokens, StyleRule, TextAlignTokens, TextOverflowTokens, TextSizeTokens, TextTransformTokens, TextWrapTokens, TrackingTokens, type TwChain, _2xl, absolute, accentColor, active, after, alignContent, animate, antialiased, appearance, aria, ariaChecked, ariaDisabled, ariaExpanded, ariaHidden, ariaPressed, ariaReadonly, ariaRequired, ariaSelected, aspectRatio, autoCols, autoRows, autofill, backdrop, backdropBlur, backdropBrightness, backdropContrast, backdropGrayscale, backdropHueRotate, backdropInvert, backdropOpacity, backdropSaturate, backdropSepia, backdrop_, before, bg, bgAttachment, bgBlendMode, bgClip, bgGradient, bgImage, bgOrigin, bgPosition, bgRepeat, bgSize, blur, border, borderB, borderCollapse, borderColor, borderE, borderL, borderR, borderS, borderSeparate, borderSpacing, borderSpacingX, borderSpacingY, borderStyle, borderT, borderX, borderY, bottom, boxDecorationBreak, boxSizing, breakAfter, breakBefore, breakInside, brightness, captionSide, caretColor, checked, clear_, colEnd, colSpan, colStart, collapse_, columns, container, content_, contrast, contrastLess, contrastMore, cursor, cx, dark, data, dcx, default_, delay, diagonalFractions, disabled, display, divideColor, divideStyle, divideX, divideXReverse, divideY, divideYReverse, dropShadow, duration, ease, empty, end, even, file_, fill, firstChild, firstLetter, firstLine, firstOfType, fixed, flex, flex1, flexAuto, flexBasis, flexCol, flexColReverse, flexInitial, flexNone, flexNowrap, flexRow, flexRowReverse, flexWrap, flexWrapReverse, float_, focus, focusVisible, focusWithin, font, fontFamily, forcedColorAdjust, forcedColors, gap, gapX, gapY, generateCSS, googleFonts, gradientFrom, gradientTo, gradientVia, grayscale, grid, gridCols, gridFlow, gridRows, groupActive, groupChecked, groupDisabled, groupEmpty, groupEven, groupFirst, groupFocus, groupFocusVisible, groupFocusWithin, groupHas, groupHover, groupLast, groupOdd, groupOpen, groupVisited, grow, h, has_, hover, hueRotate, hyphens, inRange, indeterminate, inlineFlex, inset, insetX, insetY, invalid, invert, invisible, isolate, isolationAuto, italic, items, justify, justifyItems, justifySelf, landscape, lastChild, lastOfType, layer, leading, left, lg, lineClamp, liningNums, listStyleImage, listStylePosition, listStyleType, ltr, m, marker, max2xl, maxH, maxLg, maxMd, maxSm, maxW, maxXl, mb, md, me, minH, minW, mixBlendMode, ml, motionReduce, motionSafe, mr, ms, mt, mx, my, normalNums, notItalic, notSrOnly, objectFit, objectPosition, odd, oldstyleNums, onlyChild, onlyOfType, opacity, open_, order, ordinal, outOfRange, outline, outlineColor, outlineNone, outlineOffset, outlineStyle, outlineWidth, overflow, overflowX, overflowY, overscrollBehavior, overscrollX, overscrollY, p, pb, pe, peerActive, peerChecked, peerDisabled, peerEmpty, peerEven, peerFirst, peerFocus, peerFocusVisible, peerFocusWithin, peerHas, peerHover, peerInvalid, peerLast, peerOdd, peerOpen, peerPlaceholderShown, peerRequired, peerVisited, pl, placeContent, placeItems, placeSelf, placeholderShown, placeholder_, pointerEvents, portrait, pr, print_, proportionalNums, ps, pt, px, py, readOnly, relative, required_, resize, right, ring, ringColor, ringInset, ringOffsetColor, ringOffsetWidth, rotate, rounded, roundedB, roundedBL, roundedBR, roundedEE, roundedES, roundedL, roundedR, roundedSE, roundedSS, roundedT, roundedTL, roundedTR, rowEnd, rowSpan, rowStart, rtl, saturate, scale, scaleX, scaleY, scrollBehavior, scrollMargin, scrollMarginB, scrollMarginL, scrollMarginR, scrollMarginT, scrollMarginX, scrollMarginY, scrollPadding, scrollPaddingB, scrollPaddingL, scrollPaddingR, scrollPaddingT, scrollPaddingX, scrollPaddingY, select, selection_, self, sepia, shadow, shadowColor, shrink, size, skewX, skewY, slashedZero, sm, snapAlign, snapStop, snapType, spaceX, spaceXReverse, spaceY, spaceYReverse, srOnly, stackedFractions, start, static_, sticky, stroke, strokeWidth, subpixelAntialiased, supports, tableLayout, tabularNums, target, text, textAlign, textColor, textDecoration, textDecorationColor, textDecorationStyle, textDecorationThickness, textIndent, textOverflow, textTransform, textUnderlineOffset, textWrap, top, touchAction, tracking, transformGpu, transformNone, transformOrigin, transition, transitionAll, transitionColors, transitionNone, transitionOpacity, transitionShadow, transitionTransform, translateX, translateY, truncate, tw, valid, verticalAlign, visible, visited, w, when, whitespace, willChange, wordBreak, xl, z };