@react-hive/honey-layout 1.0.0-beta

package/dist/helpers.d.ts

@@ -0,0 +1,905 @@
+import { HTMLAttributes } from 'react';
+import { HoneyBreakpointName, HoneyCSSArrayValue, HoneyCSSDimensionShortHandValue, HoneyCSSDimensionUnit, HoneyCSSMultiValue, HoneyCSSPropertyValue, HoneyCSSMediaRule, HoneySpacings, HoneyThemedProps, HoneyColorKey, HoneyFontName, HoneyCSSColor, HoneyDimensionName, Nullable } from './types';
+/**
+ * Conditional type to determine the return type of the `resolveSpacing` function.
+ *
+ * @template MultiValue - Type of the spacing value, can be a single value or an array of values.
+ * @template Unit - CSS length unit, which can be null or a specific unit type.
+ * @template T - Type of the numeric value.
+ */
+type ResolveSpacingResult<MultiValue extends HoneyCSSMultiValue<T>, Unit extends Nullable<HoneyCSSDimensionUnit>, T extends number> = Unit extends null ? MultiValue extends HoneyCSSArrayValue<T> ? HoneyCSSArrayValue<T> : T : MultiValue extends HoneyCSSArrayValue<T> ? HoneyCSSDimensionShortHandValue<MultiValue, NonNullable<Unit>> : `${T}${Unit}`;
+/**
+ * Resolves the spacing value based on the provided `value`, `unit`, and `type`.
+ *
+ * @param value - The spacing factor to be applied, which can be a single number or an array of 2, 3, or 4 numbers.
+ * @param unit - The CSS unit to be used for the calculated value, e.g., 'px', 'em'. Set `null` to apply no unit. Default: 'px'.
+ * @param type - The type of spacing to be used from the theme, e.g., 'base', 'small', 'large'. Default: 'base'.
+ *
+ * @returns The resolved spacing value, either as a single number or a string of space-separated numbers, optionally with the specified unit.
+ *
+ * @template MultiValue - Type of the spacing value, can be a single value or an array of values.
+ * @template Unit - CSS length unit, which can be null or a specific unit type.
+ * @template T - Type of the numeric value.
+ */
+export declare const resolveSpacing: <MultiValue extends HoneyCSSMultiValue<T>, Unit extends Nullable<HoneyCSSDimensionUnit> = "px", T extends number = number>(value: MultiValue, unit?: Unit, type?: keyof HoneySpacings) => ({ theme }: HoneyThemedProps) => ResolveSpacingResult<MultiValue, Unit, T>;
+/**
+ * Resolves a color value based on the provided color key and optional alpha value.
+ *
+ * @param colorKey - The key representing the color to be resolved. This key is a string in the format 'colorType.colorName'.
+ * @param alpha - Optional. The alpha transparency value between 0 (fully transparent) and 1 (fully opaque).
+ *
+ * @returns The resolved color value from the theme, either in HEX format or in 8-character HEX with alpha format.
+ *
+ * @throws Will throw an error if the provided alpha value is not within the valid range (0 to 1).
+ * @throws Will throw an error if the color format is invalid.
+ */
+export declare const resolveColor: (colorKey: HoneyColorKey, alpha?: number) => ({ theme }: HoneyThemedProps) => HoneyCSSColor;
+/**
+ * Resolves the font styles based on the provided font name from the theme.
+ *
+ * @param fontName - The name of the font to be resolved from the theme.
+ *
+ * @returns A function that takes the theme and returns the CSS for the specified font.
+ */
+export declare const resolveFont: (fontName: HoneyFontName) => ({ theme }: HoneyThemedProps) => import('styled-components').FlattenSimpleInterpolation;
+/**
+ * Resolves a specific dimension value from the theme configuration.
+ *
+ * @param dimensionName - The name of the dimension to resolve.
+ *
+ * @returns A function that takes the theme and returns the resolved dimension value from the theme.
+ */
+export declare const resolveDimension: (dimensionName: HoneyDimensionName) => ({ theme }: HoneyThemedProps) => `${number}px` | `${number}cm` | `${number}mm` | `${number}in` | `${number}pt` | `${number}pc` | `${number}em` | `${number}rem` | `${number}%` | `${number}vh` | `${number}vw` | `${number}vmin` | `${number}vmax`;
+/**
+ * Generates CSS styles based on the provided breakpoint and props.
+ * Filters the props to include only those with breakpoints matching the specified breakpoint.
+ * For each matching prop, it converts the property name to dash-case and retrieves the corresponding value.
+ *
+ * @param {HoneyBreakpointName} breakpoint - The name of the breakpoint.
+ */
+export declare const generateStyles: <Props extends HTMLAttributes<HTMLElement>>(breakpoint: HoneyBreakpointName) => ({ theme, ...props }: HoneyThemedProps<Props>) => import('styled-components').FlattenInterpolation<import('styled-components').ThemeProps<import('styled-components').DefaultTheme>>;
+/**
+ * Utility function that returns functions for generating media queries for the specified breakpoint.
+ * The down function creates a media query for screen sizes smaller than the breakpoint,
+ * while the up function creates a media query for screen sizes larger than the breakpoint.
+ *
+ * @param {HoneyBreakpointName} breakpoint - The name of the breakpoint.
+ * @param {HoneyCSSMediaRule} [ruleOptions={}] - Additional options for the media rule.
+ *
+ * @returns Functions for generating media queries.
+ */
+export declare const bpMedia: (breakpoint: HoneyBreakpointName, ruleOptions?: Omit<HoneyCSSMediaRule, 'width' | 'minWidth' | 'maxWidth'>) => {
+    down: ({ theme }: HoneyThemedProps) => string;
+    up: ({ theme }: HoneyThemedProps) => string;
+};
+/**
+ * Generates media query styles based on the provided breakpoint and props.
+ */
+export declare const generateMediaStyles: <Props extends Partial<{
+    $accentColor?: HoneyCSSPropertyValue<"accentColor">;
+    $alignContent?: HoneyCSSPropertyValue<"alignContent">;
+    $alignItems?: HoneyCSSPropertyValue<"alignItems">;
+    $alignSelf?: HoneyCSSPropertyValue<"alignSelf">;
+    $alignTracks?: HoneyCSSPropertyValue<"alignTracks">;
+    $animationComposition?: HoneyCSSPropertyValue<"animationComposition">;
+    $animationDelay?: HoneyCSSPropertyValue<"animationDelay">;
+    $animationDirection?: HoneyCSSPropertyValue<"animationDirection">;
+    $animationDuration?: HoneyCSSPropertyValue<"animationDuration">;
+    $animationFillMode?: HoneyCSSPropertyValue<"animationFillMode">;
+    $animationIterationCount?: HoneyCSSPropertyValue<"animationIterationCount">;
+    $animationName?: HoneyCSSPropertyValue<"animationName">;
+    $animationPlayState?: HoneyCSSPropertyValue<"animationPlayState">;
+    $animationRangeEnd?: HoneyCSSPropertyValue<"animationRangeEnd">;
+    $animationRangeStart?: HoneyCSSPropertyValue<"animationRangeStart">;
+    $animationTimeline?: HoneyCSSPropertyValue<"animationTimeline">;
+    $animationTimingFunction?: HoneyCSSPropertyValue<"animationTimingFunction">;
+    $appearance?: HoneyCSSPropertyValue<"appearance">;
+    $aspectRatio?: HoneyCSSPropertyValue<"aspectRatio">;
+    $backdropFilter?: HoneyCSSPropertyValue<"backdropFilter">;
+    $backfaceVisibility?: HoneyCSSPropertyValue<"backfaceVisibility">;
+    $backgroundAttachment?: HoneyCSSPropertyValue<"backgroundAttachment">;
+    $backgroundBlendMode?: HoneyCSSPropertyValue<"backgroundBlendMode">;
+    $backgroundClip?: HoneyCSSPropertyValue<"backgroundClip">;
+    $backgroundColor?: HoneyCSSPropertyValue<"backgroundColor"> | undefined;
+    $backgroundImage?: HoneyCSSPropertyValue<"backgroundImage">;
+    $backgroundOrigin?: HoneyCSSPropertyValue<"backgroundOrigin">;
+    $backgroundPositionX?: HoneyCSSPropertyValue<"backgroundPositionX">;
+    $backgroundPositionY?: HoneyCSSPropertyValue<"backgroundPositionY">;
+    $backgroundRepeat?: HoneyCSSPropertyValue<"backgroundRepeat">;
+    $backgroundSize?: HoneyCSSPropertyValue<"backgroundSize">;
+    $blockOverflow?: HoneyCSSPropertyValue<"blockOverflow">;
+    $blockSize?: HoneyCSSPropertyValue<"blockSize">;
+    $borderBlockColor?: HoneyCSSPropertyValue<"borderBlockColor">;
+    $borderBlockEndColor?: HoneyCSSPropertyValue<"borderBlockEndColor">;
+    $borderBlockEndStyle?: HoneyCSSPropertyValue<"borderBlockEndStyle">;
+    $borderBlockEndWidth?: HoneyCSSPropertyValue<"borderBlockEndWidth">;
+    $borderBlockStartColor?: HoneyCSSPropertyValue<"borderBlockStartColor">;
+    $borderBlockStartStyle?: HoneyCSSPropertyValue<"borderBlockStartStyle">;
+    $borderBlockStartWidth?: HoneyCSSPropertyValue<"borderBlockStartWidth">;
+    $borderBlockStyle?: HoneyCSSPropertyValue<"borderBlockStyle">;
+    $borderBlockWidth?: HoneyCSSPropertyValue<"borderBlockWidth">;
+    $borderBottomColor?: HoneyCSSPropertyValue<"borderBottomColor"> | undefined;
+    $borderBottomLeftRadius?: HoneyCSSPropertyValue<"borderBottomLeftRadius">;
+    $borderBottomRightRadius?: HoneyCSSPropertyValue<"borderBottomRightRadius">;
+    $borderBottomStyle?: HoneyCSSPropertyValue<"borderBottomStyle">;
+    $borderBottomWidth?: HoneyCSSPropertyValue<"borderBottomWidth">;
+    $borderCollapse?: HoneyCSSPropertyValue<"borderCollapse">;
+    $borderEndEndRadius?: HoneyCSSPropertyValue<"borderEndEndRadius">;
+    $borderEndStartRadius?: HoneyCSSPropertyValue<"borderEndStartRadius">;
+    $borderImageOutset?: HoneyCSSPropertyValue<"borderImageOutset">;
+    $borderImageRepeat?: HoneyCSSPropertyValue<"borderImageRepeat">;
+    $borderImageSlice?: HoneyCSSPropertyValue<"borderImageSlice">;
+    $borderImageSource?: HoneyCSSPropertyValue<"borderImageSource">;
+    $borderImageWidth?: HoneyCSSPropertyValue<"borderImageWidth">;
+    $borderInlineColor?: HoneyCSSPropertyValue<"borderInlineColor">;
+    $borderInlineEndColor?: HoneyCSSPropertyValue<"borderInlineEndColor">;
+    $borderInlineEndStyle?: HoneyCSSPropertyValue<"borderInlineEndStyle">;
+    $borderInlineEndWidth?: HoneyCSSPropertyValue<"borderInlineEndWidth">;
+    $borderInlineStartColor?: HoneyCSSPropertyValue<"borderInlineStartColor">;
+    $borderInlineStartStyle?: HoneyCSSPropertyValue<"borderInlineStartStyle">;
+    $borderInlineStartWidth?: HoneyCSSPropertyValue<"borderInlineStartWidth">;
+    $borderInlineStyle?: HoneyCSSPropertyValue<"borderInlineStyle">;
+    $borderInlineWidth?: HoneyCSSPropertyValue<"borderInlineWidth">;
+    $borderLeftColor?: HoneyCSSPropertyValue<"borderLeftColor"> | undefined;
+    $borderLeftStyle?: HoneyCSSPropertyValue<"borderLeftStyle">;
+    $borderLeftWidth?: HoneyCSSPropertyValue<"borderLeftWidth">;
+    $borderRightColor?: HoneyCSSPropertyValue<"borderRightColor"> | undefined;
+    $borderRightStyle?: HoneyCSSPropertyValue<"borderRightStyle">;
+    $borderRightWidth?: HoneyCSSPropertyValue<"borderRightWidth">;
+    $borderSpacing?: HoneyCSSPropertyValue<"borderSpacing">;
+    $borderStartEndRadius?: HoneyCSSPropertyValue<"borderStartEndRadius">;
+    $borderStartStartRadius?: HoneyCSSPropertyValue<"borderStartStartRadius">;
+    $borderTopColor?: HoneyCSSPropertyValue<"borderTopColor"> | undefined;
+    $borderTopLeftRadius?: HoneyCSSPropertyValue<"borderTopLeftRadius">;
+    $borderTopRightRadius?: HoneyCSSPropertyValue<"borderTopRightRadius">;
+    $borderTopStyle?: HoneyCSSPropertyValue<"borderTopStyle">;
+    $borderTopWidth?: HoneyCSSPropertyValue<"borderTopWidth">;
+    $bottom?: HoneyCSSPropertyValue<"bottom">;
+    $boxDecorationBreak?: HoneyCSSPropertyValue<"boxDecorationBreak">;
+    $boxShadow?: HoneyCSSPropertyValue<"boxShadow">;
+    $boxSizing?: HoneyCSSPropertyValue<"boxSizing">;
+    $breakAfter?: HoneyCSSPropertyValue<"breakAfter">;
+    $breakBefore?: HoneyCSSPropertyValue<"breakBefore">;
+    $breakInside?: HoneyCSSPropertyValue<"breakInside">;
+    $captionSide?: HoneyCSSPropertyValue<"captionSide">;
+    $caretColor?: HoneyCSSPropertyValue<"caretColor">;
+    $caretShape?: HoneyCSSPropertyValue<"caretShape">;
+    $clear?: HoneyCSSPropertyValue<"clear">;
+    $clipPath?: HoneyCSSPropertyValue<"clipPath">;
+    $color?: HoneyCSSPropertyValue<"color"> | undefined;
+    $colorAdjust?: HoneyCSSPropertyValue<"colorAdjust">;
+    $colorScheme?: HoneyCSSPropertyValue<"colorScheme">;
+    $columnCount?: HoneyCSSPropertyValue<"columnCount">;
+    $columnFill?: HoneyCSSPropertyValue<"columnFill">;
+    $columnGap?: HoneyCSSPropertyValue<"columnGap">;
+    $columnRuleColor?: HoneyCSSPropertyValue<"columnRuleColor">;
+    $columnRuleStyle?: HoneyCSSPropertyValue<"columnRuleStyle">;
+    $columnRuleWidth?: HoneyCSSPropertyValue<"columnRuleWidth">;
+    $columnSpan?: HoneyCSSPropertyValue<"columnSpan">;
+    $columnWidth?: HoneyCSSPropertyValue<"columnWidth">;
+    $contain?: HoneyCSSPropertyValue<"contain">;
+    $containIntrinsicBlockSize?: HoneyCSSPropertyValue<"containIntrinsicBlockSize">;
+    $containIntrinsicHeight?: HoneyCSSPropertyValue<"containIntrinsicHeight">;
+    $containIntrinsicInlineSize?: HoneyCSSPropertyValue<"containIntrinsicInlineSize">;
+    $containIntrinsicWidth?: HoneyCSSPropertyValue<"containIntrinsicWidth">;
+    $containerName?: HoneyCSSPropertyValue<"containerName">;
+    $containerType?: HoneyCSSPropertyValue<"containerType">;
+    $content?: HoneyCSSPropertyValue<"content">;
+    $contentVisibility?: HoneyCSSPropertyValue<"contentVisibility">;
+    $counterIncrement?: HoneyCSSPropertyValue<"counterIncrement">;
+    $counterReset?: HoneyCSSPropertyValue<"counterReset">;
+    $counterSet?: HoneyCSSPropertyValue<"counterSet">;
+    $cursor?: HoneyCSSPropertyValue<"cursor">;
+    $direction?: HoneyCSSPropertyValue<"direction">;
+    $display?: HoneyCSSPropertyValue<"display">;
+    $emptyCells?: HoneyCSSPropertyValue<"emptyCells">;
+    $filter?: HoneyCSSPropertyValue<"filter">;
+    $flexBasis?: HoneyCSSPropertyValue<"flexBasis">;
+    $flexDirection?: HoneyCSSPropertyValue<"flexDirection">;
+    $flexGrow?: HoneyCSSPropertyValue<"flexGrow">;
+    $flexShrink?: HoneyCSSPropertyValue<"flexShrink">;
+    $flexWrap?: HoneyCSSPropertyValue<"flexWrap">;
+    $float?: HoneyCSSPropertyValue<"float">;
+    $fontFamily?: HoneyCSSPropertyValue<"fontFamily">;
+    $fontFeatureSettings?: HoneyCSSPropertyValue<"fontFeatureSettings">;
+    $fontKerning?: HoneyCSSPropertyValue<"fontKerning">;
+    $fontLanguageOverride?: HoneyCSSPropertyValue<"fontLanguageOverride">;
+    $fontOpticalSizing?: HoneyCSSPropertyValue<"fontOpticalSizing">;
+    $fontPalette?: HoneyCSSPropertyValue<"fontPalette">;
+    $fontSize?: HoneyCSSPropertyValue<"fontSize">;
+    $fontSizeAdjust?: HoneyCSSPropertyValue<"fontSizeAdjust">;
+    $fontSmooth?: HoneyCSSPropertyValue<"fontSmooth">;
+    $fontStretch?: HoneyCSSPropertyValue<"fontStretch">;
+    $fontStyle?: HoneyCSSPropertyValue<"fontStyle">;
+    $fontSynthesis?: HoneyCSSPropertyValue<"fontSynthesis">;
+    $fontSynthesisPosition?: HoneyCSSPropertyValue<"fontSynthesisPosition">;
+    $fontSynthesisSmallCaps?: HoneyCSSPropertyValue<"fontSynthesisSmallCaps">;
+    $fontSynthesisStyle?: HoneyCSSPropertyValue<"fontSynthesisStyle">;
+    $fontSynthesisWeight?: HoneyCSSPropertyValue<"fontSynthesisWeight">;
+    $fontVariant?: HoneyCSSPropertyValue<"fontVariant">;
+    $fontVariantAlternates?: HoneyCSSPropertyValue<"fontVariantAlternates">;
+    $fontVariantCaps?: HoneyCSSPropertyValue<"fontVariantCaps">;
+    $fontVariantEastAsian?: HoneyCSSPropertyValue<"fontVariantEastAsian">;
+    $fontVariantEmoji?: HoneyCSSPropertyValue<"fontVariantEmoji">;
+    $fontVariantLigatures?: HoneyCSSPropertyValue<"fontVariantLigatures">;
+    $fontVariantNumeric?: HoneyCSSPropertyValue<"fontVariantNumeric">;
+    $fontVariantPosition?: HoneyCSSPropertyValue<"fontVariantPosition">;
+    $fontVariationSettings?: HoneyCSSPropertyValue<"fontVariationSettings">;
+    $fontWeight?: HoneyCSSPropertyValue<"fontWeight">;
+    $forcedColorAdjust?: HoneyCSSPropertyValue<"forcedColorAdjust">;
+    $gridAutoColumns?: HoneyCSSPropertyValue<"gridAutoColumns">;
+    $gridAutoFlow?: HoneyCSSPropertyValue<"gridAutoFlow">;
+    $gridAutoRows?: HoneyCSSPropertyValue<"gridAutoRows">;
+    $gridColumnEnd?: HoneyCSSPropertyValue<"gridColumnEnd">;
+    $gridColumnStart?: HoneyCSSPropertyValue<"gridColumnStart">;
+    $gridRowEnd?: HoneyCSSPropertyValue<"gridRowEnd">;
+    $gridRowStart?: HoneyCSSPropertyValue<"gridRowStart">;
+    $gridTemplateAreas?: HoneyCSSPropertyValue<"gridTemplateAreas">;
+    $gridTemplateColumns?: HoneyCSSPropertyValue<"gridTemplateColumns">;
+    $gridTemplateRows?: HoneyCSSPropertyValue<"gridTemplateRows">;
+    $hangingPunctuation?: HoneyCSSPropertyValue<"hangingPunctuation">;
+    $height?: HoneyCSSPropertyValue<"height">;
+    $hyphenateCharacter?: HoneyCSSPropertyValue<"hyphenateCharacter">;
+    $hyphenateLimitChars?: HoneyCSSPropertyValue<"hyphenateLimitChars">;
+    $hyphens?: HoneyCSSPropertyValue<"hyphens">;
+    $imageOrientation?: HoneyCSSPropertyValue<"imageOrientation">;
+    $imageRendering?: HoneyCSSPropertyValue<"imageRendering">;
+    $imageResolution?: HoneyCSSPropertyValue<"imageResolution">;
+    $initialLetter?: HoneyCSSPropertyValue<"initialLetter">;
+    $inlineSize?: HoneyCSSPropertyValue<"inlineSize">;
+    $inputSecurity?: HoneyCSSPropertyValue<"inputSecurity">;
+    $insetBlockEnd?: HoneyCSSPropertyValue<"insetBlockEnd">;
+    $insetBlockStart?: HoneyCSSPropertyValue<"insetBlockStart">;
+    $insetInlineEnd?: HoneyCSSPropertyValue<"insetInlineEnd">;
+    $insetInlineStart?: HoneyCSSPropertyValue<"insetInlineStart">;
+    $isolation?: HoneyCSSPropertyValue<"isolation">;
+    $justifyContent?: HoneyCSSPropertyValue<"justifyContent">;
+    $justifyItems?: HoneyCSSPropertyValue<"justifyItems">;
+    $justifySelf?: HoneyCSSPropertyValue<"justifySelf">;
+    $justifyTracks?: HoneyCSSPropertyValue<"justifyTracks">;
+    $left?: HoneyCSSPropertyValue<"left">;
+    $letterSpacing?: HoneyCSSPropertyValue<"letterSpacing">;
+    $lineBreak?: HoneyCSSPropertyValue<"lineBreak">;
+    $lineHeight?: HoneyCSSPropertyValue<"lineHeight">;
+    $lineHeightStep?: HoneyCSSPropertyValue<"lineHeightStep">;
+    $listStyleImage?: HoneyCSSPropertyValue<"listStyleImage">;
+    $listStylePosition?: HoneyCSSPropertyValue<"listStylePosition">;
+    $listStyleType?: HoneyCSSPropertyValue<"listStyleType">;
+    $marginBlockEnd?: HoneyCSSPropertyValue<"marginBlockEnd">;
+    $marginBlockStart?: HoneyCSSPropertyValue<"marginBlockStart">;
+    $marginBottom?: HoneyCSSPropertyValue<"marginBottom">;
+    $marginInlineEnd?: HoneyCSSPropertyValue<"marginInlineEnd">;
+    $marginInlineStart?: HoneyCSSPropertyValue<"marginInlineStart">;
+    $marginLeft?: HoneyCSSPropertyValue<"marginLeft">;
+    $marginRight?: HoneyCSSPropertyValue<"marginRight">;
+    $marginTop?: HoneyCSSPropertyValue<"marginTop">;
+    $marginTrim?: HoneyCSSPropertyValue<"marginTrim">;
+    $maskBorderMode?: HoneyCSSPropertyValue<"maskBorderMode">;
+    $maskBorderOutset?: HoneyCSSPropertyValue<"maskBorderOutset">;
+    $maskBorderRepeat?: HoneyCSSPropertyValue<"maskBorderRepeat">;
+    $maskBorderSlice?: HoneyCSSPropertyValue<"maskBorderSlice">;
+    $maskBorderSource?: HoneyCSSPropertyValue<"maskBorderSource">;
+    $maskBorderWidth?: HoneyCSSPropertyValue<"maskBorderWidth">;
+    $maskClip?: HoneyCSSPropertyValue<"maskClip">;
+    $maskComposite?: HoneyCSSPropertyValue<"maskComposite">;
+    $maskImage?: HoneyCSSPropertyValue<"maskImage">;
+    $maskMode?: HoneyCSSPropertyValue<"maskMode">;
+    $maskOrigin?: HoneyCSSPropertyValue<"maskOrigin">;
+    $maskPosition?: HoneyCSSPropertyValue<"maskPosition">;
+    $maskRepeat?: HoneyCSSPropertyValue<"maskRepeat">;
+    $maskSize?: HoneyCSSPropertyValue<"maskSize">;
+    $maskType?: HoneyCSSPropertyValue<"maskType">;
+    $masonryAutoFlow?: HoneyCSSPropertyValue<"masonryAutoFlow">;
+    $mathDepth?: HoneyCSSPropertyValue<"mathDepth">;
+    $mathShift?: HoneyCSSPropertyValue<"mathShift">;
+    $mathStyle?: HoneyCSSPropertyValue<"mathStyle">;
+    $maxBlockSize?: HoneyCSSPropertyValue<"maxBlockSize">;
+    $maxHeight?: HoneyCSSPropertyValue<"maxHeight">;
+    $maxInlineSize?: HoneyCSSPropertyValue<"maxInlineSize">;
+    $maxLines?: HoneyCSSPropertyValue<"maxLines">;
+    $maxWidth?: HoneyCSSPropertyValue<"maxWidth">;
+    $minBlockSize?: HoneyCSSPropertyValue<"minBlockSize">;
+    $minHeight?: HoneyCSSPropertyValue<"minHeight">;
+    $minInlineSize?: HoneyCSSPropertyValue<"minInlineSize">;
+    $minWidth?: HoneyCSSPropertyValue<"minWidth">;
+    $mixBlendMode?: HoneyCSSPropertyValue<"mixBlendMode">;
+    $motionDistance?: HoneyCSSPropertyValue<"motionDistance">;
+    $motionPath?: HoneyCSSPropertyValue<"motionPath">;
+    $motionRotation?: HoneyCSSPropertyValue<"motionRotation">;
+    $objectFit?: HoneyCSSPropertyValue<"objectFit">;
+    $objectPosition?: HoneyCSSPropertyValue<"objectPosition">;
+    $offsetAnchor?: HoneyCSSPropertyValue<"offsetAnchor">;
+    $offsetDistance?: HoneyCSSPropertyValue<"offsetDistance">;
+    $offsetPath?: HoneyCSSPropertyValue<"offsetPath">;
+    $offsetPosition?: HoneyCSSPropertyValue<"offsetPosition">;
+    $offsetRotate?: HoneyCSSPropertyValue<"offsetRotate">;
+    $offsetRotation?: HoneyCSSPropertyValue<"offsetRotation">;
+    $opacity?: HoneyCSSPropertyValue<"opacity">;
+    $order?: HoneyCSSPropertyValue<"order">;
+    $orphans?: HoneyCSSPropertyValue<"orphans">;
+    $outlineColor?: HoneyCSSPropertyValue<"outlineColor"> | undefined;
+    $outlineOffset?: HoneyCSSPropertyValue<"outlineOffset">;
+    $outlineStyle?: HoneyCSSPropertyValue<"outlineStyle">;
+    $outlineWidth?: HoneyCSSPropertyValue<"outlineWidth">;
+    $overflowAnchor?: HoneyCSSPropertyValue<"overflowAnchor">;
+    $overflowBlock?: HoneyCSSPropertyValue<"overflowBlock">;
+    $overflowClipBox?: HoneyCSSPropertyValue<"overflowClipBox">;
+    $overflowClipMargin?: HoneyCSSPropertyValue<"overflowClipMargin">;
+    $overflowInline?: HoneyCSSPropertyValue<"overflowInline">;
+    $overflowWrap?: HoneyCSSPropertyValue<"overflowWrap">;
+    $overflowX?: HoneyCSSPropertyValue<"overflowX">;
+    $overflowY?: HoneyCSSPropertyValue<"overflowY">;
+    $overlay?: HoneyCSSPropertyValue<"overlay">;
+    $overscrollBehaviorBlock?: HoneyCSSPropertyValue<"overscrollBehaviorBlock">;
+    $overscrollBehaviorInline?: HoneyCSSPropertyValue<"overscrollBehaviorInline">;
+    $overscrollBehaviorX?: HoneyCSSPropertyValue<"overscrollBehaviorX">;
+    $overscrollBehaviorY?: HoneyCSSPropertyValue<"overscrollBehaviorY">;
+    $paddingBlockEnd?: HoneyCSSPropertyValue<"paddingBlockEnd">;
+    $paddingBlockStart?: HoneyCSSPropertyValue<"paddingBlockStart">;
+    $paddingBottom?: HoneyCSSPropertyValue<"paddingBottom">;
+    $paddingInlineEnd?: HoneyCSSPropertyValue<"paddingInlineEnd">;
+    $paddingInlineStart?: HoneyCSSPropertyValue<"paddingInlineStart">;
+    $paddingLeft?: HoneyCSSPropertyValue<"paddingLeft">;
+    $paddingRight?: HoneyCSSPropertyValue<"paddingRight">;
+    $paddingTop?: HoneyCSSPropertyValue<"paddingTop">;
+    $page?: HoneyCSSPropertyValue<"page">;
+    $pageBreakAfter?: HoneyCSSPropertyValue<"pageBreakAfter">;
+    $pageBreakBefore?: HoneyCSSPropertyValue<"pageBreakBefore">;
+    $pageBreakInside?: HoneyCSSPropertyValue<"pageBreakInside">;
+    $paintOrder?: HoneyCSSPropertyValue<"paintOrder">;
+    $perspective?: HoneyCSSPropertyValue<"perspective">;
+    $perspectiveOrigin?: HoneyCSSPropertyValue<"perspectiveOrigin">;
+    $pointerEvents?: HoneyCSSPropertyValue<"pointerEvents">;
+    $position?: HoneyCSSPropertyValue<"position">;
+    $printColorAdjust?: HoneyCSSPropertyValue<"printColorAdjust">;
+    $quotes?: HoneyCSSPropertyValue<"quotes">;
+    $resize?: HoneyCSSPropertyValue<"resize">;
+    $right?: HoneyCSSPropertyValue<"right">;
+    $rotate?: HoneyCSSPropertyValue<"rotate">;
+    $rowGap?: HoneyCSSPropertyValue<"rowGap">;
+    $rubyAlign?: HoneyCSSPropertyValue<"rubyAlign">;
+    $rubyMerge?: HoneyCSSPropertyValue<"rubyMerge">;
+    $rubyPosition?: HoneyCSSPropertyValue<"rubyPosition">;
+    $scale?: HoneyCSSPropertyValue<"scale">;
+    $scrollBehavior?: HoneyCSSPropertyValue<"scrollBehavior">;
+    $scrollMarginBlockEnd?: HoneyCSSPropertyValue<"scrollMarginBlockEnd">;
+    $scrollMarginBlockStart?: HoneyCSSPropertyValue<"scrollMarginBlockStart">;
+    $scrollMarginBottom?: HoneyCSSPropertyValue<"scrollMarginBottom">;
+    $scrollMarginInlineEnd?: HoneyCSSPropertyValue<"scrollMarginInlineEnd">;
+    $scrollMarginInlineStart?: HoneyCSSPropertyValue<"scrollMarginInlineStart">;
+    $scrollMarginLeft?: HoneyCSSPropertyValue<"scrollMarginLeft">;
+    $scrollMarginRight?: HoneyCSSPropertyValue<"scrollMarginRight">;
+    $scrollMarginTop?: HoneyCSSPropertyValue<"scrollMarginTop">;
+    $scrollPaddingBlockEnd?: HoneyCSSPropertyValue<"scrollPaddingBlockEnd">;
+    $scrollPaddingBlockStart?: HoneyCSSPropertyValue<"scrollPaddingBlockStart">;
+    $scrollPaddingBottom?: HoneyCSSPropertyValue<"scrollPaddingBottom">;
+    $scrollPaddingInlineEnd?: HoneyCSSPropertyValue<"scrollPaddingInlineEnd">;
+    $scrollPaddingInlineStart?: HoneyCSSPropertyValue<"scrollPaddingInlineStart">;
+    $scrollPaddingLeft?: HoneyCSSPropertyValue<"scrollPaddingLeft">;
+    $scrollPaddingRight?: HoneyCSSPropertyValue<"scrollPaddingRight">;
+    $scrollPaddingTop?: HoneyCSSPropertyValue<"scrollPaddingTop">;
+    $scrollSnapAlign?: HoneyCSSPropertyValue<"scrollSnapAlign">;
+    $scrollSnapMarginBottom?: HoneyCSSPropertyValue<"scrollSnapMarginBottom">;
+    $scrollSnapMarginLeft?: HoneyCSSPropertyValue<"scrollSnapMarginLeft">;
+    $scrollSnapMarginRight?: HoneyCSSPropertyValue<"scrollSnapMarginRight">;
+    $scrollSnapMarginTop?: HoneyCSSPropertyValue<"scrollSnapMarginTop">;
+    $scrollSnapStop?: HoneyCSSPropertyValue<"scrollSnapStop">;
+    $scrollSnapType?: HoneyCSSPropertyValue<"scrollSnapType">;
+    $scrollTimelineAxis?: HoneyCSSPropertyValue<"scrollTimelineAxis">;
+    $scrollTimelineName?: HoneyCSSPropertyValue<"scrollTimelineName">;
+    $scrollbarColor?: HoneyCSSPropertyValue<"scrollbarColor">;
+    $scrollbarGutter?: HoneyCSSPropertyValue<"scrollbarGutter">;
+    $scrollbarWidth?: HoneyCSSPropertyValue<"scrollbarWidth">;
+    $shapeImageThreshold?: HoneyCSSPropertyValue<"shapeImageThreshold">;
+    $shapeMargin?: HoneyCSSPropertyValue<"shapeMargin">;
+    $shapeOutside?: HoneyCSSPropertyValue<"shapeOutside">;
+    $tabSize?: HoneyCSSPropertyValue<"tabSize">;
+    $tableLayout?: HoneyCSSPropertyValue<"tableLayout">;
+    $textAlign?: HoneyCSSPropertyValue<"textAlign">;
+    $textAlignLast?: HoneyCSSPropertyValue<"textAlignLast">;
+    $textCombineUpright?: HoneyCSSPropertyValue<"textCombineUpright">;
+    $textDecorationColor?: HoneyCSSPropertyValue<"textDecorationColor"> | undefined;
+    $textDecorationLine?: HoneyCSSPropertyValue<"textDecorationLine">;
+    $textDecorationSkip?: HoneyCSSPropertyValue<"textDecorationSkip">;
+    $textDecorationSkipInk?: HoneyCSSPropertyValue<"textDecorationSkipInk">;
+    $textDecorationStyle?: HoneyCSSPropertyValue<"textDecorationStyle">;
+    $textDecorationThickness?: HoneyCSSPropertyValue<"textDecorationThickness">;
+    $textEmphasisColor?: HoneyCSSPropertyValue<"textEmphasisColor">;
+    $textEmphasisPosition?: HoneyCSSPropertyValue<"textEmphasisPosition">;
+    $textEmphasisStyle?: HoneyCSSPropertyValue<"textEmphasisStyle">;
+    $textIndent?: HoneyCSSPropertyValue<"textIndent">;
+    $textJustify?: HoneyCSSPropertyValue<"textJustify">;
+    $textOrientation?: HoneyCSSPropertyValue<"textOrientation">;
+    $textOverflow?: HoneyCSSPropertyValue<"textOverflow">;
+    $textRendering?: HoneyCSSPropertyValue<"textRendering">;
+    $textShadow?: HoneyCSSPropertyValue<"textShadow">;
+    $textSizeAdjust?: HoneyCSSPropertyValue<"textSizeAdjust">;
+    $textTransform?: HoneyCSSPropertyValue<"textTransform">;
+    $textUnderlineOffset?: HoneyCSSPropertyValue<"textUnderlineOffset">;
+    $textUnderlinePosition?: HoneyCSSPropertyValue<"textUnderlinePosition">;
+    $textWrap?: HoneyCSSPropertyValue<"textWrap">;
+    $timelineScope?: HoneyCSSPropertyValue<"timelineScope">;
+    $top?: HoneyCSSPropertyValue<"top">;
+    $touchAction?: HoneyCSSPropertyValue<"touchAction">;
+    $transform?: HoneyCSSPropertyValue<"transform">;
+    $transformBox?: HoneyCSSPropertyValue<"transformBox">;
+    $transformOrigin?: HoneyCSSPropertyValue<"transformOrigin">;
+    $transformStyle?: HoneyCSSPropertyValue<"transformStyle">;
+    $transitionBehavior?: HoneyCSSPropertyValue<"transitionBehavior">;
+    $transitionDelay?: HoneyCSSPropertyValue<"transitionDelay">;
+    $transitionDuration?: HoneyCSSPropertyValue<"transitionDuration">;
+    $transitionProperty?: HoneyCSSPropertyValue<"transitionProperty">;
+    $transitionTimingFunction?: HoneyCSSPropertyValue<"transitionTimingFunction">;
+    $translate?: HoneyCSSPropertyValue<"translate">;
+    $unicodeBidi?: HoneyCSSPropertyValue<"unicodeBidi">;
+    $userSelect?: HoneyCSSPropertyValue<"userSelect">;
+    $verticalAlign?: HoneyCSSPropertyValue<"verticalAlign">;
+    $viewTimelineAxis?: HoneyCSSPropertyValue<"viewTimelineAxis">;
+    $viewTimelineInset?: HoneyCSSPropertyValue<"viewTimelineInset">;
+    $viewTimelineName?: HoneyCSSPropertyValue<"viewTimelineName">;
+    $viewTransitionName?: HoneyCSSPropertyValue<"viewTransitionName">;
+    $visibility?: HoneyCSSPropertyValue<"visibility">;
+    $whiteSpace?: HoneyCSSPropertyValue<"whiteSpace">;
+    $whiteSpaceCollapse?: HoneyCSSPropertyValue<"whiteSpaceCollapse">;
+    $whiteSpaceTrim?: HoneyCSSPropertyValue<"whiteSpaceTrim">;
+    $widows?: HoneyCSSPropertyValue<"widows">;
+    $width?: HoneyCSSPropertyValue<"width">;
+    $willChange?: HoneyCSSPropertyValue<"willChange">;
+    $wordBreak?: HoneyCSSPropertyValue<"wordBreak">;
+    $wordSpacing?: HoneyCSSPropertyValue<"wordSpacing">;
+    $wordWrap?: HoneyCSSPropertyValue<"wordWrap">;
+    $writingMode?: HoneyCSSPropertyValue<"writingMode">;
+    $zIndex?: HoneyCSSPropertyValue<"zIndex">;
+    $zoom?: HoneyCSSPropertyValue<"zoom">;
+    $all?: HoneyCSSPropertyValue<"all">;
+    $animation?: HoneyCSSPropertyValue<"animation">;
+    $animationRange?: HoneyCSSPropertyValue<"animationRange">;
+    $background?: HoneyCSSPropertyValue<"background">;
+    $backgroundPosition?: HoneyCSSPropertyValue<"backgroundPosition">;
+    $border?: HoneyCSSPropertyValue<"border">;
+    $borderBlock?: HoneyCSSPropertyValue<"borderBlock">;
+    $borderBlockEnd?: HoneyCSSPropertyValue<"borderBlockEnd">;
+    $borderBlockStart?: HoneyCSSPropertyValue<"borderBlockStart">;
+    $borderBottom?: HoneyCSSPropertyValue<"borderBottom">;
+    $borderColor?: HoneyCSSPropertyValue<"borderColor"> | undefined;
+    $borderImage?: HoneyCSSPropertyValue<"borderImage">;
+    $borderInline?: HoneyCSSPropertyValue<"borderInline">;
+    $borderInlineEnd?: HoneyCSSPropertyValue<"borderInlineEnd">;
+    $borderInlineStart?: HoneyCSSPropertyValue<"borderInlineStart">;
+    $borderLeft?: HoneyCSSPropertyValue<"borderLeft">;
+    $borderRadius?: HoneyCSSPropertyValue<"borderRadius">;
+    $borderRight?: HoneyCSSPropertyValue<"borderRight">;
+    $borderStyle?: HoneyCSSPropertyValue<"borderStyle">;
+    $borderTop?: HoneyCSSPropertyValue<"borderTop">;
+    $borderWidth?: HoneyCSSPropertyValue<"borderWidth">;
+    $caret?: HoneyCSSPropertyValue<"caret">;
+    $columnRule?: HoneyCSSPropertyValue<"columnRule">;
+    $columns?: HoneyCSSPropertyValue<"columns">;
+    $containIntrinsicSize?: HoneyCSSPropertyValue<"containIntrinsicSize">;
+    $container?: HoneyCSSPropertyValue<"container">;
+    $flex?: HoneyCSSPropertyValue<"flex">;
+    $flexFlow?: HoneyCSSPropertyValue<"flexFlow">;
+    $font?: HoneyCSSPropertyValue<"font">;
+    $gap?: HoneyCSSPropertyValue<"gap">;
+    $grid?: HoneyCSSPropertyValue<"grid">;
+    $gridArea?: HoneyCSSPropertyValue<"gridArea">;
+    $gridColumn?: HoneyCSSPropertyValue<"gridColumn">;
+    $gridRow?: HoneyCSSPropertyValue<"gridRow">;
+    $gridTemplate?: HoneyCSSPropertyValue<"gridTemplate">;
+    $inset?: HoneyCSSPropertyValue<"inset">;
+    $insetBlock?: HoneyCSSPropertyValue<"insetBlock">;
+    $insetInline?: HoneyCSSPropertyValue<"insetInline">;
+    $lineClamp?: HoneyCSSPropertyValue<"lineClamp">;
+    $listStyle?: HoneyCSSPropertyValue<"listStyle">;
+    $margin?: HoneyCSSPropertyValue<"margin">;
+    $marginBlock?: HoneyCSSPropertyValue<"marginBlock">;
+    $marginInline?: HoneyCSSPropertyValue<"marginInline">;
+    $mask?: HoneyCSSPropertyValue<"mask">;
+    $maskBorder?: HoneyCSSPropertyValue<"maskBorder">;
+    $motion?: HoneyCSSPropertyValue<"motion">;
+    $offset?: HoneyCSSPropertyValue<"offset">;
+    $outline?: HoneyCSSPropertyValue<"outline">;
+    $overflow?: HoneyCSSPropertyValue<"overflow">;
+    $overscrollBehavior?: HoneyCSSPropertyValue<"overscrollBehavior">;
+    $padding?: HoneyCSSPropertyValue<"padding">;
+    $paddingBlock?: HoneyCSSPropertyValue<"paddingBlock">;
+    $paddingInline?: HoneyCSSPropertyValue<"paddingInline">;
+    $placeContent?: HoneyCSSPropertyValue<"placeContent">;
+    $placeItems?: HoneyCSSPropertyValue<"placeItems">;
+    $placeSelf?: HoneyCSSPropertyValue<"placeSelf">;
+    $scrollMargin?: HoneyCSSPropertyValue<"scrollMargin">;
+    $scrollMarginBlock?: HoneyCSSPropertyValue<"scrollMarginBlock">;
+    $scrollMarginInline?: HoneyCSSPropertyValue<"scrollMarginInline">;
+    $scrollPadding?: HoneyCSSPropertyValue<"scrollPadding">;
+    $scrollPaddingBlock?: HoneyCSSPropertyValue<"scrollPaddingBlock">;
+    $scrollPaddingInline?: HoneyCSSPropertyValue<"scrollPaddingInline">;
+    $scrollSnapMargin?: HoneyCSSPropertyValue<"scrollSnapMargin">;
+    $scrollTimeline?: HoneyCSSPropertyValue<"scrollTimeline">;
+    $textDecoration?: HoneyCSSPropertyValue<"textDecoration">;
+    $textEmphasis?: HoneyCSSPropertyValue<"textEmphasis">;
+    $transition?: HoneyCSSPropertyValue<"transition">;
+    $viewTimeline?: HoneyCSSPropertyValue<"viewTimeline">;
+    $MozAnimationDelay?: HoneyCSSPropertyValue<"MozAnimationDelay">;
+    $MozAnimationDirection?: HoneyCSSPropertyValue<"MozAnimationDirection">;
+    $MozAnimationDuration?: HoneyCSSPropertyValue<"MozAnimationDuration">;
+    $MozAnimationFillMode?: HoneyCSSPropertyValue<"MozAnimationFillMode">;
+    $MozAnimationIterationCount?: HoneyCSSPropertyValue<"MozAnimationIterationCount">;
+    $MozAnimationName?: HoneyCSSPropertyValue<"MozAnimationName">;
+    $MozAnimationPlayState?: HoneyCSSPropertyValue<"MozAnimationPlayState">;
+    $MozAnimationTimingFunction?: HoneyCSSPropertyValue<"MozAnimationTimingFunction">;
+    $MozAppearance?: HoneyCSSPropertyValue<"MozAppearance">;
+    $MozBinding?: HoneyCSSPropertyValue<"MozBinding">;
+    $MozBorderBottomColors?: HoneyCSSPropertyValue<"MozBorderBottomColors">;
+    $MozBorderEndColor?: HoneyCSSPropertyValue<"MozBorderEndColor">;
+    $MozBorderEndStyle?: HoneyCSSPropertyValue<"MozBorderEndStyle">;
+    $MozBorderEndWidth?: HoneyCSSPropertyValue<"MozBorderEndWidth">;
+    $MozBorderLeftColors?: HoneyCSSPropertyValue<"MozBorderLeftColors">;
+    $MozBorderRightColors?: HoneyCSSPropertyValue<"MozBorderRightColors">;
+    $MozBorderStartColor?: HoneyCSSPropertyValue<"MozBorderStartColor">;
+    $MozBorderStartStyle?: HoneyCSSPropertyValue<"MozBorderStartStyle">;
+    $MozBorderTopColors?: HoneyCSSPropertyValue<"MozBorderTopColors">;
+    $MozBoxSizing?: HoneyCSSPropertyValue<"MozBoxSizing">;
+    $MozColumnCount?: HoneyCSSPropertyValue<"MozColumnCount">;
+    $MozColumnFill?: HoneyCSSPropertyValue<"MozColumnFill">;
+    $MozColumnRuleColor?: HoneyCSSPropertyValue<"MozColumnRuleColor">;
+    $MozColumnRuleStyle?: HoneyCSSPropertyValue<"MozColumnRuleStyle">;
+    $MozColumnRuleWidth?: HoneyCSSPropertyValue<"MozColumnRuleWidth">;
+    $MozColumnWidth?: HoneyCSSPropertyValue<"MozColumnWidth">;
+    $MozContextProperties?: HoneyCSSPropertyValue<"MozContextProperties">;
+    $MozFontFeatureSettings?: HoneyCSSPropertyValue<"MozFontFeatureSettings">;
+    $MozFontLanguageOverride?: HoneyCSSPropertyValue<"MozFontLanguageOverride">;
+    $MozHyphens?: HoneyCSSPropertyValue<"MozHyphens">;
+    $MozImageRegion?: HoneyCSSPropertyValue<"MozImageRegion">;
+    $MozMarginEnd?: HoneyCSSPropertyValue<"MozMarginEnd">;
+    $MozMarginStart?: HoneyCSSPropertyValue<"MozMarginStart">;
+    $MozOrient?: HoneyCSSPropertyValue<"MozOrient">;
+    $MozOsxFontSmoothing?: HoneyCSSPropertyValue<"MozOsxFontSmoothing">;
+    $MozOutlineRadiusBottomleft?: HoneyCSSPropertyValue<"MozOutlineRadiusBottomleft">;
+    $MozOutlineRadiusBottomright?: HoneyCSSPropertyValue<"MozOutlineRadiusBottomright">;
+    $MozOutlineRadiusTopleft?: HoneyCSSPropertyValue<"MozOutlineRadiusTopleft">;
+    $MozOutlineRadiusTopright?: HoneyCSSPropertyValue<"MozOutlineRadiusTopright">;
+    $MozPaddingEnd?: HoneyCSSPropertyValue<"MozPaddingEnd">;
+    $MozPaddingStart?: HoneyCSSPropertyValue<"MozPaddingStart">;
+    $MozStackSizing?: HoneyCSSPropertyValue<"MozStackSizing">;
+    $MozTabSize?: HoneyCSSPropertyValue<"MozTabSize">;
+    $MozTextBlink?: HoneyCSSPropertyValue<"MozTextBlink">;
+    $MozTextSizeAdjust?: HoneyCSSPropertyValue<"MozTextSizeAdjust">;
+    $MozUserFocus?: HoneyCSSPropertyValue<"MozUserFocus">;
+    $MozUserModify?: HoneyCSSPropertyValue<"MozUserModify">;
+    $MozUserSelect?: HoneyCSSPropertyValue<"MozUserSelect">;
+    $MozWindowDragging?: HoneyCSSPropertyValue<"MozWindowDragging">;
+    $MozWindowShadow?: HoneyCSSPropertyValue<"MozWindowShadow">;
+    $msAccelerator?: HoneyCSSPropertyValue<"msAccelerator">;
+    $msBlockProgression?: HoneyCSSPropertyValue<"msBlockProgression">;
+    $msContentZoomChaining?: HoneyCSSPropertyValue<"msContentZoomChaining">;
+    $msContentZoomLimitMax?: HoneyCSSPropertyValue<"msContentZoomLimitMax">;
+    $msContentZoomLimitMin?: HoneyCSSPropertyValue<"msContentZoomLimitMin">;
+    $msContentZoomSnapPoints?: HoneyCSSPropertyValue<"msContentZoomSnapPoints">;
+    $msContentZoomSnapType?: HoneyCSSPropertyValue<"msContentZoomSnapType">;
+    $msContentZooming?: HoneyCSSPropertyValue<"msContentZooming">;
+    $msFilter?: HoneyCSSPropertyValue<"msFilter">;
+    $msFlexDirection?: HoneyCSSPropertyValue<"msFlexDirection">;
+    $msFlexPositive?: HoneyCSSPropertyValue<"msFlexPositive">;
+    $msFlowFrom?: HoneyCSSPropertyValue<"msFlowFrom">;
+    $msFlowInto?: HoneyCSSPropertyValue<"msFlowInto">;
+    $msGridColumns?: HoneyCSSPropertyValue<"msGridColumns">;
+    $msGridRows?: HoneyCSSPropertyValue<"msGridRows">;
+    $msHighContrastAdjust?: HoneyCSSPropertyValue<"msHighContrastAdjust">;
+    $msHyphenateLimitChars?: HoneyCSSPropertyValue<"msHyphenateLimitChars">;
+    $msHyphenateLimitLines?: HoneyCSSPropertyValue<"msHyphenateLimitLines">;
+    $msHyphenateLimitZone?: HoneyCSSPropertyValue<"msHyphenateLimitZone">;
+    $msHyphens?: HoneyCSSPropertyValue<"msHyphens">;
+    $msImeAlign?: HoneyCSSPropertyValue<"msImeAlign">;
+    $msLineBreak?: HoneyCSSPropertyValue<"msLineBreak">;
+    $msOrder?: HoneyCSSPropertyValue<"msOrder">;
+    $msOverflowStyle?: HoneyCSSPropertyValue<"msOverflowStyle">;
+    $msOverflowX?: HoneyCSSPropertyValue<"msOverflowX">;
+    $msOverflowY?: HoneyCSSPropertyValue<"msOverflowY">;
+    $msScrollChaining?: HoneyCSSPropertyValue<"msScrollChaining">;
+    $msScrollLimitXMax?: HoneyCSSPropertyValue<"msScrollLimitXMax">;
+    $msScrollLimitXMin?: HoneyCSSPropertyValue<"msScrollLimitXMin">;
+    $msScrollLimitYMax?: HoneyCSSPropertyValue<"msScrollLimitYMax">;
+    $msScrollLimitYMin?: HoneyCSSPropertyValue<"msScrollLimitYMin">;
+    $msScrollRails?: HoneyCSSPropertyValue<"msScrollRails">;
+    $msScrollSnapPointsX?: HoneyCSSPropertyValue<"msScrollSnapPointsX">;
+    $msScrollSnapPointsY?: HoneyCSSPropertyValue<"msScrollSnapPointsY">;
+    $msScrollSnapType?: HoneyCSSPropertyValue<"msScrollSnapType">;
+    $msScrollTranslation?: HoneyCSSPropertyValue<"msScrollTranslation">;
+    $msScrollbar3dlightColor?: HoneyCSSPropertyValue<"msScrollbar3dlightColor">;
+    $msScrollbarArrowColor?: HoneyCSSPropertyValue<"msScrollbarArrowColor">;
+    $msScrollbarBaseColor?: HoneyCSSPropertyValue<"msScrollbarBaseColor">;
+    $msScrollbarDarkshadowColor?: HoneyCSSPropertyValue<"msScrollbarDarkshadowColor">;
+    $msScrollbarFaceColor?: HoneyCSSPropertyValue<"msScrollbarFaceColor">;
+    $msScrollbarHighlightColor?: HoneyCSSPropertyValue<"msScrollbarHighlightColor">;
+    $msScrollbarShadowColor?: HoneyCSSPropertyValue<"msScrollbarShadowColor">;
+    $msScrollbarTrackColor?: HoneyCSSPropertyValue<"msScrollbarTrackColor">;
+    $msTextAutospace?: HoneyCSSPropertyValue<"msTextAutospace">;
+    $msTextCombineHorizontal?: HoneyCSSPropertyValue<"msTextCombineHorizontal">;
+    $msTextOverflow?: HoneyCSSPropertyValue<"msTextOverflow">;
+    $msTouchAction?: HoneyCSSPropertyValue<"msTouchAction">;
+    $msTouchSelect?: HoneyCSSPropertyValue<"msTouchSelect">;
+    $msTransform?: HoneyCSSPropertyValue<"msTransform">;
+    $msTransformOrigin?: HoneyCSSPropertyValue<"msTransformOrigin">;
+    $msTransitionDelay?: HoneyCSSPropertyValue<"msTransitionDelay">;
+    $msTransitionDuration?: HoneyCSSPropertyValue<"msTransitionDuration">;
+    $msTransitionProperty?: HoneyCSSPropertyValue<"msTransitionProperty">;
+    $msTransitionTimingFunction?: HoneyCSSPropertyValue<"msTransitionTimingFunction">;
+    $msUserSelect?: HoneyCSSPropertyValue<"msUserSelect">;
+    $msWordBreak?: HoneyCSSPropertyValue<"msWordBreak">;
+    $msWrapFlow?: HoneyCSSPropertyValue<"msWrapFlow">;
+    $msWrapMargin?: HoneyCSSPropertyValue<"msWrapMargin">;
+    $msWrapThrough?: HoneyCSSPropertyValue<"msWrapThrough">;
+    $msWritingMode?: HoneyCSSPropertyValue<"msWritingMode">;
+    $WebkitAlignContent?: HoneyCSSPropertyValue<"WebkitAlignContent">;
+    $WebkitAlignItems?: HoneyCSSPropertyValue<"WebkitAlignItems">;
+    $WebkitAlignSelf?: HoneyCSSPropertyValue<"WebkitAlignSelf">;
+    $WebkitAnimationDelay?: HoneyCSSPropertyValue<"WebkitAnimationDelay">;
+    $WebkitAnimationDirection?: HoneyCSSPropertyValue<"WebkitAnimationDirection">;
+    $WebkitAnimationDuration?: HoneyCSSPropertyValue<"WebkitAnimationDuration">;
+    $WebkitAnimationFillMode?: HoneyCSSPropertyValue<"WebkitAnimationFillMode">;
+    $WebkitAnimationIterationCount?: HoneyCSSPropertyValue<"WebkitAnimationIterationCount">;
+    $WebkitAnimationName?: HoneyCSSPropertyValue<"WebkitAnimationName">;
+    $WebkitAnimationPlayState?: HoneyCSSPropertyValue<"WebkitAnimationPlayState">;
+    $WebkitAnimationTimingFunction?: HoneyCSSPropertyValue<"WebkitAnimationTimingFunction">;
+    $WebkitAppearance?: HoneyCSSPropertyValue<"WebkitAppearance">;
+    $WebkitBackdropFilter?: HoneyCSSPropertyValue<"WebkitBackdropFilter">;
+    $WebkitBackfaceVisibility?: HoneyCSSPropertyValue<"WebkitBackfaceVisibility">;
+    $WebkitBackgroundClip?: HoneyCSSPropertyValue<"WebkitBackgroundClip">;
+    $WebkitBackgroundOrigin?: HoneyCSSPropertyValue<"WebkitBackgroundOrigin">;
+    $WebkitBackgroundSize?: HoneyCSSPropertyValue<"WebkitBackgroundSize">;
+    $WebkitBorderBeforeColor?: HoneyCSSPropertyValue<"WebkitBorderBeforeColor">;
+    $WebkitBorderBeforeStyle?: HoneyCSSPropertyValue<"WebkitBorderBeforeStyle">;
+    $WebkitBorderBeforeWidth?: HoneyCSSPropertyValue<"WebkitBorderBeforeWidth">;
+    $WebkitBorderBottomLeftRadius?: HoneyCSSPropertyValue<"WebkitBorderBottomLeftRadius">;
+    $WebkitBorderBottomRightRadius?: HoneyCSSPropertyValue<"WebkitBorderBottomRightRadius">;
+    $WebkitBorderImageSlice?: HoneyCSSPropertyValue<"WebkitBorderImageSlice">;
+    $WebkitBorderTopLeftRadius?: HoneyCSSPropertyValue<"WebkitBorderTopLeftRadius">;
+    $WebkitBorderTopRightRadius?: HoneyCSSPropertyValue<"WebkitBorderTopRightRadius">;
+    $WebkitBoxDecorationBreak?: HoneyCSSPropertyValue<"WebkitBoxDecorationBreak">;
+    $WebkitBoxReflect?: HoneyCSSPropertyValue<"WebkitBoxReflect">;
+    $WebkitBoxShadow?: HoneyCSSPropertyValue<"WebkitBoxShadow">;
+    $WebkitBoxSizing?: HoneyCSSPropertyValue<"WebkitBoxSizing">;
+    $WebkitClipPath?: HoneyCSSPropertyValue<"WebkitClipPath">;
+    $WebkitColumnCount?: HoneyCSSPropertyValue<"WebkitColumnCount">;
+    $WebkitColumnFill?: HoneyCSSPropertyValue<"WebkitColumnFill">;
+    $WebkitColumnRuleColor?: HoneyCSSPropertyValue<"WebkitColumnRuleColor">;
+    $WebkitColumnRuleStyle?: HoneyCSSPropertyValue<"WebkitColumnRuleStyle">;
+    $WebkitColumnRuleWidth?: HoneyCSSPropertyValue<"WebkitColumnRuleWidth">;
+    $WebkitColumnSpan?: HoneyCSSPropertyValue<"WebkitColumnSpan">;
+    $WebkitColumnWidth?: HoneyCSSPropertyValue<"WebkitColumnWidth">;
+    $WebkitFilter?: HoneyCSSPropertyValue<"WebkitFilter">;
+    $WebkitFlexBasis?: HoneyCSSPropertyValue<"WebkitFlexBasis">;
+    $WebkitFlexDirection?: HoneyCSSPropertyValue<"WebkitFlexDirection">;
+    $WebkitFlexGrow?: HoneyCSSPropertyValue<"WebkitFlexGrow">;
+    $WebkitFlexShrink?: HoneyCSSPropertyValue<"WebkitFlexShrink">;
+    $WebkitFlexWrap?: HoneyCSSPropertyValue<"WebkitFlexWrap">;
+    $WebkitFontFeatureSettings?: HoneyCSSPropertyValue<"WebkitFontFeatureSettings">;
+    $WebkitFontKerning?: HoneyCSSPropertyValue<"WebkitFontKerning">;
+    $WebkitFontSmoothing?: HoneyCSSPropertyValue<"WebkitFontSmoothing">;
+    $WebkitFontVariantLigatures?: HoneyCSSPropertyValue<"WebkitFontVariantLigatures">;
+    $WebkitHyphenateCharacter?: HoneyCSSPropertyValue<"WebkitHyphenateCharacter">;
+    $WebkitHyphens?: HoneyCSSPropertyValue<"WebkitHyphens">;
+    $WebkitInitialLetter?: HoneyCSSPropertyValue<"WebkitInitialLetter">;
+    $WebkitJustifyContent?: HoneyCSSPropertyValue<"WebkitJustifyContent">;
+    $WebkitLineBreak?: HoneyCSSPropertyValue<"WebkitLineBreak">;
+    $WebkitLineClamp?: HoneyCSSPropertyValue<"WebkitLineClamp">;
+    $WebkitMarginEnd?: HoneyCSSPropertyValue<"WebkitMarginEnd">;
+    $WebkitMarginStart?: HoneyCSSPropertyValue<"WebkitMarginStart">;
+    $WebkitMaskAttachment?: HoneyCSSPropertyValue<"WebkitMaskAttachment">;
+    $WebkitMaskBoxImageOutset?: HoneyCSSPropertyValue<"WebkitMaskBoxImageOutset">;
+    $WebkitMaskBoxImageRepeat?: HoneyCSSPropertyValue<"WebkitMaskBoxImageRepeat">;
+    $WebkitMaskBoxImageSlice?: HoneyCSSPropertyValue<"WebkitMaskBoxImageSlice">;
+    $WebkitMaskBoxImageSource?: HoneyCSSPropertyValue<"WebkitMaskBoxImageSource">;
+    $WebkitMaskBoxImageWidth?: HoneyCSSPropertyValue<"WebkitMaskBoxImageWidth">;
+    $WebkitMaskClip?: HoneyCSSPropertyValue<"WebkitMaskClip">;
+    $WebkitMaskComposite?: HoneyCSSPropertyValue<"WebkitMaskComposite">;
+    $WebkitMaskImage?: HoneyCSSPropertyValue<"WebkitMaskImage">;
+    $WebkitMaskOrigin?: HoneyCSSPropertyValue<"WebkitMaskOrigin">;
+    $WebkitMaskPosition?: HoneyCSSPropertyValue<"WebkitMaskPosition">;
+    $WebkitMaskPositionX?: HoneyCSSPropertyValue<"WebkitMaskPositionX">;
+    $WebkitMaskPositionY?: HoneyCSSPropertyValue<"WebkitMaskPositionY">;
+    $WebkitMaskRepeat?: HoneyCSSPropertyValue<"WebkitMaskRepeat">;
+    $WebkitMaskRepeatX?: HoneyCSSPropertyValue<"WebkitMaskRepeatX">;
+    $WebkitMaskRepeatY?: HoneyCSSPropertyValue<"WebkitMaskRepeatY">;
+    $WebkitMaskSize?: HoneyCSSPropertyValue<"WebkitMaskSize">;
+    $WebkitMaxInlineSize?: HoneyCSSPropertyValue<"WebkitMaxInlineSize">;
+    $WebkitOrder?: HoneyCSSPropertyValue<"WebkitOrder">;
+    $WebkitOverflowScrolling?: HoneyCSSPropertyValue<"WebkitOverflowScrolling">;
+    $WebkitPaddingEnd?: HoneyCSSPropertyValue<"WebkitPaddingEnd">;
+    $WebkitPaddingStart?: HoneyCSSPropertyValue<"WebkitPaddingStart">;
+    $WebkitPerspective?: HoneyCSSPropertyValue<"WebkitPerspective">;
+    $WebkitPerspectiveOrigin?: HoneyCSSPropertyValue<"WebkitPerspectiveOrigin">;
+    $WebkitPrintColorAdjust?: HoneyCSSPropertyValue<"WebkitPrintColorAdjust">;
+    $WebkitRubyPosition?: HoneyCSSPropertyValue<"WebkitRubyPosition">;
+    $WebkitScrollSnapType?: HoneyCSSPropertyValue<"WebkitScrollSnapType">;
+    $WebkitShapeMargin?: HoneyCSSPropertyValue<"WebkitShapeMargin">;
+    $WebkitTapHighlightColor?: HoneyCSSPropertyValue<"WebkitTapHighlightColor">;
+    $WebkitTextCombine?: HoneyCSSPropertyValue<"WebkitTextCombine">;
+    $WebkitTextDecorationColor?: HoneyCSSPropertyValue<"WebkitTextDecorationColor">;
+    $WebkitTextDecorationLine?: HoneyCSSPropertyValue<"WebkitTextDecorationLine">;
+    $WebkitTextDecorationSkip?: HoneyCSSPropertyValue<"WebkitTextDecorationSkip">;
+    $WebkitTextDecorationStyle?: HoneyCSSPropertyValue<"WebkitTextDecorationStyle">;
+    $WebkitTextEmphasisColor?: HoneyCSSPropertyValue<"WebkitTextEmphasisColor">;
+    $WebkitTextEmphasisPosition?: HoneyCSSPropertyValue<"WebkitTextEmphasisPosition">;
+    $WebkitTextEmphasisStyle?: HoneyCSSPropertyValue<"WebkitTextEmphasisStyle">;
+    $WebkitTextFillColor?: HoneyCSSPropertyValue<"WebkitTextFillColor">;
+    $WebkitTextOrientation?: HoneyCSSPropertyValue<"WebkitTextOrientation">;
+    $WebkitTextSizeAdjust?: HoneyCSSPropertyValue<"WebkitTextSizeAdjust">;
+    $WebkitTextStrokeColor?: HoneyCSSPropertyValue<"WebkitTextStrokeColor">;
+    $WebkitTextStrokeWidth?: HoneyCSSPropertyValue<"WebkitTextStrokeWidth">;
+    $WebkitTextUnderlinePosition?: HoneyCSSPropertyValue<"WebkitTextUnderlinePosition">;
+    $WebkitTouchCallout?: HoneyCSSPropertyValue<"WebkitTouchCallout">;
+    $WebkitTransform?: HoneyCSSPropertyValue<"WebkitTransform">;
+    $WebkitTransformOrigin?: HoneyCSSPropertyValue<"WebkitTransformOrigin">;
+    $WebkitTransformStyle?: HoneyCSSPropertyValue<"WebkitTransformStyle">;
+    $WebkitTransitionDelay?: HoneyCSSPropertyValue<"WebkitTransitionDelay">;
+    $WebkitTransitionDuration?: HoneyCSSPropertyValue<"WebkitTransitionDuration">;
+    $WebkitTransitionProperty?: HoneyCSSPropertyValue<"WebkitTransitionProperty">;
+    $WebkitTransitionTimingFunction?: HoneyCSSPropertyValue<"WebkitTransitionTimingFunction">;
+    $WebkitUserModify?: HoneyCSSPropertyValue<"WebkitUserModify">;
+    $WebkitUserSelect?: HoneyCSSPropertyValue<"WebkitUserSelect">;
+    $WebkitWritingMode?: HoneyCSSPropertyValue<"WebkitWritingMode">;
+    $MozAnimation?: HoneyCSSPropertyValue<"MozAnimation">;
+    $MozBorderImage?: HoneyCSSPropertyValue<"MozBorderImage">;
+    $MozColumnRule?: HoneyCSSPropertyValue<"MozColumnRule">;
+    $MozColumns?: HoneyCSSPropertyValue<"MozColumns">;
+    $MozOutlineRadius?: HoneyCSSPropertyValue<"MozOutlineRadius">;
+    $msContentZoomLimit?: HoneyCSSPropertyValue<"msContentZoomLimit">;
+    $msContentZoomSnap?: HoneyCSSPropertyValue<"msContentZoomSnap">;
+    $msFlex?: HoneyCSSPropertyValue<"msFlex">;
+    $msScrollLimit?: HoneyCSSPropertyValue<"msScrollLimit">;
+    $msScrollSnapX?: HoneyCSSPropertyValue<"msScrollSnapX">;
+    $msScrollSnapY?: HoneyCSSPropertyValue<"msScrollSnapY">;
+    $msTransition?: HoneyCSSPropertyValue<"msTransition">;
+    $WebkitAnimation?: HoneyCSSPropertyValue<"WebkitAnimation">;
+    $WebkitBorderBefore?: HoneyCSSPropertyValue<"WebkitBorderBefore">;
+    $WebkitBorderImage?: HoneyCSSPropertyValue<"WebkitBorderImage">;
+    $WebkitBorderRadius?: HoneyCSSPropertyValue<"WebkitBorderRadius">;
+    $WebkitColumnRule?: HoneyCSSPropertyValue<"WebkitColumnRule">;
+    $WebkitColumns?: HoneyCSSPropertyValue<"WebkitColumns">;
+    $WebkitFlex?: HoneyCSSPropertyValue<"WebkitFlex">;
+    $WebkitFlexFlow?: HoneyCSSPropertyValue<"WebkitFlexFlow">;
+    $WebkitMask?: HoneyCSSPropertyValue<"WebkitMask">;
+    $WebkitMaskBoxImage?: HoneyCSSPropertyValue<"WebkitMaskBoxImage">;
+    $WebkitTextEmphasis?: HoneyCSSPropertyValue<"WebkitTextEmphasis">;
+    $WebkitTextStroke?: HoneyCSSPropertyValue<"WebkitTextStroke">;
+    $WebkitTransition?: HoneyCSSPropertyValue<"WebkitTransition">;
+    $azimuth?: HoneyCSSPropertyValue<"azimuth">;
+    $boxAlign?: HoneyCSSPropertyValue<"boxAlign">;
+    $boxDirection?: HoneyCSSPropertyValue<"boxDirection">;
+    $boxFlex?: HoneyCSSPropertyValue<"boxFlex">;
+    $boxFlexGroup?: HoneyCSSPropertyValue<"boxFlexGroup">;
+    $boxLines?: HoneyCSSPropertyValue<"boxLines">;
+    $boxOrdinalGroup?: HoneyCSSPropertyValue<"boxOrdinalGroup">;
+    $boxOrient?: HoneyCSSPropertyValue<"boxOrient">;
+    $boxPack?: HoneyCSSPropertyValue<"boxPack">;
+    $clip?: HoneyCSSPropertyValue<"clip">;
+    $gridColumnGap?: HoneyCSSPropertyValue<"gridColumnGap">;
+    $gridGap?: HoneyCSSPropertyValue<"gridGap">;
+    $gridRowGap?: HoneyCSSPropertyValue<"gridRowGap">;
+    $imeMode?: HoneyCSSPropertyValue<"imeMode">;
+    $offsetBlock?: HoneyCSSPropertyValue<"offsetBlock">;
+    $offsetBlockEnd?: HoneyCSSPropertyValue<"offsetBlockEnd">;
+    $offsetBlockStart?: HoneyCSSPropertyValue<"offsetBlockStart">;
+    $offsetInline?: HoneyCSSPropertyValue<"offsetInline">;
+    $offsetInlineEnd?: HoneyCSSPropertyValue<"offsetInlineEnd">;
+    $offsetInlineStart?: HoneyCSSPropertyValue<"offsetInlineStart">;
+    $scrollSnapCoordinate?: HoneyCSSPropertyValue<"scrollSnapCoordinate">;
+    $scrollSnapDestination?: HoneyCSSPropertyValue<"scrollSnapDestination">;
+    $scrollSnapPointsX?: HoneyCSSPropertyValue<"scrollSnapPointsX">;
+    $scrollSnapPointsY?: HoneyCSSPropertyValue<"scrollSnapPointsY">;
+    $scrollSnapTypeX?: HoneyCSSPropertyValue<"scrollSnapTypeX">;
+    $scrollSnapTypeY?: HoneyCSSPropertyValue<"scrollSnapTypeY">;
+    $KhtmlBoxAlign?: HoneyCSSPropertyValue<"KhtmlBoxAlign">;
+    $KhtmlBoxDirection?: HoneyCSSPropertyValue<"KhtmlBoxDirection">;
+    $KhtmlBoxFlex?: HoneyCSSPropertyValue<"KhtmlBoxFlex">;
+    $KhtmlBoxFlexGroup?: HoneyCSSPropertyValue<"KhtmlBoxFlexGroup">;
+    $KhtmlBoxLines?: HoneyCSSPropertyValue<"KhtmlBoxLines">;
+    $KhtmlBoxOrdinalGroup?: HoneyCSSPropertyValue<"KhtmlBoxOrdinalGroup">;
+    $KhtmlBoxOrient?: HoneyCSSPropertyValue<"KhtmlBoxOrient">;
+    $KhtmlBoxPack?: HoneyCSSPropertyValue<"KhtmlBoxPack">;
+    $KhtmlLineBreak?: HoneyCSSPropertyValue<"KhtmlLineBreak">;
+    $KhtmlOpacity?: HoneyCSSPropertyValue<"KhtmlOpacity">;
+    $KhtmlUserSelect?: HoneyCSSPropertyValue<"KhtmlUserSelect">;
+    $MozBackfaceVisibility?: HoneyCSSPropertyValue<"MozBackfaceVisibility">;
+    $MozBackgroundClip?: HoneyCSSPropertyValue<"MozBackgroundClip">;
+    $MozBackgroundInlinePolicy?: HoneyCSSPropertyValue<"MozBackgroundInlinePolicy">;
+    $MozBackgroundOrigin?: HoneyCSSPropertyValue<"MozBackgroundOrigin">;
+    $MozBackgroundSize?: HoneyCSSPropertyValue<"MozBackgroundSize">;
+    $MozBorderRadius?: HoneyCSSPropertyValue<"MozBorderRadius">;
+    $MozBorderRadiusBottomleft?: HoneyCSSPropertyValue<"MozBorderRadiusBottomleft">;
+    $MozBorderRadiusBottomright?: HoneyCSSPropertyValue<"MozBorderRadiusBottomright">;
+    $MozBorderRadiusTopleft?: HoneyCSSPropertyValue<"MozBorderRadiusTopleft">;
+    $MozBorderRadiusTopright?: HoneyCSSPropertyValue<"MozBorderRadiusTopright">;
+    $MozBoxAlign?: HoneyCSSPropertyValue<"MozBoxAlign">;
+    $MozBoxDirection?: HoneyCSSPropertyValue<"MozBoxDirection">;
+    $MozBoxFlex?: HoneyCSSPropertyValue<"MozBoxFlex">;
+    $MozBoxOrdinalGroup?: HoneyCSSPropertyValue<"MozBoxOrdinalGroup">;
+    $MozBoxOrient?: HoneyCSSPropertyValue<"MozBoxOrient">;
+    $MozBoxPack?: HoneyCSSPropertyValue<"MozBoxPack">;
+    $MozBoxShadow?: HoneyCSSPropertyValue<"MozBoxShadow">;
+    $MozFloatEdge?: HoneyCSSPropertyValue<"MozFloatEdge">;
+    $MozForceBrokenImageIcon?: HoneyCSSPropertyValue<"MozForceBrokenImageIcon">;
+    $MozOpacity?: HoneyCSSPropertyValue<"MozOpacity">;
+    $MozOutline?: HoneyCSSPropertyValue<"MozOutline">;
+    $MozOutlineColor?: HoneyCSSPropertyValue<"MozOutlineColor">;
+    $MozOutlineStyle?: HoneyCSSPropertyValue<"MozOutlineStyle">;
+    $MozOutlineWidth?: HoneyCSSPropertyValue<"MozOutlineWidth">;
+    $MozPerspective?: HoneyCSSPropertyValue<"MozPerspective">;
+    $MozPerspectiveOrigin?: HoneyCSSPropertyValue<"MozPerspectiveOrigin">;
+    $MozTextAlignLast?: HoneyCSSPropertyValue<"MozTextAlignLast">;
+    $MozTextDecorationColor?: HoneyCSSPropertyValue<"MozTextDecorationColor">;
+    $MozTextDecorationLine?: HoneyCSSPropertyValue<"MozTextDecorationLine">;
+    $MozTextDecorationStyle?: HoneyCSSPropertyValue<"MozTextDecorationStyle">;
+    $MozTransform?: HoneyCSSPropertyValue<"MozTransform">;
+    $MozTransformOrigin?: HoneyCSSPropertyValue<"MozTransformOrigin">;
+    $MozTransformStyle?: HoneyCSSPropertyValue<"MozTransformStyle">;
+    $MozTransition?: HoneyCSSPropertyValue<"MozTransition">;
+    $MozTransitionDelay?: HoneyCSSPropertyValue<"MozTransitionDelay">;
+    $MozTransitionDuration?: HoneyCSSPropertyValue<"MozTransitionDuration">;
+    $MozTransitionProperty?: HoneyCSSPropertyValue<"MozTransitionProperty">;
+    $MozTransitionTimingFunction?: HoneyCSSPropertyValue<"MozTransitionTimingFunction">;
+    $MozUserInput?: HoneyCSSPropertyValue<"MozUserInput">;
+    $msImeMode?: HoneyCSSPropertyValue<"msImeMode">;
+    $OAnimation?: HoneyCSSPropertyValue<"OAnimation">;
+    $OAnimationDelay?: HoneyCSSPropertyValue<"OAnimationDelay">;
+    $OAnimationDirection?: HoneyCSSPropertyValue<"OAnimationDirection">;
+    $OAnimationDuration?: HoneyCSSPropertyValue<"OAnimationDuration">;
+    $OAnimationFillMode?: HoneyCSSPropertyValue<"OAnimationFillMode">;
+    $OAnimationIterationCount?: HoneyCSSPropertyValue<"OAnimationIterationCount">;
+    $OAnimationName?: HoneyCSSPropertyValue<"OAnimationName">;
+    $OAnimationPlayState?: HoneyCSSPropertyValue<"OAnimationPlayState">;
+    $OAnimationTimingFunction?: HoneyCSSPropertyValue<"OAnimationTimingFunction">;
+    $OBackgroundSize?: HoneyCSSPropertyValue<"OBackgroundSize">;
+    $OBorderImage?: HoneyCSSPropertyValue<"OBorderImage">;
+    $OObjectFit?: HoneyCSSPropertyValue<"OObjectFit">;
+    $OObjectPosition?: HoneyCSSPropertyValue<"OObjectPosition">;
+    $OTabSize?: HoneyCSSPropertyValue<"OTabSize">;
+    $OTextOverflow?: HoneyCSSPropertyValue<"OTextOverflow">;
+    $OTransform?: HoneyCSSPropertyValue<"OTransform">;
+    $OTransformOrigin?: HoneyCSSPropertyValue<"OTransformOrigin">;
+    $OTransition?: HoneyCSSPropertyValue<"OTransition">;
+    $OTransitionDelay?: HoneyCSSPropertyValue<"OTransitionDelay">;
+    $OTransitionDuration?: HoneyCSSPropertyValue<"OTransitionDuration">;
+    $OTransitionProperty?: HoneyCSSPropertyValue<"OTransitionProperty">;
+    $OTransitionTimingFunction?: HoneyCSSPropertyValue<"OTransitionTimingFunction">;
+    $WebkitBoxAlign?: HoneyCSSPropertyValue<"WebkitBoxAlign">;
+    $WebkitBoxDirection?: HoneyCSSPropertyValue<"WebkitBoxDirection">;
+    $WebkitBoxFlex?: HoneyCSSPropertyValue<"WebkitBoxFlex">;
+    $WebkitBoxFlexGroup?: HoneyCSSPropertyValue<"WebkitBoxFlexGroup">;
+    $WebkitBoxLines?: HoneyCSSPropertyValue<"WebkitBoxLines">;
+    $WebkitBoxOrdinalGroup?: HoneyCSSPropertyValue<"WebkitBoxOrdinalGroup">;
+    $WebkitBoxOrient?: HoneyCSSPropertyValue<"WebkitBoxOrient">;
+    $WebkitBoxPack?: HoneyCSSPropertyValue<"WebkitBoxPack">;
+    $alignmentBaseline?: HoneyCSSPropertyValue<"alignmentBaseline">;
+    $baselineShift?: HoneyCSSPropertyValue<"baselineShift">;
+    $clipRule?: HoneyCSSPropertyValue<"clipRule">;
+    $colorInterpolation?: HoneyCSSPropertyValue<"colorInterpolation">;
+    $colorRendering?: HoneyCSSPropertyValue<"colorRendering">;
+    $dominantBaseline?: HoneyCSSPropertyValue<"dominantBaseline">;
+    $fill?: HoneyCSSPropertyValue<"fill"> | undefined;
+    $fillOpacity?: HoneyCSSPropertyValue<"fillOpacity">;
+    $fillRule?: HoneyCSSPropertyValue<"fillRule">;
+    $floodColor?: HoneyCSSPropertyValue<"floodColor">;
+    $floodOpacity?: HoneyCSSPropertyValue<"floodOpacity">;
+    $glyphOrientationVertical?: HoneyCSSPropertyValue<"glyphOrientationVertical">;
+    $lightingColor?: HoneyCSSPropertyValue<"lightingColor">;
+    $marker?: HoneyCSSPropertyValue<"marker">;
+    $markerEnd?: HoneyCSSPropertyValue<"markerEnd">;
+    $markerMid?: HoneyCSSPropertyValue<"markerMid">;
+    $markerStart?: HoneyCSSPropertyValue<"markerStart">;
+    $shapeRendering?: HoneyCSSPropertyValue<"shapeRendering">;
+    $stopColor?: HoneyCSSPropertyValue<"stopColor">;
+    $stopOpacity?: HoneyCSSPropertyValue<"stopOpacity">;
+    $stroke?: HoneyCSSPropertyValue<"stroke"> | undefined;
+    $strokeDasharray?: HoneyCSSPropertyValue<"strokeDasharray">;
+    $strokeDashoffset?: HoneyCSSPropertyValue<"strokeDashoffset">;
+    $strokeLinecap?: HoneyCSSPropertyValue<"strokeLinecap">;
+    $strokeLinejoin?: HoneyCSSPropertyValue<"strokeLinejoin">;
+    $strokeMiterlimit?: HoneyCSSPropertyValue<"strokeMiterlimit">;
+    $strokeOpacity?: HoneyCSSPropertyValue<"strokeOpacity">;
+    $strokeWidth?: HoneyCSSPropertyValue<"strokeWidth">;
+    $textAnchor?: HoneyCSSPropertyValue<"textAnchor">;
+    $vectorEffect?: HoneyCSSPropertyValue<"vectorEffect">;
+}>>(breakpoint: HoneyBreakpointName) => ({ theme, ...props }: HoneyThemedProps<Props>) => import('styled-components').FlattenInterpolation<import('styled-components').ThemedStyledProps<HTMLAttributes<HTMLElement>, import('styled-components').DefaultTheme>> | null;
+export {};