native-document 1.0.94 → 1.0.98

package/types/elements.d.ts

@@ -24,7 +24,585 @@ export type ValidChild =
 type Observable<T> = ObservableItem<T> | T;
 
 type NdClassMap = Record<string, Observable<boolean>>;
-type NdStyleMap = Record<string, Observable<string>>;
+interface NdStyleMap {
+    accentColor?: Observable<string> | string;
+    'accent-color'?: Observable<string> | string;
+    alignContent?: Observable<'flex-start' | 'flex-end' | 'center' | 'space-between' | 'space-around' | 'space-evenly' | 'stretch' | 'start' | 'end' | 'baseline' | string> | 'flex-start' | 'flex-end' | 'center' | 'space-between' | 'space-around' | 'space-evenly' | 'stretch' | 'start' | 'end' | 'baseline' | string;
+    'align-content'?: Observable<'flex-start' | 'flex-end' | 'center' | 'space-between' | 'space-around' | 'space-evenly' | 'stretch' | 'start' | 'end' | 'baseline' | string> | 'flex-start' | 'flex-end' | 'center' | 'space-between' | 'space-around' | 'space-evenly' | 'stretch' | 'start' | 'end' | 'baseline' | string;
+    alignItems?: Observable<'flex-start' | 'flex-end' | 'center' | 'stretch' | 'baseline' | 'start' | 'end' | 'self-start' | 'self-end' | string> | 'flex-start' | 'flex-end' | 'center' | 'stretch' | 'baseline' | 'start' | 'end' | 'self-start' | 'self-end' | string;
+    'align-items'?: Observable<'flex-start' | 'flex-end' | 'center' | 'stretch' | 'baseline' | 'start' | 'end' | 'self-start' | 'self-end' | string> | 'flex-start' | 'flex-end' | 'center' | 'stretch' | 'baseline' | 'start' | 'end' | 'self-start' | 'self-end' | string;
+    alignSelf?: Observable<'auto' | 'flex-start' | 'flex-end' | 'center' | 'stretch' | 'baseline' | 'start' | 'end' | 'self-start' | 'self-end' | string> | 'auto' | 'flex-start' | 'flex-end' | 'center' | 'stretch' | 'baseline' | 'start' | 'end' | 'self-start' | 'self-end' | string;
+    'align-self'?: Observable<'auto' | 'flex-start' | 'flex-end' | 'center' | 'stretch' | 'baseline' | 'start' | 'end' | 'self-start' | 'self-end' | string> | 'auto' | 'flex-start' | 'flex-end' | 'center' | 'stretch' | 'baseline' | 'start' | 'end' | 'self-start' | 'self-end' | string;
+    animation?: Observable<string> | string;
+    animationComposition?: Observable<string> | string;
+    'animation-composition'?: Observable<string> | string;
+    animationDelay?: Observable<string> | string;
+    'animation-delay'?: Observable<string> | string;
+    animationDirection?: Observable<'normal' | 'reverse' | 'alternate' | 'alternate-reverse' | string> | 'normal' | 'reverse' | 'alternate' | 'alternate-reverse' | string;
+    'animation-direction'?: Observable<'normal' | 'reverse' | 'alternate' | 'alternate-reverse' | string> | 'normal' | 'reverse' | 'alternate' | 'alternate-reverse' | string;
+    animationDuration?: Observable<string> | string;
+    'animation-duration'?: Observable<string> | string;
+    animationFillMode?: Observable<'none' | 'forwards' | 'backwards' | 'both' | string> | 'none' | 'forwards' | 'backwards' | 'both' | string;
+    'animation-fill-mode'?: Observable<'none' | 'forwards' | 'backwards' | 'both' | string> | 'none' | 'forwards' | 'backwards' | 'both' | string;
+    animationIterationCount?: Observable<string> | string;
+    'animation-iteration-count'?: Observable<string> | string;
+    animationName?: Observable<string> | string;
+    'animation-name'?: Observable<string> | string;
+    animationPlayState?: Observable<'running' | 'paused' | string> | 'running' | 'paused' | string;
+    'animation-play-state'?: Observable<'running' | 'paused' | string> | 'running' | 'paused' | string;
+    animationTimingFunction?: Observable<'linear' | 'ease' | 'ease-in' | 'ease-out' | 'ease-in-out' | 'step-start' | 'step-end' | string> | 'linear' | 'ease' | 'ease-in' | 'ease-out' | 'ease-in-out' | 'step-start' | 'step-end' | string;
+    'animation-timing-function'?: Observable<'linear' | 'ease' | 'ease-in' | 'ease-out' | 'ease-in-out' | 'step-start' | 'step-end' | string> | 'linear' | 'ease' | 'ease-in' | 'ease-out' | 'ease-in-out' | 'step-start' | 'step-end' | string;
+    appearance?: Observable<'none' | 'auto' | 'button' | 'textfield' | 'menulist' | string> | 'none' | 'auto' | 'button' | 'textfield' | 'menulist' | string;
+    aspectRatio?: Observable<string> | string;
+    'aspect-ratio'?: Observable<string> | string;
+    backdropFilter?: Observable<string> | string;
+    'backdrop-filter'?: Observable<string> | string;
+    backfaceVisibility?: Observable<'visible' | 'hidden' | string> | 'visible' | 'hidden' | string;
+    'backface-visibility'?: Observable<'visible' | 'hidden' | string> | 'visible' | 'hidden' | string;
+    background?: Observable<string> | string;
+    backgroundAttachment?: Observable<'scroll' | 'fixed' | 'local' | string> | 'scroll' | 'fixed' | 'local' | string;
+    'background-attachment'?: Observable<'scroll' | 'fixed' | 'local' | string> | 'scroll' | 'fixed' | 'local' | string;
+    backgroundBlendMode?: Observable<'normal' | 'multiply' | 'screen' | 'overlay' | 'darken' | 'lighten' | 'color-dodge' | 'color-burn' | 'hard-light' | 'soft-light' | 'difference' | 'exclusion' | 'hue' | 'saturation' | 'color' | 'luminosity' | string> | 'normal' | 'multiply' | 'screen' | 'overlay' | 'darken' | 'lighten' | 'color-dodge' | 'color-burn' | 'hard-light' | 'soft-light' | 'difference' | 'exclusion' | 'hue' | 'saturation' | 'color' | 'luminosity' | string;
+    'background-blend-mode'?: Observable<'normal' | 'multiply' | 'screen' | 'overlay' | 'darken' | 'lighten' | 'color-dodge' | 'color-burn' | 'hard-light' | 'soft-light' | 'difference' | 'exclusion' | 'hue' | 'saturation' | 'color' | 'luminosity' | string> | 'normal' | 'multiply' | 'screen' | 'overlay' | 'darken' | 'lighten' | 'color-dodge' | 'color-burn' | 'hard-light' | 'soft-light' | 'difference' | 'exclusion' | 'hue' | 'saturation' | 'color' | 'luminosity' | string;
+    backgroundClip?: Observable<'border-box' | 'padding-box' | 'content-box' | 'text' | string> | 'border-box' | 'padding-box' | 'content-box' | 'text' | string;
+    'background-clip'?: Observable<'border-box' | 'padding-box' | 'content-box' | 'text' | string> | 'border-box' | 'padding-box' | 'content-box' | 'text' | string;
+    backgroundColor?: Observable<string> | string;
+    'background-color'?: Observable<string> | string;
+    backgroundImage?: Observable<string> | string;
+    'background-image'?: Observable<string> | string;
+    backgroundOrigin?: Observable<'border-box' | 'padding-box' | 'content-box' | string> | 'border-box' | 'padding-box' | 'content-box' | string;
+    'background-origin'?: Observable<'border-box' | 'padding-box' | 'content-box' | string> | 'border-box' | 'padding-box' | 'content-box' | string;
+    backgroundPosition?: Observable<string> | string;
+    'background-position'?: Observable<string> | string;
+    backgroundPositionX?: Observable<string> | string;
+    'background-position-x'?: Observable<string> | string;
+    backgroundPositionY?: Observable<string> | string;
+    'background-position-y'?: Observable<string> | string;
+    backgroundRepeat?: Observable<'repeat' | 'no-repeat' | 'repeat-x' | 'repeat-y' | 'round' | 'space' | string> | 'repeat' | 'no-repeat' | 'repeat-x' | 'repeat-y' | 'round' | 'space' | string;
+    'background-repeat'?: Observable<'repeat' | 'no-repeat' | 'repeat-x' | 'repeat-y' | 'round' | 'space' | string> | 'repeat' | 'no-repeat' | 'repeat-x' | 'repeat-y' | 'round' | 'space' | string;
+    backgroundSize?: Observable<'cover' | 'contain' | 'auto' | string> | 'cover' | 'contain' | 'auto' | string;
+    'background-size'?: Observable<'cover' | 'contain' | 'auto' | string> | 'cover' | 'contain' | 'auto' | string;
+    border?: Observable<string> | string;
+    borderBlock?: Observable<string> | string;
+    'border-block'?: Observable<string> | string;
+    borderBlockEnd?: Observable<string> | string;
+    'border-block-end'?: Observable<string> | string;
+    borderBlockStart?: Observable<string> | string;
+    'border-block-start'?: Observable<string> | string;
+    borderBottom?: Observable<string> | string;
+    'border-bottom'?: Observable<string> | string;
+    borderBottomColor?: Observable<string> | string;
+    'border-bottom-color'?: Observable<string> | string;
+    borderBottomLeftRadius?: Observable<string> | string;
+    'border-bottom-left-radius'?: Observable<string> | string;
+    borderBottomRightRadius?: Observable<string> | string;
+    'border-bottom-right-radius'?: Observable<string> | string;
+    borderBottomStyle?: Observable<'none' | 'hidden' | 'solid' | 'dashed' | 'dotted' | 'double' | 'groove' | 'ridge' | 'inset' | 'outset' | string> | 'none' | 'hidden' | 'solid' | 'dashed' | 'dotted' | 'double' | 'groove' | 'ridge' | 'inset' | 'outset' | string;
+    'border-bottom-style'?: Observable<'none' | 'hidden' | 'solid' | 'dashed' | 'dotted' | 'double' | 'groove' | 'ridge' | 'inset' | 'outset' | string> | 'none' | 'hidden' | 'solid' | 'dashed' | 'dotted' | 'double' | 'groove' | 'ridge' | 'inset' | 'outset' | string;
+    borderBottomWidth?: Observable<string> | string;
+    'border-bottom-width'?: Observable<string> | string;
+    borderCollapse?: Observable<'collapse' | 'separate' | string> | 'collapse' | 'separate' | string;
+    'border-collapse'?: Observable<'collapse' | 'separate' | string> | 'collapse' | 'separate' | string;
+    borderColor?: Observable<string> | string;
+    'border-color'?: Observable<string> | string;
+    borderEndEndRadius?: Observable<string> | string;
+    'border-end-end-radius'?: Observable<string> | string;
+    borderEndStartRadius?: Observable<string> | string;
+    'border-end-start-radius'?: Observable<string> | string;
+    borderImage?: Observable<string> | string;
+    'border-image'?: Observable<string> | string;
+    borderImageOutset?: Observable<string> | string;
+    'border-image-outset'?: Observable<string> | string;
+    borderImageRepeat?: Observable<'stretch' | 'repeat' | 'round' | 'space' | string> | 'stretch' | 'repeat' | 'round' | 'space' | string;
+    'border-image-repeat'?: Observable<'stretch' | 'repeat' | 'round' | 'space' | string> | 'stretch' | 'repeat' | 'round' | 'space' | string;
+    borderImageSlice?: Observable<string> | string;
+    'border-image-slice'?: Observable<string> | string;
+    borderImageSource?: Observable<string> | string;
+    'border-image-source'?: Observable<string> | string;
+    borderImageWidth?: Observable<string> | string;
+    'border-image-width'?: Observable<string> | string;
+    borderInline?: Observable<string> | string;
+    'border-inline'?: Observable<string> | string;
+    borderInlineEnd?: Observable<string> | string;
+    'border-inline-end'?: Observable<string> | string;
+    borderInlineStart?: Observable<string> | string;
+    'border-inline-start'?: Observable<string> | string;
+    borderLeft?: Observable<string> | string;
+    'border-left'?: Observable<string> | string;
+    borderLeftColor?: Observable<string> | string;
+    'border-left-color'?: Observable<string> | string;
+    borderLeftStyle?: Observable<'none' | 'hidden' | 'solid' | 'dashed' | 'dotted' | 'double' | 'groove' | 'ridge' | 'inset' | 'outset' | string> | 'none' | 'hidden' | 'solid' | 'dashed' | 'dotted' | 'double' | 'groove' | 'ridge' | 'inset' | 'outset' | string;
+    'border-left-style'?: Observable<'none' | 'hidden' | 'solid' | 'dashed' | 'dotted' | 'double' | 'groove' | 'ridge' | 'inset' | 'outset' | string> | 'none' | 'hidden' | 'solid' | 'dashed' | 'dotted' | 'double' | 'groove' | 'ridge' | 'inset' | 'outset' | string;
+    borderLeftWidth?: Observable<string> | string;
+    'border-left-width'?: Observable<string> | string;
+    borderRadius?: Observable<string> | string;
+    'border-radius'?: Observable<string> | string;
+    borderRight?: Observable<string> | string;
+    'border-right'?: Observable<string> | string;
+    borderRightColor?: Observable<string> | string;
+    'border-right-color'?: Observable<string> | string;
+    borderRightStyle?: Observable<'none' | 'hidden' | 'solid' | 'dashed' | 'dotted' | 'double' | 'groove' | 'ridge' | 'inset' | 'outset' | string> | 'none' | 'hidden' | 'solid' | 'dashed' | 'dotted' | 'double' | 'groove' | 'ridge' | 'inset' | 'outset' | string;
+    'border-right-style'?: Observable<'none' | 'hidden' | 'solid' | 'dashed' | 'dotted' | 'double' | 'groove' | 'ridge' | 'inset' | 'outset' | string> | 'none' | 'hidden' | 'solid' | 'dashed' | 'dotted' | 'double' | 'groove' | 'ridge' | 'inset' | 'outset' | string;
+    borderRightWidth?: Observable<string> | string;
+    'border-right-width'?: Observable<string> | string;
+    borderSpacing?: Observable<string> | string;
+    'border-spacing'?: Observable<string> | string;
+    borderStartEndRadius?: Observable<string> | string;
+    'border-start-end-radius'?: Observable<string> | string;
+    borderStartStartRadius?: Observable<string> | string;
+    'border-start-start-radius'?: Observable<string> | string;
+    borderStyle?: Observable<'none' | 'hidden' | 'solid' | 'dashed' | 'dotted' | 'double' | 'groove' | 'ridge' | 'inset' | 'outset' | string> | 'none' | 'hidden' | 'solid' | 'dashed' | 'dotted' | 'double' | 'groove' | 'ridge' | 'inset' | 'outset' | string;
+    'border-style'?: Observable<'none' | 'hidden' | 'solid' | 'dashed' | 'dotted' | 'double' | 'groove' | 'ridge' | 'inset' | 'outset' | string> | 'none' | 'hidden' | 'solid' | 'dashed' | 'dotted' | 'double' | 'groove' | 'ridge' | 'inset' | 'outset' | string;
+    borderTop?: Observable<string> | string;
+    'border-top'?: Observable<string> | string;
+    borderTopColor?: Observable<string> | string;
+    'border-top-color'?: Observable<string> | string;
+    borderTopLeftRadius?: Observable<string> | string;
+    'border-top-left-radius'?: Observable<string> | string;
+    borderTopRightRadius?: Observable<string> | string;
+    'border-top-right-radius'?: Observable<string> | string;
+    borderTopStyle?: Observable<'none' | 'hidden' | 'solid' | 'dashed' | 'dotted' | 'double' | 'groove' | 'ridge' | 'inset' | 'outset' | string> | 'none' | 'hidden' | 'solid' | 'dashed' | 'dotted' | 'double' | 'groove' | 'ridge' | 'inset' | 'outset' | string;
+    'border-top-style'?: Observable<'none' | 'hidden' | 'solid' | 'dashed' | 'dotted' | 'double' | 'groove' | 'ridge' | 'inset' | 'outset' | string> | 'none' | 'hidden' | 'solid' | 'dashed' | 'dotted' | 'double' | 'groove' | 'ridge' | 'inset' | 'outset' | string;
+    borderTopWidth?: Observable<string> | string;
+    'border-top-width'?: Observable<string> | string;
+    borderWidth?: Observable<string> | string;
+    'border-width'?: Observable<string> | string;
+    bottom?: Observable<string> | string;
+    boxDecorationBreak?: Observable<'slice' | 'clone' | string> | 'slice' | 'clone' | string;
+    'box-decoration-break'?: Observable<'slice' | 'clone' | string> | 'slice' | 'clone' | string;
+    boxShadow?: Observable<string> | string;
+    'box-shadow'?: Observable<string> | string;
+    boxSizing?: Observable<'border-box' | 'content-box' | string> | 'border-box' | 'content-box' | string;
+    'box-sizing'?: Observable<'border-box' | 'content-box' | string> | 'border-box' | 'content-box' | string;
+    breakAfter?: Observable<'auto' | 'avoid' | 'always' | 'all' | 'avoid-page' | 'page' | 'left' | 'right' | 'column' | string> | 'auto' | 'avoid' | 'always' | 'all' | 'avoid-page' | 'page' | 'left' | 'right' | 'column' | string;
+    'break-after'?: Observable<'auto' | 'avoid' | 'always' | 'all' | 'avoid-page' | 'page' | 'left' | 'right' | 'column' | string> | 'auto' | 'avoid' | 'always' | 'all' | 'avoid-page' | 'page' | 'left' | 'right' | 'column' | string;
+    breakBefore?: Observable<'auto' | 'avoid' | 'always' | 'all' | 'avoid-page' | 'page' | 'left' | 'right' | 'column' | string> | 'auto' | 'avoid' | 'always' | 'all' | 'avoid-page' | 'page' | 'left' | 'right' | 'column' | string;
+    'break-before'?: Observable<'auto' | 'avoid' | 'always' | 'all' | 'avoid-page' | 'page' | 'left' | 'right' | 'column' | string> | 'auto' | 'avoid' | 'always' | 'all' | 'avoid-page' | 'page' | 'left' | 'right' | 'column' | string;
+    breakInside?: Observable<'auto' | 'avoid' | 'avoid-page' | 'avoid-column' | string> | 'auto' | 'avoid' | 'avoid-page' | 'avoid-column' | string;
+    'break-inside'?: Observable<'auto' | 'avoid' | 'avoid-page' | 'avoid-column' | string> | 'auto' | 'avoid' | 'avoid-page' | 'avoid-column' | string;
+    captionSide?: Observable<'top' | 'bottom' | 'block-start' | 'block-end' | 'inline-start' | 'inline-end' | string> | 'top' | 'bottom' | 'block-start' | 'block-end' | 'inline-start' | 'inline-end' | string;
+    'caption-side'?: Observable<'top' | 'bottom' | 'block-start' | 'block-end' | 'inline-start' | 'inline-end' | string> | 'top' | 'bottom' | 'block-start' | 'block-end' | 'inline-start' | 'inline-end' | string;
+    caretColor?: Observable<string> | string;
+    'caret-color'?: Observable<string> | string;
+    clear?: Observable<'left' | 'right' | 'both' | 'none' | 'inline-start' | 'inline-end' | string> | 'left' | 'right' | 'both' | 'none' | 'inline-start' | 'inline-end' | string;
+    clipPath?: Observable<string> | string;
+    'clip-path'?: Observable<string> | string;
+    clipRule?: Observable<'nonzero' | 'evenodd' | string> | 'nonzero' | 'evenodd' | string;
+    'clip-rule'?: Observable<'nonzero' | 'evenodd' | string> | 'nonzero' | 'evenodd' | string;
+    color?: Observable<string> | string;
+    colorRendering?: Observable<'auto' | 'optimizeSpeed' | 'optimizeQuality' | string> | 'auto' | 'optimizeSpeed' | 'optimizeQuality' | string;
+    'color-rendering'?: Observable<'auto' | 'optimizeSpeed' | 'optimizeQuality' | string> | 'auto' | 'optimizeSpeed' | 'optimizeQuality' | string;
+    colorScheme?: Observable<'normal' | 'light' | 'dark' | 'light dark' | string> | 'normal' | 'light' | 'dark' | 'light dark' | string;
+    'color-scheme'?: Observable<'normal' | 'light' | 'dark' | 'light dark' | string> | 'normal' | 'light' | 'dark' | 'light dark' | string;
+    columnCount?: Observable<string | number> | string | number;
+    'column-count'?: Observable<string | number> | string | number;
+    columnFill?: Observable<'balance' | 'auto' | 'balance-all' | string> | 'balance' | 'auto' | 'balance-all' | string;
+    'column-fill'?: Observable<'balance' | 'auto' | 'balance-all' | string> | 'balance' | 'auto' | 'balance-all' | string;
+    columnGap?: Observable<string> | string;
+    'column-gap'?: Observable<string> | string;
+    columnRule?: Observable<string> | string;
+    'column-rule'?: Observable<string> | string;
+    columnRuleColor?: Observable<string> | string;
+    'column-rule-color'?: Observable<string> | string;
+    columnRuleStyle?: Observable<'none' | 'hidden' | 'solid' | 'dashed' | 'dotted' | 'double' | 'groove' | 'ridge' | 'inset' | 'outset' | string> | 'none' | 'hidden' | 'solid' | 'dashed' | 'dotted' | 'double' | 'groove' | 'ridge' | 'inset' | 'outset' | string;
+    'column-rule-style'?: Observable<'none' | 'hidden' | 'solid' | 'dashed' | 'dotted' | 'double' | 'groove' | 'ridge' | 'inset' | 'outset' | string> | 'none' | 'hidden' | 'solid' | 'dashed' | 'dotted' | 'double' | 'groove' | 'ridge' | 'inset' | 'outset' | string;
+    columnRuleWidth?: Observable<string> | string;
+    'column-rule-width'?: Observable<string> | string;
+    columnSpan?: Observable<'none' | 'all' | string> | 'none' | 'all' | string;
+    'column-span'?: Observable<'none' | 'all' | string> | 'none' | 'all' | string;
+    columnWidth?: Observable<string> | string;
+    'column-width'?: Observable<string> | string;
+    columns?: Observable<string> | string;
+    contain?: Observable<'none' | 'strict' | 'content' | 'size' | 'layout' | 'style' | 'paint' | string> | 'none' | 'strict' | 'content' | 'size' | 'layout' | 'style' | 'paint' | string;
+    content?: Observable<string> | string;
+    contentVisibility?: Observable<'visible' | 'hidden' | 'auto' | string> | 'visible' | 'hidden' | 'auto' | string;
+    'content-visibility'?: Observable<'visible' | 'hidden' | 'auto' | string> | 'visible' | 'hidden' | 'auto' | string;
+    counterIncrement?: Observable<string> | string;
+    'counter-increment'?: Observable<string> | string;
+    counterReset?: Observable<string> | string;
+    'counter-reset'?: Observable<string> | string;
+    counterSet?: Observable<string> | string;
+    'counter-set'?: Observable<string> | string;
+    cursor?: Observable<'auto' | 'default' | 'none' | 'pointer' | 'crosshair' | 'move' | 'grab' | 'grabbing' | 'text' | 'wait' | 'help' | 'progress' | 'not-allowed' | 'no-drop' | 'copy' | 'alias' | 'zoom-in' | 'zoom-out' | 'col-resize' | 'row-resize' | 'n-resize' | 's-resize' | 'e-resize' | 'w-resize' | 'ne-resize' | 'nw-resize' | 'se-resize' | 'sw-resize' | 'ew-resize' | 'ns-resize' | 'nesw-resize' | 'nwse-resize' | 'cell' | 'context-menu' | 'vertical-text' | string> | 'auto' | 'default' | 'none' | 'pointer' | 'crosshair' | 'move' | 'grab' | 'grabbing' | 'text' | 'wait' | 'help' | 'progress' | 'not-allowed' | 'no-drop' | 'copy' | 'alias' | 'zoom-in' | 'zoom-out' | 'col-resize' | 'row-resize' | 'n-resize' | 's-resize' | 'e-resize' | 'w-resize' | 'ne-resize' | 'nw-resize' | 'se-resize' | 'sw-resize' | 'ew-resize' | 'ns-resize' | 'nesw-resize' | 'nwse-resize' | 'cell' | 'context-menu' | 'vertical-text' | string;
+    direction?: Observable<'ltr' | 'rtl' | string> | 'ltr' | 'rtl' | string;
+    display?: Observable<'block' | 'flex' | 'grid' | 'inline' | 'inline-flex' | 'inline-block' | 'inline-grid' | 'none' | 'contents' | 'table' | 'table-cell' | 'table-row' | 'list-item' | 'flow-root' | string> | 'block' | 'flex' | 'grid' | 'inline' | 'inline-flex' | 'inline-block' | 'inline-grid' | 'none' | 'contents' | 'table' | 'table-cell' | 'table-row' | 'list-item' | 'flow-root' | string;
+    dominantBaseline?: Observable<'auto' | 'middle' | 'central' | 'text-before-edge' | 'text-after-edge' | 'ideographic' | 'alphabetic' | 'hanging' | 'mathematical' | string> | 'auto' | 'middle' | 'central' | 'text-before-edge' | 'text-after-edge' | 'ideographic' | 'alphabetic' | 'hanging' | 'mathematical' | string;
+    'dominant-baseline'?: Observable<'auto' | 'middle' | 'central' | 'text-before-edge' | 'text-after-edge' | 'ideographic' | 'alphabetic' | 'hanging' | 'mathematical' | string> | 'auto' | 'middle' | 'central' | 'text-before-edge' | 'text-after-edge' | 'ideographic' | 'alphabetic' | 'hanging' | 'mathematical' | string;
+    emptyCells?: Observable<'show' | 'hide' | string> | 'show' | 'hide' | string;
+    'empty-cells'?: Observable<'show' | 'hide' | string> | 'show' | 'hide' | string;
+    fill?: Observable<string> | string;
+    fillOpacity?: Observable<string | number> | string | number;
+    'fill-opacity'?: Observable<string | number> | string | number;
+    fillRule?: Observable<'nonzero' | 'evenodd' | string> | 'nonzero' | 'evenodd' | string;
+    'fill-rule'?: Observable<'nonzero' | 'evenodd' | string> | 'nonzero' | 'evenodd' | string;
+    filter?: Observable<string> | string;
+    flex?: Observable<string> | string;
+    flexBasis?: Observable<string> | string;
+    'flex-basis'?: Observable<string> | string;
+    flexDirection?: Observable<'row' | 'column' | 'row-reverse' | 'column-reverse' | string> | 'row' | 'column' | 'row-reverse' | 'column-reverse' | string;
+    'flex-direction'?: Observable<'row' | 'column' | 'row-reverse' | 'column-reverse' | string> | 'row' | 'column' | 'row-reverse' | 'column-reverse' | string;
+    flexFlow?: Observable<string> | string;
+    'flex-flow'?: Observable<string> | string;
+    flexGrow?: Observable<string | number> | string | number;
+    'flex-grow'?: Observable<string | number> | string | number;
+    flexShrink?: Observable<string | number> | string | number;
+    'flex-shrink'?: Observable<string | number> | string | number;
+    flexWrap?: Observable<'nowrap' | 'wrap' | 'wrap-reverse' | string> | 'nowrap' | 'wrap' | 'wrap-reverse' | string;
+    'flex-wrap'?: Observable<'nowrap' | 'wrap' | 'wrap-reverse' | string> | 'nowrap' | 'wrap' | 'wrap-reverse' | string;
+    float?: Observable<'left' | 'right' | 'none' | 'inline-start' | 'inline-end' | string> | 'left' | 'right' | 'none' | 'inline-start' | 'inline-end' | string;
+    font?: Observable<string> | string;
+    fontFamily?: Observable<string> | string;
+    'font-family'?: Observable<string> | string;
+    fontFeatureSettings?: Observable<string> | string;
+    'font-feature-settings'?: Observable<string> | string;
+    fontKerning?: Observable<'auto' | 'normal' | 'none' | string> | 'auto' | 'normal' | 'none' | string;
+    'font-kerning'?: Observable<'auto' | 'normal' | 'none' | string> | 'auto' | 'normal' | 'none' | string;
+    fontOpticalSizing?: Observable<'auto' | 'none' | string> | 'auto' | 'none' | string;
+    'font-optical-sizing'?: Observable<'auto' | 'none' | string> | 'auto' | 'none' | string;
+    fontSize?: Observable<string> | string;
+    'font-size'?: Observable<string> | string;
+    fontSizeAdjust?: Observable<string> | string;
+    'font-size-adjust'?: Observable<string> | string;
+    fontStretch?: Observable<'normal' | 'condensed' | 'expanded' | 'ultra-condensed' | 'extra-condensed' | 'semi-condensed' | 'semi-expanded' | 'extra-expanded' | 'ultra-expanded' | string> | 'normal' | 'condensed' | 'expanded' | 'ultra-condensed' | 'extra-condensed' | 'semi-condensed' | 'semi-expanded' | 'extra-expanded' | 'ultra-expanded' | string;
+    'font-stretch'?: Observable<'normal' | 'condensed' | 'expanded' | 'ultra-condensed' | 'extra-condensed' | 'semi-condensed' | 'semi-expanded' | 'extra-expanded' | 'ultra-expanded' | string> | 'normal' | 'condensed' | 'expanded' | 'ultra-condensed' | 'extra-condensed' | 'semi-condensed' | 'semi-expanded' | 'extra-expanded' | 'ultra-expanded' | string;
+    fontStyle?: Observable<'normal' | 'italic' | 'oblique' | string> | 'normal' | 'italic' | 'oblique' | string;
+    'font-style'?: Observable<'normal' | 'italic' | 'oblique' | string> | 'normal' | 'italic' | 'oblique' | string;
+    fontVariant?: Observable<'normal' | 'small-caps' | string> | 'normal' | 'small-caps' | string;
+    'font-variant'?: Observable<'normal' | 'small-caps' | string> | 'normal' | 'small-caps' | string;
+    fontVariationSettings?: Observable<string> | string;
+    'font-variation-settings'?: Observable<string> | string;
+    fontWeight?: Observable<'normal' | 'bold' | 'bolder' | 'lighter' | '100' | '200' | '300' | '400' | '500' | '600' | '700' | '800' | '900' | string> | 'normal' | 'bold' | 'bolder' | 'lighter' | '100' | '200' | '300' | '400' | '500' | '600' | '700' | '800' | '900' | string;
+    'font-weight'?: Observable<'normal' | 'bold' | 'bolder' | 'lighter' | '100' | '200' | '300' | '400' | '500' | '600' | '700' | '800' | '900' | string> | 'normal' | 'bold' | 'bolder' | 'lighter' | '100' | '200' | '300' | '400' | '500' | '600' | '700' | '800' | '900' | string;
+    forcedColorAdjust?: Observable<'auto' | 'none' | string> | 'auto' | 'none' | string;
+    'forced-color-adjust'?: Observable<'auto' | 'none' | string> | 'auto' | 'none' | string;
+    gap?: Observable<string> | string;
+    grid?: Observable<string> | string;
+    gridArea?: Observable<string> | string;
+    'grid-area'?: Observable<string> | string;
+    gridAutoColumns?: Observable<string> | string;
+    'grid-auto-columns'?: Observable<string> | string;
+    gridAutoFlow?: Observable<'row' | 'column' | 'dense' | 'row dense' | 'column dense' | string> | 'row' | 'column' | 'dense' | 'row dense' | 'column dense' | string;
+    'grid-auto-flow'?: Observable<'row' | 'column' | 'dense' | 'row dense' | 'column dense' | string> | 'row' | 'column' | 'dense' | 'row dense' | 'column dense' | string;
+    gridAutoRows?: Observable<string> | string;
+    'grid-auto-rows'?: Observable<string> | string;
+    gridColumn?: Observable<string> | string;
+    'grid-column'?: Observable<string> | string;
+    gridColumnEnd?: Observable<string> | string;
+    'grid-column-end'?: Observable<string> | string;
+    gridColumnStart?: Observable<string> | string;
+    'grid-column-start'?: Observable<string> | string;
+    gridRow?: Observable<string> | string;
+    'grid-row'?: Observable<string> | string;
+    gridRowEnd?: Observable<string> | string;
+    'grid-row-end'?: Observable<string> | string;
+    gridRowStart?: Observable<string> | string;
+    'grid-row-start'?: Observable<string> | string;
+    gridTemplate?: Observable<string> | string;
+    'grid-template'?: Observable<string> | string;
+    gridTemplateAreas?: Observable<string> | string;
+    'grid-template-areas'?: Observable<string> | string;
+    gridTemplateColumns?: Observable<string> | string;
+    'grid-template-columns'?: Observable<string> | string;
+    gridTemplateRows?: Observable<string> | string;
+    'grid-template-rows'?: Observable<string> | string;
+    height?: Observable<string> | string;
+    hyphenateCharacter?: Observable<string> | string;
+    'hyphenate-character'?: Observable<string> | string;
+    hyphens?: Observable<'none' | 'manual' | 'auto' | string> | 'none' | 'manual' | 'auto' | string;
+    imageOrientation?: Observable<'none' | 'from-image' | string> | 'none' | 'from-image' | string;
+    'image-orientation'?: Observable<'none' | 'from-image' | string> | 'none' | 'from-image' | string;
+    imageRendering?: Observable<'auto' | 'crisp-edges' | 'pixelated' | 'smooth' | string> | 'auto' | 'crisp-edges' | 'pixelated' | 'smooth' | string;
+    'image-rendering'?: Observable<'auto' | 'crisp-edges' | 'pixelated' | 'smooth' | string> | 'auto' | 'crisp-edges' | 'pixelated' | 'smooth' | string;
+    inset?: Observable<string> | string;
+    insetBlock?: Observable<string> | string;
+    'inset-block'?: Observable<string> | string;
+    insetBlockEnd?: Observable<string> | string;
+    'inset-block-end'?: Observable<string> | string;
+    insetBlockStart?: Observable<string> | string;
+    'inset-block-start'?: Observable<string> | string;
+    insetInline?: Observable<string> | string;
+    'inset-inline'?: Observable<string> | string;
+    insetInlineEnd?: Observable<string> | string;
+    'inset-inline-end'?: Observable<string> | string;
+    insetInlineStart?: Observable<string> | string;
+    'inset-inline-start'?: Observable<string> | string;
+    isolation?: Observable<'auto' | 'isolate' | string> | 'auto' | 'isolate' | string;
+    justifyContent?: Observable<'flex-start' | 'flex-end' | 'center' | 'space-between' | 'space-around' | 'space-evenly' | 'start' | 'end' | 'stretch' | string> | 'flex-start' | 'flex-end' | 'center' | 'space-between' | 'space-around' | 'space-evenly' | 'start' | 'end' | 'stretch' | string;
+    'justify-content'?: Observable<'flex-start' | 'flex-end' | 'center' | 'space-between' | 'space-around' | 'space-evenly' | 'start' | 'end' | 'stretch' | string> | 'flex-start' | 'flex-end' | 'center' | 'space-between' | 'space-around' | 'space-evenly' | 'start' | 'end' | 'stretch' | string;
+    justifyItems?: Observable<'auto' | 'normal' | 'stretch' | 'center' | 'start' | 'end' | 'flex-start' | 'flex-end' | 'baseline' | string> | 'auto' | 'normal' | 'stretch' | 'center' | 'start' | 'end' | 'flex-start' | 'flex-end' | 'baseline' | string;
+    'justify-items'?: Observable<'auto' | 'normal' | 'stretch' | 'center' | 'start' | 'end' | 'flex-start' | 'flex-end' | 'baseline' | string> | 'auto' | 'normal' | 'stretch' | 'center' | 'start' | 'end' | 'flex-start' | 'flex-end' | 'baseline' | string;
+    justifySelf?: Observable<'auto' | 'normal' | 'stretch' | 'center' | 'start' | 'end' | 'flex-start' | 'flex-end' | 'baseline' | string> | 'auto' | 'normal' | 'stretch' | 'center' | 'start' | 'end' | 'flex-start' | 'flex-end' | 'baseline' | string;
+    'justify-self'?: Observable<'auto' | 'normal' | 'stretch' | 'center' | 'start' | 'end' | 'flex-start' | 'flex-end' | 'baseline' | string> | 'auto' | 'normal' | 'stretch' | 'center' | 'start' | 'end' | 'flex-start' | 'flex-end' | 'baseline' | string;
+    left?: Observable<string> | string;
+    letterSpacing?: Observable<string> | string;
+    'letter-spacing'?: Observable<string> | string;
+    lineBreak?: Observable<'auto' | 'loose' | 'normal' | 'strict' | 'anywhere' | string> | 'auto' | 'loose' | 'normal' | 'strict' | 'anywhere' | string;
+    'line-break'?: Observable<'auto' | 'loose' | 'normal' | 'strict' | 'anywhere' | string> | 'auto' | 'loose' | 'normal' | 'strict' | 'anywhere' | string;
+    lineHeight?: Observable<string> | string;
+    'line-height'?: Observable<string> | string;
+    listStyle?: Observable<string> | string;
+    'list-style'?: Observable<string> | string;
+    listStyleImage?: Observable<string> | string;
+    'list-style-image'?: Observable<string> | string;
+    listStylePosition?: Observable<'inside' | 'outside' | string> | 'inside' | 'outside' | string;
+    'list-style-position'?: Observable<'inside' | 'outside' | string> | 'inside' | 'outside' | string;
+    listStyleType?: Observable<'none' | 'disc' | 'circle' | 'square' | 'decimal' | 'decimal-leading-zero' | 'lower-roman' | 'upper-roman' | 'lower-alpha' | 'upper-alpha' | string> | 'none' | 'disc' | 'circle' | 'square' | 'decimal' | 'decimal-leading-zero' | 'lower-roman' | 'upper-roman' | 'lower-alpha' | 'upper-alpha' | string;
+    'list-style-type'?: Observable<'none' | 'disc' | 'circle' | 'square' | 'decimal' | 'decimal-leading-zero' | 'lower-roman' | 'upper-roman' | 'lower-alpha' | 'upper-alpha' | string> | 'none' | 'disc' | 'circle' | 'square' | 'decimal' | 'decimal-leading-zero' | 'lower-roman' | 'upper-roman' | 'lower-alpha' | 'upper-alpha' | string;
+    margin?: Observable<string> | string;
+    marginBlock?: Observable<string> | string;
+    'margin-block'?: Observable<string> | string;
+    marginBlockEnd?: Observable<string> | string;
+    'margin-block-end'?: Observable<string> | string;
+    marginBlockStart?: Observable<string> | string;
+    'margin-block-start'?: Observable<string> | string;
+    marginBottom?: Observable<string> | string;
+    'margin-bottom'?: Observable<string> | string;
+    marginInline?: Observable<string> | string;
+    'margin-inline'?: Observable<string> | string;
+    marginInlineEnd?: Observable<string> | string;
+    'margin-inline-end'?: Observable<string> | string;
+    marginInlineStart?: Observable<string> | string;
+    'margin-inline-start'?: Observable<string> | string;
+    marginLeft?: Observable<string> | string;
+    'margin-left'?: Observable<string> | string;
+    marginRight?: Observable<string> | string;
+    'margin-right'?: Observable<string> | string;
+    marginTop?: Observable<string> | string;
+    'margin-top'?: Observable<string> | string;
+    markerEnd?: Observable<string> | string;
+    'marker-end'?: Observable<string> | string;
+    markerMid?: Observable<string> | string;
+    'marker-mid'?: Observable<string> | string;
+    markerStart?: Observable<string> | string;
+    'marker-start'?: Observable<string> | string;
+    mask?: Observable<string> | string;
+    maskClip?: Observable<string> | string;
+    'mask-clip'?: Observable<string> | string;
+    maskComposite?: Observable<string> | string;
+    'mask-composite'?: Observable<string> | string;
+    maskImage?: Observable<string> | string;
+    'mask-image'?: Observable<string> | string;
+    maskMode?: Observable<string> | string;
+    'mask-mode'?: Observable<string> | string;
+    maskOrigin?: Observable<string> | string;
+    'mask-origin'?: Observable<string> | string;
+    maskPosition?: Observable<string> | string;
+    'mask-position'?: Observable<string> | string;
+    maskRepeat?: Observable<string> | string;
+    'mask-repeat'?: Observable<string> | string;
+    maskSize?: Observable<string> | string;
+    'mask-size'?: Observable<string> | string;
+    maxHeight?: Observable<string> | string;
+    'max-height'?: Observable<string> | string;
+    maxWidth?: Observable<string> | string;
+    'max-width'?: Observable<string> | string;
+    minHeight?: Observable<string> | string;
+    'min-height'?: Observable<string> | string;
+    minWidth?: Observable<string> | string;
+    'min-width'?: Observable<string> | string;
+    mixBlendMode?: Observable<'normal' | 'multiply' | 'screen' | 'overlay' | 'darken' | 'lighten' | 'color-dodge' | 'color-burn' | 'hard-light' | 'soft-light' | 'difference' | 'exclusion' | 'hue' | 'saturation' | 'color' | 'luminosity' | string> | 'normal' | 'multiply' | 'screen' | 'overlay' | 'darken' | 'lighten' | 'color-dodge' | 'color-burn' | 'hard-light' | 'soft-light' | 'difference' | 'exclusion' | 'hue' | 'saturation' | 'color' | 'luminosity' | string;
+    'mix-blend-mode'?: Observable<'normal' | 'multiply' | 'screen' | 'overlay' | 'darken' | 'lighten' | 'color-dodge' | 'color-burn' | 'hard-light' | 'soft-light' | 'difference' | 'exclusion' | 'hue' | 'saturation' | 'color' | 'luminosity' | string> | 'normal' | 'multiply' | 'screen' | 'overlay' | 'darken' | 'lighten' | 'color-dodge' | 'color-burn' | 'hard-light' | 'soft-light' | 'difference' | 'exclusion' | 'hue' | 'saturation' | 'color' | 'luminosity' | string;
+    objectFit?: Observable<'fill' | 'contain' | 'cover' | 'none' | 'scale-down' | string> | 'fill' | 'contain' | 'cover' | 'none' | 'scale-down' | string;
+    'object-fit'?: Observable<'fill' | 'contain' | 'cover' | 'none' | 'scale-down' | string> | 'fill' | 'contain' | 'cover' | 'none' | 'scale-down' | string;
+    objectPosition?: Observable<string> | string;
+    'object-position'?: Observable<string> | string;
+    offset?: Observable<string> | string;
+    offsetAnchor?: Observable<string> | string;
+    'offset-anchor'?: Observable<string> | string;
+    offsetDistance?: Observable<string> | string;
+    'offset-distance'?: Observable<string> | string;
+    offsetPath?: Observable<string> | string;
+    'offset-path'?: Observable<string> | string;
+    offsetRotate?: Observable<string> | string;
+    'offset-rotate'?: Observable<string> | string;
+    opacity?: Observable<string | number> | string | number;
+    order?: Observable<string | number> | string | number;
+    orphans?: Observable<string | number> | string | number;
+    outline?: Observable<string> | string;
+    outlineColor?: Observable<string> | string;
+    'outline-color'?: Observable<string> | string;
+    outlineOffset?: Observable<string> | string;
+    'outline-offset'?: Observable<string> | string;
+    outlineStyle?: Observable<'none' | 'hidden' | 'solid' | 'dashed' | 'dotted' | 'double' | 'groove' | 'ridge' | 'inset' | 'outset' | string> | 'none' | 'hidden' | 'solid' | 'dashed' | 'dotted' | 'double' | 'groove' | 'ridge' | 'inset' | 'outset' | string;
+    'outline-style'?: Observable<'none' | 'hidden' | 'solid' | 'dashed' | 'dotted' | 'double' | 'groove' | 'ridge' | 'inset' | 'outset' | string> | 'none' | 'hidden' | 'solid' | 'dashed' | 'dotted' | 'double' | 'groove' | 'ridge' | 'inset' | 'outset' | string;
+    outlineWidth?: Observable<string> | string;
+    'outline-width'?: Observable<string> | string;
+    overflow?: Observable<'visible' | 'hidden' | 'scroll' | 'auto' | 'clip' | string> | 'visible' | 'hidden' | 'scroll' | 'auto' | 'clip' | string;
+    overflowClip?: Observable<string> | string;
+    'overflow-clip'?: Observable<string> | string;
+    overflowWrap?: Observable<'normal' | 'break-word' | 'anywhere' | string> | 'normal' | 'break-word' | 'anywhere' | string;
+    'overflow-wrap'?: Observable<'normal' | 'break-word' | 'anywhere' | string> | 'normal' | 'break-word' | 'anywhere' | string;
+    overflowX?: Observable<'visible' | 'hidden' | 'scroll' | 'auto' | 'clip' | string> | 'visible' | 'hidden' | 'scroll' | 'auto' | 'clip' | string;
+    'overflow-x'?: Observable<'visible' | 'hidden' | 'scroll' | 'auto' | 'clip' | string> | 'visible' | 'hidden' | 'scroll' | 'auto' | 'clip' | string;
+    overflowY?: Observable<'visible' | 'hidden' | 'scroll' | 'auto' | 'clip' | string> | 'visible' | 'hidden' | 'scroll' | 'auto' | 'clip' | string;
+    'overflow-y'?: Observable<'visible' | 'hidden' | 'scroll' | 'auto' | 'clip' | string> | 'visible' | 'hidden' | 'scroll' | 'auto' | 'clip' | string;
+    overscrollBehavior?: Observable<'auto' | 'contain' | 'none' | string> | 'auto' | 'contain' | 'none' | string;
+    'overscroll-behavior'?: Observable<'auto' | 'contain' | 'none' | string> | 'auto' | 'contain' | 'none' | string;
+    overscrollBehaviorX?: Observable<'auto' | 'contain' | 'none' | string> | 'auto' | 'contain' | 'none' | string;
+    'overscroll-behavior-x'?: Observable<'auto' | 'contain' | 'none' | string> | 'auto' | 'contain' | 'none' | string;
+    overscrollBehaviorY?: Observable<'auto' | 'contain' | 'none' | string> | 'auto' | 'contain' | 'none' | string;
+    'overscroll-behavior-y'?: Observable<'auto' | 'contain' | 'none' | string> | 'auto' | 'contain' | 'none' | string;
+    padding?: Observable<string> | string;
+    paddingBlock?: Observable<string> | string;
+    'padding-block'?: Observable<string> | string;
+    paddingBlockEnd?: Observable<string> | string;
+    'padding-block-end'?: Observable<string> | string;
+    paddingBlockStart?: Observable<string> | string;
+    'padding-block-start'?: Observable<string> | string;
+    paddingBottom?: Observable<string> | string;
+    'padding-bottom'?: Observable<string> | string;
+    paddingInline?: Observable<string> | string;
+    'padding-inline'?: Observable<string> | string;
+    paddingInlineEnd?: Observable<string> | string;
+    'padding-inline-end'?: Observable<string> | string;
+    paddingInlineStart?: Observable<string> | string;
+    'padding-inline-start'?: Observable<string> | string;
+    paddingLeft?: Observable<string> | string;
+    'padding-left'?: Observable<string> | string;
+    paddingRight?: Observable<string> | string;
+    'padding-right'?: Observable<string> | string;
+    paddingTop?: Observable<string> | string;
+    'padding-top'?: Observable<string> | string;
+    pageBreakAfter?: Observable<'auto' | 'always' | 'avoid' | 'left' | 'right' | string> | 'auto' | 'always' | 'avoid' | 'left' | 'right' | string;
+    'page-break-after'?: Observable<'auto' | 'always' | 'avoid' | 'left' | 'right' | string> | 'auto' | 'always' | 'avoid' | 'left' | 'right' | string;
+    pageBreakBefore?: Observable<'auto' | 'always' | 'avoid' | 'left' | 'right' | string> | 'auto' | 'always' | 'avoid' | 'left' | 'right' | string;
+    'page-break-before'?: Observable<'auto' | 'always' | 'avoid' | 'left' | 'right' | string> | 'auto' | 'always' | 'avoid' | 'left' | 'right' | string;
+    pageBreakInside?: Observable<'auto' | 'avoid' | string> | 'auto' | 'avoid' | string;
+    'page-break-inside'?: Observable<'auto' | 'avoid' | string> | 'auto' | 'avoid' | string;
+    perspective?: Observable<string> | string;
+    perspectiveOrigin?: Observable<string> | string;
+    'perspective-origin'?: Observable<string> | string;
+    placeContent?: Observable<string> | string;
+    'place-content'?: Observable<string> | string;
+    placeItems?: Observable<string> | string;
+    'place-items'?: Observable<string> | string;
+    placeSelf?: Observable<string> | string;
+    'place-self'?: Observable<string> | string;
+    pointerEvents?: Observable<'auto' | 'none' | 'all' | 'fill' | 'painted' | 'stroke' | 'visible' | 'visibleFill' | 'visiblePainted' | 'visibleStroke' | string> | 'auto' | 'none' | 'all' | 'fill' | 'painted' | 'stroke' | 'visible' | 'visibleFill' | 'visiblePainted' | 'visibleStroke' | string;
+    'pointer-events'?: Observable<'auto' | 'none' | 'all' | 'fill' | 'painted' | 'stroke' | 'visible' | 'visibleFill' | 'visiblePainted' | 'visibleStroke' | string> | 'auto' | 'none' | 'all' | 'fill' | 'painted' | 'stroke' | 'visible' | 'visibleFill' | 'visiblePainted' | 'visibleStroke' | string;
+    position?: Observable<'static' | 'relative' | 'absolute' | 'fixed' | 'sticky' | string> | 'static' | 'relative' | 'absolute' | 'fixed' | 'sticky' | string;
+    printColorAdjust?: Observable<'economy' | 'exact' | string> | 'economy' | 'exact' | string;
+    'print-color-adjust'?: Observable<'economy' | 'exact' | string> | 'economy' | 'exact' | string;
+    quotes?: Observable<string> | string;
+    resize?: Observable<'none' | 'both' | 'horizontal' | 'vertical' | 'block' | 'inline' | string> | 'none' | 'both' | 'horizontal' | 'vertical' | 'block' | 'inline' | string;
+    right?: Observable<string> | string;
+    rotate?: Observable<string> | string;
+    rowGap?: Observable<string> | string;
+    'row-gap'?: Observable<string> | string;
+    scale?: Observable<string> | string;
+    scrollBehavior?: Observable<'auto' | 'smooth' | string> | 'auto' | 'smooth' | string;
+    'scroll-behavior'?: Observable<'auto' | 'smooth' | string> | 'auto' | 'smooth' | string;
+    scrollMargin?: Observable<string> | string;
+    'scroll-margin'?: Observable<string> | string;
+    scrollPadding?: Observable<string> | string;
+    'scroll-padding'?: Observable<string> | string;
+    scrollSnapAlign?: Observable<'none' | 'start' | 'end' | 'center' | string> | 'none' | 'start' | 'end' | 'center' | string;
+    'scroll-snap-align'?: Observable<'none' | 'start' | 'end' | 'center' | string> | 'none' | 'start' | 'end' | 'center' | string;
+    scrollSnapStop?: Observable<'normal' | 'always' | string> | 'normal' | 'always' | string;
+    'scroll-snap-stop'?: Observable<'normal' | 'always' | string> | 'normal' | 'always' | string;
+    scrollSnapType?: Observable<'none' | 'x' | 'y' | 'block' | 'inline' | 'both' | string> | 'none' | 'x' | 'y' | 'block' | 'inline' | 'both' | string;
+    'scroll-snap-type'?: Observable<'none' | 'x' | 'y' | 'block' | 'inline' | 'both' | string> | 'none' | 'x' | 'y' | 'block' | 'inline' | 'both' | string;
+    shapeRendering?: Observable<'auto' | 'optimizeSpeed' | 'crispEdges' | 'geometricPrecision' | string> | 'auto' | 'optimizeSpeed' | 'crispEdges' | 'geometricPrecision' | string;
+    'shape-rendering'?: Observable<'auto' | 'optimizeSpeed' | 'crispEdges' | 'geometricPrecision' | string> | 'auto' | 'optimizeSpeed' | 'crispEdges' | 'geometricPrecision' | string;
+    stroke?: Observable<string> | string;
+    strokeDasharray?: Observable<string> | string;
+    'stroke-dasharray'?: Observable<string> | string;
+    strokeDashoffset?: Observable<string> | string;
+    'stroke-dashoffset'?: Observable<string> | string;
+    strokeLinecap?: Observable<'butt' | 'round' | 'square' | string> | 'butt' | 'round' | 'square' | string;
+    'stroke-linecap'?: Observable<'butt' | 'round' | 'square' | string> | 'butt' | 'round' | 'square' | string;
+    strokeLinejoin?: Observable<'miter' | 'round' | 'bevel' | string> | 'miter' | 'round' | 'bevel' | string;
+    'stroke-linejoin'?: Observable<'miter' | 'round' | 'bevel' | string> | 'miter' | 'round' | 'bevel' | string;
+    strokeMiterlimit?: Observable<string | number> | string | number;
+    'stroke-miterlimit'?: Observable<string | number> | string | number;
+    strokeOpacity?: Observable<string | number> | string | number;
+    'stroke-opacity'?: Observable<string | number> | string | number;
+    strokeWidth?: Observable<string> | string;
+    'stroke-width'?: Observable<string> | string;
+    tabSize?: Observable<string | number> | string | number;
+    'tab-size'?: Observable<string | number> | string | number;
+    tableLayout?: Observable<'auto' | 'fixed' | string> | 'auto' | 'fixed' | string;
+    'table-layout'?: Observable<'auto' | 'fixed' | string> | 'auto' | 'fixed' | string;
+    textAlign?: Observable<'left' | 'right' | 'center' | 'justify' | 'start' | 'end' | 'justify-all' | 'match-parent' | string> | 'left' | 'right' | 'center' | 'justify' | 'start' | 'end' | 'justify-all' | 'match-parent' | string;
+    'text-align'?: Observable<'left' | 'right' | 'center' | 'justify' | 'start' | 'end' | 'justify-all' | 'match-parent' | string> | 'left' | 'right' | 'center' | 'justify' | 'start' | 'end' | 'justify-all' | 'match-parent' | string;
+    textAlignLast?: Observable<'auto' | 'left' | 'right' | 'center' | 'justify' | 'start' | 'end' | string> | 'auto' | 'left' | 'right' | 'center' | 'justify' | 'start' | 'end' | string;
+    'text-align-last'?: Observable<'auto' | 'left' | 'right' | 'center' | 'justify' | 'start' | 'end' | string> | 'auto' | 'left' | 'right' | 'center' | 'justify' | 'start' | 'end' | string;
+    textAnchor?: Observable<'start' | 'middle' | 'end' | string> | 'start' | 'middle' | 'end' | string;
+    'text-anchor'?: Observable<'start' | 'middle' | 'end' | string> | 'start' | 'middle' | 'end' | string;
+    textDecoration?: Observable<'none' | 'underline' | 'overline' | 'line-through' | string> | 'none' | 'underline' | 'overline' | 'line-through' | string;
+    'text-decoration'?: Observable<'none' | 'underline' | 'overline' | 'line-through' | string> | 'none' | 'underline' | 'overline' | 'line-through' | string;
+    textDecorationColor?: Observable<string> | string;
+    'text-decoration-color'?: Observable<string> | string;
+    textDecorationLine?: Observable<'none' | 'underline' | 'overline' | 'line-through' | 'blink' | string> | 'none' | 'underline' | 'overline' | 'line-through' | 'blink' | string;
+    'text-decoration-line'?: Observable<'none' | 'underline' | 'overline' | 'line-through' | 'blink' | string> | 'none' | 'underline' | 'overline' | 'line-through' | 'blink' | string;
+    textDecorationStyle?: Observable<'solid' | 'double' | 'dotted' | 'dashed' | 'wavy' | string> | 'solid' | 'double' | 'dotted' | 'dashed' | 'wavy' | string;
+    'text-decoration-style'?: Observable<'solid' | 'double' | 'dotted' | 'dashed' | 'wavy' | string> | 'solid' | 'double' | 'dotted' | 'dashed' | 'wavy' | string;
+    textDecorationThickness?: Observable<string> | string;
+    'text-decoration-thickness'?: Observable<string> | string;
+    textIndent?: Observable<string> | string;
+    'text-indent'?: Observable<string> | string;
+    textOverflow?: Observable<'clip' | 'ellipsis' | string> | 'clip' | 'ellipsis' | string;
+    'text-overflow'?: Observable<'clip' | 'ellipsis' | string> | 'clip' | 'ellipsis' | string;
+    textRendering?: Observable<'auto' | 'optimizeSpeed' | 'optimizeLegibility' | 'geometricPrecision' | string> | 'auto' | 'optimizeSpeed' | 'optimizeLegibility' | 'geometricPrecision' | string;
+    'text-rendering'?: Observable<'auto' | 'optimizeSpeed' | 'optimizeLegibility' | 'geometricPrecision' | string> | 'auto' | 'optimizeSpeed' | 'optimizeLegibility' | 'geometricPrecision' | string;
+    textShadow?: Observable<string> | string;
+    'text-shadow'?: Observable<string> | string;
+    textSizeAdjust?: Observable<string> | string;
+    'text-size-adjust'?: Observable<string> | string;
+    textTransform?: Observable<'none' | 'uppercase' | 'lowercase' | 'capitalize' | 'full-width' | string> | 'none' | 'uppercase' | 'lowercase' | 'capitalize' | 'full-width' | string;
+    'text-transform'?: Observable<'none' | 'uppercase' | 'lowercase' | 'capitalize' | 'full-width' | string> | 'none' | 'uppercase' | 'lowercase' | 'capitalize' | 'full-width' | string;
+    textUnderlineOffset?: Observable<string> | string;
+    'text-underline-offset'?: Observable<string> | string;
+    textWrap?: Observable<'wrap' | 'nowrap' | 'balance' | 'pretty' | 'stable' | string> | 'wrap' | 'nowrap' | 'balance' | 'pretty' | 'stable' | string;
+    'text-wrap'?: Observable<'wrap' | 'nowrap' | 'balance' | 'pretty' | 'stable' | string> | 'wrap' | 'nowrap' | 'balance' | 'pretty' | 'stable' | string;
+    top?: Observable<string> | string;
+    touchAction?: Observable<'auto' | 'none' | 'pan-x' | 'pan-y' | 'pan-left' | 'pan-right' | 'pan-up' | 'pan-down' | 'pinch-zoom' | 'manipulation' | string> | 'auto' | 'none' | 'pan-x' | 'pan-y' | 'pan-left' | 'pan-right' | 'pan-up' | 'pan-down' | 'pinch-zoom' | 'manipulation' | string;
+    'touch-action'?: Observable<'auto' | 'none' | 'pan-x' | 'pan-y' | 'pan-left' | 'pan-right' | 'pan-up' | 'pan-down' | 'pinch-zoom' | 'manipulation' | string> | 'auto' | 'none' | 'pan-x' | 'pan-y' | 'pan-left' | 'pan-right' | 'pan-up' | 'pan-down' | 'pinch-zoom' | 'manipulation' | string;
+    transform?: Observable<string> | string;
+    transformBox?: Observable<'content-box' | 'border-box' | 'fill-box' | 'stroke-box' | 'view-box' | string> | 'content-box' | 'border-box' | 'fill-box' | 'stroke-box' | 'view-box' | string;
+    'transform-box'?: Observable<'content-box' | 'border-box' | 'fill-box' | 'stroke-box' | 'view-box' | string> | 'content-box' | 'border-box' | 'fill-box' | 'stroke-box' | 'view-box' | string;
+    transformOrigin?: Observable<string> | string;
+    'transform-origin'?: Observable<string> | string;
+    transformStyle?: Observable<'flat' | 'preserve-3d' | string> | 'flat' | 'preserve-3d' | string;
+    'transform-style'?: Observable<'flat' | 'preserve-3d' | string> | 'flat' | 'preserve-3d' | string;
+    transition?: Observable<string> | string;
+    transitionBehavior?: Observable<'normal' | 'allow-discrete' | string> | 'normal' | 'allow-discrete' | string;
+    'transition-behavior'?: Observable<'normal' | 'allow-discrete' | string> | 'normal' | 'allow-discrete' | string;
+    transitionDelay?: Observable<string> | string;
+    'transition-delay'?: Observable<string> | string;
+    transitionDuration?: Observable<string> | string;
+    'transition-duration'?: Observable<string> | string;
+    transitionProperty?: Observable<string> | string;
+    'transition-property'?: Observable<string> | string;
+    transitionTimingFunction?: Observable<'linear' | 'ease' | 'ease-in' | 'ease-out' | 'ease-in-out' | 'step-start' | 'step-end' | string> | 'linear' | 'ease' | 'ease-in' | 'ease-out' | 'ease-in-out' | 'step-start' | 'step-end' | string;
+    'transition-timing-function'?: Observable<'linear' | 'ease' | 'ease-in' | 'ease-out' | 'ease-in-out' | 'step-start' | 'step-end' | string> | 'linear' | 'ease' | 'ease-in' | 'ease-out' | 'ease-in-out' | 'step-start' | 'step-end' | string;
+    translate?: Observable<string> | string;
+    unicodeBidi?: Observable<'normal' | 'embed' | 'bidi-override' | 'isolate' | 'isolate-override' | 'plaintext' | string> | 'normal' | 'embed' | 'bidi-override' | 'isolate' | 'isolate-override' | 'plaintext' | string;
+    'unicode-bidi'?: Observable<'normal' | 'embed' | 'bidi-override' | 'isolate' | 'isolate-override' | 'plaintext' | string> | 'normal' | 'embed' | 'bidi-override' | 'isolate' | 'isolate-override' | 'plaintext' | string;
+    userSelect?: Observable<'none' | 'auto' | 'text' | 'all' | 'contain' | string> | 'none' | 'auto' | 'text' | 'all' | 'contain' | string;
+    'user-select'?: Observable<'none' | 'auto' | 'text' | 'all' | 'contain' | string> | 'none' | 'auto' | 'text' | 'all' | 'contain' | string;
+    verticalAlign?: Observable<'baseline' | 'top' | 'middle' | 'bottom' | 'text-top' | 'text-bottom' | 'sub' | 'super' | string> | 'baseline' | 'top' | 'middle' | 'bottom' | 'text-top' | 'text-bottom' | 'sub' | 'super' | string;
+    'vertical-align'?: Observable<'baseline' | 'top' | 'middle' | 'bottom' | 'text-top' | 'text-bottom' | 'sub' | 'super' | string> | 'baseline' | 'top' | 'middle' | 'bottom' | 'text-top' | 'text-bottom' | 'sub' | 'super' | string;
+    visibility?: Observable<'visible' | 'hidden' | 'collapse' | string> | 'visible' | 'hidden' | 'collapse' | string;
+    whiteSpace?: Observable<'normal' | 'nowrap' | 'pre' | 'pre-wrap' | 'pre-line' | 'break-spaces' | string> | 'normal' | 'nowrap' | 'pre' | 'pre-wrap' | 'pre-line' | 'break-spaces' | string;
+    'white-space'?: Observable<'normal' | 'nowrap' | 'pre' | 'pre-wrap' | 'pre-line' | 'break-spaces' | string> | 'normal' | 'nowrap' | 'pre' | 'pre-wrap' | 'pre-line' | 'break-spaces' | string;
+    whiteSpaceCollapse?: Observable<'collapse' | 'preserve' | 'preserve-breaks' | 'preserve-spaces' | 'break-spaces' | string> | 'collapse' | 'preserve' | 'preserve-breaks' | 'preserve-spaces' | 'break-spaces' | string;
+    'white-space-collapse'?: Observable<'collapse' | 'preserve' | 'preserve-breaks' | 'preserve-spaces' | 'break-spaces' | string> | 'collapse' | 'preserve' | 'preserve-breaks' | 'preserve-spaces' | 'break-spaces' | string;
+    widows?: Observable<string | number> | string | number;
+    width?: Observable<string> | string;
+    willChange?: Observable<string> | string;
+    'will-change'?: Observable<string> | string;
+    wordBreak?: Observable<'normal' | 'break-all' | 'keep-all' | 'break-word' | string> | 'normal' | 'break-all' | 'keep-all' | 'break-word' | string;
+    'word-break'?: Observable<'normal' | 'break-all' | 'keep-all' | 'break-word' | string> | 'normal' | 'break-all' | 'keep-all' | 'break-word' | string;
+    wordSpacing?: Observable<string> | string;
+    'word-spacing'?: Observable<string> | string;
+    wordWrap?: Observable<'normal' | 'break-word' | 'anywhere' | string> | 'normal' | 'break-word' | 'anywhere' | string;
+    'word-wrap'?: Observable<'normal' | 'break-word' | 'anywhere' | string> | 'normal' | 'break-word' | 'anywhere' | string;
+    writingMode?: Observable<'horizontal-tb' | 'vertical-rl' | 'vertical-lr' | 'sideways-rl' | 'sideways-lr' | string> | 'horizontal-tb' | 'vertical-rl' | 'vertical-lr' | 'sideways-rl' | 'sideways-lr' | string;
+    'writing-mode'?: Observable<'horizontal-tb' | 'vertical-rl' | 'vertical-lr' | 'sideways-rl' | 'sideways-lr' | string> | 'horizontal-tb' | 'vertical-rl' | 'vertical-lr' | 'sideways-rl' | 'sideways-lr' | string;
+    zIndex?: Observable<string | number> | string | number;
+    'z-index'?: Observable<string | number> | string | number;
+}
 
 // ─────────────────────────────────────────────
 // Shared attribute sets
@@ -47,7 +625,7 @@ interface GlobalAttributes {
     accessKey?:        string;
     spellcheck?:       Observable<boolean>;
     spellCheck?:       Observable<boolean>;
-    role?:             string;
+    role?:             'alert' | 'alertdialog' | 'application' | 'article' | 'banner' | 'button' | 'cell' | 'checkbox' | 'columnheader' | 'combobox' | 'complementary' | 'contentinfo' | 'definition' | 'dialog' | 'directory' | 'document' | 'feed' | 'figure' | 'form' | 'grid' | 'gridcell' | 'group' | 'heading' | 'img' | 'link' | 'list' | 'listbox' | 'listitem' | 'log' | 'main' | 'marquee' | 'math' | 'menu' | 'menubar' | 'menuitem' | 'menuitemcheckbox' | 'menuitemradio' | 'navigation' | 'none' | 'note' | 'option' | 'presentation' | 'progressbar' | 'radio' | 'radiogroup' | 'region' | 'row' | 'rowgroup' | 'rowheader' | 'scrollbar' | 'search' | 'searchbox' | 'separator' | 'slider' | 'spinbutton' | 'status' | 'switch' | 'tab' | 'table' | 'tablist' | 'tabpanel' | 'term' | 'textbox' | 'timer' | 'toolbar' | 'tooltip' | 'tree' | 'treegrid' | 'treeitem' | string;
     [key: `data-${string}`]: string;
     [key: `aria-${string}`]: string;
 }