@yamada-ui/react 2.1.3-dev-20260312162557 → 2.1.3-dev-20260314005850

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

@@ -1,5 +1,6 @@
 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";
@@ -358,6 +359,7 @@ declare const standardStyles: {
     readonly properties: ["borderRightWidth"];
     readonly transform: (value: any) => any;
   };
+  readonly borderShape: true;
   readonly borderSpacing: true;
   readonly borderStartEndRadius: {
     readonly properties: ["borderStartEndRadius"];
@@ -1315,6 +1317,12 @@ declare const standardStyles: {
   readonly textWrapStyle: true;
   readonly timelineScope: true;
   readonly timelineTrigger: true;
+  readonly timelineTriggerActivationRange: true;
+  readonly timelineTriggerActivationRangeEnd: true;
+  readonly timelineTriggerActivationRangeStart: true;
+  readonly timelineTriggerActiveRange: true;
+  readonly timelineTriggerActiveRangeEnd: true;
+  readonly timelineTriggerActiveRangeStart: true;
   readonly timelineTriggerName: true;
   readonly timelineTriggerSource: true;
   readonly top: {
@@ -1372,6 +1380,7 @@ declare const standardStyles: {
   readonly viewTransitionClass: true;
   readonly viewTransitionGroup: true;
   readonly viewTransitionName: true;
+  readonly viewTransitionScope: true;
   readonly visibility: true;
   readonly whiteSpace: true;
   readonly whiteSpaceCollapse: true;
@@ -2797,6 +2806,7 @@ declare const styles: {
     readonly properties: ["borderRightWidth"];
     readonly transform: (value: any) => any;
   };
+  readonly borderShape: true;
   readonly borderSpacing: true;
   readonly borderStartEndRadius: {
     readonly properties: ["borderStartEndRadius"];
@@ -3754,6 +3764,12 @@ declare const styles: {
   readonly textWrapStyle: true;
   readonly timelineScope: true;
   readonly timelineTrigger: true;
+  readonly timelineTriggerActivationRange: true;
+  readonly timelineTriggerActivationRangeEnd: true;
+  readonly timelineTriggerActivationRangeStart: true;
+  readonly timelineTriggerActiveRange: true;
+  readonly timelineTriggerActiveRangeEnd: true;
+  readonly timelineTriggerActiveRangeStart: true;
   readonly timelineTriggerName: true;
   readonly timelineTriggerSource: true;
   readonly top: {
@@ -3811,6 +3827,7 @@ declare const styles: {
   readonly viewTransitionClass: true;
   readonly viewTransitionGroup: true;
   readonly viewTransitionName: true;
+  readonly viewTransitionScope: true;
   readonly visibility: true;
   readonly whiteSpace: true;
   readonly whiteSpaceCollapse: true;
@@ -4267,7 +4284,7 @@ interface StyleProps {
    *
    * The CSS `animation-trigger` property.
    *
-   * @see https://drafts.csswg.org/css-animations-2/#animation-trigger-prop
+   * @see https://drafts.csswg.org/animation-triggers-1/#propdef-animation-trigger
    *
    * @experimental
    */
@@ -4494,7 +4511,7 @@ interface StyleProps {
    *
    * The CSS `background-repeat-x` property.
    *
-   * @see https://drafts.csswg.org/css-backgrounds-4/#background-repeat-longhands
+   * @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/background-repeat-x
    *
    * @experimental
    */
@@ -4504,7 +4521,7 @@ interface StyleProps {
    *
    * The CSS `background-repeat-y` property.
    *
-   * @see https://drafts.csswg.org/css-backgrounds-4/#background-repeat-longhands
+   * @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/background-repeat-y
    *
    * @experimental
    */
@@ -5575,6 +5592,16 @@ interface StyleProps {
    * @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-right-width
    */
   borderRightWidth?: StyleValueWithCondition<CSS.Property.BorderRightWidth | number>;
+  /**
+   * ### border-shape
+   *
+   * The CSS `border-shape` property.
+   *
+   * @see https://drafts.csswg.org/css-borders-4/#border-shape
+   *
+   * @experimental
+   */
+  borderShape?: StyleValueWithCondition<AnyString>;
   /**
    * ### border-spacing
    *
@@ -6288,7 +6315,7 @@ interface StyleProps {
    *
    * The CSS `column-height` property.
    *
-   * @see https://drafts.csswg.org/css-multicol-2/#propdef-column-height
+   * @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/column-height
    *
    * @experimental
    */
@@ -6382,7 +6409,7 @@ interface StyleProps {
    *
    * The CSS `column-wrap` property.
    *
-   * @see https://drafts.csswg.org/css-multicol-2/#propdef-column-wrap
+   * @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/column-wrap
    *
    * @experimental
    */
@@ -7394,7 +7421,7 @@ interface StyleProps {
    *
    * @baseline `Limited available`
    *
-   * @see https://drafts.csswg.org/css-fonts/#propdef-font-width
+   * @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/font-width
    *
    * @experimental
    */
@@ -10485,7 +10512,7 @@ interface StyleProps {
    *
    * @baseline `Limited available`
    *
-   * @see https://drafts.csswg.org/css-scroll-snap-2/#propdef-scroll-initial-target
+   * @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/scroll-initial-target
    *
    * @experimental
    */
@@ -11373,17 +11400,17 @@ interface StyleProps {
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/text-decoration-skip
    *
-   * @experimental
+   * @deprecated
    */
   textDecorationSkip?: StyleValueWithCondition<CSS.Property.TextDecorationSkip>;
   /**
    * ### text-decoration-skip-ink
    *
-   * The <code>text-decoration</code> CSS property sets the style and color of decorative lines including underline, overline, line-through, or a combination of lines.
+   * The <code>text-decoration-skip-ink</code> CSS property sets whether underlines and overlines may be interrupted where the line would cross a glyph.
    *
    * @baseline `Widely available`
-   * @widely_available_date 2018-01-29
-   * @newly_available_date 2015-07-29
+   * @widely_available_date 2024-09-14
+   * @newly_available_date 2022-03-14
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/text-decoration-skip-ink
    */
@@ -11642,17 +11669,77 @@ interface StyleProps {
    *
    * The CSS `timeline-trigger` property.
    *
-   * @see https://drafts.csswg.org/css-animations-2/#timeline-trigger-shorthand
+   * @see https://drafts.csswg.org/animation-triggers-1/#propdef-timeline-trigger
    *
    * @experimental
    */
   timelineTrigger?: StyleValueWithCondition<AnyString>;
+  /**
+   * ### timeline-trigger-activation-range
+   *
+   * The CSS `timeline-trigger-activation-range` property.
+   *
+   * @see https://drafts.csswg.org/animation-triggers-1/#propdef-timeline-trigger-activation-range
+   *
+   * @experimental
+   */
+  timelineTriggerActivationRange?: StyleValueWithCondition<AnyString>;
+  /**
+   * ### timeline-trigger-activation-range-end
+   *
+   * The CSS `timeline-trigger-activation-range-end` property.
+   *
+   * @see https://drafts.csswg.org/animation-triggers-1/#propdef-timeline-trigger-activation-range-end
+   *
+   * @experimental
+   */
+  timelineTriggerActivationRangeEnd?: StyleValueWithCondition<AnyString>;
+  /**
+   * ### timeline-trigger-activation-range-start
+   *
+   * The CSS `timeline-trigger-activation-range-start` property.
+   *
+   * @see https://drafts.csswg.org/animation-triggers-1/#propdef-timeline-trigger-activation-range-start
+   *
+   * @experimental
+   */
+  timelineTriggerActivationRangeStart?: StyleValueWithCondition<AnyString>;
+  /**
+   * ### timeline-trigger-active-range
+   *
+   * The CSS `timeline-trigger-active-range` property.
+   *
+   * @see https://drafts.csswg.org/animation-triggers-1/#propdef-timeline-trigger-active-range
+   *
+   * @experimental
+   */
+  timelineTriggerActiveRange?: StyleValueWithCondition<AnyString>;
+  /**
+   * ### timeline-trigger-active-range-end
+   *
+   * The CSS `timeline-trigger-active-range-end` property.
+   *
+   * @see https://drafts.csswg.org/animation-triggers-1/#propdef-timeline-trigger-active-range-end
+   *
+   * @experimental
+   */
+  timelineTriggerActiveRangeEnd?: StyleValueWithCondition<AnyString>;
+  /**
+   * ### timeline-trigger-active-range-start
+   *
+   * The CSS `timeline-trigger-active-range-start` property.
+   *
+   * @see https://drafts.csswg.org/animation-triggers-1/#propdef-timeline-trigger-active-range-start
+   *
+   * @experimental
+   */
+  timelineTriggerActiveRangeStart?: StyleValueWithCondition<AnyString>;
   /**
    * ### timeline-trigger-name
    *
    * The CSS `timeline-trigger-name` property.
    *
-   * @see https://drafts.csswg.org/css-animations-2/#timeline-trigger-name
+   * @see https://drafts.csswg.org/animation-triggers-1/#propdef-timeline-trigger-name
    *
    * @experimental
    */
@@ -11662,7 +11749,7 @@ interface StyleProps {
    *
    * The CSS `timeline-trigger-source` property.
    *
-   * @see https://drafts.csswg.org/css-animations-2/#timeline-trigger-source
+   * @see https://drafts.csswg.org/animation-triggers-1/#propdef-timeline-trigger-source
    *
    * @experimental
    */
@@ -11838,7 +11925,7 @@ interface StyleProps {
    *
    * The CSS `trigger-scope` property.
    *
-   * @see https://drafts.csswg.org/css-animations-2/#trigger-scope
+   * @see https://drafts.csswg.org/animation-triggers-1/#propdef-trigger-scope
    *
    * @experimental
    */
@@ -11975,6 +12062,16 @@ interface StyleProps {
    * @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/view-transition-name
    */
   viewTransitionName?: StyleValueWithCondition<CSS.Property.ViewTransitionName>;
+  /**
+   * ### view-transition-scope
+   *
+   * The CSS `view-transition-scope` property.
+   *
+   * @see https://drafts.csswg.org/css-view-transitions-2/#view-transition-scope-prop
+   *
+   * @experimental
+   */
+  viewTransitionScope?: StyleValueWithCondition<AnyString>;
   /**
    * ### visibility
    *

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

@@ -1,4 +1,5 @@
 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,4 +1,5 @@
 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,7 +1,9 @@
 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 { CSSProperties } from "./index.types.js";
+import "./config.js";
 import { CSSFunction } from "./css.js";
 
 //#region src/core/css/utils.d.ts

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

@@ -1,4 +1,5 @@
 import { UsageThemeTokens } from "./system/index.types.js";
+import "./system/index.js";
 
 //#region src/core/generated-theme-tokens.types.d.ts
 interface GeneratedThemeTokens extends UsageThemeTokens {

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

@@ -15,6 +15,7 @@ import { GlobalStyles, ThemeProvider, ThemeProviderProps, getPreventTransition,
 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 "./system/index.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 { display } from "./css/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 "./css/styles.js";
@@ -29,6 +30,7 @@ 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 "./css/index.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 { UseComponentSlotStyleOptions, UseComponentStyleOptions, getSlotClassName, mergeSlotCSS, useComponentSlotStyle, useComponentStyle } from "./components/use-component-style.js";

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

@@ -1,6 +1,6 @@
 import { ColorMode, ColorModeWithSystem, ThemeConfig } from "./index.types.js";
 import { Storage } from "./storage-manager.js";
-import * as react26 from "react";
+import * as react137 from "react";
 import { FC, PropsWithChildren } from "react";
 
 //#region src/core/system/color-mode-provider.d.ts
@@ -11,7 +11,7 @@ interface ColorModeContext {
   toggleColorMode: () => void;
   forced?: boolean;
 }
-declare const ColorModeContext: react26.Context<ColorModeContext>;
+declare const ColorModeContext: react137.Context<ColorModeContext>;
 interface ColorModeProviderProps extends PropsWithChildren {
   /**
    * The forced color mode.

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

@@ -1,5 +1,6 @@
 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";
+import "../css/index.js";
 
 //#region src/core/system/config.d.ts
 interface DefineConfig {

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

@@ -1,6 +1,7 @@
 import { Dict } from "../../utils/index.js";
 import { DefineThemeValue, System, ThemeConfig, UsageTheme } from "./index.types.js";
 import { CSSAnimationObject, CSSModifierObject } from "../css/index.types.js";
+import "../css/index.js";
 
 //#region src/core/system/create-system.d.ts
 type VariableResponsiveValue = Dict<[DefineThemeValue, DefineThemeValue] | DefineThemeValue>;

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

@@ -1,6 +1,7 @@
 import { ComponentStyle, ThemeProps } from "./index.types.js";
 import { StyledOptions } from "./styled.js";
 import { CSSModifierObject, CSSPropObject } from "../css/index.types.js";
+import "../css/index.js";
 import { As, DOMElement, StyledComponent } from "../components/index.types.js";
 import "../components/index.js";
 import { FC } from "react";

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

@@ -4,6 +4,7 @@ import { GeneratedThemeTokens } from "../generated-theme-tokens.types.js";
 import { Layers } from "./layer.js";
 import { Breakpoints } from "./breakpoint.js";
 import { CSSAnimationObject, CSSModifierObject, CSSObject, CSSPropObject, CSSSlotObject, StyleValue, StyleValueWithCondition } from "../css/index.types.js";
+import "../css/index.js";
 import { RefObject } from "react";
 
 //#region src/core/system/index.types.d.ts

package/dist/types/core/system/storage-script.d.ts

@@ -1,6 +1,6 @@
 import { ColorModeWithSystem, ThemeScheme } from "./index.types.js";
 import { Storage } from "./storage-manager.js";
-import * as react_jsx_runtime1 from "react/jsx-runtime";
+import * as react_jsx_runtime3 from "react/jsx-runtime";
 
 //#region src/core/system/storage-script.d.ts
 interface StorageScriptProps<Y extends string> {
@@ -17,11 +17,11 @@ declare function getStorageScript<Y extends string>(type: "colorMode" | "themeSc
 declare function ColorModeScript({
   nonce,
   ...rest
-}: StorageScriptProps<ColorModeWithSystem>): react_jsx_runtime1.JSX.Element;
+}: StorageScriptProps<ColorModeWithSystem>): react_jsx_runtime3.JSX.Element;
 declare function ThemeSchemeScript({
   nonce,
   ...rest
-}: StorageScriptProps<ThemeScheme>): react_jsx_runtime1.JSX.Element;
+}: StorageScriptProps<ThemeScheme>): react_jsx_runtime3.JSX.Element;
 //#endregion
 export { ColorModeScript, StorageScriptProps, ThemeSchemeScript, getStorageScript };
 //# sourceMappingURL=storage-script.d.ts.map

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

@@ -1,12 +1,13 @@
 import { ColorScheme, ComponentStyle, System } from "./index.types.js";
 import { CSSModifierObject, CSSPropObject } from "../css/index.types.js";
+import "../css/index.js";
 import { As, StyledComponent } from "../components/index.types.js";
 import { ShouldForwardProp } from "../components/props.js";
 import "../components/index.js";
-import * as react27 from "react";
+import * as react138 from "react";
 
 //#region src/core/system/styled.d.ts
-declare const ColorSchemeContext: react27.Context<ColorScheme | undefined>, useColorSchemeContext: () => ColorScheme | undefined;
+declare const ColorSchemeContext: react138.Context<ColorScheme | undefined>, useColorSchemeContext: () => ColorScheme | undefined;
 interface StyledOptions<Y extends CSSPropObject = CSSPropObject, M extends CSSModifierObject = CSSModifierObject, D extends CSSModifierObject = CSSModifierObject, H extends number | string | symbol = string> extends Omit<ComponentStyle<Y, M, D>, "className"> {
   className?: ((system: System) => string) | string;
   displayName?: string;

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

@@ -1,10 +1,10 @@
 import { System, ThemeConfig, UsageTheme } from "./index.types.js";
-import * as react28 from "react";
+import * as react139 from "react";
 import { FC, PropsWithChildren } from "react";
 
 //#region src/core/system/system-provider.d.ts
 interface SystemContext extends System {}
-declare const SystemContext: react28.Context<SystemContext>;
+declare const SystemContext: react139.Context<SystemContext>;
 interface SystemProviderProps extends PropsWithChildren {
   /**
    * The config of the yamada ui.

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

@@ -2,7 +2,9 @@ import { Dict } from "../../utils/index.js";
 import { CSSMap, System, UsageTheme } from "./index.types.js";
 import { Breakpoints } from "./breakpoint.js";
 import { ThemeToken, VariableTokens } from "./create-system.js";
+import "./index.js";
 import { CSSProperties, StyleValueWithCondition } from "../css/index.types.js";
+import "../css/index.js";
 
 //#region src/core/system/var.d.ts
 declare function transformInterpolation(value: any, callback: (value: string, fallbackValue?: string) => string): any;

package/dist/types/hooks/use-async-callback/index.d.ts

@@ -1,6 +1,5 @@
 import { LoadingMethod } from "../../core/system/index.types.js";
 import { LoadingOptions } from "../../components/loading/loading-provider.js";
-import "../../components/loading/index.js";
 import { DependencyList } from "react";
 
 //#region src/hooks/use-async-callback/index.d.ts

package/dist/types/hooks/use-breakpoint/use-breakpoint-state.d.ts

@@ -1,6 +1,6 @@
 import { ResponsiveObject } from "../../core/css/index.types.js";
 import "../../core/index.js";
-import * as react184 from "react";
+import * as react135 from "react";
 
 //#region src/hooks/use-breakpoint/use-breakpoint-state.d.ts
 
@@ -9,7 +9,7 @@ import * as react184 from "react";
  *
  * @see https://yamada-ui.com/docs/hooks/use-breakpoint-state
  */
-declare const useBreakpointState: <Y>(initialState: ResponsiveObject<Y, false>) => [Y, react184.Dispatch<react184.SetStateAction<Y>>];
+declare const useBreakpointState: <Y>(initialState: ResponsiveObject<Y, false>) => [Y, react135.Dispatch<react135.SetStateAction<Y>>];
 //#endregion
 export { useBreakpointState };
 //# sourceMappingURL=use-breakpoint-state.d.ts.map

package/dist/types/hooks/use-combobox/index.d.ts

@@ -4,7 +4,6 @@ import "../../core/index.js";
 import { Descendant, DescendantProps } from "../use-descendants/index.js";
 import { UseDisclosureProps } from "../use-disclosure/use-disclosure.js";
 import { UsePopoverProps } from "../../components/popover/use-popover.js";
-import "../../components/popover/index.js";
 import * as react_jsx_runtime0 from "react/jsx-runtime";
 import * as react1 from "react";
 import { JSXElementConstructor, ReactNode, RefObject } from "react";