@likec4/styles 1.59.3 → 1.59.4

package/dist/types/style-props.d.mts

@@ -373,7 +373,7 @@ animationComposition?: ConditionalValue<WithEscapeHatch<CssVars | CssProperties[
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/animation-delay
    */
-animationDelay?: ConditionalValue<UtilityValues["animationDelay"] | CssVars | CssProperties["animationDelay"]>
+animationDelay?: ConditionalValue<WithEscapeHatch<UtilityValues["animationDelay"] | CssVars>>
  /**
    * This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2015.
    *
@@ -403,7 +403,7 @@ animationDirection?: ConditionalValue<WithEscapeHatch<CssVars | CssProperties["a
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/animation-duration
    */
-animationDuration?: ConditionalValue<UtilityValues["animationDuration"] | CssVars | CssProperties["animationDuration"]>
+animationDuration?: ConditionalValue<WithEscapeHatch<UtilityValues["animationDuration"] | CssVars>>
  /**
    * This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2015.
    *
@@ -448,7 +448,7 @@ animationIterationCount?: ConditionalValue<WithEscapeHatch<CssProperties["animat
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/animation-name
    */
-animationName?: ConditionalValue<UtilityValues["animationName"] | CssVars | CssProperties["animationName"]>
+animationName?: ConditionalValue<WithEscapeHatch<UtilityValues["animationName"] | CssVars>>
  /**
    * This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2015.
    *
@@ -576,7 +576,7 @@ aspectRatio?: ConditionalValue<WithEscapeHatch<CssProperties["aspectRatio"]>>
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/backdrop-filter
    */
-backdropFilter?: ConditionalValue<UtilityValues["backdropFilter"] | CssVars | CssProperties["backdropFilter"]>
+backdropFilter?: ConditionalValue<WithEscapeHatch<UtilityValues["backdropFilter"] | CssVars>>
  /**
    * This feature is well established and works across many devices and browser versions. It’s been available across browsers since March 2022.
    *
@@ -774,7 +774,7 @@ backgroundSize?: ConditionalValue<WithEscapeHatch<CssProperties["backgroundSize"
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/block-size
    */
-blockSize?: ConditionalValue<UtilityValues["blockSize"] | CssVars | CssProperties["blockSize"]>
+blockSize?: ConditionalValue<WithEscapeHatch<UtilityValues["blockSize"] | CssVars>>
  /**
    * This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
    *
@@ -786,7 +786,7 @@ blockSize?: ConditionalValue<UtilityValues["blockSize"] | CssVars | CssPropertie
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border
    */
-border?: ConditionalValue<UtilityValues["border"] | CssVars | CssProperties["border"]>
+border?: ConditionalValue<WithEscapeHatch<UtilityValues["border"] | CssVars>>
  /**
    * This feature is well established and works across many devices and browser versions. It’s been available across browsers since April 2021.
    *
@@ -798,7 +798,7 @@ border?: ConditionalValue<UtilityValues["border"] | CssVars | CssProperties["bor
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-block
    */
-borderBlock?: ConditionalValue<UtilityValues["borderBlock"] | CssVars | CssProperties["borderBlock"]>
+borderBlock?: ConditionalValue<WithEscapeHatch<UtilityValues["borderBlock"] | CssVars>>
  /**
    * This feature is well established and works across many devices and browser versions. It’s been available across browsers since April 2021.
    *
@@ -824,7 +824,7 @@ borderBlockColor?: ConditionalValue<WithEscapeHatch<UtilityValues["borderBlockCo
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-block-end
    */
-borderBlockEnd?: ConditionalValue<UtilityValues["borderBlockEnd"] | CssVars | CssProperties["borderBlockEnd"]>
+borderBlockEnd?: ConditionalValue<WithEscapeHatch<UtilityValues["borderBlockEnd"] | CssVars>>
  /**
    * This feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.
    *
@@ -866,7 +866,7 @@ borderBlockEndStyle?: ConditionalValue<WithEscapeHatch<CssVars | CssProperties["
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-block-end-width
    */
-borderBlockEndWidth?: ConditionalValue<UtilityValues["borderBlockEndWidth"] | CssVars | CssProperties["borderBlockEndWidth"]>
+borderBlockEndWidth?: ConditionalValue<WithEscapeHatch<UtilityValues["borderBlockEndWidth"] | CssVars>>
  /**
    * This feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.
    *
@@ -878,7 +878,7 @@ borderBlockEndWidth?: ConditionalValue<UtilityValues["borderBlockEndWidth"] | Cs
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-block-start
    */
-borderBlockStart?: ConditionalValue<UtilityValues["borderBlockStart"] | CssVars | CssProperties["borderBlockStart"]>
+borderBlockStart?: ConditionalValue<WithEscapeHatch<UtilityValues["borderBlockStart"] | CssVars>>
  /**
    * This feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.
    *
@@ -920,7 +920,7 @@ borderBlockStartStyle?: ConditionalValue<WithEscapeHatch<CssVars | CssProperties
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-block-start-width
    */
-borderBlockStartWidth?: ConditionalValue<UtilityValues["borderBlockStartWidth"] | CssVars | CssProperties["borderBlockStartWidth"]>
+borderBlockStartWidth?: ConditionalValue<WithEscapeHatch<UtilityValues["borderBlockStartWidth"] | CssVars>>
  /**
    * This feature is well established and works across many devices and browser versions. It’s been available across browsers since April 2021.
    *
@@ -948,7 +948,7 @@ borderBlockStyle?: ConditionalValue<WithEscapeHatch<CssVars | CssProperties["bor
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-block-width
    */
-borderBlockWidth?: ConditionalValue<UtilityValues["borderBlockWidth"] | CssVars | CssProperties["borderBlockWidth"]>
+borderBlockWidth?: ConditionalValue<WithEscapeHatch<UtilityValues["borderBlockWidth"] | CssVars>>
  /**
    * This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
    *
@@ -960,7 +960,7 @@ borderBlockWidth?: ConditionalValue<UtilityValues["borderBlockWidth"] | CssVars
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-bottom
    */
-borderBottom?: ConditionalValue<UtilityValues["borderBottom"] | CssVars | CssProperties["borderBottom"]>
+borderBottom?: ConditionalValue<WithEscapeHatch<UtilityValues["borderBottom"] | CssVars>>
  /**
    * This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
    *
@@ -1032,7 +1032,7 @@ borderBottomStyle?: ConditionalValue<WithEscapeHatch<CssVars | CssProperties["bo
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-bottom-width
    */
-borderBottomWidth?: ConditionalValue<UtilityValues["borderBottomWidth"] | CssVars | CssProperties["borderBottomWidth"]>
+borderBottomWidth?: ConditionalValue<WithEscapeHatch<UtilityValues["borderBottomWidth"] | CssVars>>
  /**
    * This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
    *
@@ -1181,7 +1181,7 @@ borderImageWidth?: ConditionalValue<WithEscapeHatch<CssProperties["borderImageWi
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-inline
    */
-borderInline?: ConditionalValue<UtilityValues["borderInline"] | CssVars | CssProperties["borderInline"]>
+borderInline?: ConditionalValue<WithEscapeHatch<UtilityValues["borderInline"] | CssVars>>
  /**
    * This feature is well established and works across many devices and browser versions. It’s been available across browsers since April 2021.
    *
@@ -1207,7 +1207,7 @@ borderInlineColor?: ConditionalValue<WithEscapeHatch<UtilityValues["borderInline
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-inline-end
    */
-borderInlineEnd?: ConditionalValue<UtilityValues["borderInlineEnd"] | CssVars | CssProperties["borderInlineEnd"]>
+borderInlineEnd?: ConditionalValue<WithEscapeHatch<UtilityValues["borderInlineEnd"] | CssVars>>
  /**
    * This feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.
    *
@@ -1252,7 +1252,7 @@ borderInlineEndStyle?: ConditionalValue<WithEscapeHatch<CssVars | CssProperties[
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-inline-end-width
    */
-borderInlineEndWidth?: ConditionalValue<UtilityValues["borderInlineEndWidth"] | CssVars | CssProperties["borderInlineEndWidth"]>
+borderInlineEndWidth?: ConditionalValue<WithEscapeHatch<UtilityValues["borderInlineEndWidth"] | CssVars>>
  /**
    * This feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.
    *
@@ -1264,7 +1264,7 @@ borderInlineEndWidth?: ConditionalValue<UtilityValues["borderInlineEndWidth"] |
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-inline-start
    */
-borderInlineStart?: ConditionalValue<UtilityValues["borderInlineStart"] | CssVars | CssProperties["borderInlineStart"]>
+borderInlineStart?: ConditionalValue<WithEscapeHatch<UtilityValues["borderInlineStart"] | CssVars>>
  /**
    * This feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.
    *
@@ -1308,7 +1308,7 @@ borderInlineStartStyle?: ConditionalValue<WithEscapeHatch<CssVars | CssPropertie
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-inline-start-width
    */
-borderInlineStartWidth?: ConditionalValue<UtilityValues["borderInlineStartWidth"] | CssVars | CssProperties["borderInlineStartWidth"]>
+borderInlineStartWidth?: ConditionalValue<WithEscapeHatch<UtilityValues["borderInlineStartWidth"] | CssVars>>
  /**
    * This feature is well established and works across many devices and browser versions. It’s been available across browsers since April 2021.
    *
@@ -1336,7 +1336,7 @@ borderInlineStyle?: ConditionalValue<WithEscapeHatch<CssVars | CssProperties["bo
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-inline-width
    */
-borderInlineWidth?: ConditionalValue<UtilityValues["borderInlineWidth"] | CssVars | CssProperties["borderInlineWidth"]>
+borderInlineWidth?: ConditionalValue<WithEscapeHatch<UtilityValues["borderInlineWidth"] | CssVars>>
  /**
    * This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
    *
@@ -1348,7 +1348,7 @@ borderInlineWidth?: ConditionalValue<UtilityValues["borderInlineWidth"] | CssVar
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-left
    */
-borderLeft?: ConditionalValue<UtilityValues["borderLeft"] | CssVars | CssProperties["borderLeft"]>
+borderLeft?: ConditionalValue<WithEscapeHatch<UtilityValues["borderLeft"] | CssVars>>
  /**
    * This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
    *
@@ -1390,7 +1390,7 @@ borderLeftStyle?: ConditionalValue<WithEscapeHatch<CssVars | CssProperties["bord
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-left-width
    */
-borderLeftWidth?: ConditionalValue<UtilityValues["borderLeftWidth"] | CssVars | CssProperties["borderLeftWidth"]>
+borderLeftWidth?: ConditionalValue<WithEscapeHatch<UtilityValues["borderLeftWidth"] | CssVars>>
  /**
    * This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
    *
@@ -1415,7 +1415,7 @@ borderRadius?: ConditionalValue<WithEscapeHatch<UtilityValues["borderRadius"] |
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-right
    */
-borderRight?: ConditionalValue<UtilityValues["borderRight"] | CssVars | CssProperties["borderRight"]>
+borderRight?: ConditionalValue<WithEscapeHatch<UtilityValues["borderRight"] | CssVars>>
  /**
    * This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
    *
@@ -1457,7 +1457,7 @@ borderRightStyle?: ConditionalValue<WithEscapeHatch<CssVars | CssProperties["bor
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-right-width
    */
-borderRightWidth?: ConditionalValue<UtilityValues["borderRightWidth"] | CssVars | CssProperties["borderRightWidth"]>
+borderRightWidth?: ConditionalValue<WithEscapeHatch<UtilityValues["borderRightWidth"] | CssVars>>
  /**
    * This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
    *
@@ -1523,7 +1523,7 @@ borderStyle?: ConditionalValue<WithEscapeHatch<CssProperties["borderStyle"]>>
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-top
    */
-borderTop?: ConditionalValue<UtilityValues["borderTop"] | CssVars | CssProperties["borderTop"]>
+borderTop?: ConditionalValue<WithEscapeHatch<UtilityValues["borderTop"] | CssVars>>
  /**
    * This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
    *
@@ -1595,7 +1595,7 @@ borderTopStyle?: ConditionalValue<WithEscapeHatch<CssVars | CssProperties["borde
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-top-width
    */
-borderTopWidth?: ConditionalValue<UtilityValues["borderTopWidth"] | CssVars | CssProperties["borderTopWidth"]>
+borderTopWidth?: ConditionalValue<WithEscapeHatch<UtilityValues["borderTopWidth"] | CssVars>>
  /**
    * This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
    *
@@ -1607,7 +1607,7 @@ borderTopWidth?: ConditionalValue<UtilityValues["borderTopWidth"] | CssVars | Cs
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-width
    */
-borderWidth?: ConditionalValue<UtilityValues["borderWidth"] | CssVars | CssProperties["borderWidth"]>
+borderWidth?: ConditionalValue<WithEscapeHatch<UtilityValues["borderWidth"] | CssVars>>
  /**
    * This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
    *
@@ -2196,7 +2196,7 @@ counterSet?: ConditionalValue<WithEscapeHatch<CssProperties["counterSet"]>>
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/cursor
    */
-cursor?: ConditionalValue<UtilityValues["cursor"] | CssVars | CssProperties["cursor"]>
+cursor?: ConditionalValue<WithEscapeHatch<UtilityValues["cursor"] | CssVars>>
  /**
    * This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2020.
    *
@@ -2365,7 +2365,7 @@ fillRule?: ConditionalValue<WithEscapeHatch<CssProperties["fillRule"]>>
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/filter
    */
-filter?: ConditionalValue<UtilityValues["filter"] | CssVars | CssProperties["filter"]>
+filter?: ConditionalValue<WithEscapeHatch<UtilityValues["filter"] | CssVars>>
  /**
    * This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2015.
    *
@@ -2378,7 +2378,7 @@ filter?: ConditionalValue<UtilityValues["filter"] | CssVars | CssProperties["fil
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/flex
    */
-flex?: ConditionalValue<UtilityValues["flex"] | CssVars | CssProperties["flex"]>
+flex?: ConditionalValue<WithEscapeHatch<UtilityValues["flex"] | CssVars>>
  /**
    * This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2015.
    *
@@ -2393,7 +2393,7 @@ flex?: ConditionalValue<UtilityValues["flex"] | CssVars | CssProperties["flex"]>
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/flex-basis
    */
-flexBasis?: ConditionalValue<UtilityValues["flexBasis"] | CssVars | CssProperties["flexBasis"]>
+flexBasis?: ConditionalValue<WithEscapeHatch<UtilityValues["flexBasis"] | CssVars>>
  /**
    * This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2015.
    *
@@ -2480,7 +2480,7 @@ flexWrap?: ConditionalValue<WithEscapeHatch<CssVars | CssProperties["flexWrap"]>
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/float
    */
-float?: ConditionalValue<UtilityValues["float"] | CssVars | CssProperties["float"]>
+float?: ConditionalValue<WithEscapeHatch<UtilityValues["float"] | CssVars>>
  /**
    * This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
    *
@@ -2621,7 +2621,7 @@ fontPalette?: ConditionalValue<WithEscapeHatch<CssProperties["fontPalette"]>>
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/font-size
    */
-fontSize?: ConditionalValue<UtilityValues["fontSize"] | CssVars | CssProperties["fontSize"]>
+fontSize?: ConditionalValue<WithEscapeHatch<UtilityValues["fontSize"] | CssVars>>
  /**
    * Since July 2024, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.
    *
@@ -2940,7 +2940,7 @@ gridArea?: ConditionalValue<WithEscapeHatch<CssProperties["gridArea"]>>
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/grid-auto-columns
    */
-gridAutoColumns?: ConditionalValue<UtilityValues["gridAutoColumns"] | CssVars | CssProperties["gridAutoColumns"]>
+gridAutoColumns?: ConditionalValue<WithEscapeHatch<UtilityValues["gridAutoColumns"] | CssVars>>
  /**
    * This feature is well established and works across many devices and browser versions. It’s been available across browsers since October 2017.
    *
@@ -2968,7 +2968,7 @@ gridAutoFlow?: ConditionalValue<WithEscapeHatch<CssProperties["gridAutoFlow"]>>
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/grid-auto-rows
    */
-gridAutoRows?: ConditionalValue<UtilityValues["gridAutoRows"] | CssVars | CssProperties["gridAutoRows"]>
+gridAutoRows?: ConditionalValue<WithEscapeHatch<UtilityValues["gridAutoRows"] | CssVars>>
  /**
    * This feature is well established and works across many devices and browser versions. It’s been available across browsers since October 2017.
    *
@@ -3133,7 +3133,7 @@ hangingPunctuation?: ConditionalValue<WithEscapeHatch<CssProperties["hangingPunc
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/height
    */
-height?: ConditionalValue<UtilityValues["height"] | CssVars | CssProperties["height"]>
+height?: ConditionalValue<WithEscapeHatch<UtilityValues["height"] | CssVars>>
  /**
    * Since September 2023, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.
    *
@@ -3249,7 +3249,7 @@ initialLetterAlign?: ConditionalValue<WithEscapeHatch<CssProperties["initialLett
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/inline-size
    */
-inlineSize?: ConditionalValue<UtilityValues["inlineSize"] | CssVars | CssProperties["inlineSize"]>
+inlineSize?: ConditionalValue<WithEscapeHatch<UtilityValues["inlineSize"] | CssVars>>
  /**
    * This feature is well established and works across many devices and browser versions. It’s been available across browsers since April 2021.
    *
@@ -3446,7 +3446,7 @@ left?: ConditionalValue<WithEscapeHatch<UtilityValues["left"] | CssVars>>
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/letter-spacing
    */
-letterSpacing?: ConditionalValue<UtilityValues["letterSpacing"] | CssVars | CssProperties["letterSpacing"]>
+letterSpacing?: ConditionalValue<WithEscapeHatch<UtilityValues["letterSpacing"] | CssVars>>
  /**
    * This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
    *
@@ -3504,7 +3504,7 @@ lineClamp?: ConditionalValue<WithEscapeHatch<CssProperties["lineClamp"]>>
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/line-height
    */
-lineHeight?: ConditionalValue<UtilityValues["lineHeight"] | CssVars | CssProperties["lineHeight"]>
+lineHeight?: ConditionalValue<WithEscapeHatch<UtilityValues["lineHeight"] | CssVars>>
  /**
    * The **`line-height-step`** CSS property sets the step unit for line box heights. When the property is set, line box heights are rounded up to the closest multiple of the unit.
    *
@@ -4089,7 +4089,7 @@ mathStyle?: ConditionalValue<WithEscapeHatch<CssProperties["mathStyle"]>>
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/max-block-size
    */
-maxBlockSize?: ConditionalValue<UtilityValues["maxBlockSize"] | CssVars | CssProperties["maxBlockSize"]>
+maxBlockSize?: ConditionalValue<WithEscapeHatch<UtilityValues["maxBlockSize"] | CssVars>>
  /**
    * This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
    *
@@ -4103,7 +4103,7 @@ maxBlockSize?: ConditionalValue<UtilityValues["maxBlockSize"] | CssVars | CssPro
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/max-height
    */
-maxHeight?: ConditionalValue<UtilityValues["maxHeight"] | CssVars | CssProperties["maxHeight"]>
+maxHeight?: ConditionalValue<WithEscapeHatch<UtilityValues["maxHeight"] | CssVars>>
  /**
    * This feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.
    *
@@ -4118,7 +4118,7 @@ maxHeight?: ConditionalValue<UtilityValues["maxHeight"] | CssVars | CssPropertie
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/max-inline-size
    */
-maxInlineSize?: ConditionalValue<UtilityValues["maxInlineSize"] | CssVars | CssProperties["maxInlineSize"]>
+maxInlineSize?: ConditionalValue<WithEscapeHatch<UtilityValues["maxInlineSize"] | CssVars>>
  /**
    * **Syntax**: `none | <integer>`
    *
@@ -4138,7 +4138,7 @@ maxLines?: ConditionalValue<WithEscapeHatch<CssProperties["maxLines"]>>
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/max-width
    */
-maxWidth?: ConditionalValue<UtilityValues["maxWidth"] | CssVars | CssProperties["maxWidth"]>
+maxWidth?: ConditionalValue<WithEscapeHatch<UtilityValues["maxWidth"] | CssVars>>
  /**
    * This feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.
    *
@@ -4152,7 +4152,7 @@ maxWidth?: ConditionalValue<UtilityValues["maxWidth"] | CssVars | CssProperties[
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/min-block-size
    */
-minBlockSize?: ConditionalValue<UtilityValues["minBlockSize"] | CssVars | CssProperties["minBlockSize"]>
+minBlockSize?: ConditionalValue<WithEscapeHatch<UtilityValues["minBlockSize"] | CssVars>>
  /**
    * This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
    *
@@ -4166,7 +4166,7 @@ minBlockSize?: ConditionalValue<UtilityValues["minBlockSize"] | CssVars | CssPro
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/min-height
    */
-minHeight?: ConditionalValue<UtilityValues["minHeight"] | CssVars | CssProperties["minHeight"]>
+minHeight?: ConditionalValue<WithEscapeHatch<UtilityValues["minHeight"] | CssVars>>
  /**
    * This feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.
    *
@@ -4180,7 +4180,7 @@ minHeight?: ConditionalValue<UtilityValues["minHeight"] | CssVars | CssPropertie
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/min-inline-size
    */
-minInlineSize?: ConditionalValue<UtilityValues["minInlineSize"] | CssVars | CssProperties["minInlineSize"]>
+minInlineSize?: ConditionalValue<WithEscapeHatch<UtilityValues["minInlineSize"] | CssVars>>
  /**
    * This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
    *
@@ -4194,7 +4194,7 @@ minInlineSize?: ConditionalValue<UtilityValues["minInlineSize"] | CssVars | CssP
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/min-width
    */
-minWidth?: ConditionalValue<UtilityValues["minWidth"] | CssVars | CssProperties["minWidth"]>
+minWidth?: ConditionalValue<WithEscapeHatch<UtilityValues["minWidth"] | CssVars>>
  /**
    * This feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.
    *
@@ -4336,7 +4336,7 @@ offsetRotate?: ConditionalValue<WithEscapeHatch<CssProperties["offsetRotate"]>>
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/opacity
    */
-opacity?: ConditionalValue<UtilityValues["opacity"] | CssVars | CssProperties["opacity"]>
+opacity?: ConditionalValue<WithEscapeHatch<UtilityValues["opacity"] | CssVars>>
  /**
    * This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2015.
    *
@@ -4377,7 +4377,7 @@ orphans?: ConditionalValue<WithEscapeHatch<CssProperties["orphans"]>>
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/outline
    */
-outline?: ConditionalValue<UtilityValues["outline"] | CssVars | CssProperties["outline"]>
+outline?: ConditionalValue<WithEscapeHatch<UtilityValues["outline"] | CssVars>>
  /**
    * This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
    *
@@ -4433,7 +4433,7 @@ outlineStyle?: ConditionalValue<WithEscapeHatch<CssVars | CssProperties["outline
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/outline-width
    */
-outlineWidth?: ConditionalValue<UtilityValues["outlineWidth"] | CssVars | CssProperties["outlineWidth"]>
+outlineWidth?: ConditionalValue<WithEscapeHatch<UtilityValues["outlineWidth"] | CssVars>>
  /**
    * This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
    *
@@ -5078,7 +5078,7 @@ right?: ConditionalValue<WithEscapeHatch<UtilityValues["right"] | CssVars>>
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/rotate
    */
-rotate?: ConditionalValue<UtilityValues["rotate"] | CssVars | CssProperties["rotate"]>
+rotate?: ConditionalValue<WithEscapeHatch<UtilityValues["rotate"] | CssVars>>
  /**
    * This feature is well established and works across many devices and browser versions. It’s been available across browsers since October 2017.
    *
@@ -5169,7 +5169,7 @@ ry?: ConditionalValue<WithEscapeHatch<CssProperties["ry"]>>
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/scale
    */
-scale?: ConditionalValue<UtilityValues["scale"] | CssVars | CssProperties["scale"]>
+scale?: ConditionalValue<WithEscapeHatch<UtilityValues["scale"] | CssVars>>
  /**
    * This feature is well established and works across many devices and browser versions. It’s been available across browsers since March 2022.
    *
@@ -5531,7 +5531,7 @@ scrollSnapStop?: ConditionalValue<WithEscapeHatch<CssProperties["scrollSnapStop"
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/scroll-snap-type
    */
-scrollSnapType?: ConditionalValue<UtilityValues["scrollSnapType"] | CssVars | CssProperties["scrollSnapType"]>
+scrollSnapType?: ConditionalValue<WithEscapeHatch<UtilityValues["scrollSnapType"] | CssVars>>
  scrollSnapTypeX?: ConditionalValue<WithEscapeHatch<CssProperties["scrollSnapTypeX"]>>
  scrollSnapTypeY?: ConditionalValue<WithEscapeHatch<CssProperties["scrollSnapTypeY"]>>
  /**
@@ -5615,7 +5615,7 @@ scrollbarGutter?: ConditionalValue<WithEscapeHatch<CssProperties["scrollbarGutte
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/scrollbar-width
    */
-scrollbarWidth?: ConditionalValue<UtilityValues["scrollbarWidth"] | CssVars | CssProperties["scrollbarWidth"]>
+scrollbarWidth?: ConditionalValue<WithEscapeHatch<UtilityValues["scrollbarWidth"] | CssVars>>
  /**
    * This feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.
    *
@@ -5809,7 +5809,7 @@ strokeOpacity?: ConditionalValue<WithEscapeHatch<CssProperties["strokeOpacity"]>
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/stroke-width
    */
-strokeWidth?: ConditionalValue<UtilityValues["strokeWidth"] | CssVars | CssProperties["strokeWidth"]>
+strokeWidth?: ConditionalValue<WithEscapeHatch<UtilityValues["strokeWidth"] | CssVars>>
  /**
    * This feature is well established and works across many devices and browser versions. It’s been available across browsers since August 2021.
    *
@@ -6259,7 +6259,7 @@ textUnderlinePosition?: ConditionalValue<WithEscapeHatch<CssProperties["textUnde
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/text-wrap
    */
-textWrap?: ConditionalValue<UtilityValues["textWrap"] | CssVars | CssProperties["textWrap"]>
+textWrap?: ConditionalValue<WithEscapeHatch<UtilityValues["textWrap"] | CssVars>>
  /**
    * Since October 2024, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.
    *
@@ -6402,7 +6402,7 @@ transformStyle?: ConditionalValue<WithEscapeHatch<CssVars | CssProperties["trans
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/transition
    */
-transition?: ConditionalValue<UtilityValues["transition"] | CssVars | CssProperties["transition"]>
+transition?: ConditionalValue<WithEscapeHatch<UtilityValues["transition"] | CssVars>>
  /**
    * Since August 2024, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.
    *
@@ -6431,7 +6431,7 @@ transitionBehavior?: ConditionalValue<WithEscapeHatch<CssProperties["transitionB
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/transition-delay
    */
-transitionDelay?: ConditionalValue<UtilityValues["transitionDelay"] | CssVars | CssProperties["transitionDelay"]>
+transitionDelay?: ConditionalValue<WithEscapeHatch<UtilityValues["transitionDelay"] | CssVars>>
  /**
    * This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2015.
    *
@@ -6446,7 +6446,7 @@ transitionDelay?: ConditionalValue<UtilityValues["transitionDelay"] | CssVars |
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/transition-duration
    */
-transitionDuration?: ConditionalValue<UtilityValues["transitionDuration"] | CssVars | CssProperties["transitionDuration"]>
+transitionDuration?: ConditionalValue<WithEscapeHatch<UtilityValues["transitionDuration"] | CssVars>>
  /**
    * This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2015.
    *
@@ -6461,7 +6461,7 @@ transitionDuration?: ConditionalValue<UtilityValues["transitionDuration"] | CssV
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/transition-property
    */
-transitionProperty?: ConditionalValue<UtilityValues["transitionProperty"] | CssVars | CssProperties["transitionProperty"]>
+transitionProperty?: ConditionalValue<WithEscapeHatch<UtilityValues["transitionProperty"] | CssVars>>
  /**
    * This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2015.
    *
@@ -6490,7 +6490,7 @@ transitionTimingFunction?: ConditionalValue<WithEscapeHatch<UtilityValues["trans
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/translate
    */
-translate?: ConditionalValue<UtilityValues["translate"] | CssVars | CssProperties["translate"]>
+translate?: ConditionalValue<WithEscapeHatch<UtilityValues["translate"] | CssVars>>
  /**
    * This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
    *
@@ -6685,7 +6685,7 @@ widows?: ConditionalValue<WithEscapeHatch<CssProperties["widows"]>>
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/width
    */
-width?: ConditionalValue<UtilityValues["width"] | CssVars | CssProperties["width"]>
+width?: ConditionalValue<WithEscapeHatch<UtilityValues["width"] | CssVars>>
  /**
    * This feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.
    *
@@ -6766,7 +6766,7 @@ writingMode?: ConditionalValue<WithEscapeHatch<CssVars | CssProperties["writingM
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/z-index
    */
-zIndex?: ConditionalValue<UtilityValues["zIndex"] | CssVars | CssProperties["zIndex"]>
+zIndex?: ConditionalValue<WithEscapeHatch<UtilityValues["zIndex"] | CssVars>>
  /**
    * Since May 2024, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.
    *
@@ -7282,7 +7282,7 @@ marginStart?: ConditionalValue<WithEscapeHatch<UtilityValues["marginInlineStart"
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/outline-width
    */
-ringWidth?: ConditionalValue<UtilityValues["outlineWidth"] | CssVars | CssProperties["outlineWidth"]>
+ringWidth?: ConditionalValue<WithEscapeHatch<UtilityValues["outlineWidth"] | CssVars>>
  /**
    * This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
    *
@@ -7308,7 +7308,7 @@ ringColor?: ConditionalValue<WithEscapeHatch<UtilityValues["outlineColor"] | Css
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/outline
    */
-ring?: ConditionalValue<UtilityValues["outline"] | CssVars | CssProperties["outline"]>
+ring?: ConditionalValue<WithEscapeHatch<UtilityValues["outline"] | CssVars>>
  /**
    * This feature is well established and works across many devices and browser versions. It’s been available across browsers since April 2017.
    *
@@ -7336,7 +7336,7 @@ ringOffset?: ConditionalValue<WithEscapeHatch<UtilityValues["outlineOffset"] | C
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/width
    */
-w?: ConditionalValue<UtilityValues["width"] | CssVars | CssProperties["width"]>
+w?: ConditionalValue<WithEscapeHatch<UtilityValues["width"] | CssVars>>
  /**
    * This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
    *
@@ -7350,7 +7350,7 @@ w?: ConditionalValue<UtilityValues["width"] | CssVars | CssProperties["width"]>
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/min-width
    */
-minW?: ConditionalValue<UtilityValues["minWidth"] | CssVars | CssProperties["minWidth"]>
+minW?: ConditionalValue<WithEscapeHatch<UtilityValues["minWidth"] | CssVars>>
  /**
    * This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
    *
@@ -7364,7 +7364,7 @@ minW?: ConditionalValue<UtilityValues["minWidth"] | CssVars | CssProperties["min
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/max-width
    */
-maxW?: ConditionalValue<UtilityValues["maxWidth"] | CssVars | CssProperties["maxWidth"]>
+maxW?: ConditionalValue<WithEscapeHatch<UtilityValues["maxWidth"] | CssVars>>
  /**
    * This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
    *
@@ -7378,7 +7378,7 @@ maxW?: ConditionalValue<UtilityValues["maxWidth"] | CssVars | CssProperties["max
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/height
    */
-h?: ConditionalValue<UtilityValues["height"] | CssVars | CssProperties["height"]>
+h?: ConditionalValue<WithEscapeHatch<UtilityValues["height"] | CssVars>>
  /**
    * This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
    *
@@ -7392,7 +7392,7 @@ h?: ConditionalValue<UtilityValues["height"] | CssVars | CssProperties["height"]
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/min-height
    */
-minH?: ConditionalValue<UtilityValues["minHeight"] | CssVars | CssProperties["minHeight"]>
+minH?: ConditionalValue<WithEscapeHatch<UtilityValues["minHeight"] | CssVars>>
  /**
    * This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
    *
@@ -7406,7 +7406,7 @@ minH?: ConditionalValue<UtilityValues["minHeight"] | CssVars | CssProperties["mi
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/max-height
    */
-maxH?: ConditionalValue<UtilityValues["maxHeight"] | CssVars | CssProperties["maxHeight"]>
+maxH?: ConditionalValue<WithEscapeHatch<UtilityValues["maxHeight"] | CssVars>>
  textShadowColor?: ConditionalValue<WithEscapeHatch<UtilityValues["textShadowColor"] | CssVars>>
  /**
    * This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
@@ -7576,10 +7576,10 @@ bgBlendMode?: ConditionalValue<WithEscapeHatch<CssProperties["backgroundBlendMod
    * @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/background-size
    */
 bgSize?: ConditionalValue<WithEscapeHatch<CssProperties["backgroundSize"]>>
- bgGradient?: ConditionalValue<UtilityValues["backgroundGradient"] | CssVars | CssProperties["backgroundGradient"]>
- bgLinear?: ConditionalValue<UtilityValues["backgroundLinear"] | CssVars | CssProperties["backgroundLinear"]>
- bgRadial?: ConditionalValue<string | number | CssProperties["backgroundRadial"]>
- bgConic?: ConditionalValue<string | number | CssProperties["backgroundConic"]>
+ bgGradient?: ConditionalValue<WithEscapeHatch<UtilityValues["backgroundGradient"] | CssVars>>
+ bgLinear?: ConditionalValue<WithEscapeHatch<UtilityValues["backgroundLinear"] | CssVars>>
+ bgRadial?: ConditionalValue<WithEscapeHatch<string | number>>
+ bgConic?: ConditionalValue<WithEscapeHatch<string | number>>
  /**
    * This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
    *
@@ -7726,7 +7726,7 @@ roundedEndEnd?: ConditionalValue<WithEscapeHatch<UtilityValues["borderEndEndRadi
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-inline
    */
-borderX?: ConditionalValue<UtilityValues["borderInline"] | CssVars | CssProperties["borderInline"]>
+borderX?: ConditionalValue<WithEscapeHatch<UtilityValues["borderInline"] | CssVars>>
  /**
    * This feature is well established and works across many devices and browser versions. It’s been available across browsers since April 2021.
    *
@@ -7740,7 +7740,7 @@ borderX?: ConditionalValue<UtilityValues["borderInline"] | CssVars | CssProperti
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-inline-width
    */
-borderXWidth?: ConditionalValue<UtilityValues["borderInlineWidth"] | CssVars | CssProperties["borderInlineWidth"]>
+borderXWidth?: ConditionalValue<WithEscapeHatch<UtilityValues["borderInlineWidth"] | CssVars>>
  /**
    * This feature is well established and works across many devices and browser versions. It’s been available across browsers since April 2021.
    *
@@ -7766,7 +7766,7 @@ borderXColor?: ConditionalValue<WithEscapeHatch<UtilityValues["borderInlineColor
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-block
    */
-borderY?: ConditionalValue<UtilityValues["borderBlock"] | CssVars | CssProperties["borderBlock"]>
+borderY?: ConditionalValue<WithEscapeHatch<UtilityValues["borderBlock"] | CssVars>>
  /**
    * This feature is well established and works across many devices and browser versions. It’s been available across browsers since April 2021.
    *
@@ -7780,7 +7780,7 @@ borderY?: ConditionalValue<UtilityValues["borderBlock"] | CssVars | CssPropertie
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-block-width
    */
-borderYWidth?: ConditionalValue<UtilityValues["borderBlockWidth"] | CssVars | CssProperties["borderBlockWidth"]>
+borderYWidth?: ConditionalValue<WithEscapeHatch<UtilityValues["borderBlockWidth"] | CssVars>>
  /**
    * This feature is well established and works across many devices and browser versions. It’s been available across browsers since April 2021.
    *
@@ -7806,7 +7806,7 @@ borderYColor?: ConditionalValue<WithEscapeHatch<UtilityValues["borderBlockColor"
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-inline-start
    */
-borderStart?: ConditionalValue<UtilityValues["borderInlineStart"] | CssVars | CssProperties["borderInlineStart"]>
+borderStart?: ConditionalValue<WithEscapeHatch<UtilityValues["borderInlineStart"] | CssVars>>
  /**
    * This feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.
    *
@@ -7820,7 +7820,7 @@ borderStart?: ConditionalValue<UtilityValues["borderInlineStart"] | CssVars | Cs
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-inline-start-width
    */
-borderStartWidth?: ConditionalValue<UtilityValues["borderInlineStartWidth"] | CssVars | CssProperties["borderInlineStartWidth"]>
+borderStartWidth?: ConditionalValue<WithEscapeHatch<UtilityValues["borderInlineStartWidth"] | CssVars>>
  /**
    * This feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.
    *
@@ -7847,7 +7847,7 @@ borderStartColor?: ConditionalValue<WithEscapeHatch<UtilityValues["borderInlineS
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-inline-end
    */
-borderEnd?: ConditionalValue<UtilityValues["borderInlineEnd"] | CssVars | CssProperties["borderInlineEnd"]>
+borderEnd?: ConditionalValue<WithEscapeHatch<UtilityValues["borderInlineEnd"] | CssVars>>
  /**
    * This feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.
    *
@@ -7862,7 +7862,7 @@ borderEnd?: ConditionalValue<UtilityValues["borderInlineEnd"] | CssVars | CssPro
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-inline-end-width
    */
-borderEndWidth?: ConditionalValue<UtilityValues["borderInlineEndWidth"] | CssVars | CssProperties["borderInlineEndWidth"]>
+borderEndWidth?: ConditionalValue<WithEscapeHatch<UtilityValues["borderInlineEndWidth"] | CssVars>>
  /**
    * This feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.
    *
@@ -7943,34 +7943,34 @@ scrollPaddingY?: ConditionalValue<WithEscapeHatch<UtilityValues["scrollPaddingBl
    * @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/scroll-padding-inline
    */
 scrollPaddingX?: ConditionalValue<WithEscapeHatch<UtilityValues["scrollPaddingInline"] | CssVars>>
- hideFrom?: ConditionalValue<UtilityValues["hideFrom"] | CssVars | CssProperties["hideFrom"]>
- hideBelow?: ConditionalValue<UtilityValues["hideBelow"] | CssVars | CssProperties["hideBelow"]>
+ hideFrom?: ConditionalValue<WithEscapeHatch<UtilityValues["hideFrom"] | CssVars>>
+ hideBelow?: ConditionalValue<WithEscapeHatch<UtilityValues["hideBelow"] | CssVars>>
  spaceX?: ConditionalValue<WithEscapeHatch<UtilityValues["spaceX"] | CssVars>>
  spaceY?: ConditionalValue<WithEscapeHatch<UtilityValues["spaceY"] | CssVars>>
- focusRing?: ConditionalValue<UtilityValues["focusRing"] | CssVars | CssProperties["focusRing"]>
- focusVisibleRing?: ConditionalValue<UtilityValues["focusVisibleRing"] | CssVars | CssProperties["focusVisibleRing"]>
+ focusRing?: ConditionalValue<WithEscapeHatch<UtilityValues["focusRing"] | CssVars>>
+ focusVisibleRing?: ConditionalValue<WithEscapeHatch<UtilityValues["focusVisibleRing"] | CssVars>>
  focusRingColor?: ConditionalValue<WithEscapeHatch<UtilityValues["focusRingColor"] | CssVars>>
  focusRingOffset?: ConditionalValue<WithEscapeHatch<UtilityValues["focusRingOffset"] | CssVars>>
- focusRingWidth?: ConditionalValue<UtilityValues["focusRingWidth"] | CssVars | CssProperties["focusRingWidth"]>
- focusRingStyle?: ConditionalValue<string | number | CssProperties["focusRingStyle"]>
- divideX?: ConditionalValue<UtilityValues["divideX"] | CssVars | CssProperties["divideX"]>
- divideY?: ConditionalValue<UtilityValues["divideY"] | CssVars | CssProperties["divideY"]>
+ focusRingWidth?: ConditionalValue<WithEscapeHatch<UtilityValues["focusRingWidth"] | CssVars>>
+ focusRingStyle?: ConditionalValue<WithEscapeHatch<string | number>>
+ divideX?: ConditionalValue<WithEscapeHatch<UtilityValues["divideX"] | CssVars>>
+ divideY?: ConditionalValue<WithEscapeHatch<UtilityValues["divideY"] | CssVars>>
  divideColor?: ConditionalValue<WithEscapeHatch<UtilityValues["divideColor"] | CssVars>>
- divideStyle?: ConditionalValue<string | number | CssProperties["divideStyle"]>
- boxSize?: ConditionalValue<UtilityValues["boxSize"] | CssVars | CssProperties["boxSize"]>
- fontSmoothing?: ConditionalValue<UtilityValues["fontSmoothing"] | CssVars | CssProperties["fontSmoothing"]>
- truncate?: ConditionalValue<UtilityValues["truncate"] | CssVars | CssProperties["truncate"]>
- backgroundGradient?: ConditionalValue<UtilityValues["backgroundGradient"] | CssVars | CssProperties["backgroundGradient"]>
- backgroundLinear?: ConditionalValue<UtilityValues["backgroundLinear"] | CssVars | CssProperties["backgroundLinear"]>
- backgroundRadial?: ConditionalValue<string | number | CssProperties["backgroundRadial"]>
- backgroundConic?: ConditionalValue<string | number | CssProperties["backgroundConic"]>
- textGradient?: ConditionalValue<UtilityValues["textGradient"] | CssVars | CssProperties["textGradient"]>
- gradientFromPosition?: ConditionalValue<string | number | CssProperties["gradientFromPosition"]>
- gradientToPosition?: ConditionalValue<string | number | CssProperties["gradientToPosition"]>
+ divideStyle?: ConditionalValue<WithEscapeHatch<string | number>>
+ boxSize?: ConditionalValue<WithEscapeHatch<UtilityValues["boxSize"] | CssVars>>
+ fontSmoothing?: ConditionalValue<WithEscapeHatch<UtilityValues["fontSmoothing"] | CssVars>>
+ truncate?: ConditionalValue<WithEscapeHatch<UtilityValues["truncate"] | CssVars>>
+ backgroundGradient?: ConditionalValue<WithEscapeHatch<UtilityValues["backgroundGradient"] | CssVars>>
+ backgroundLinear?: ConditionalValue<WithEscapeHatch<UtilityValues["backgroundLinear"] | CssVars>>
+ backgroundRadial?: ConditionalValue<WithEscapeHatch<string | number>>
+ backgroundConic?: ConditionalValue<WithEscapeHatch<string | number>>
+ textGradient?: ConditionalValue<WithEscapeHatch<UtilityValues["textGradient"] | CssVars>>
+ gradientFromPosition?: ConditionalValue<WithEscapeHatch<string | number>>
+ gradientToPosition?: ConditionalValue<WithEscapeHatch<string | number>>
  gradientFrom?: ConditionalValue<WithEscapeHatch<UtilityValues["gradientFrom"] | CssVars>>
  gradientTo?: ConditionalValue<WithEscapeHatch<UtilityValues["gradientTo"] | CssVars>>
  gradientVia?: ConditionalValue<WithEscapeHatch<UtilityValues["gradientVia"] | CssVars>>
- gradientViaPosition?: ConditionalValue<string | number | CssProperties["gradientViaPosition"]>
+ gradientViaPosition?: ConditionalValue<WithEscapeHatch<string | number>>
  borderTopRadius?: ConditionalValue<WithEscapeHatch<UtilityValues["borderTopRadius"] | CssVars>>
  borderRightRadius?: ConditionalValue<WithEscapeHatch<UtilityValues["borderRightRadius"] | CssVars>>
  borderBottomRadius?: ConditionalValue<WithEscapeHatch<UtilityValues["borderBottomRadius"] | CssVars>>
@@ -7978,37 +7978,37 @@ scrollPaddingX?: ConditionalValue<WithEscapeHatch<UtilityValues["scrollPaddingIn
  borderStartRadius?: ConditionalValue<WithEscapeHatch<UtilityValues["borderStartRadius"] | CssVars>>
  borderEndRadius?: ConditionalValue<WithEscapeHatch<UtilityValues["borderEndRadius"] | CssVars>>
  boxShadowColor?: ConditionalValue<WithEscapeHatch<UtilityValues["boxShadowColor"] | CssVars>>
- brightness?: ConditionalValue<string | number | CssProperties["brightness"]>
- contrast?: ConditionalValue<string | number | CssProperties["contrast"]>
- grayscale?: ConditionalValue<string | number | CssProperties["grayscale"]>
- hueRotate?: ConditionalValue<string | number | CssProperties["hueRotate"]>
- invert?: ConditionalValue<string | number | CssProperties["invert"]>
- saturate?: ConditionalValue<string | number | CssProperties["saturate"]>
- sepia?: ConditionalValue<string | number | CssProperties["sepia"]>
- dropShadow?: ConditionalValue<string | number | CssProperties["dropShadow"]>
- blur?: ConditionalValue<UtilityValues["blur"] | CssVars | CssProperties["blur"]>
- backdropBlur?: ConditionalValue<UtilityValues["backdropBlur"] | CssVars | CssProperties["backdropBlur"]>
- backdropBrightness?: ConditionalValue<string | number | CssProperties["backdropBrightness"]>
- backdropContrast?: ConditionalValue<string | number | CssProperties["backdropContrast"]>
- backdropGrayscale?: ConditionalValue<string | number | CssProperties["backdropGrayscale"]>
- backdropHueRotate?: ConditionalValue<string | number | CssProperties["backdropHueRotate"]>
- backdropInvert?: ConditionalValue<string | number | CssProperties["backdropInvert"]>
- backdropOpacity?: ConditionalValue<string | number | CssProperties["backdropOpacity"]>
- backdropSaturate?: ConditionalValue<string | number | CssProperties["backdropSaturate"]>
- backdropSepia?: ConditionalValue<string | number | CssProperties["backdropSepia"]>
+ brightness?: ConditionalValue<WithEscapeHatch<string | number>>
+ contrast?: ConditionalValue<WithEscapeHatch<string | number>>
+ grayscale?: ConditionalValue<WithEscapeHatch<string | number>>
+ hueRotate?: ConditionalValue<WithEscapeHatch<string | number>>
+ invert?: ConditionalValue<WithEscapeHatch<string | number>>
+ saturate?: ConditionalValue<WithEscapeHatch<string | number>>
+ sepia?: ConditionalValue<WithEscapeHatch<string | number>>
+ dropShadow?: ConditionalValue<WithEscapeHatch<string | number>>
+ blur?: ConditionalValue<WithEscapeHatch<string | number>>
+ backdropBlur?: ConditionalValue<WithEscapeHatch<string | number>>
+ backdropBrightness?: ConditionalValue<WithEscapeHatch<string | number>>
+ backdropContrast?: ConditionalValue<WithEscapeHatch<string | number>>
+ backdropGrayscale?: ConditionalValue<WithEscapeHatch<string | number>>
+ backdropHueRotate?: ConditionalValue<WithEscapeHatch<string | number>>
+ backdropInvert?: ConditionalValue<WithEscapeHatch<string | number>>
+ backdropOpacity?: ConditionalValue<WithEscapeHatch<string | number>>
+ backdropSaturate?: ConditionalValue<WithEscapeHatch<string | number>>
+ backdropSepia?: ConditionalValue<WithEscapeHatch<string | number>>
  borderSpacingX?: ConditionalValue<WithEscapeHatch<UtilityValues["borderSpacingX"] | CssVars>>
  borderSpacingY?: ConditionalValue<WithEscapeHatch<UtilityValues["borderSpacingY"] | CssVars>>
- animationState?: ConditionalValue<string | number | CssProperties["animationState"]>
- rotateX?: ConditionalValue<string | number | CssProperties["rotateX"]>
- rotateY?: ConditionalValue<string | number | CssProperties["rotateY"]>
- rotateZ?: ConditionalValue<string | number | CssProperties["rotateZ"]>
- scaleX?: ConditionalValue<string | number | CssProperties["scaleX"]>
- scaleY?: ConditionalValue<string | number | CssProperties["scaleY"]>
+ animationState?: ConditionalValue<WithEscapeHatch<string | number>>
+ rotateX?: ConditionalValue<WithEscapeHatch<string | number>>
+ rotateY?: ConditionalValue<WithEscapeHatch<string | number>>
+ rotateZ?: ConditionalValue<WithEscapeHatch<string | number>>
+ scaleX?: ConditionalValue<WithEscapeHatch<string | number>>
+ scaleY?: ConditionalValue<WithEscapeHatch<string | number>>
  translateX?: ConditionalValue<WithEscapeHatch<UtilityValues["translateX"] | CssVars>>
  translateY?: ConditionalValue<WithEscapeHatch<UtilityValues["translateY"] | CssVars>>
  translateZ?: ConditionalValue<WithEscapeHatch<UtilityValues["translateZ"] | CssVars>>
- scrollbar?: ConditionalValue<UtilityValues["scrollbar"] | CssVars | CssProperties["scrollbar"]>
- scrollSnapStrictness?: ConditionalValue<UtilityValues["scrollSnapStrictness"] | CssVars | CssProperties["scrollSnapStrictness"]>
+ scrollbar?: ConditionalValue<WithEscapeHatch<UtilityValues["scrollbar"] | CssVars>>
+ scrollSnapStrictness?: ConditionalValue<WithEscapeHatch<UtilityValues["scrollSnapStrictness"] | CssVars>>
  /**
    * This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2021.
    *
@@ -8082,14 +8082,10 @@ scrollSnapMarginLeft?: ConditionalValue<WithEscapeHatch<UtilityValues["scrollSna
    * @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/scroll-margin-right
    */
 scrollSnapMarginRight?: ConditionalValue<WithEscapeHatch<UtilityValues["scrollSnapMarginRight"] | CssVars>>
- srOnly?: ConditionalValue<UtilityValues["srOnly"] | CssVars | CssProperties["srOnly"]>
- debug?: ConditionalValue<UtilityValues["debug"] | CssVars | CssProperties["debug"]>
- colorPalette?: ConditionalValue<UtilityValues["colorPalette"] | CssVars | CssProperties["colorPalette"]>
+ srOnly?: ConditionalValue<WithEscapeHatch<UtilityValues["srOnly"] | CssVars>>
+ debug?: ConditionalValue<WithEscapeHatch<UtilityValues["debug"] | CssVars>>
+ colorPalette?: ConditionalValue<WithEscapeHatch<UtilityValues["colorPalette"] | CssVars>>
  textStyle?: ConditionalValue<WithEscapeHatch<UtilityValues["textStyle"] | CssVars>>
  layerStyle?: ConditionalValue<WithEscapeHatch<UtilityValues["layerStyle"] | CssVars>>
- animationStyle?: ConditionalValue<UtilityValues["animationStyle"] | CssVars | CssProperties["animationStyle"]>
-}
-
-type StrictTokenProps = "textStyle" | "layerStyle" | "top" | "left" | "inset" | "insetInline" | "insetX" | "insetBlock" | "insetY" | "insetBlockEnd" | "insetBlockStart" | "insetInlineEnd" | "insetEnd" | "end" | "insetInlineStart" | "insetStart" | "start" | "right" | "bottom" | "gap" | "gridGap" | "gridRowGap" | "gridColumnGap" | "rowGap" | "columnGap" | "padding" | "p" | "paddingLeft" | "pl" | "paddingRight" | "pr" | "paddingTop" | "pt" | "paddingBottom" | "pb" | "paddingBlock" | "py" | "paddingY" | "paddingBlockEnd" | "paddingBlockStart" | "paddingInline" | "paddingX" | "px" | "paddingInlineEnd" | "pe" | "paddingEnd" | "paddingInlineStart" | "ps" | "paddingStart" | "marginLeft" | "ml" | "marginRight" | "mr" | "marginTop" | "mt" | "marginBottom" | "mb" | "margin" | "m" | "marginBlock" | "my" | "marginY" | "marginBlockEnd" | "marginBlockStart" | "marginInline" | "mx" | "marginX" | "marginInlineEnd" | "me" | "marginEnd" | "marginInlineStart" | "ms" | "marginStart" | "spaceX" | "spaceY" | "outlineColor" | "ringColor" | "outlineOffset" | "ringOffset" | "focusRingColor" | "focusRingOffset" | "divideColor" | "color" | "fontFamily" | "fontWeight" | "textDecorationColor" | "textEmphasisColor" | "textIndent" | "textShadow" | "textShadowColor" | "WebkitTextFillColor" | "background" | "bg" | "backgroundColor" | "bgColor" | "gradientFrom" | "gradientTo" | "gradientVia" | "borderRadius" | "rounded" | "borderTopLeftRadius" | "roundedTopLeft" | "borderTopRightRadius" | "roundedTopRight" | "borderBottomRightRadius" | "roundedBottomRight" | "borderBottomLeftRadius" | "roundedBottomLeft" | "borderTopRadius" | "roundedTop" | "borderRightRadius" | "roundedRight" | "borderBottomRadius" | "roundedBottom" | "borderLeftRadius" | "roundedLeft" | "borderStartStartRadius" | "roundedStartStart" | "borderStartEndRadius" | "roundedStartEnd" | "borderStartRadius" | "roundedStart" | "borderEndStartRadius" | "roundedEndStart" | "borderEndEndRadius" | "roundedEndEnd" | "borderEndRadius" | "roundedEnd" | "borderColor" | "borderInlineColor" | "borderXColor" | "borderBlockColor" | "borderYColor" | "borderLeftColor" | "borderInlineStartColor" | "borderStartColor" | "borderRightColor" | "borderInlineEndColor" | "borderEndColor" | "borderTopColor" | "borderBottomColor" | "borderBlockEndColor" | "borderBlockStartColor" | "boxShadow" | "shadow" | "boxShadowColor" | "shadowColor" | "borderSpacing" | "borderSpacingX" | "borderSpacingY" | "transitionTimingFunction" | "animationTimingFunction" | "translateX" | "x" | "translateY" | "y" | "translateZ" | "z" | "accentColor" | "caretColor" | "scrollbarColor" | "scrollMargin" | "scrollMarginLeft" | "scrollMarginRight" | "scrollMarginTop" | "scrollMarginBottom" | "scrollMarginBlock" | "scrollMarginY" | "scrollMarginBlockEnd" | "scrollMarginBlockStart" | "scrollMarginInline" | "scrollMarginX" | "scrollMarginInlineEnd" | "scrollMarginInlineStart" | "scrollPadding" | "scrollPaddingBlock" | "scrollPaddingY" | "scrollPaddingBlockStart" | "scrollPaddingBlockEnd" | "scrollPaddingInline" | "scrollPaddingX" | "scrollPaddingInlineEnd" | "scrollPaddingInlineStart" | "scrollPaddingLeft" | "scrollPaddingRight" | "scrollPaddingTop" | "scrollPaddingBottom" | "scrollSnapMargin" | "scrollSnapMarginTop" | "scrollSnapMarginBottom" | "scrollSnapMarginLeft" | "scrollSnapMarginRight" | "fill" | "stroke"
-
-type Restrict<Key, Value, Fallback> = Key extends StrictTokenProps ? Value : Value | Fallback
+ animationStyle?: ConditionalValue<WithEscapeHatch<UtilityValues["animationStyle"] | CssVars>>
+}