@likec4/styles 1.46.4 → 1.48.0

package/dist/types/{style-props.d.ts → style-props.d.mts}

@@ -1,14 +1,14 @@
 /* eslint-disable */
-import type { ConditionalValue } from './conditions';
-import type { OnlyKnown, UtilityValues, WithEscapeHatch } from './prop-type';
-import type { CssProperties } from './system-types';
-import type { Token } from '../tokens/index';
+import type { ConditionalValue } from './conditions.d.mts';
+import type { OnlyKnown, UtilityValues, WithEscapeHatch } from './prop-type.d.mts';
+import type { CssProperties } from './system-types.d.mts';
+import type { Token } from '../tokens/index.d.mts';
 
 type AnyString = (string & {})
-type CssVars = "var(--likec4-text-size)" | "var(--likec4-palette-fill)" | "var(--likec4-palette-stroke)" | "var(--likec4-palette-hiContrast)" | "var(--likec4-palette-loContrast)" | "var(--likec4-palette-relation-stroke)" | "var(--likec4-palette-relation-label)" | "var(--likec4-palette-relation-label-bg)" | "var(--mantine-scale)" | "var(--likec4-palette-outline)" | "var(--likec4-spacing)" | "var(--text-fz)" | "var(--likec4-icon-size)"
+type CssVars = "var(--likec4-app-font)" | "var(--likec4-spacing)" | "var(--likec4-text-size)" | "var(--likec4-palette-fill)" | "var(--likec4-palette-stroke)" | "var(--likec4-palette-hiContrast)" | "var(--likec4-palette-loContrast)" | "var(--likec4-palette-relation-stroke)" | "var(--likec4-palette-relation-label)" | "var(--likec4-palette-relation-label-bg)" | "var(--likec4-palette-relation-stroke-selected)" | "var(--mantine-scale)" | "var(--likec4-palette-outline)" | "var(--text-fz)" | "var(--likec4-icon-color)" | "var(--likec4-icon-size)"
 type CssVarValue = ConditionalValue<Token | CssVars | AnyString | (number & {})>
 
-type CssVarKeys = "--likec4-text-size" | "--likec4-palette-fill" | "--likec4-palette-stroke" | "--likec4-palette-hiContrast" | "--likec4-palette-loContrast" | "--likec4-palette-relation-stroke" | "--likec4-palette-relation-label" | "--likec4-palette-relation-label-bg" | "--mantine-scale" | "--likec4-palette-outline" | "--likec4-spacing" | "--text-fz" | "--likec4-icon-size" | `--${string}` & {}
+type CssVarKeys = "--likec4-app-font" | "--likec4-spacing" | "--likec4-text-size" | "--likec4-palette-fill" | "--likec4-palette-stroke" | "--likec4-palette-hiContrast" | "--likec4-palette-loContrast" | "--likec4-palette-relation-stroke" | "--likec4-palette-relation-label" | "--likec4-palette-relation-label-bg" | "--likec4-palette-relation-stroke-selected" | "--mantine-scale" | "--likec4-palette-outline" | "--text-fz" | "--likec4-icon-color" | "--likec4-icon-size" | `--${string}` & {}
 
 export type CssVarProperties = {
   [key in CssVarKeys]?: CssVarValue
@@ -977,7 +977,7 @@ borderBottomColor?: ConditionalValue<WithEscapeHatch<UtilityValues["borderBottom
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/border-bottom-left-radius
    */
-borderBottomLeftRadius?: ConditionalValue<UtilityValues["borderBottomLeftRadius"] | CssVars | CssProperties["borderBottomLeftRadius"]>
+borderBottomLeftRadius?: ConditionalValue<WithEscapeHatch<UtilityValues["borderBottomLeftRadius"] | CssVars>>
  /**
    * The **`border-bottom-right-radius`** CSS property rounds the bottom-right corner of an element by specifying the radius (or the radius of the semi-major and semi-minor axes) of the ellipse defining the curvature of the corner.
    *
@@ -992,7 +992,7 @@ borderBottomLeftRadius?: ConditionalValue<UtilityValues["borderBottomLeftRadius"
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/border-bottom-right-radius
    */
-borderBottomRightRadius?: ConditionalValue<UtilityValues["borderBottomRightRadius"] | CssVars | CssProperties["borderBottomRightRadius"]>
+borderBottomRightRadius?: ConditionalValue<WithEscapeHatch<UtilityValues["borderBottomRightRadius"] | CssVars>>
  /**
    * The **`border-bottom-style`** CSS property sets the line style of an element's bottom `border`.
    *
@@ -1060,7 +1060,7 @@ borderColor?: ConditionalValue<WithEscapeHatch<UtilityValues["borderColor"] | Cs
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/border-end-end-radius
    */
-borderEndEndRadius?: ConditionalValue<UtilityValues["borderEndEndRadius"] | CssVars | CssProperties["borderEndEndRadius"]>
+borderEndEndRadius?: ConditionalValue<WithEscapeHatch<UtilityValues["borderEndEndRadius"] | CssVars>>
  /**
    * The **`border-end-start-radius`** CSS property defines a logical border radius on an element, which maps to a physical border radius depending on the element's `writing-mode`, `direction`, and `text-orientation`. This is useful when building styles to work regardless of the text orientation and writing mode.
    *
@@ -1074,7 +1074,7 @@ borderEndEndRadius?: ConditionalValue<UtilityValues["borderEndEndRadius"] | CssV
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/border-end-start-radius
    */
-borderEndStartRadius?: ConditionalValue<UtilityValues["borderEndStartRadius"] | CssVars | CssProperties["borderEndStartRadius"]>
+borderEndStartRadius?: ConditionalValue<WithEscapeHatch<UtilityValues["borderEndStartRadius"] | CssVars>>
  /**
    * The **`border-image`** CSS property draws an image around a given element. It replaces the element's regular border.
    *
@@ -1391,7 +1391,7 @@ borderLeftWidth?: ConditionalValue<WithEscapeHatch<CssProperties["borderLeftWidt
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/border-radius
    */
-borderRadius?: ConditionalValue<UtilityValues["borderRadius"] | CssVars | CssProperties["borderRadius"]>
+borderRadius?: ConditionalValue<WithEscapeHatch<UtilityValues["borderRadius"] | CssVars>>
  /**
    * The **`border-right`** shorthand CSS property sets all the properties of an element's right border.
    *
@@ -1473,7 +1473,7 @@ borderSpacing?: ConditionalValue<WithEscapeHatch<UtilityValues["borderSpacing"]
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/border-start-end-radius
    */
-borderStartEndRadius?: ConditionalValue<UtilityValues["borderStartEndRadius"] | CssVars | CssProperties["borderStartEndRadius"]>
+borderStartEndRadius?: ConditionalValue<WithEscapeHatch<UtilityValues["borderStartEndRadius"] | CssVars>>
  /**
    * The **`border-start-start-radius`** CSS property defines a logical border radius on an element, which maps to a physical border radius that depends on the element's `writing-mode`, `direction`, and `text-orientation`. This is useful when building styles to work regardless of the text orientation and writing mode.
    *
@@ -1487,7 +1487,7 @@ borderStartEndRadius?: ConditionalValue<UtilityValues["borderStartEndRadius"] |
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/border-start-start-radius
    */
-borderStartStartRadius?: ConditionalValue<UtilityValues["borderStartStartRadius"] | CssVars | CssProperties["borderStartStartRadius"]>
+borderStartStartRadius?: ConditionalValue<WithEscapeHatch<UtilityValues["borderStartStartRadius"] | CssVars>>
  /**
    * The **`border-style`** shorthand CSS property sets the line style for all four sides of an element's border.
    *
@@ -1540,7 +1540,7 @@ borderTopColor?: ConditionalValue<WithEscapeHatch<UtilityValues["borderTopColor"
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/border-top-left-radius
    */
-borderTopLeftRadius?: ConditionalValue<UtilityValues["borderTopLeftRadius"] | CssVars | CssProperties["borderTopLeftRadius"]>
+borderTopLeftRadius?: ConditionalValue<WithEscapeHatch<UtilityValues["borderTopLeftRadius"] | CssVars>>
  /**
    * The **`border-top-right-radius`** CSS property rounds the top-right corner of an element by specifying the radius (or the radius of the semi-major and semi-minor axes) of the ellipse defining the curvature of the corner.
    *
@@ -1555,7 +1555,7 @@ borderTopLeftRadius?: ConditionalValue<UtilityValues["borderTopLeftRadius"] | Cs
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/border-top-right-radius
    */
-borderTopRightRadius?: ConditionalValue<UtilityValues["borderTopRightRadius"] | CssVars | CssProperties["borderTopRightRadius"]>
+borderTopRightRadius?: ConditionalValue<WithEscapeHatch<UtilityValues["borderTopRightRadius"] | CssVars>>
  /**
    * The **`border-top-style`** CSS property sets the line style of an element's top `border`.
    *
@@ -2708,7 +2708,7 @@ fontVariationSettings?: ConditionalValue<WithEscapeHatch<CssProperties["fontVari
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/font-weight
    */
-fontWeight?: ConditionalValue<UtilityValues["fontWeight"] | CssVars | CssProperties["fontWeight"]>
+fontWeight?: ConditionalValue<WithEscapeHatch<UtilityValues["fontWeight"] | CssVars>>
  /**
    * The **`forced-color-adjust`** CSS property allows authors to opt certain elements out of forced colors mode. This then restores the control of those values to CSS.
    *
@@ -7007,7 +7007,7 @@ bgSize?: ConditionalValue<WithEscapeHatch<CssProperties["backgroundSize"]>>
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/border-radius
    */
-rounded?: ConditionalValue<UtilityValues["borderRadius"] | CssVars | CssProperties["borderRadius"]>
+rounded?: ConditionalValue<WithEscapeHatch<UtilityValues["borderRadius"] | CssVars>>
  /**
    * The **`border-top-left-radius`** CSS property rounds the top-left corner of an element by specifying the radius (or the radius of the semi-major and semi-minor axes) of the ellipse defining the curvature of the corner.
    *
@@ -7022,7 +7022,7 @@ rounded?: ConditionalValue<UtilityValues["borderRadius"] | CssVars | CssProperti
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/border-top-left-radius
    */
-roundedTopLeft?: ConditionalValue<UtilityValues["borderTopLeftRadius"] | CssVars | CssProperties["borderTopLeftRadius"]>
+roundedTopLeft?: ConditionalValue<WithEscapeHatch<UtilityValues["borderTopLeftRadius"] | CssVars>>
  /**
    * The **`border-top-right-radius`** CSS property rounds the top-right corner of an element by specifying the radius (or the radius of the semi-major and semi-minor axes) of the ellipse defining the curvature of the corner.
    *
@@ -7037,7 +7037,7 @@ roundedTopLeft?: ConditionalValue<UtilityValues["borderTopLeftRadius"] | CssVars
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/border-top-right-radius
    */
-roundedTopRight?: ConditionalValue<UtilityValues["borderTopRightRadius"] | CssVars | CssProperties["borderTopRightRadius"]>
+roundedTopRight?: ConditionalValue<WithEscapeHatch<UtilityValues["borderTopRightRadius"] | CssVars>>
  /**
    * The **`border-bottom-right-radius`** CSS property rounds the bottom-right corner of an element by specifying the radius (or the radius of the semi-major and semi-minor axes) of the ellipse defining the curvature of the corner.
    *
@@ -7052,7 +7052,7 @@ roundedTopRight?: ConditionalValue<UtilityValues["borderTopRightRadius"] | CssVa
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/border-bottom-right-radius
    */
-roundedBottomRight?: ConditionalValue<UtilityValues["borderBottomRightRadius"] | CssVars | CssProperties["borderBottomRightRadius"]>
+roundedBottomRight?: ConditionalValue<WithEscapeHatch<UtilityValues["borderBottomRightRadius"] | CssVars>>
  /**
    * The **`border-bottom-left-radius`** CSS property rounds the bottom-left corner of an element by specifying the radius (or the radius of the semi-major and semi-minor axes) of the ellipse defining the curvature of the corner.
    *
@@ -7067,11 +7067,11 @@ roundedBottomRight?: ConditionalValue<UtilityValues["borderBottomRightRadius"] |
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/border-bottom-left-radius
    */
-roundedBottomLeft?: ConditionalValue<UtilityValues["borderBottomLeftRadius"] | CssVars | CssProperties["borderBottomLeftRadius"]>
- roundedTop?: ConditionalValue<UtilityValues["borderTopRadius"] | CssVars | CssProperties["borderTopRadius"]>
- roundedRight?: ConditionalValue<UtilityValues["borderRightRadius"] | CssVars | CssProperties["borderRightRadius"]>
- roundedBottom?: ConditionalValue<UtilityValues["borderBottomRadius"] | CssVars | CssProperties["borderBottomRadius"]>
- roundedLeft?: ConditionalValue<UtilityValues["borderLeftRadius"] | CssVars | CssProperties["borderLeftRadius"]>
+roundedBottomLeft?: ConditionalValue<WithEscapeHatch<UtilityValues["borderBottomLeftRadius"] | CssVars>>
+ roundedTop?: ConditionalValue<WithEscapeHatch<UtilityValues["borderTopRadius"] | CssVars>>
+ roundedRight?: ConditionalValue<WithEscapeHatch<UtilityValues["borderRightRadius"] | CssVars>>
+ roundedBottom?: ConditionalValue<WithEscapeHatch<UtilityValues["borderBottomRadius"] | CssVars>>
+ roundedLeft?: ConditionalValue<WithEscapeHatch<UtilityValues["borderLeftRadius"] | CssVars>>
  /**
    * The **`border-start-start-radius`** CSS property defines a logical border radius on an element, which maps to a physical border radius that depends on the element's `writing-mode`, `direction`, and `text-orientation`. This is useful when building styles to work regardless of the text orientation and writing mode.
    *
@@ -7085,7 +7085,7 @@ roundedBottomLeft?: ConditionalValue<UtilityValues["borderBottomLeftRadius"] | C
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/border-start-start-radius
    */
-roundedStartStart?: ConditionalValue<UtilityValues["borderStartStartRadius"] | CssVars | CssProperties["borderStartStartRadius"]>
+roundedStartStart?: ConditionalValue<WithEscapeHatch<UtilityValues["borderStartStartRadius"] | CssVars>>
  /**
    * The **`border-start-end-radius`** CSS property defines a logical border radius on an element, which maps to a physical border radius depending on the element's `writing-mode`, `direction`, and `text-orientation`. This is useful when building styles to work regardless of the text orientation and writing mode.
    *
@@ -7099,8 +7099,8 @@ roundedStartStart?: ConditionalValue<UtilityValues["borderStartStartRadius"] | C
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/border-start-end-radius
    */
-roundedStartEnd?: ConditionalValue<UtilityValues["borderStartEndRadius"] | CssVars | CssProperties["borderStartEndRadius"]>
- roundedStart?: ConditionalValue<UtilityValues["borderStartRadius"] | CssVars | CssProperties["borderStartRadius"]>
+roundedStartEnd?: ConditionalValue<WithEscapeHatch<UtilityValues["borderStartEndRadius"] | CssVars>>
+ roundedStart?: ConditionalValue<WithEscapeHatch<UtilityValues["borderStartRadius"] | CssVars>>
  /**
    * The **`border-end-start-radius`** CSS property defines a logical border radius on an element, which maps to a physical border radius depending on the element's `writing-mode`, `direction`, and `text-orientation`. This is useful when building styles to work regardless of the text orientation and writing mode.
    *
@@ -7114,7 +7114,7 @@ roundedStartEnd?: ConditionalValue<UtilityValues["borderStartEndRadius"] | CssVa
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/border-end-start-radius
    */
-roundedEndStart?: ConditionalValue<UtilityValues["borderEndStartRadius"] | CssVars | CssProperties["borderEndStartRadius"]>
+roundedEndStart?: ConditionalValue<WithEscapeHatch<UtilityValues["borderEndStartRadius"] | CssVars>>
  /**
    * The **`border-end-end-radius`** CSS property defines a logical border radius on an element, which maps to a physical border radius that depends on the element's `writing-mode`, `direction`, and `text-orientation`. This is useful when building styles to work regardless of the text orientation and writing mode.
    *
@@ -7128,8 +7128,8 @@ roundedEndStart?: ConditionalValue<UtilityValues["borderEndStartRadius"] | CssVa
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/border-end-end-radius
    */
-roundedEndEnd?: ConditionalValue<UtilityValues["borderEndEndRadius"] | CssVars | CssProperties["borderEndEndRadius"]>
- roundedEnd?: ConditionalValue<UtilityValues["borderEndRadius"] | CssVars | CssProperties["borderEndRadius"]>
+roundedEndEnd?: ConditionalValue<WithEscapeHatch<UtilityValues["borderEndEndRadius"] | CssVars>>
+ roundedEnd?: ConditionalValue<WithEscapeHatch<UtilityValues["borderEndRadius"] | CssVars>>
  /**
    * The **`border-inline`** CSS property is a shorthand property for setting the individual logical inline border property values in a single place in the style sheet.
    *
@@ -7386,12 +7386,12 @@ scrollPaddingX?: ConditionalValue<WithEscapeHatch<UtilityValues["scrollPaddingIn
  gradientTo?: ConditionalValue<WithEscapeHatch<UtilityValues["gradientTo"] | CssVars>>
  gradientVia?: ConditionalValue<WithEscapeHatch<UtilityValues["gradientVia"] | CssVars>>
  gradientViaPosition?: ConditionalValue<string | number | CssProperties["gradientViaPosition"]>
- borderTopRadius?: ConditionalValue<UtilityValues["borderTopRadius"] | CssVars | CssProperties["borderTopRadius"]>
- borderRightRadius?: ConditionalValue<UtilityValues["borderRightRadius"] | CssVars | CssProperties["borderRightRadius"]>
- borderBottomRadius?: ConditionalValue<UtilityValues["borderBottomRadius"] | CssVars | CssProperties["borderBottomRadius"]>
- borderLeftRadius?: ConditionalValue<UtilityValues["borderLeftRadius"] | CssVars | CssProperties["borderLeftRadius"]>
- borderStartRadius?: ConditionalValue<UtilityValues["borderStartRadius"] | CssVars | CssProperties["borderStartRadius"]>
- borderEndRadius?: ConditionalValue<UtilityValues["borderEndRadius"] | CssVars | CssProperties["borderEndRadius"]>
+ borderTopRadius?: ConditionalValue<WithEscapeHatch<UtilityValues["borderTopRadius"] | CssVars>>
+ borderRightRadius?: ConditionalValue<WithEscapeHatch<UtilityValues["borderRightRadius"] | CssVars>>
+ borderBottomRadius?: ConditionalValue<WithEscapeHatch<UtilityValues["borderBottomRadius"] | CssVars>>
+ borderLeftRadius?: ConditionalValue<WithEscapeHatch<UtilityValues["borderLeftRadius"] | CssVars>>
+ 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"]>
@@ -7505,6 +7505,6 @@ scrollSnapMarginRight?: ConditionalValue<WithEscapeHatch<UtilityValues["scrollSn
  animationStyle?: ConditionalValue<UtilityValues["animationStyle"] | CssVars | CssProperties["animationStyle"]>
 }
 
-type StrictTokenProps = "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" | "textDecorationColor" | "textEmphasisColor" | "textIndent" | "textShadowColor" | "WebkitTextFillColor" | "background" | "bg" | "backgroundColor" | "bgColor" | "gradientFrom" | "gradientTo" | "gradientVia" | "borderColor" | "borderInlineColor" | "borderXColor" | "borderBlockColor" | "borderYColor" | "borderLeftColor" | "borderInlineStartColor" | "borderStartColor" | "borderRightColor" | "borderInlineEndColor" | "borderEndColor" | "borderTopColor" | "borderBottomColor" | "borderBlockEndColor" | "borderBlockStartColor" | "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 StrictTokenProps = "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" | "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" | "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

package/dist/types/{system-types.d.ts → system-types.d.mts}

@@ -1,7 +1,7 @@
 /* eslint-disable */
-import type {  ConditionalValue, Nested  } from './conditions';
-import type {  AtRule, Globals, PropertiesFallback  } from './csstype';
-import type {  SystemProperties, CssVarProperties  } from './style-props';
+import type {  ConditionalValue, Nested  } from './conditions.d.mts';
+import type {  AtRule, Globals, PropertiesFallback  } from './csstype.d.mts';
+import type {  SystemProperties, CssVarProperties  } from './style-props.d.mts';
 
 type String = string & {}
 type Number = number & {}