@yamada-ui/react 1.7.7 → 2.0.0-dev-20250626070331

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

@@ -0,0 +1,8 @@
+import { ThemeToken } from "../system/create-system.js";
+import { Transform } from "./utils.js";
+
+//#region src/core/css/token.d.ts
+declare function generateToken(token: ThemeToken): Transform;
+//#endregion
+export { generateToken };
+//# sourceMappingURL=token.d.ts.map

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

@@ -0,0 +1,11 @@
+import { CSSObject } from "./index.types.js";
+import { TransformOptions } from "./utils.js";
+
+//#region src/core/css/transform.d.ts
+declare function transform(value: any, {
+  prev,
+  properties
+}: TransformOptions): CSSObject;
+//#endregion
+export { transform };
+//# sourceMappingURL=transform.d.ts.map

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

@@ -0,0 +1,7 @@
+import { Transform } from "./utils.js";
+
+//#region src/core/css/transition.d.ts
+declare function generateTransition(type?: "property" | "transition"): Transform;
+//#endregion
+export { generateTransition };
+//# sourceMappingURL=transition.d.ts.map

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

@@ -0,0 +1,9 @@
+import { StyledTheme, System, UsageTheme } from "../system/index.types.js";
+import { CSSObject, CSSObjectOrFunction } from "./index.types.js";
+
+//#region src/core/css/use-css.d.ts
+declare const useCSS: (cssObject?: CSSObject | CSSObjectOrFunction) => string;
+declare const getCSS: (system: System, theme: StyledTheme<UsageTheme>) => (cssObject?: CSSObject | CSSObjectOrFunction) => string;
+//#endregion
+export { getCSS, useCSS };
+//# sourceMappingURL=use-css.d.ts.map

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

@@ -0,0 +1,9 @@
+import { index_d_exports } from "../../utils/index.js";
+import { CSSObject, CSSProperties } from "./index.types.js";
+
+//#region src/core/css/use-inject-vars.d.ts
+declare function useInjectVarsIntoCss(css: CSSObject | CSSObject[] | undefined, targets: { [key in CSSProperties]?: string }): CSSObject | CSSObject[] | undefined;
+declare function useInjectVarsIntoProps<Y extends index_d_exports.Dict | undefined>(props: Y, targets: { [key in CSSProperties]?: string }): Y;
+//#endregion
+export { useInjectVarsIntoCss, useInjectVarsIntoProps };
+//# sourceMappingURL=use-inject-vars.d.ts.map

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

@@ -0,0 +1,40 @@
+import { index_d_exports } from "../../utils/index.js";
+import { ColorMode, System, UsageTheme } from "../system/index.types.js";
+import { ThemeToken } from "../system/create-system.js";
+import { CSSProperties } from "./index.types.js";
+import { CSSFunction } from "./css.js";
+
+//#region src/core/css/utils.d.ts
+interface TransformOptions {
+  system: System;
+  css?: CSSFunction;
+  fallback?: any;
+  prev?: index_d_exports.Dict;
+  properties?: CSSProperties[];
+  theme?: UsageTheme;
+}
+interface Transform {
+  (value: any, options: TransformOptions): any;
+}
+declare const globalValues: Set<string>;
+declare function isCSSFunction(value: any): boolean;
+declare function getCSSFunction(value: any): {
+  type: string | undefined;
+  values: string | undefined;
+};
+declare function splitValues(values: string, cb?: (current: string, prev: string | undefined, next: string | undefined) => boolean, addSeparator?: boolean): string[];
+declare function isCSSVar(value: string): boolean;
+declare function isCSSToken({
+  cssMap
+}: System): (value: any) => boolean;
+declare function analyzeCSSValue(value: any): {
+  unit: any;
+  unitless: boolean;
+  value: any;
+};
+declare function tokenToVar(system: System): (token: ThemeToken, value: any, fallbackValue?: any) => any;
+declare function mode<L, D>(light: L, dark: D): (colorMode?: ColorMode | undefined) => D | L;
+declare function pipe(...transformers: Transform[]): Transform;
+//#endregion
+export { Transform, TransformOptions, analyzeCSSValue, getCSSFunction, globalValues, isCSSFunction, isCSSToken, isCSSVar, mode, pipe, splitValues, tokenToVar };
+//# sourceMappingURL=utils.d.ts.map

package/dist/types/core/generated-theme-tokens.types.d.ts

@@ -0,0 +1,33 @@
+import { UsageThemeTokens } from "./system/index.types.js";
+
+//#region src/core/generated-theme-tokens.types.d.ts
+interface GeneratedThemeTokens extends UsageThemeTokens {
+  apply: never;
+  animations: never;
+  aspectRatios: "bronze" | "golden" | "landscape" | "portrait" | "silver" | "square" | "ultrawide" | "wide";
+  blurs: "2xl" | "3xl" | "4xl" | "lg" | "md" | "sm" | "xl";
+  borders: "lg" | "md" | "sm" | "xl" | "xs";
+  breakpoints: "2xl" | "lg" | "md" | "sm" | "xl";
+  colors: "amber" | "amber.50" | "amber.100" | "amber.200" | "amber.300" | "amber.400" | "amber.500" | "amber.600" | "amber.700" | "amber.800" | "amber.900" | "amber.950" | "amber.bg" | "amber.contrast" | "amber.emphasized" | "amber.fg" | "amber.ghost" | "amber.muted" | "amber.outline" | "amber.solid" | "amber.subtle" | "bg" | "bg.contrast" | "bg.emphasized" | "bg.error" | "bg.ghost" | "bg.info" | "bg.muted" | "bg.overlay" | "bg.panel" | "bg.subtle" | "bg.success" | "bg.warning" | "black" | "black.50" | "black.100" | "black.200" | "black.300" | "black.400" | "black.500" | "black.600" | "black.700" | "black.800" | "black.900" | "black.950" | "black.bg" | "black.contrast" | "black.emphasized" | "black.fg" | "black.ghost" | "black.muted" | "black.outline" | "black.solid" | "black.subtle" | "blackAlpha.50" | "blackAlpha.100" | "blackAlpha.200" | "blackAlpha.300" | "blackAlpha.400" | "blackAlpha.500" | "blackAlpha.600" | "blackAlpha.700" | "blackAlpha.800" | "blackAlpha.900" | "blackAlpha.950" | "blue" | "blue.50" | "blue.100" | "blue.200" | "blue.300" | "blue.400" | "blue.500" | "blue.600" | "blue.700" | "blue.800" | "blue.900" | "blue.950" | "blue.bg" | "blue.contrast" | "blue.emphasized" | "blue.fg" | "blue.ghost" | "blue.muted" | "blue.outline" | "blue.solid" | "blue.subtle" | "border" | "border.contrast" | "border.emphasized" | "border.error" | "border.info" | "border.muted" | "border.subtle" | "border.success" | "border.warning" | "colorScheme.contrast" | "colorScheme.emphasized" | "colorScheme.fg" | "colorScheme.ghost" | "colorScheme.muted" | "colorScheme.outline" | "colorScheme.solid" | "colorScheme.subtle" | "current" | "cyan" | "cyan.50" | "cyan.100" | "cyan.200" | "cyan.300" | "cyan.400" | "cyan.500" | "cyan.600" | "cyan.700" | "cyan.800" | "cyan.900" | "cyan.950" | "cyan.bg" | "cyan.contrast" | "cyan.emphasized" | "cyan.fg" | "cyan.ghost" | "cyan.muted" | "cyan.outline" | "cyan.solid" | "cyan.subtle" | "danger" | "danger.50" | "danger.100" | "danger.200" | "danger.300" | "danger.400" | "danger.500" | "danger.600" | "danger.700" | "danger.800" | "danger.900" | "danger.950" | "danger.bg" | "danger.contrast" | "danger.emphasized" | "danger.fg" | "danger.ghost" | "danger.muted" | "danger.outline" | "danger.solid" | "danger.subtle" | "emerald" | "emerald.50" | "emerald.100" | "emerald.200" | "emerald.300" | "emerald.400" | "emerald.500" | "emerald.600" | "emerald.700" | "emerald.800" | "emerald.900" | "emerald.950" | "emerald.bg" | "emerald.contrast" | "emerald.emphasized" | "emerald.fg" | "emerald.ghost" | "emerald.muted" | "emerald.outline" | "emerald.solid" | "emerald.subtle" | "error" | "error.50" | "error.100" | "error.200" | "error.300" | "error.400" | "error.500" | "error.600" | "error.700" | "error.800" | "error.900" | "error.950" | "error.bg" | "error.contrast" | "error.emphasized" | "error.fg" | "error.ghost" | "error.muted" | "error.outline" | "error.solid" | "error.subtle" | "fg" | "fg.contrast" | "fg.emphasized" | "fg.error" | "fg.info" | "fg.muted" | "fg.subtle" | "fg.success" | "fg.warning" | "flashy" | "flashy.50" | "flashy.100" | "flashy.200" | "flashy.300" | "flashy.400" | "flashy.500" | "flashy.600" | "flashy.700" | "flashy.800" | "flashy.900" | "flashy.950" | "flashy.bg" | "flashy.contrast" | "flashy.emphasized" | "flashy.fg" | "flashy.ghost" | "flashy.muted" | "flashy.outline" | "flashy.solid" | "flashy.subtle" | "fuchsia" | "fuchsia.50" | "fuchsia.100" | "fuchsia.200" | "fuchsia.300" | "fuchsia.400" | "fuchsia.500" | "fuchsia.600" | "fuchsia.700" | "fuchsia.800" | "fuchsia.900" | "fuchsia.950" | "fuchsia.bg" | "fuchsia.contrast" | "fuchsia.emphasized" | "fuchsia.fg" | "fuchsia.ghost" | "fuchsia.muted" | "fuchsia.outline" | "fuchsia.solid" | "fuchsia.subtle" | "gray" | "gray.50" | "gray.100" | "gray.200" | "gray.300" | "gray.400" | "gray.500" | "gray.600" | "gray.700" | "gray.800" | "gray.900" | "gray.950" | "gray.bg" | "gray.contrast" | "gray.emphasized" | "gray.fg" | "gray.ghost" | "gray.muted" | "gray.outline" | "gray.solid" | "gray.subtle" | "green" | "green.50" | "green.100" | "green.200" | "green.300" | "green.400" | "green.500" | "green.600" | "green.700" | "green.800" | "green.900" | "green.950" | "green.bg" | "green.contrast" | "green.emphasized" | "green.fg" | "green.ghost" | "green.muted" | "green.outline" | "green.solid" | "green.subtle" | "indigo" | "indigo.50" | "indigo.100" | "indigo.200" | "indigo.300" | "indigo.400" | "indigo.500" | "indigo.600" | "indigo.700" | "indigo.800" | "indigo.900" | "indigo.950" | "indigo.bg" | "indigo.contrast" | "indigo.emphasized" | "indigo.fg" | "indigo.ghost" | "indigo.muted" | "indigo.outline" | "indigo.solid" | "indigo.subtle" | "info" | "info.50" | "info.100" | "info.200" | "info.300" | "info.400" | "info.500" | "info.600" | "info.700" | "info.800" | "info.900" | "info.950" | "info.bg" | "info.contrast" | "info.emphasized" | "info.fg" | "info.ghost" | "info.muted" | "info.outline" | "info.solid" | "info.subtle" | "lime" | "lime.50" | "lime.100" | "lime.200" | "lime.300" | "lime.400" | "lime.500" | "lime.600" | "lime.700" | "lime.800" | "lime.900" | "lime.950" | "lime.bg" | "lime.contrast" | "lime.emphasized" | "lime.fg" | "lime.ghost" | "lime.muted" | "lime.outline" | "lime.solid" | "lime.subtle" | "link" | "link.50" | "link.100" | "link.200" | "link.300" | "link.400" | "link.500" | "link.600" | "link.700" | "link.800" | "link.900" | "link.950" | "link.bg" | "link.contrast" | "link.emphasized" | "link.fg" | "link.ghost" | "link.muted" | "link.outline" | "link.solid" | "link.subtle" | "mono" | "mono.50" | "mono.100" | "mono.200" | "mono.300" | "mono.400" | "mono.500" | "mono.600" | "mono.700" | "mono.800" | "mono.900" | "mono.950" | "mono.bg" | "mono.contrast" | "mono.emphasized" | "mono.fg" | "mono.ghost" | "mono.muted" | "mono.outline" | "mono.solid" | "mono.subtle" | "orange" | "orange.50" | "orange.100" | "orange.200" | "orange.300" | "orange.400" | "orange.500" | "orange.600" | "orange.700" | "orange.800" | "orange.900" | "orange.950" | "orange.bg" | "orange.contrast" | "orange.emphasized" | "orange.fg" | "orange.ghost" | "orange.muted" | "orange.outline" | "orange.solid" | "orange.subtle" | "pink" | "pink.50" | "pink.100" | "pink.200" | "pink.300" | "pink.400" | "pink.500" | "pink.600" | "pink.700" | "pink.800" | "pink.900" | "pink.950" | "pink.bg" | "pink.contrast" | "pink.emphasized" | "pink.fg" | "pink.ghost" | "pink.muted" | "pink.outline" | "pink.solid" | "pink.subtle" | "primary" | "primary.50" | "primary.100" | "primary.200" | "primary.300" | "primary.400" | "primary.500" | "primary.600" | "primary.700" | "primary.800" | "primary.900" | "primary.950" | "primary.bg" | "primary.contrast" | "primary.emphasized" | "primary.fg" | "primary.ghost" | "primary.muted" | "primary.outline" | "primary.solid" | "primary.subtle" | "purple" | "purple.50" | "purple.100" | "purple.200" | "purple.300" | "purple.400" | "purple.500" | "purple.600" | "purple.700" | "purple.800" | "purple.900" | "purple.950" | "purple.bg" | "purple.contrast" | "purple.emphasized" | "purple.fg" | "purple.ghost" | "purple.muted" | "purple.outline" | "purple.solid" | "purple.subtle" | "red" | "red.50" | "red.100" | "red.200" | "red.300" | "red.400" | "red.500" | "red.600" | "red.700" | "red.800" | "red.900" | "red.950" | "red.bg" | "red.contrast" | "red.emphasized" | "red.fg" | "red.ghost" | "red.muted" | "red.outline" | "red.solid" | "red.subtle" | "rose" | "rose.50" | "rose.100" | "rose.200" | "rose.300" | "rose.400" | "rose.500" | "rose.600" | "rose.700" | "rose.800" | "rose.900" | "rose.950" | "rose.bg" | "rose.contrast" | "rose.emphasized" | "rose.fg" | "rose.ghost" | "rose.muted" | "rose.outline" | "rose.solid" | "rose.subtle" | "secondary" | "secondary.50" | "secondary.100" | "secondary.200" | "secondary.300" | "secondary.400" | "secondary.500" | "secondary.600" | "secondary.700" | "secondary.800" | "secondary.900" | "secondary.950" | "secondary.bg" | "secondary.contrast" | "secondary.emphasized" | "secondary.fg" | "secondary.ghost" | "secondary.muted" | "secondary.outline" | "secondary.solid" | "secondary.subtle" | "sky" | "sky.50" | "sky.100" | "sky.200" | "sky.300" | "sky.400" | "sky.500" | "sky.600" | "sky.700" | "sky.800" | "sky.900" | "sky.950" | "sky.bg" | "sky.contrast" | "sky.emphasized" | "sky.fg" | "sky.ghost" | "sky.muted" | "sky.outline" | "sky.solid" | "sky.subtle" | "success" | "success.50" | "success.100" | "success.200" | "success.300" | "success.400" | "success.500" | "success.600" | "success.700" | "success.800" | "success.900" | "success.950" | "success.bg" | "success.contrast" | "success.emphasized" | "success.fg" | "success.ghost" | "success.muted" | "success.outline" | "success.solid" | "success.subtle" | "teal" | "teal.50" | "teal.100" | "teal.200" | "teal.300" | "teal.400" | "teal.500" | "teal.600" | "teal.700" | "teal.800" | "teal.900" | "teal.950" | "teal.bg" | "teal.contrast" | "teal.emphasized" | "teal.fg" | "teal.ghost" | "teal.muted" | "teal.outline" | "teal.solid" | "teal.subtle" | "transparent" | "violet" | "violet.50" | "violet.100" | "violet.200" | "violet.300" | "violet.400" | "violet.500" | "violet.600" | "violet.700" | "violet.800" | "violet.900" | "violet.950" | "violet.bg" | "violet.contrast" | "violet.emphasized" | "violet.fg" | "violet.ghost" | "violet.muted" | "violet.outline" | "violet.solid" | "violet.subtle" | "warning" | "warning.50" | "warning.100" | "warning.200" | "warning.300" | "warning.400" | "warning.500" | "warning.600" | "warning.700" | "warning.800" | "warning.900" | "warning.950" | "warning.bg" | "warning.contrast" | "warning.emphasized" | "warning.fg" | "warning.ghost" | "warning.muted" | "warning.outline" | "warning.solid" | "warning.subtle" | "white" | "white.50" | "white.100" | "white.200" | "white.300" | "white.400" | "white.500" | "white.600" | "white.700" | "white.800" | "white.900" | "white.950" | "white.bg" | "white.contrast" | "white.emphasized" | "white.fg" | "white.ghost" | "white.muted" | "white.outline" | "white.solid" | "white.subtle" | "whiteAlpha.50" | "whiteAlpha.100" | "whiteAlpha.200" | "whiteAlpha.300" | "whiteAlpha.400" | "whiteAlpha.500" | "whiteAlpha.600" | "whiteAlpha.700" | "whiteAlpha.800" | "whiteAlpha.900" | "whiteAlpha.950" | "yellow" | "yellow.50" | "yellow.100" | "yellow.200" | "yellow.300" | "yellow.400" | "yellow.500" | "yellow.600" | "yellow.700" | "yellow.800" | "yellow.900" | "yellow.950" | "yellow.bg" | "yellow.contrast" | "yellow.emphasized" | "yellow.fg" | "yellow.ghost" | "yellow.muted" | "yellow.outline" | "yellow.solid" | "yellow.subtle";
+  colorSchemes: "amber" | "black" | "blackAlpha" | "blue" | "cyan" | "danger" | "emerald" | "error" | "flashy" | "fuchsia" | "gray" | "green" | "indigo" | "info" | "lime" | "link" | "mono" | "orange" | "pink" | "primary" | "purple" | "red" | "rose" | "secondary" | "sky" | "success" | "teal" | "violet" | "warning" | "white" | "whiteAlpha" | "yellow";
+  durations: "fast" | "faster" | "fastest" | "moderate" | "slow" | "slower" | "slowest";
+  easings: "ease" | "ease-in" | "ease-in-out" | "ease-in-smooth" | "ease-out";
+  fonts: "body" | "heading" | "mono";
+  fontSizes: "2xl" | "2xs" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "lg" | "md" | "sm" | "xl" | "xs";
+  fontWeights: "black" | "bold" | "extrabold" | "hairline" | "light" | "medium" | "normal" | "semibold" | "thin";
+  gradients: never;
+  keyframes: "bg-position" | "bounce" | "collapse-height" | "collapse-width" | "expand-height" | "expand-width" | "fade-in" | "fade-out" | "ping" | "position" | "pulse" | "scale-in" | "scale-out" | "slide-from-bottom" | "slide-from-bottom-full" | "slide-from-left" | "slide-from-left-full" | "slide-from-right" | "slide-from-right-full" | "slide-from-top" | "slide-from-top-full" | "slide-to-bottom" | "slide-to-bottom-full" | "slide-to-left" | "slide-to-left-full" | "slide-to-right" | "slide-to-right-full" | "slide-to-top" | "slide-to-top-full" | "spin" | "translate";
+  layerStyles: "active" | "disabled" | "ghost" | "ghost.hover" | "hover" | "outline" | "outline.hover" | "panel" | "readOnly" | "solid" | "solid.hover" | "subtle" | "subtle.hover" | "surface" | "surface.hover" | "visuallyHidden";
+  letterSpacings: "tight" | "tighter" | "wide" | "wider" | "widest";
+  lineHeights: "moderate" | "short" | "shorter" | "tall" | "taller";
+  radii: "2xl" | "2xs" | "3xl" | "4xl" | "full" | "l1" | "l2" | "l3" | "l4" | "l5" | "lg" | "md" | "sm" | "xl" | "xs";
+  shadows: "2xl" | "inner" | "inset" | "lg" | "md" | "sm" | "xl" | "xs";
+  sizes: "0.5" | "1" | "1.5" | "1/2" | "1/3" | "1/4" | "1/5" | "1/6" | "1/12" | "2" | "2.5" | "2/3" | "2/5" | "2/6" | "2/12" | "2xl" | "2xs" | "3" | "3.5" | "3/4" | "3/5" | "3/6" | "3/12" | "3xl" | "3xs" | "4" | "4.5" | "4/5" | "4/6" | "4/12" | "4xl" | "4xs" | "5" | "5.5" | "5/6" | "5/12" | "5xl" | "5xs" | "6" | "6.5" | "6/12" | "6xl" | "6xs" | "7" | "7.5" | "7/12" | "7xl" | "7xs" | "8" | "8/12" | "8xl" | "8xs" | "9" | "9/12" | "9xl" | "9xs" | "10" | "10/12" | "11" | "11/12" | "12" | "13" | "14" | "15" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "68" | "72" | "76" | "80" | "84" | "88" | "92" | "96" | "dvh" | "dvw" | "fit" | "full" | "lg" | "lvh" | "lvw" | "max" | "md" | "min" | "px" | "sm" | "svh" | "svw" | "vh" | "vw" | "xl" | "xs";
+  spaces: "0.5" | "1" | "1.5" | "2" | "2.5" | "2xl" | "3" | "3.5" | "3xl" | "4" | "4.5" | "4xl" | "5" | "5.5" | "5xl" | "6" | "6.5" | "7" | "7.5" | "8" | "9" | "10" | "11" | "12" | "13" | "14" | "15" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "68" | "72" | "76" | "80" | "84" | "88" | "92" | "96" | "-0.5" | "-1" | "-1.5" | "-2" | "-2.5" | "-2xl" | "-3" | "-3.5" | "-3xl" | "-4" | "-4.5" | "-4xl" | "-5" | "-5.5" | "-5xl" | "-6" | "-6.5" | "-7" | "-7.5" | "-8" | "-9" | "-10" | "-11" | "-12" | "-13" | "-14" | "-15" | "-16" | "-20" | "-24" | "-28" | "-32" | "-36" | "-40" | "-44" | "-48" | "-52" | "-56" | "-60" | "-64" | "-68" | "-72" | "-76" | "-80" | "-84" | "-88" | "-92" | "-96" | "-lg" | "-md" | "-px" | "-sm" | "-xl" | "-xs" | "lg" | "md" | "px" | "sm" | "xl" | "xs";
+  textStyles: "outline" | "solid" | "subtle" | "surface";
+  themeSchemes: never;
+  zIndices: "beerus" | "burter" | "dodoria" | "freeza" | "ginyu" | "guldo" | "jeice" | "kurillin" | "nappa" | "recoome" | "sonGoku" | "vegeta" | "yamcha" | "zarbon";
+}
+//#endregion
+export { GeneratedThemeTokens };
+//# sourceMappingURL=generated-theme-tokens.types.d.ts.map

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

@@ -0,0 +1,39 @@
+import { GeneratedThemeTokens } from "./generated-theme-tokens.types.js";
+import { Layers, createLayers, defaultLayers } from "./system/layer.js";
+import { Breakpoint, BreakpointConfig, BreakpointDirection, BreakpointIdentifier, CSSMap, ChangeThemeScheme, ColorMode, ColorModeWithSystem, ColorScheme, ComponentCompound, ComponentDefaultProps, ComponentSlotStyle, ComponentStyle, CustomTheme, CustomThemeTokens, DefineThemeAnimationTokens, DefineThemeBreakpointTokens, DefineThemeColorSchemeSemanticTokens, DefineThemeColorSchemeValue, DefineThemeColorSemanticToken, DefineThemeColorSemanticTokens, DefineThemeColorSemanticValue, DefineThemeKeyframeTokens, DefineThemeSchemeTokens, DefineThemeSemanticTokens, DefineThemeTokens, DefineThemeValue, Direction, KeyframeIdent, LayerScheme, LayersConfig, LoadingConfig, NoticeConfig, NoticePlacement, Orientation, Placement, SimplePlacement, SnacksConfig, StyledTheme, System, SystemUtils, TextDirection, Theme, ThemeConfig, ThemePath, ThemeProps, ThemeScheme, ThemeTokens, UsageTheme, UsageThemeTokens, WithoutThemeProps } from "./system/index.types.js";
+import { Breakpoints, createBreakpoints } from "./system/breakpoint.js";
+import { ColorModeManager, colorModeManager, createColorModeManager } from "./system/color-mode-manager.js";
+import { ColorModeContext, ColorModeProvider, ColorModeProviderProps, useColorMode } from "./system/color-mode-provider.js";
+import { COLOR_MODE_STORAGE_KEY, ColorModeScript, ColorModeScriptProps, getColorModeScript } from "./system/color-mode-script.js";
+import { Environment, EnvironmentProvider, EnvironmentProviderProps, RootNode, defaultEnvironment, useEnvironment } from "./system/environment-provider.js";
+import { getColorModeUtils } from "./system/color-mode-utils.js";
+import { DefineComponentSlotStyle, DefineComponentStyle, defineComponentSlotStyle, defineComponentStyle, defineConfig, defineSemanticTokens, defineStyles, defineTheme, defineThemeSchemes, defineTokens } from "./system/config.js";
+import { ThemeToken, VariableColorModeValue, VariableResponsiveValue, VariableTokens, VariableValue, createSystem, defaultSystem } from "./system/create-system.js";
+import { ColorSchemeContext, StyledOptions, createStyled, useColorSchemeContext } from "./system/styled.js";
+import { styled } from "./system/factory.js";
+import { SystemProvider, SystemProviderProps, useSystem } from "./system/system-provider.js";
+import { ThemeSchemeManager, createThemeSchemeManager, themeSchemeManager } from "./system/theme-manager.js";
+import { GlobalStyles, ThemeProvider, ThemeProviderProps, getPreventTransition, useTheme } from "./system/theme-provider.js";
+import { THEME_SCHEME_STORAGE_KEY, ThemeSchemeScript, ThemeSchemeScriptProps, getThemeSchemeScript } from "./system/theme-script.js";
+import { getColorModeValue, useColorModeValue } from "./system/use-color-mode-value.js";
+import { UseSystemColorModeProps, useSystemColorMode } from "./system/use-system-color-mode.js";
+import { CreateVars, createVars, getColorSchemeVar, getVar, getVarName, injectVars, isColorScheme, mergeVars, transformInterpolation, varAttr } from "./system/var.js";
+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 "./css/conditions.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 "./css/styles.js";
+import { CSS, CSSAnimationObject, CSSKeyframeObject, CSSModifierObject, CSSObject, CSSObjectOrFunction, CSSPropObject, CSSProperties, CSSProps, CSSSlotObject, CSSVariable, ColorModeArray, ColorModeValue, ConditionObject, FunctionCSSInterpolation, ResponsiveObject, ResponsiveValue, ResponsiveWithConditionObject, StyleValue, StyleValueWithCondition, Token } from "./css/index.types.js";
+import { colorMix } from "./css/color-mix.js";
+import { focusRingStyle } from "./css/focus-ring.js";
+import { gradient } from "./css/gradient.js";
+import { StyleConfig, StyleConfigs, Transforms, transforms } from "./css/config.js";
+import { CSSFunction, css, getStyle, transformConditionalValue } from "./css/css.js";
+import { animation, injectKeyframes, keyframes } from "./css/animation.js";
+import { mergeCSS } from "./css/merge-css.js";
+import { getCSS, useCSS } from "./css/use-css.js";
+import { useInjectVarsIntoCss, useInjectVarsIntoProps } from "./css/use-inject-vars.js";
+import { As, Component, ComponentArgs, DOMElement, GenericsComponent, HTMLElementProps, HTMLProps, HTMLRefAttributes, HTMLStyledProps, HTMLStyledPropsWithoutAs, HTMLStyledPropsWithoutRef, OmitProps, PropGetter, RequiredPropGetter, StyledComponent, StyledProps, WithoutAs, WithoutRef } from "./components/index.types.js";
+import { ComponentOptions, ComponentSlot, ComponentSlotName, ComponentWithContextOptions, InitialProps, SuperProps, SuperWithoutThemeProps, UseComponentPropsOptions, createComponent, createSlotComponent } from "./components/create-component.js";
+import { ShouldForwardProp, chainProps, createShouldForwardProp, cssProps, extractProps, isEqualProps, mergeProps, useExtractProps, useSplitProps } from "./components/props.js";
+import { UseComponentSlotStyleOptions, UseComponentStyleOptions, getSlotClassName, mergeSlotCSS, useComponentSlotStyle, useComponentStyle } from "./components/use-component-style.js";
+import { getClassName, getDisplayName } from "./components/utils.js";
+import { DEFAULT_DIRECTION, DEFAULT_LAYERS, DEFAULT_LOCALE, DEFAULT_VAR_PREFIX } from "./constant.js";
+export { AnimationProperty, AnySelector, As, AspectRatioProperty, AtRuleStyleProperty, AttributeProperty, AttributeProps, Attributes, BlurProperty, BorderProperty, Breakpoint, BreakpointConfig, BreakpointDirection, BreakpointIdentifier, Breakpoints, COLOR_MODE_STORAGE_KEY, CSS, CSSAnimationObject, CSSFunction, CSSKeyframeObject, CSSMap, CSSModifierObject, CSSObject, CSSObjectOrFunction, CSSPropObject, CSSProperties, CSSProps, CSSSlotObject, CSSVariable, ChangeThemeScheme, ColorMode, ColorModeArray, ColorModeContext, ColorModeManager, ColorModeProvider, ColorModeProviderProps, ColorModeScript, ColorModeScriptProps, ColorModeValue, ColorModeWithSystem, ColorProperty, ColorScheme, ColorSchemeContext, Component, ComponentArgs, ComponentCompound, ComponentDefaultProps, ComponentOptions, ComponentSlot, ComponentSlotName, ComponentSlotStyle, ComponentStyle, ComponentWithContextOptions, ConditionObject, ConditionProperty, ConditionProps, ConditionSelector, Conditions, CreateVars, CustomTheme, CustomThemeTokens, DEFAULT_DIRECTION, DEFAULT_LAYERS, DEFAULT_LOCALE, DEFAULT_VAR_PREFIX, DOMElement, DefineComponentSlotStyle, DefineComponentStyle, DefineThemeAnimationTokens, DefineThemeBreakpointTokens, DefineThemeColorSchemeSemanticTokens, DefineThemeColorSchemeValue, DefineThemeColorSemanticToken, DefineThemeColorSemanticTokens, DefineThemeColorSemanticValue, DefineThemeKeyframeTokens, DefineThemeSchemeTokens, DefineThemeSemanticTokens, DefineThemeTokens, DefineThemeValue, Direction, DurationProperty, EasingProperty, Environment, EnvironmentProvider, EnvironmentProviderProps, FontProperty, FunctionCSSInterpolation, GeneratedThemeTokens, GenericsComponent, GlobalStyles, GradientProperty, GroupAttributeProperty, GroupAttributeProps, GroupAttributes, HTMLElementProps, HTMLProps, HTMLRefAttributes, HTMLStyledProps, HTMLStyledPropsWithoutAs, HTMLStyledPropsWithoutRef, InitialProps, KeyframeIdent, KeyframeProperty, LayerScheme, Layers, LayersConfig, LoadingConfig, NoticeConfig, NoticePlacement, OmitProps, Orientation, PeerAttributeProperty, PeerAttributeProps, PeerAttributes, Placement, PropGetter, PseudoClassProperty, PseudoClassProps, PseudoClasses, PseudoElementProperty, PseudoElementProps, PseudoElements, PseudoStyleProperty, RadiusProperty, RequiredPropGetter, ResponsiveObject, ResponsiveValue, ResponsiveWithConditionObject, RootNode, ShadowProperty, ShorthandStyleProperty, ShouldForwardProp, SimplePlacement, SizeProperty, SnacksConfig, SpaceProperty, StandardStyleProperty, StyleConfig, StyleConfigs, StyleProperty, StyleProps, StyleValue, StyleValueWithCondition, StyledComponent, StyledOptions, StyledProps, StyledStyleProperty, StyledTheme, Styles, SuperProps, SuperWithoutThemeProps, System, SystemProvider, SystemProviderProps, SystemUtils, THEME_SCHEME_STORAGE_KEY, TextDirection, Theme, ThemeConfig, ThemePath, ThemeProps, ThemeProvider, ThemeProviderProps, ThemeScheme, ThemeSchemeManager, ThemeSchemeScript, ThemeSchemeScriptProps, ThemeToken, ThemeTokens, Token, Transforms, UsageTheme, UsageThemeTokens, UseComponentPropsOptions, UseComponentSlotStyleOptions, UseComponentStyleOptions, UseSystemColorModeProps, VariableColorModeValue, VariableLengthProperty, VariableResponsiveValue, VariableTokens, VariableValue, WithoutAs, WithoutRef, WithoutThemeProps, ZIndexProperty, animation, animationProperties, aspectRatioProperties, atRuleStyles, attributeProperties, attributeSelectors, attributes, blurProperties, borderProperties, chainProps, colorMix, colorModeManager, colorProperties, conditionProperties, conditionSelectors, conditions, createBreakpoints, createColorModeManager, createComponent, createLayers, createShouldForwardProp, createSlotComponent, createStyled, createSystem, createThemeSchemeManager, createVars, css, cssProps, defaultEnvironment, defaultLayers, defaultSystem, defineComponentSlotStyle, defineComponentStyle, defineConfig, defineSemanticTokens, defineStyles, defineTheme, defineThemeSchemes, defineTokens, durationProperties, easingProperties, extractProps, focusRingStyle, fontProperties, getCSS, getClassName, getColorModeScript, getColorModeUtils, getColorModeValue, getColorSchemeVar, getCondition, getDisplayName, getPreventTransition, getSlotClassName, getStyle, getThemeSchemeScript, getVar, getVarName, gradient, gradientProperties, groupAttributeProperties, groupAttributeSelectors, groupAttributes, injectKeyframes, injectVars, isColorScheme, isEqualProps, keyframeProperties, keyframes, mergeCSS, mergeProps, mergeSlotCSS, mergeVars, peerAttributeProperties, peerAttributeSelectors, peerAttributes, pseudoClassProperties, pseudoClassSelectors, pseudoClasses, pseudoElementProperties, pseudoElementSelectors, pseudoElements, pseudoStyles, radiusProperties, shadowProperties, shorthandStyles, sizeProperties, spaceProperties, standardStyles, styleProperties, styled, styledStyles, styles, themeSchemeManager, transformConditionalValue, transformInterpolation, transforms, useCSS, useColorMode, useColorModeValue, useColorSchemeContext, useComponentSlotStyle, useComponentStyle, useEnvironment, useExtractProps, useInjectVarsIntoCss, useInjectVarsIntoProps, useSplitProps, useSystem, useSystemColorMode, useTheme, varAttr, variableLengthProperties, zIndexProperties };

package/dist/types/core/system/breakpoint.d.ts

@@ -0,0 +1,26 @@
+import { Breakpoint, BreakpointConfig, DefineThemeBreakpointTokens } from "./index.types.js";
+
+//#region src/core/system/breakpoint.d.ts
+interface BreakpointQuery {
+  breakpoint: Breakpoint;
+  maxW: number | undefined;
+  maxWQuery: string | undefined;
+  minMaxQuery: string | undefined;
+  minW: number | undefined;
+  minWQuery: string | undefined;
+  query: string | undefined;
+}
+interface Breakpoints {
+  getQuery: (key: string) => string | undefined;
+  isResponsive: (obj: any, strict?: boolean) => boolean;
+  isResponsiveKey: (key: string) => boolean;
+  keys: Breakpoint[];
+  queries: BreakpointQuery[];
+  queriesObj: {
+    [key: string]: BreakpointQuery;
+  };
+}
+declare function createBreakpoints(breakpoints?: DefineThemeBreakpointTokens, config?: BreakpointConfig): Breakpoints;
+//#endregion
+export { Breakpoints, createBreakpoints };
+//# sourceMappingURL=breakpoint.d.ts.map

package/dist/types/core/system/color-mode-manager.d.ts

@@ -0,0 +1,20 @@
+import { ColorModeWithSystem } from "./index.types.js";
+
+//#region src/core/system/color-mode-manager.d.ts
+interface ColorModeManager {
+  type: "cookie" | "localStorage";
+  get: (initColorMode?: ColorModeWithSystem) => (storageKey?: string) => ColorModeWithSystem;
+  set: (colorMode: ColorModeWithSystem) => (storageKey?: string) => void;
+  ssr?: boolean;
+}
+declare const createColorModeManager: (type?: "cookie" | "local" | "ssr", cookie?: string) => ColorModeManager;
+declare const colorModeManager: {
+  cookieStorage: ColorModeManager;
+  createCookieStorage: (defaultStorageKey: string, cookie?: string) => ColorModeManager;
+  createLocalStorage: (defaultStorageKey: string) => ColorModeManager;
+  localStorage: ColorModeManager;
+  ssr: (cookie?: string) => ColorModeManager;
+};
+//#endregion
+export { ColorModeManager, colorModeManager, createColorModeManager };
+//# sourceMappingURL=color-mode-manager.d.ts.map

package/dist/types/core/system/color-mode-provider.d.ts

@@ -0,0 +1,48 @@
+import { ColorMode, ColorModeWithSystem, ThemeConfig } from "./index.types.js";
+import { ColorModeManager } from "./color-mode-manager.js";
+import * as react155 from "react";
+import { FC, PropsWithChildren } from "react";
+
+//#region src/core/system/color-mode-provider.d.ts
+interface ColorModeContext {
+  changeColorMode: (colorMode: ColorModeWithSystem) => void;
+  colorMode: ColorMode;
+  internalColorMode: ColorModeWithSystem;
+  toggleColorMode: () => void;
+  forced?: boolean;
+}
+declare const ColorModeContext: react155.Context<ColorModeContext>;
+interface ColorModeProviderProps extends PropsWithChildren {
+  /**
+   * The forced color mode.
+   */
+  colorMode?: ColorMode;
+  /**
+   * Manager to persist a user's color mode preference.
+   *
+   * Omit if you don't render server-side.
+   * For SSR, choose `colorModeManager.ssr`.
+   *
+   * @default 'colorModeManager.localStorage'
+   */
+  colorModeManager?: ColorModeManager;
+  /**
+   * The config of the yamada ui.
+   */
+  config?: ThemeConfig;
+  /**
+   * Key of value saved in storage.
+   * By default, it is saved to `local storage`.
+   */
+  storageKey?: string;
+}
+declare const ColorModeProvider: FC<ColorModeProviderProps>;
+/**
+ * `useColorMode` is a custom hook that returns the current color mode.
+ *
+ * @see https://yamada-ui.com/hooks/use-color-mode
+ */
+declare const useColorMode: () => ColorModeContext;
+//#endregion
+export { ColorModeContext, ColorModeProvider, ColorModeProviderProps, useColorMode };
+//# sourceMappingURL=color-mode-provider.d.ts.map

package/dist/types/core/system/color-mode-script.d.ts

@@ -0,0 +1,23 @@
+import { ColorModeWithSystem } from "./index.types.js";
+import * as react_jsx_runtime310 from "react/jsx-runtime";
+
+//#region src/core/system/color-mode-script.d.ts
+interface ColorModeScriptProps {
+  type?: "cookie" | "localStorage";
+  initialColorMode?: ColorModeWithSystem;
+  nonce?: string;
+  storageKey?: string;
+}
+declare const COLOR_MODE_STORAGE_KEY = "color-mode";
+declare const getColorModeScript: ({
+  type,
+  initialColorMode,
+  storageKey
+}?: Omit<ColorModeScriptProps, "nonce">) => string;
+declare const ColorModeScript: ({
+  nonce,
+  ...rest
+}: ColorModeScriptProps) => react_jsx_runtime310.JSX.Element;
+//#endregion
+export { COLOR_MODE_STORAGE_KEY, ColorModeScript, ColorModeScriptProps, getColorModeScript };
+//# sourceMappingURL=color-mode-script.d.ts.map

package/dist/types/core/system/color-mode-utils.d.ts

@@ -0,0 +1,21 @@
+import { ColorMode } from "./index.types.js";
+import { Environment } from "./environment-provider.js";
+
+//#region src/core/system/color-mode-utils.d.ts
+interface GetColorModeUtilsProps {
+  environment?: Environment;
+  preventTransition?: boolean;
+}
+declare const getColorModeUtils: ({
+  environment,
+  preventTransition
+}: GetColorModeUtilsProps) => {
+  getSystemColorMode: (fallback?: ColorMode) => "light" | "dark";
+  query: () => MediaQueryList | undefined;
+  setClassName: (isDark: boolean) => void;
+  setDataset: (colorMode: ColorMode) => void;
+  systemColorModeObserver: (func: (cm: ColorMode) => void) => () => void;
+};
+//#endregion
+export { getColorModeUtils };
+//# sourceMappingURL=color-mode-utils.d.ts.map

package/dist/types/core/system/config.d.ts

@@ -0,0 +1,105 @@
+import { ComponentSlotStyle, ComponentStyle, DefineThemeAnimationTokens, DefineThemeBreakpointTokens, DefineThemeColorSchemeSemanticTokens, DefineThemeColorSemanticTokens, DefineThemeKeyframeTokens, DefineThemeSchemeTokens, DefineThemeTokens, ThemeConfig, UsageTheme } from "./index.types.js";
+import { CSSAnimationObject, CSSModifierObject, CSSObject, CSSPropObject, CSSSlotObject } from "../css/index.types.js";
+
+//#region src/core/system/config.d.ts
+interface DefineConfig {
+  (value: ThemeConfig): ThemeConfig;
+}
+declare const defineConfig: DefineConfig;
+interface DefineComponentStyle {
+  <Y extends CSSPropObject = CSSPropObject, M extends CSSModifierObject = CSSModifierObject, D extends CSSModifierObject = CSSModifierObject>(value: ComponentStyle<Y, M, D>): ComponentStyle<Y, M, D>;
+}
+declare const defineComponentStyle: DefineComponentStyle;
+interface DefineComponentSlotStyle {
+  <Y extends string = string, M extends CSSPropObject<CSSSlotObject<Y>> = CSSPropObject<CSSSlotObject<Y>>, D extends CSSModifierObject<CSSSlotObject<Y>> = CSSModifierObject<CSSSlotObject<Y>>, H extends CSSModifierObject<CSSSlotObject<Y>> = CSSModifierObject<CSSSlotObject<Y>>>(value: ComponentSlotStyle<Y, M, D, H>): ComponentSlotStyle<Y, M, D, H>;
+}
+declare const defineComponentSlotStyle: DefineComponentSlotStyle;
+interface DefineStyle {
+  (value: CSSObject): CSSObject;
+}
+interface DefineModifierStyle {
+  <T extends CSSModifierObject>(value: T): T;
+}
+declare const defineStyles: {
+  layerStyle: DefineModifierStyle;
+  textStyle: DefineModifierStyle;
+  globalStyle: DefineStyle;
+  resetStyle: DefineStyle;
+};
+interface DefineTokens {
+  <T extends DefineThemeTokens>(value: T): T;
+}
+interface DefineAnimationTokens {
+  <T extends DefineThemeAnimationTokens>(value: T): T;
+}
+interface DefineBreakpointTokens {
+  <T extends DefineThemeBreakpointTokens>(value: T): T;
+}
+interface DefineKeyframeTokens {
+  <T extends DefineThemeKeyframeTokens>(value: T): T;
+}
+declare const defineTokens: {
+  animations: DefineAnimationTokens;
+  aspectRatios: DefineTokens;
+  blurs: DefineTokens;
+  borders: DefineTokens;
+  breakpoints: DefineBreakpointTokens;
+  colors: DefineTokens;
+  durations: DefineTokens;
+  easings: DefineTokens;
+  fonts: DefineTokens;
+  fontSizes: DefineTokens;
+  fontWeights: DefineTokens;
+  gradients: DefineTokens;
+  keyframes: DefineKeyframeTokens;
+  letterSpacings: DefineTokens;
+  lineHeights: DefineTokens;
+  radii: DefineTokens;
+  shadows: DefineTokens;
+  sizes: DefineTokens;
+  spaces: DefineTokens;
+  zIndices: DefineTokens;
+};
+interface DefineSemanticTokens extends DefineTokens {}
+interface DefineAnimationSemanticTokens {
+  <T extends DefineThemeAnimationTokens<CSSAnimationObject | string>>(value: T): T;
+}
+interface DefineColorSemanticTokens {
+  <T extends DefineThemeColorSemanticTokens>(value: T): T;
+}
+interface DefineColorSchemeSemanticTokens {
+  <T extends DefineThemeColorSchemeSemanticTokens>(value: T): T;
+}
+declare const defineSemanticTokens: {
+  animations: DefineAnimationSemanticTokens;
+  aspectRatios: DefineSemanticTokens;
+  blurs: DefineSemanticTokens;
+  borders: DefineSemanticTokens;
+  colors: DefineColorSemanticTokens;
+  colorSchemes: DefineColorSchemeSemanticTokens;
+  durations: DefineSemanticTokens;
+  easings: DefineSemanticTokens;
+  fonts: DefineSemanticTokens;
+  fontSizes: DefineSemanticTokens;
+  fontWeights: DefineSemanticTokens;
+  gradients: DefineSemanticTokens;
+  keyframes: DefineKeyframeTokens;
+  letterSpacings: DefineSemanticTokens;
+  lineHeights: DefineSemanticTokens;
+  radii: DefineSemanticTokens;
+  shadows: DefineSemanticTokens;
+  sizes: DefineSemanticTokens;
+  spaces: DefineSemanticTokens;
+  zIndices: DefineSemanticTokens;
+};
+interface DefineThemeSchemes {
+  <T extends DefineThemeSchemeTokens>(value: T): T;
+}
+declare const defineThemeSchemes: DefineThemeSchemes;
+interface DefineTheme {
+  <T extends UsageTheme>(value: T): T;
+}
+declare const defineTheme: DefineTheme;
+//#endregion
+export { DefineComponentSlotStyle, DefineComponentStyle, defineComponentSlotStyle, defineComponentStyle, defineConfig, defineSemanticTokens, defineStyles, defineTheme, defineThemeSchemes, defineTokens };
+//# sourceMappingURL=config.d.ts.map

package/dist/types/core/system/create-system.d.ts

@@ -0,0 +1,52 @@
+import { index_d_exports } from "../../utils/index.js";
+import { DefineThemeValue, System, ThemeConfig, UsageTheme } from "./index.types.js";
+
+//#region src/core/system/create-system.d.ts
+type VariableResponsiveValue = index_d_exports.Dict<[DefineThemeValue, DefineThemeValue] | DefineThemeValue>;
+type VariableColorModeValue = [DefineThemeValue | index_d_exports.Dict<DefineThemeValue>, DefineThemeValue | index_d_exports.Dict<DefineThemeValue>];
+type VariableValue = DefineThemeValue | VariableColorModeValue | VariableResponsiveValue;
+interface VariableToken {
+  semantic: boolean;
+  value: VariableValue;
+}
+interface VariableTokens {
+  [key: string]: VariableToken;
+}
+declare const primaryTokens: {
+  aspectRatios: {};
+  blurs: {};
+  borders: {};
+  colors: {};
+  durations: {};
+  easings: {};
+  fonts: {};
+  fontSizes: {};
+  fontWeights: {};
+  letterSpacings: {};
+  lineHeights: {};
+  radii: {};
+  sizes: {};
+  spaces: {};
+  zIndices: {};
+};
+type PrimaryToken = keyof typeof primaryTokens;
+declare const secondaryTokens: {
+  gradients: {};
+  keyframes: {
+    maxDepth: number;
+  };
+  shadows: {};
+};
+type SecondaryToken = keyof typeof secondaryTokens;
+declare const tertiaryTokens: {
+  animations: {
+    shouldProcess: (obj: any) => boolean;
+  };
+};
+type TertiaryToken = keyof typeof tertiaryTokens;
+type ThemeToken = "breakpoints" | PrimaryToken | SecondaryToken | TertiaryToken;
+declare const defaultSystem: System;
+declare function createSystem(theme: UsageTheme, config?: ThemeConfig): System;
+//#endregion
+export { ThemeToken, VariableColorModeValue, VariableResponsiveValue, VariableTokens, VariableValue, createSystem, defaultSystem };
+//# sourceMappingURL=create-system.d.ts.map

package/dist/types/core/system/environment-provider.d.ts

@@ -0,0 +1,18 @@
+import { FC, PropsWithChildren } from "react";
+
+//#region src/core/system/environment-provider.d.ts
+type RootNode = Document | Node | ShadowRoot;
+interface Environment {
+  getDocument: () => Document | undefined;
+  getRootNode: () => RootNode;
+  getWindow: () => undefined | Window;
+}
+declare const defaultEnvironment: Environment;
+interface EnvironmentProviderProps extends PropsWithChildren {
+  value?: (() => RootNode) | RootNode;
+}
+declare const EnvironmentProvider: FC<EnvironmentProviderProps>;
+declare const useEnvironment: () => Environment;
+//#endregion
+export { Environment, EnvironmentProvider, EnvironmentProviderProps, RootNode, defaultEnvironment, useEnvironment };
+//# sourceMappingURL=environment-provider.d.ts.map

package/dist/types/core/system/factory.d.ts

@@ -0,0 +1,19 @@
+import { StyledOptions } from "./styled.js";
+import { As, DOMElement, StyledComponent } from "../components/index.types.js";
+import { FC } from "react";
+
+//#region src/core/system/factory.d.ts
+type Components = { [Y in DOMElement]: StyledComponent<Y> };
+interface Factory extends Components {
+  <Y extends As, M extends object = {}>(el: FC<M> | Y, options?: StyledOptions): StyledComponent<Y, M>;
+}
+/**
+ * `styled` is an object of JSX elements enabled with Yamada UI's style system,
+ * and can also be used as a function for custom components to receive Yamada UI's style system.
+ *
+ * @see https://yamada-ui.com/styled-system/styled
+ */
+declare const styled: Factory;
+//#endregion
+export { styled };
+//# sourceMappingURL=factory.d.ts.map

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

@@ -0,0 +1,20 @@
+import { Layers, createLayers, defaultLayers } from "./layer.js";
+import { Breakpoint, BreakpointConfig, BreakpointDirection, BreakpointIdentifier, CSSMap, ChangeThemeScheme, ColorMode, ColorModeWithSystem, ColorScheme, ComponentCompound, ComponentDefaultProps, ComponentSlotStyle, ComponentStyle, CustomTheme, CustomThemeTokens, DefineThemeAnimationTokens, DefineThemeBreakpointTokens, DefineThemeColorSchemeSemanticTokens, DefineThemeColorSchemeValue, DefineThemeColorSemanticToken, DefineThemeColorSemanticTokens, DefineThemeColorSemanticValue, DefineThemeKeyframeTokens, DefineThemeSchemeTokens, DefineThemeSemanticTokens, DefineThemeTokens, DefineThemeValue, Direction, KeyframeIdent, LayerScheme, LayersConfig, LoadingConfig, NoticeConfig, NoticePlacement, Orientation, Placement, SimplePlacement, SnacksConfig, StyledTheme, System, SystemUtils, TextDirection, Theme, ThemeConfig, ThemePath, ThemeProps, ThemeScheme, ThemeTokens, UsageTheme, UsageThemeTokens, WithoutThemeProps } from "./index.types.js";
+import { Breakpoints, createBreakpoints } from "./breakpoint.js";
+import { ColorModeManager, colorModeManager, createColorModeManager } from "./color-mode-manager.js";
+import { ColorModeContext, ColorModeProvider, ColorModeProviderProps, useColorMode } from "./color-mode-provider.js";
+import { COLOR_MODE_STORAGE_KEY, ColorModeScript, ColorModeScriptProps, getColorModeScript } from "./color-mode-script.js";
+import { Environment, EnvironmentProvider, EnvironmentProviderProps, RootNode, defaultEnvironment, useEnvironment } from "./environment-provider.js";
+import { getColorModeUtils } from "./color-mode-utils.js";
+import { DefineComponentSlotStyle, DefineComponentStyle, defineComponentSlotStyle, defineComponentStyle, defineConfig, defineSemanticTokens, defineStyles, defineTheme, defineThemeSchemes, defineTokens } from "./config.js";
+import { ThemeToken, VariableColorModeValue, VariableResponsiveValue, VariableTokens, VariableValue, createSystem, defaultSystem } from "./create-system.js";
+import { ColorSchemeContext, StyledOptions, createStyled, useColorSchemeContext } from "./styled.js";
+import { styled } from "./factory.js";
+import { SystemProvider, SystemProviderProps, useSystem } from "./system-provider.js";
+import { ThemeSchemeManager, createThemeSchemeManager, themeSchemeManager } from "./theme-manager.js";
+import { GlobalStyles, ThemeProvider, ThemeProviderProps, getPreventTransition, useTheme } from "./theme-provider.js";
+import { THEME_SCHEME_STORAGE_KEY, ThemeSchemeScript, ThemeSchemeScriptProps, getThemeSchemeScript } from "./theme-script.js";
+import { getColorModeValue, useColorModeValue } from "./use-color-mode-value.js";
+import { UseSystemColorModeProps, useSystemColorMode } from "./use-system-color-mode.js";
+import { CreateVars, createVars, getColorSchemeVar, getVar, getVarName, injectVars, isColorScheme, mergeVars, transformInterpolation, varAttr } from "./var.js";
+export { Breakpoint, BreakpointConfig, BreakpointDirection, BreakpointIdentifier, Breakpoints, COLOR_MODE_STORAGE_KEY, CSSMap, ChangeThemeScheme, ColorMode, ColorModeContext, ColorModeManager, ColorModeProvider, ColorModeProviderProps, ColorModeScript, ColorModeScriptProps, ColorModeWithSystem, ColorScheme, ColorSchemeContext, ComponentCompound, ComponentDefaultProps, ComponentSlotStyle, ComponentStyle, CreateVars, CustomTheme, CustomThemeTokens, DefineComponentSlotStyle, DefineComponentStyle, DefineThemeAnimationTokens, DefineThemeBreakpointTokens, DefineThemeColorSchemeSemanticTokens, DefineThemeColorSchemeValue, DefineThemeColorSemanticToken, DefineThemeColorSemanticTokens, DefineThemeColorSemanticValue, DefineThemeKeyframeTokens, DefineThemeSchemeTokens, DefineThemeSemanticTokens, DefineThemeTokens, DefineThemeValue, Direction, Environment, EnvironmentProvider, EnvironmentProviderProps, GlobalStyles, KeyframeIdent, LayerScheme, Layers, LayersConfig, LoadingConfig, NoticeConfig, NoticePlacement, Orientation, Placement, RootNode, SimplePlacement, SnacksConfig, StyledOptions, StyledTheme, System, SystemProvider, SystemProviderProps, SystemUtils, THEME_SCHEME_STORAGE_KEY, TextDirection, Theme, ThemeConfig, ThemePath, ThemeProps, ThemeProvider, ThemeProviderProps, ThemeScheme, ThemeSchemeManager, ThemeSchemeScript, ThemeSchemeScriptProps, ThemeToken, ThemeTokens, UsageTheme, UsageThemeTokens, UseSystemColorModeProps, VariableColorModeValue, VariableResponsiveValue, VariableTokens, VariableValue, WithoutThemeProps, colorModeManager, createBreakpoints, createColorModeManager, createLayers, createStyled, createSystem, createThemeSchemeManager, createVars, defaultEnvironment, defaultLayers, defaultSystem, defineComponentSlotStyle, defineComponentStyle, defineConfig, defineSemanticTokens, defineStyles, defineTheme, defineThemeSchemes, defineTokens, getColorModeScript, getColorModeUtils, getColorModeValue, getColorSchemeVar, getPreventTransition, getThemeSchemeScript, getVar, getVarName, injectVars, isColorScheme, mergeVars, styled, themeSchemeManager, transformInterpolation, useColorMode, useColorModeValue, useColorSchemeContext, useEnvironment, useSystem, useSystemColorMode, useTheme, varAttr };