@yamada-ui/react 2.2.1-dev-20260419111242 → 2.2.1-dev-20260421145002

package/dist/types/core/css/index.d.ts

@@ -1,7 +1,7 @@
 import { AnySelector, AttributeProperty, AttributeProps, Attributes, ConditionProperty, ConditionProps, ConditionSelector, Conditions, GroupAttributeProperty, GroupAttributeProps, GroupAttributes, PeerAttributeProperty, PeerAttributeProps, PeerAttributes, PseudoClassProperty, PseudoClassProps, PseudoClasses, PseudoElementProperty, PseudoElementProps, PseudoElements, attributeProperties, attributeSelectors, attributes, conditionProperties, conditionSelectors, conditions, getCondition, groupAttributeProperties, groupAttributeSelectors, groupAttributes, peerAttributeProperties, peerAttributeSelectors, peerAttributes, pseudoClassProperties, pseudoClassSelectors, pseudoClasses, pseudoElementProperties, pseudoElementSelectors, pseudoElements } from "./conditions.js";
 import { display } from "./display.js";
 import { AnimationProperty, AspectRatioProperty, AtRuleStyleProperty, BlurProperty, BorderProperty, ColorProperty, DurationProperty, EasingProperty, FontProperty, GradientProperty, KeyframeProperty, PseudoStyleProperty, RadiusProperty, ShadowProperty, ShorthandStyleProperty, SizeProperty, SpaceProperty, StandardStyleProperty, StyleProperty, StyleProps, StyledStyleProperty, Styles, VariableLengthProperty, ZIndexProperty, animationProperties, aspectRatioProperties, atRuleStyles, blurProperties, borderProperties, colorProperties, durationProperties, easingProperties, fontProperties, gradientProperties, keyframeProperties, pseudoStyles, radiusProperties, shadowProperties, shorthandStyles, sizeProperties, spaceProperties, standardStyles, styleProperties, styledStyles, styles, variableLengthProperties, zIndexProperties } from "./styles.js";
-import { CSS, CSSAnimationObject, CSSAtRuleObject, CSSContainerObject, CSSFunction, CSSKeyframeObject, CSSMediaObject, CSSModifierObject, CSSObject, CSSObjectOrFunction, CSSPropObject, CSSProperties, CSSProps, CSSSlotObject, CSSVariable, ColorModeArray, ColorModeValue, ConditionObject, ExtractStyleValue, FunctionCSSInterpolation, ResponsiveObject, ResponsiveValue, ResponsiveWithConditionObject, StyleImportantValue, StyleValue, StyleValueWithCondition, Token } from "./index.types.js";
+import { CSS, CSSAnimationObject, CSSAtRuleObject, CSSContainerObject, CSSFunction, CSSKeyframeObject, CSSMediaObject, CSSModifierObject, CSSObject, CSSObjectOrFunction, CSSPropObject, CSSProperties, CSSProps, CSSSlotObject, CSSVariable, CSSVariableProps, ColorModeArray, ColorModeValue, ConditionObject, ExtractStyleValue, ExtractStyleValueWithCondition, FunctionCSSInterpolation, ResponsiveObject, ResponsiveValue, ResponsiveWithConditionObject, StyleImportantValue, StyleValue, StyleValueWithCondition, Token } from "./index.types.js";
 import { colorMix } from "./color-mix.js";
 import { focusRingStyle } from "./focus-ring.js";
 import { gradient } from "./gradient.js";
@@ -12,4 +12,4 @@ import { css, getStyle, transformConditionalValue } from "./css.js";
 import { mergeCSS } from "./merge-css.js";
 import { getCSS, useCSS } from "./use-css.js";
 import { useInjectVarsIntoCss, useInjectVarsIntoProps } from "./use-inject-vars.js";
-export { AnimationProperty, AnySelector, AspectRatioProperty, AtRuleStyleProperty, AttributeProperty, AttributeProps, Attributes, BlurProperty, BorderProperty, CSS, CSSAnimationObject, CSSAtRuleObject, CSSContainerObject, CSSFunction, CSSKeyframeObject, CSSMediaObject, CSSModifierObject, CSSObject, CSSObjectOrFunction, CSSPropObject, CSSProperties, CSSProps, CSSSlotObject, CSSVariable, ColorModeArray, ColorModeValue, ColorProperty, ConditionObject, ConditionProperty, ConditionProps, ConditionSelector, Conditions, DurationProperty, EasingProperty, ExtractStyleValue, FontProperty, FunctionCSSInterpolation, GradientProperty, GroupAttributeProperty, GroupAttributeProps, GroupAttributes, KeyframeProperty, PeerAttributeProperty, PeerAttributeProps, PeerAttributes, PseudoClassProperty, PseudoClassProps, PseudoClasses, PseudoElementProperty, PseudoElementProps, PseudoElements, PseudoStyleProperty, RadiusProperty, ResponsiveObject, ResponsiveValue, ResponsiveWithConditionObject, ShadowProperty, ShorthandStyleProperty, SizeProperty, SpaceProperty, StandardStyleProperty, StyleConfig, StyleConfigs, StyleImportantValue, StyleProperty, StyleProps, StyleValue, StyleValueWithCondition, StyledStyleProperty, Styles, Token, Transforms, VariableLengthProperty, ZIndexProperty, animation, animationProperties, aspectRatioProperties, atRuleStyles, attributeProperties, attributeSelectors, attributes, blurProperties, borderProperties, colorMix, colorProperties, conditionProperties, conditionSelectors, conditions, css, display, durationProperties, easingProperties, focusRingStyle, fontProperties, getCSS, getCSSFunction, getCondition, getStyle, gradient, gradientProperties, groupAttributeProperties, groupAttributeSelectors, groupAttributes, injectKeyframes, isCSSFunction, isCSSToken, isCSSVar, keyframeProperties, keyframes, mergeCSS, peerAttributeProperties, peerAttributeSelectors, peerAttributes, pseudoClassProperties, pseudoClassSelectors, pseudoClasses, pseudoElementProperties, pseudoElementSelectors, pseudoElements, pseudoStyles, radiusProperties, shadowProperties, shorthandStyles, sizeProperties, spaceProperties, standardStyles, styleProperties, styledStyles, styles, tokenToValue, tokenToVar, transformConditionalValue, transforms, useCSS, useInjectVarsIntoCss, useInjectVarsIntoProps, varToValue, variableLengthProperties, zIndexProperties };
+export { AnimationProperty, AnySelector, AspectRatioProperty, AtRuleStyleProperty, AttributeProperty, AttributeProps, Attributes, BlurProperty, BorderProperty, CSS, CSSAnimationObject, CSSAtRuleObject, CSSContainerObject, CSSFunction, CSSKeyframeObject, CSSMediaObject, CSSModifierObject, CSSObject, CSSObjectOrFunction, CSSPropObject, CSSProperties, CSSProps, CSSSlotObject, CSSVariable, CSSVariableProps, ColorModeArray, ColorModeValue, ColorProperty, ConditionObject, ConditionProperty, ConditionProps, ConditionSelector, Conditions, DurationProperty, EasingProperty, ExtractStyleValue, ExtractStyleValueWithCondition, FontProperty, FunctionCSSInterpolation, GradientProperty, GroupAttributeProperty, GroupAttributeProps, GroupAttributes, KeyframeProperty, PeerAttributeProperty, PeerAttributeProps, PeerAttributes, PseudoClassProperty, PseudoClassProps, PseudoClasses, PseudoElementProperty, PseudoElementProps, PseudoElements, PseudoStyleProperty, RadiusProperty, ResponsiveObject, ResponsiveValue, ResponsiveWithConditionObject, ShadowProperty, ShorthandStyleProperty, SizeProperty, SpaceProperty, StandardStyleProperty, StyleConfig, StyleConfigs, StyleImportantValue, StyleProperty, StyleProps, StyleValue, StyleValueWithCondition, StyledStyleProperty, Styles, Token, Transforms, VariableLengthProperty, ZIndexProperty, animation, animationProperties, aspectRatioProperties, atRuleStyles, attributeProperties, attributeSelectors, attributes, blurProperties, borderProperties, colorMix, colorProperties, conditionProperties, conditionSelectors, conditions, css, display, durationProperties, easingProperties, focusRingStyle, fontProperties, getCSS, getCSSFunction, getCondition, getStyle, gradient, gradientProperties, groupAttributeProperties, groupAttributeSelectors, groupAttributes, injectKeyframes, isCSSFunction, isCSSToken, isCSSVar, keyframeProperties, keyframes, mergeCSS, peerAttributeProperties, peerAttributeSelectors, peerAttributes, pseudoClassProperties, pseudoClassSelectors, pseudoClasses, pseudoElementProperties, pseudoElementSelectors, pseudoElements, pseudoStyles, radiusProperties, shadowProperties, shorthandStyles, sizeProperties, spaceProperties, standardStyles, styleProperties, styledStyles, styles, tokenToValue, tokenToVar, transformConditionalValue, transforms, useCSS, useInjectVarsIntoCss, useInjectVarsIntoProps, varToValue, variableLengthProperties, zIndexProperties };

package/dist/types/core/css/index.types.d.ts

@@ -1,6 +1,5 @@
 import { AnyString, Dict } from "../../utils/index.js";
 import { Breakpoint, KeyframeIdent, System, ThemePath, ThemeTokens, UsageTheme } from "../system/index.types.js";
-import "../system/index.js";
 import { AnySelector, ConditionProperty, ConditionProps } from "./conditions.js";
 import { StyleProps } from "./styles.js";
 import * as CSS from "csstype";
@@ -17,6 +16,7 @@ type StyleValue<Y$1, M = unknown> = ColorModeValue<Y$1, M> | ResponsiveValue<Y$1
 type ExtractStyleValue<Y$1> = Y$1 extends StyleValue<infer M> ? M : never;
 type StyleImportantValue<Y$1 extends string> = `${Y$1}!` | `${Y$1} !important` | Y$1;
 type StyleValueWithCondition<Y$1, M = unknown> = M extends keyof ThemeTokens ? ColorModeArray<ThemeTokens[M] | Y$1> | ResponsiveWithConditionObject<ThemeTokens[M] | Y$1> | ThemeTokens[M] | Y$1 : ColorModeArray<Y$1> | ResponsiveWithConditionObject<Y$1> | Y$1;
+type ExtractStyleValueWithCondition<Y$1> = Y$1 extends StyleValueWithCondition<infer M> ? M : never;
 type CSSVariable = `--${string}`;
 interface CSSVariableProps {
   [key: CSSVariable]: StyleValueWithCondition<number | ThemePath> | undefined;
@@ -132,5 +132,5 @@ interface FunctionCSSInterpolation {
 type CSSObjectOrFunction = CSSObject | FunctionCSSInterpolation;
 type CSSFunction = (system: System, theme?: UsageTheme) => (cssOrFn: CSSObjectOrFunction) => Dict;
 //#endregion
-export { type CSS, CSSAnimationObject, CSSAtRuleObject, CSSContainerObject, CSSFunction, CSSKeyframeObject, CSSMediaObject, CSSModifierObject, CSSObject, CSSObjectOrFunction, CSSPropObject, CSSProperties, CSSProps, CSSSlotObject, CSSVariable, ColorModeArray, ColorModeValue, ConditionObject, ExtractStyleValue, FunctionCSSInterpolation, ResponsiveObject, ResponsiveValue, ResponsiveWithConditionObject, StyleImportantValue, StyleValue, StyleValueWithCondition, Token };
+export { type CSS, CSSAnimationObject, CSSAtRuleObject, CSSContainerObject, CSSFunction, CSSKeyframeObject, CSSMediaObject, CSSModifierObject, CSSObject, CSSObjectOrFunction, CSSPropObject, CSSProperties, CSSProps, CSSSlotObject, CSSVariable, CSSVariableProps, ColorModeArray, ColorModeValue, ConditionObject, ExtractStyleValue, ExtractStyleValueWithCondition, FunctionCSSInterpolation, ResponsiveObject, ResponsiveValue, ResponsiveWithConditionObject, StyleImportantValue, StyleValue, StyleValueWithCondition, Token };
 //# sourceMappingURL=index.types.d.ts.map

package/dist/types/core/css/styles.d.ts

@@ -1,6 +1,5 @@
 import { AnyString } from "../../utils/index.js";
 import { ColorScheme } from "../system/index.types.js";
-import "../system/index.js";
 import { display } from "./display.js";
 import { colorScheme } from "./color-scheme.js";
 import { CSSContainerObject, CSSMediaObject, CSSObject, StyleValueWithCondition } from "./index.types.js";
@@ -3855,35 +3854,35 @@ declare const styleProperties: StyleProperty[];
 type VariableLengthProperty = (typeof variableLengthProperties)[number];
 declare const variableLengthProperties: readonly ["_container", "_media", "_supports"];
 type SizeProperty = (typeof sizeProperties)[number];
-declare const sizeProperties: readonly ["backfaceVisibility", "blockSize", "columnWidth", "containIntrinsicWidth", "flexBasis", "gridAutoColumns", "gridAutoRows", "gridTemplateColumns", "gridTemplateRows", "height", "h", "inlineSize", "maxBlockSize", "maxHeight", "maxH", "maxInlineSize", "maxWidth", "maxW", "minBlockSize", "minHeight", "minH", "minInlineSize", "minWidth", "minW", "width", "w", "boxSize", "maxBoxSize", "minBoxSize"];
+declare const sizeProperties: readonly ["backfaceVisibility", "blockSize", "boxSize", "columnWidth", "containIntrinsicWidth", "flexBasis", "gridAutoColumns", "gridAutoRows", "gridTemplateColumns", "gridTemplateRows", "h", "height", "inlineSize", "maxBlockSize", "maxBoxSize", "maxH", "maxHeight", "maxInlineSize", "maxW", "maxWidth", "minBlockSize", "minBoxSize", "minH", "minHeight", "minInlineSize", "minW", "minWidth", "w", "width"];
 type AnimationProperty = (typeof animationProperties)[number];
 declare const animationProperties: readonly ["animation"];
 type AspectRatioProperty = (typeof aspectRatioProperties)[number];
 declare const aspectRatioProperties: readonly ["aspectRatio"];
 type BlurProperty = (typeof blurProperties)[number];
-declare const blurProperties: readonly ["blur", "backdropBlur"];
+declare const blurProperties: readonly ["backdropBlur", "blur"];
 type BorderProperty = (typeof borderProperties)[number];
-declare const borderProperties: readonly ["border", "borderBlock", "borderBlockEnd", "borderBlockStart", "borderBottom", "borderImage", "borderInline", "borderInlineEnd", "borderEnd", "borderInlineStart", "borderStart", "borderLeft", "borderRight", "borderTop", "borderX", "borderY"];
+declare const borderProperties: readonly ["border", "borderBlock", "borderBlockEnd", "borderBlockStart", "borderBottom", "borderEnd", "borderImage", "borderInline", "borderInlineEnd", "borderInlineStart", "borderLeft", "borderRight", "borderStart", "borderTop", "borderX", "borderY"];
 type ColorProperty = (typeof colorProperties)[number];
-declare const colorProperties: readonly ["color", "textColor", "floodColor", "lightingColor", "stopColor", "stroke", "accentColor", "accent", "background", "bg", "backgroundColor", "bgColor", "borderBlockColor", "borderBlockEndColor", "borderBlockStartColor", "borderBottomColor", "borderColor", "borderInlineColor", "borderInlineEndColor", "borderEndColor", "borderInlineStartColor", "borderStartColor", "borderLeftColor", "borderRightColor", "borderTopColor", "caretColor", "caret", "columnRuleColor", "fill", "outlineColor", "scrollbarColor", "strokeColor", "textDecorationColor", "textEmphasisColor", "focusRingColor"];
+declare const colorProperties: readonly ["accent", "accentColor", "background", "backgroundColor", "bg", "bgColor", "borderBlockColor", "borderBlockEndColor", "borderBlockStartColor", "borderBottomColor", "borderColor", "borderEndColor", "borderInlineColor", "borderInlineEndColor", "borderInlineStartColor", "borderLeftColor", "borderRightColor", "borderStartColor", "borderTopColor", "caret", "caretColor", "color", "columnRuleColor", "fill", "floodColor", "focusRingColor", "lightingColor", "outlineColor", "scrollbarColor", "stopColor", "stroke", "strokeColor", "textColor", "textDecorationColor", "textEmphasisColor"];
 type DurationProperty = (typeof durationProperties)[number];
 declare const durationProperties: readonly ["animationDuration", "transitionDuration"];
 type EasingProperty = (typeof easingProperties)[number];
 declare const easingProperties: readonly ["animationTimingFunction", "transitionTimingFunction"];
 type FontProperty = (typeof fontProperties)[number];
-declare const fontProperties: readonly ["fontFamily", "fontSize", "text", "fontWeight", "lineHeight", "leading", "letterSpacing", "tracking"];
+declare const fontProperties: readonly ["fontFamily", "fontSize", "fontWeight", "leading", "letterSpacing", "lineHeight", "text", "tracking"];
 type GradientProperty = (typeof gradientProperties)[number];
-declare const gradientProperties: readonly ["backgroundImage", "bgImage", "bgImg", "bgGradient", "borderImageSource", "listStyleImage", "listStyleImg", "maskImage"];
+declare const gradientProperties: readonly ["backgroundImage", "bgGradient", "bgImage", "bgImg", "borderImageSource", "listStyleImage", "listStyleImg", "maskImage"];
 type KeyframeProperty = (typeof keyframeProperties)[number];
-declare const keyframeProperties: readonly ["animationName", "_keyframes"];
+declare const keyframeProperties: readonly ["_keyframes", "animationName"];
 type RadiusProperty = (typeof radiusProperties)[number];
-declare const radiusProperties: readonly ["borderBottomLeftRadius", "roundedBottomLeft", "borderBottomRightRadius", "roundedBottomRight", "borderEndEndRadius", "borderBottomEndRadius", "roundedBottomEnd", "borderEndStartRadius", "borderBottomStartRadius", "roundedBottomStart", "borderRadius", "rounded", "borderStartEndRadius", "borderTopEndRadius", "roundedTopEnd", "borderStartStartRadius", "borderTopStartRadius", "roundedTopStart", "borderTopLeftRadius", "roundedTopLeft", "borderTopRightRadius", "roundedTopRight", "borderBottomRadius", "roundedBottom", "borderInlineEndRadius", "borderEndRadius", "roundedEnd", "borderInlineStartRadius", "borderStartRadius", "roundedStart", "borderLeftRadius", "roundedLeft", "borderRightRadius", "roundedRight", "borderTopRadius", "roundedTop"];
+declare const radiusProperties: readonly ["borderBottomEndRadius", "borderBottomLeftRadius", "borderBottomRadius", "borderBottomRightRadius", "borderBottomStartRadius", "borderEndEndRadius", "borderEndRadius", "borderEndStartRadius", "borderInlineEndRadius", "borderInlineStartRadius", "borderLeftRadius", "borderRadius", "borderRightRadius", "borderStartEndRadius", "borderStartRadius", "borderStartStartRadius", "borderTopEndRadius", "borderTopLeftRadius", "borderTopRadius", "borderTopRightRadius", "borderTopStartRadius", "rounded", "roundedBottom", "roundedBottomEnd", "roundedBottomLeft", "roundedBottomRight", "roundedBottomStart", "roundedEnd", "roundedLeft", "roundedRight", "roundedStart", "roundedTop", "roundedTopEnd", "roundedTopLeft", "roundedTopRight", "roundedTopStart"];
 type ShadowProperty = (typeof shadowProperties)[number];
-declare const shadowProperties: readonly ["boxShadow", "shadow", "textShadow", "dropShadow", "backdropDropShadow"];
+declare const shadowProperties: readonly ["backdropDropShadow", "boxShadow", "dropShadow", "shadow", "textShadow"];
 type SpaceProperty = (typeof spaceProperties)[number];
-declare const spaceProperties: readonly ["bottom", "columnGap", "gx", "gapX", "gap", "g", "inset", "insetBlock", "insetBlockEnd", "insetBlockStart", "insetInline", "insetInlineEnd", "insetEnd", "insetInlineStart", "insetStart", "left", "margin", "m", "marginBlock", "marginBlockEnd", "marginBlockStart", "marginBottom", "mb", "marginInline", "marginInlineEnd", "me", "marginEnd", "marginInlineStart", "ms", "marginStart", "marginLeft", "ml", "marginRight", "mr", "marginTop", "mt", "padding", "p", "paddingBlock", "paddingBlockEnd", "paddingBlockStart", "paddingBottom", "pb", "paddingInline", "paddingInlineEnd", "pe", "paddingEnd", "paddingInlineStart", "ps", "paddingStart", "paddingLeft", "pl", "paddingRight", "pr", "paddingTop", "pt", "right", "rowGap", "gy", "gapY", "scrollMargin", "scrollMarginBottom", "scrollMarginLeft", "scrollMarginRight", "scrollMarginTop", "scrollPadding", "scrollPaddingBottom", "scrollPaddingLeft", "scrollPaddingRight", "scrollPaddingTop", "top", "insetX", "insetY", "marginX", "mx", "marginY", "my", "paddingX", "px", "paddingY", "py", "scrollMarginX", "scrollMarginY", "scrollPaddingX", "scrollPaddingY", "focusRingOffset", "translateX", "translateY"];
+declare const spaceProperties: readonly ["bottom", "columnGap", "focusRingOffset", "g", "gap", "gapX", "gapY", "gx", "gy", "inset", "insetBlock", "insetBlockEnd", "insetBlockStart", "insetEnd", "insetInline", "insetInlineEnd", "insetInlineStart", "insetStart", "insetX", "insetY", "left", "m", "margin", "marginBlock", "marginBlockEnd", "marginBlockStart", "marginBottom", "marginEnd", "marginInline", "marginInlineEnd", "marginInlineStart", "marginLeft", "marginRight", "marginStart", "marginTop", "marginX", "marginY", "mb", "me", "ml", "mr", "ms", "mt", "mx", "my", "p", "padding", "paddingBlock", "paddingBlockEnd", "paddingBlockStart", "paddingBottom", "paddingEnd", "paddingInline", "paddingInlineEnd", "paddingInlineStart", "paddingLeft", "paddingRight", "paddingStart", "paddingTop", "paddingX", "paddingY", "pb", "pe", "pl", "pr", "ps", "pt", "px", "py", "right", "rowGap", "scrollMargin", "scrollMarginBottom", "scrollMarginLeft", "scrollMarginRight", "scrollMarginTop", "scrollMarginX", "scrollMarginY", "scrollPadding", "scrollPaddingBottom", "scrollPaddingLeft", "scrollPaddingRight", "scrollPaddingTop", "scrollPaddingX", "scrollPaddingY", "top", "translateX", "translateY"];
 type ZIndexProperty = (typeof zIndexProperties)[number];
-declare const zIndexProperties: readonly ["zIndex", "z"];
+declare const zIndexProperties: readonly ["z", "zIndex"];
 interface StyleProps {
   /**
    * ### container
@@ -5003,7 +5002,7 @@ interface StyleProps {
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-bottom-right-radius
    */
-  borderBottomRadius?: StyleValueWithCondition<AnyString | AnyString | CSS.Property.BorderBottomLeftRadius | CSS.Property.BorderBottomRightRadius | number, "radii">;
+  borderBottomRadius?: StyleValueWithCondition<AnyString | CSS.Property.BorderBottomLeftRadius | CSS.Property.BorderBottomRightRadius | number, "radii">;
   /**
    * ### border-bottom-right-radius
    *
@@ -5135,7 +5134,7 @@ interface StyleProps {
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-end-start-radius
    */
-  borderEndRadius?: StyleValueWithCondition<AnyString | AnyString | CSS.Property.BorderEndEndRadius | CSS.Property.BorderEndStartRadius | number, "radii">;
+  borderEndRadius?: StyleValueWithCondition<AnyString | CSS.Property.BorderEndEndRadius | CSS.Property.BorderEndStartRadius | number, "radii">;
   /**
    * ### border-end-start-radius
    *
@@ -5315,7 +5314,7 @@ interface StyleProps {
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-end-start-radius
    */
-  borderInlineEndRadius?: StyleValueWithCondition<AnyString | AnyString | CSS.Property.BorderEndEndRadius | CSS.Property.BorderEndStartRadius | number, "radii">;
+  borderInlineEndRadius?: StyleValueWithCondition<AnyString | CSS.Property.BorderEndEndRadius | CSS.Property.BorderEndStartRadius | number, "radii">;
   /**
    * ### border-inline-end-style
    *
@@ -5387,7 +5386,7 @@ interface StyleProps {
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-start-start-radius
    */
-  borderInlineStartRadius?: StyleValueWithCondition<AnyString | AnyString | CSS.Property.BorderStartEndRadius | CSS.Property.BorderStartStartRadius | number, "radii">;
+  borderInlineStartRadius?: StyleValueWithCondition<AnyString | CSS.Property.BorderStartEndRadius | CSS.Property.BorderStartStartRadius | number, "radii">;
   /**
    * ### border-inline-start-style
    *
@@ -5483,7 +5482,7 @@ interface StyleProps {
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-top-left-radius
    */
-  borderLeftRadius?: StyleValueWithCondition<AnyString | AnyString | CSS.Property.BorderBottomLeftRadius | CSS.Property.BorderTopLeftRadius | number, "radii">;
+  borderLeftRadius?: StyleValueWithCondition<AnyString | CSS.Property.BorderBottomLeftRadius | CSS.Property.BorderTopLeftRadius | number, "radii">;
   /**
    * ### border-left-style
    *
@@ -5567,7 +5566,7 @@ interface StyleProps {
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-top-right-radius
    */
-  borderRightRadius?: StyleValueWithCondition<AnyString | AnyString | CSS.Property.BorderBottomRightRadius | CSS.Property.BorderTopRightRadius | number, "radii">;
+  borderRightRadius?: StyleValueWithCondition<AnyString | CSS.Property.BorderBottomRightRadius | CSS.Property.BorderTopRightRadius | number, "radii">;
   /**
    * ### border-right-style
    *
@@ -5673,7 +5672,7 @@ interface StyleProps {
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-start-start-radius
    */
-  borderStartRadius?: StyleValueWithCondition<AnyString | AnyString | CSS.Property.BorderStartEndRadius | CSS.Property.BorderStartStartRadius | number, "radii">;
+  borderStartRadius?: StyleValueWithCondition<AnyString | CSS.Property.BorderStartEndRadius | CSS.Property.BorderStartStartRadius | number, "radii">;
   /**
    * ### border-start-start-radius
    *
@@ -5793,7 +5792,7 @@ interface StyleProps {
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-top-right-radius
    */
-  borderTopRadius?: StyleValueWithCondition<AnyString | AnyString | CSS.Property.BorderTopLeftRadius | CSS.Property.BorderTopRightRadius | number, "radii">;
+  borderTopRadius?: StyleValueWithCondition<AnyString | CSS.Property.BorderTopLeftRadius | CSS.Property.BorderTopRightRadius | number, "radii">;
   /**
    * ### border-top-right-radius
    *
@@ -5877,7 +5876,7 @@ interface StyleProps {
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-right
    */
-  borderX?: StyleValueWithCondition<AnyString | AnyString | CSS.Property.BorderLeft | CSS.Property.BorderRight | number, "borders">;
+  borderX?: StyleValueWithCondition<AnyString | CSS.Property.BorderLeft | CSS.Property.BorderRight | number, "borders">;
   /**
    * ### border-bottom
    *
@@ -5901,7 +5900,7 @@ interface StyleProps {
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-top
    */
-  borderY?: StyleValueWithCondition<AnyString | AnyString | CSS.Property.BorderBottom | CSS.Property.BorderTop | number, "borders">;
+  borderY?: StyleValueWithCondition<AnyString | CSS.Property.BorderBottom | CSS.Property.BorderTop | number, "borders">;
   /**
    * ### bottom
    *
@@ -6039,7 +6038,7 @@ interface StyleProps {
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/width
    */
-  boxSize?: StyleValueWithCondition<AnyString | AnyString | CSS.Property.Height | CSS.Property.Width | number, "sizes">;
+  boxSize?: StyleValueWithCondition<AnyString | CSS.Property.Height | CSS.Property.Width | number, "sizes">;
   /**
    * ### box-sizing
    *
@@ -7978,7 +7977,7 @@ interface StyleProps {
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/right
    */
-  insetX?: StyleValueWithCondition<AnyString | AnyString | CSS.Property.Left | CSS.Property.Right | number, "spaces">;
+  insetX?: StyleValueWithCondition<AnyString | CSS.Property.Left | CSS.Property.Right | number, "spaces">;
   /**
    * ### bottom
    *
@@ -8002,7 +8001,7 @@ interface StyleProps {
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/top
    */
-  insetY?: StyleValueWithCondition<AnyString | AnyString | CSS.Property.Bottom | CSS.Property.Top | number, "spaces">;
+  insetY?: StyleValueWithCondition<AnyString | CSS.Property.Bottom | CSS.Property.Top | number, "spaces">;
   /**
    * ### interactivity
    *
@@ -8464,7 +8463,7 @@ interface StyleProps {
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/margin-inline-start
    */
-  marginX?: StyleValueWithCondition<AnyString | AnyString | CSS.Property.MarginInlineEnd | CSS.Property.MarginInlineStart | number, "spaces">;
+  marginX?: StyleValueWithCondition<AnyString | CSS.Property.MarginInlineEnd | CSS.Property.MarginInlineStart | number, "spaces">;
   /**
    * ### margin-bottom
    *
@@ -8488,7 +8487,7 @@ interface StyleProps {
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/margin-top
    */
-  marginY?: StyleValueWithCondition<AnyString | AnyString | CSS.Property.MarginBottom | CSS.Property.MarginTop | number, "spaces">;
+  marginY?: StyleValueWithCondition<AnyString | CSS.Property.MarginBottom | CSS.Property.MarginTop | number, "spaces">;
   /**
    * ### marker
    *
@@ -8779,7 +8778,7 @@ interface StyleProps {
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/max-width
    */
-  maxBoxSize?: StyleValueWithCondition<AnyString | AnyString | CSS.Property.MaxHeight | CSS.Property.MaxWidth | number, "sizes">;
+  maxBoxSize?: StyleValueWithCondition<AnyString | CSS.Property.MaxHeight | CSS.Property.MaxWidth | number, "sizes">;
   /**
    * ### max-height
    *
@@ -8899,7 +8898,7 @@ interface StyleProps {
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/min-width
    */
-  minBoxSize?: StyleValueWithCondition<AnyString | AnyString | CSS.Property.MinHeight | CSS.Property.MinWidth | number, "sizes">;
+  minBoxSize?: StyleValueWithCondition<AnyString | CSS.Property.MinHeight | CSS.Property.MinWidth | number, "sizes">;
   /**
    * ### min-height
    *
@@ -9043,7 +9042,7 @@ interface StyleProps {
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/margin-inline-start
    */
-  mx?: StyleValueWithCondition<AnyString | AnyString | CSS.Property.MarginInlineEnd | CSS.Property.MarginInlineStart | number, "spaces">;
+  mx?: StyleValueWithCondition<AnyString | CSS.Property.MarginInlineEnd | CSS.Property.MarginInlineStart | number, "spaces">;
   /**
    * ### margin-bottom
    *
@@ -9067,7 +9066,7 @@ interface StyleProps {
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/margin-top
    */
-  my?: StyleValueWithCondition<AnyString | AnyString | CSS.Property.MarginBottom | CSS.Property.MarginTop | number, "spaces">;
+  my?: StyleValueWithCondition<AnyString | CSS.Property.MarginBottom | CSS.Property.MarginTop | number, "spaces">;
   /**
    * ### object-fit
    *
@@ -9661,7 +9660,7 @@ interface StyleProps {
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/padding-inline-start
    */
-  paddingX?: StyleValueWithCondition<AnyString | AnyString | CSS.Property.PaddingInlineEnd | CSS.Property.PaddingInlineStart | number, "spaces">;
+  paddingX?: StyleValueWithCondition<AnyString | CSS.Property.PaddingInlineEnd | CSS.Property.PaddingInlineStart | number, "spaces">;
   /**
    * ### padding-bottom
    *
@@ -9685,7 +9684,7 @@ interface StyleProps {
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/padding-top
    */
-  paddingY?: StyleValueWithCondition<AnyString | AnyString | CSS.Property.PaddingBottom | CSS.Property.PaddingTop | number, "spaces">;
+  paddingY?: StyleValueWithCondition<AnyString | CSS.Property.PaddingBottom | CSS.Property.PaddingTop | number, "spaces">;
   /**
    * ### page
    *
@@ -10000,7 +9999,7 @@ interface StyleProps {
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/padding-inline-start
    */
-  px?: StyleValueWithCondition<AnyString | AnyString | CSS.Property.PaddingInlineEnd | CSS.Property.PaddingInlineStart | number, "spaces">;
+  px?: StyleValueWithCondition<AnyString | CSS.Property.PaddingInlineEnd | CSS.Property.PaddingInlineStart | number, "spaces">;
   /**
    * ### padding-bottom
    *
@@ -10024,7 +10023,7 @@ interface StyleProps {
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/padding-top
    */
-  py?: StyleValueWithCondition<AnyString | AnyString | CSS.Property.PaddingBottom | CSS.Property.PaddingTop | number, "spaces">;
+  py?: StyleValueWithCondition<AnyString | CSS.Property.PaddingBottom | CSS.Property.PaddingTop | number, "spaces">;
   /**
    * ### quotes
    *
@@ -10154,7 +10153,7 @@ interface StyleProps {
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-bottom-right-radius
    */
-  roundedBottom?: StyleValueWithCondition<AnyString | AnyString | CSS.Property.BorderBottomLeftRadius | CSS.Property.BorderBottomRightRadius | number, "radii">;
+  roundedBottom?: StyleValueWithCondition<AnyString | CSS.Property.BorderBottomLeftRadius | CSS.Property.BorderBottomRightRadius | number, "radii">;
   /**
    * ### border-end-end-radius
    *
@@ -10226,7 +10225,7 @@ interface StyleProps {
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-end-start-radius
    */
-  roundedEnd?: StyleValueWithCondition<AnyString | AnyString | CSS.Property.BorderEndEndRadius | CSS.Property.BorderEndStartRadius | number, "radii">;
+  roundedEnd?: StyleValueWithCondition<AnyString | CSS.Property.BorderEndEndRadius | CSS.Property.BorderEndStartRadius | number, "radii">;
   /**
    * ### border-bottom-left-radius
    *
@@ -10250,7 +10249,7 @@ interface StyleProps {
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-top-left-radius
    */
-  roundedLeft?: StyleValueWithCondition<AnyString | AnyString | CSS.Property.BorderBottomLeftRadius | CSS.Property.BorderTopLeftRadius | number, "radii">;
+  roundedLeft?: StyleValueWithCondition<AnyString | CSS.Property.BorderBottomLeftRadius | CSS.Property.BorderTopLeftRadius | number, "radii">;
   /**
    * ### border-bottom-right-radius
    *
@@ -10274,7 +10273,7 @@ interface StyleProps {
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-top-right-radius
    */
-  roundedRight?: StyleValueWithCondition<AnyString | AnyString | CSS.Property.BorderBottomRightRadius | CSS.Property.BorderTopRightRadius | number, "radii">;
+  roundedRight?: StyleValueWithCondition<AnyString | CSS.Property.BorderBottomRightRadius | CSS.Property.BorderTopRightRadius | number, "radii">;
   /**
    * ### border-start-end-radius
    *
@@ -10298,7 +10297,7 @@ interface StyleProps {
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-start-start-radius
    */
-  roundedStart?: StyleValueWithCondition<AnyString | AnyString | CSS.Property.BorderStartEndRadius | CSS.Property.BorderStartStartRadius | number, "radii">;
+  roundedStart?: StyleValueWithCondition<AnyString | CSS.Property.BorderStartEndRadius | CSS.Property.BorderStartStartRadius | number, "radii">;
   /**
    * ### border-top-left-radius
    *
@@ -10322,7 +10321,7 @@ interface StyleProps {
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-top-right-radius
    */
-  roundedTop?: StyleValueWithCondition<AnyString | AnyString | CSS.Property.BorderTopLeftRadius | CSS.Property.BorderTopRightRadius | number, "radii">;
+  roundedTop?: StyleValueWithCondition<AnyString | CSS.Property.BorderTopLeftRadius | CSS.Property.BorderTopRightRadius | number, "radii">;
   /**
    * ### border-start-end-radius
    *
@@ -10679,7 +10678,7 @@ interface StyleProps {
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/scroll-margin-right
    */
-  scrollMarginX?: StyleValueWithCondition<AnyString | AnyString | CSS.Property.ScrollMarginLeft | CSS.Property.ScrollMarginRight | number, "spaces">;
+  scrollMarginX?: StyleValueWithCondition<AnyString | CSS.Property.ScrollMarginLeft | CSS.Property.ScrollMarginRight | number, "spaces">;
   /**
    * ### scroll-margin-bottom
    *
@@ -10703,7 +10702,7 @@ interface StyleProps {
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/scroll-margin-top
    */
-  scrollMarginY?: StyleValueWithCondition<AnyString | AnyString | CSS.Property.ScrollMarginBottom | CSS.Property.ScrollMarginTop | number, "spaces">;
+  scrollMarginY?: StyleValueWithCondition<AnyString | CSS.Property.ScrollMarginBottom | CSS.Property.ScrollMarginTop | number, "spaces">;
   /**
    * ### scroll-marker-group
    *
@@ -10871,7 +10870,7 @@ interface StyleProps {
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/scroll-padding-right
    */
-  scrollPaddingX?: StyleValueWithCondition<AnyString | AnyString | CSS.Property.ScrollPaddingLeft | CSS.Property.ScrollPaddingRight | number, "spaces">;
+  scrollPaddingX?: StyleValueWithCondition<AnyString | CSS.Property.ScrollPaddingLeft | CSS.Property.ScrollPaddingRight | number, "spaces">;
   /**
    * ### scroll-padding-bottom
    *
@@ -10895,7 +10894,7 @@ interface StyleProps {
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/scroll-padding-top
    */
-  scrollPaddingY?: StyleValueWithCondition<AnyString | AnyString | CSS.Property.ScrollPaddingBottom | CSS.Property.ScrollPaddingTop | number, "spaces">;
+  scrollPaddingY?: StyleValueWithCondition<AnyString | CSS.Property.ScrollPaddingBottom | CSS.Property.ScrollPaddingTop | number, "spaces">;
   /**
    * ### scroll-snap-align
    *

package/dist/types/core/css/token.d.ts

@@ -1,5 +1,4 @@
 import { ThemeToken } from "../system/create-system.js";
-import "../system/index.js";
 import { Transform } from "./utils.js";
 
 //#region src/core/css/token.d.ts

package/dist/types/core/css/use-css.d.ts

@@ -1,5 +1,4 @@
 import { StyledTheme, System, UsageTheme } from "../system/index.types.js";
-import "../system/index.js";
 import { CSSObject, CSSObjectOrFunction } from "./index.types.js";
 
 //#region src/core/css/use-css.d.ts

package/dist/types/core/css/utils.d.ts

@@ -1,9 +1,7 @@
 import { Dict } from "../../utils/index.js";
 import { System, UsageTheme } from "../system/index.types.js";
 import { ThemeToken } from "../system/create-system.js";
-import "../system/index.js";
 import { CSSFunction, CSSProperties } from "./index.types.js";
-import "./config.js";
 
 //#region src/core/css/utils.d.ts
 interface TransformOptions {