@yamada-ui/react 2.2.2-dev-20260517212608 → 2.2.2-dev-20260525083850

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

@@ -484,12 +484,23 @@ declare const standardStyles: {
     readonly properties: ["columnRule"];
     readonly transform: (value: any) => any;
   };
+  readonly columnRuleBreak: true;
   readonly columnRuleColor: {
     readonly properties: ["columnRuleColor"];
     readonly token: "colors";
     readonly transform: Transform;
   };
+  readonly columnRuleInset: true;
+  readonly columnRuleInsetCap: true;
+  readonly columnRuleInsetCapEnd: true;
+  readonly columnRuleInsetCapStart: true;
+  readonly columnRuleInsetEnd: true;
+  readonly columnRuleInsetJunction: true;
+  readonly columnRuleInsetJunctionEnd: true;
+  readonly columnRuleInsetJunctionStart: true;
+  readonly columnRuleInsetStart: true;
   readonly columnRuleStyle: true;
+  readonly columnRuleVisibilityItems: true;
   readonly columnRuleWidth: {
     readonly properties: ["columnRuleWidth"];
     readonly transform: (value: any) => any;
@@ -1098,9 +1109,36 @@ declare const standardStyles: {
     readonly token: "spaces";
     readonly transform: Transform;
   };
+  readonly rowRule: true;
+  readonly rowRuleBreak: true;
+  readonly rowRuleColor: true;
+  readonly rowRuleInset: true;
+  readonly rowRuleInsetCap: true;
+  readonly rowRuleInsetCapEnd: true;
+  readonly rowRuleInsetCapStart: true;
+  readonly rowRuleInsetEnd: true;
+  readonly rowRuleInsetJunction: true;
+  readonly rowRuleInsetJunctionEnd: true;
+  readonly rowRuleInsetJunctionStart: true;
+  readonly rowRuleInsetStart: true;
+  readonly rowRuleStyle: true;
+  readonly rowRuleVisibilityItems: true;
+  readonly rowRuleWidth: true;
   readonly rubyAlign: true;
   readonly rubyOverhang: true;
   readonly rubyPosition: true;
+  readonly rule: true;
+  readonly ruleBreak: true;
+  readonly ruleColor: true;
+  readonly ruleInset: true;
+  readonly ruleInsetCap: true;
+  readonly ruleInsetEnd: true;
+  readonly ruleInsetJunction: true;
+  readonly ruleInsetStart: true;
+  readonly ruleOverlap: true;
+  readonly ruleStyle: true;
+  readonly ruleVisibilityItems: true;
+  readonly ruleWidth: true;
   readonly rx: true;
   readonly ry: true;
   readonly saturate: {
@@ -2931,12 +2969,23 @@ declare const styles: {
     readonly properties: ["columnRule"];
     readonly transform: (value: any) => any;
   };
+  readonly columnRuleBreak: true;
   readonly columnRuleColor: {
     readonly properties: ["columnRuleColor"];
     readonly token: "colors";
     readonly transform: Transform;
   };
+  readonly columnRuleInset: true;
+  readonly columnRuleInsetCap: true;
+  readonly columnRuleInsetCapEnd: true;
+  readonly columnRuleInsetCapStart: true;
+  readonly columnRuleInsetEnd: true;
+  readonly columnRuleInsetJunction: true;
+  readonly columnRuleInsetJunctionEnd: true;
+  readonly columnRuleInsetJunctionStart: true;
+  readonly columnRuleInsetStart: true;
   readonly columnRuleStyle: true;
+  readonly columnRuleVisibilityItems: true;
   readonly columnRuleWidth: {
     readonly properties: ["columnRuleWidth"];
     readonly transform: (value: any) => any;
@@ -3545,9 +3594,36 @@ declare const styles: {
     readonly token: "spaces";
     readonly transform: Transform;
   };
+  readonly rowRule: true;
+  readonly rowRuleBreak: true;
+  readonly rowRuleColor: true;
+  readonly rowRuleInset: true;
+  readonly rowRuleInsetCap: true;
+  readonly rowRuleInsetCapEnd: true;
+  readonly rowRuleInsetCapStart: true;
+  readonly rowRuleInsetEnd: true;
+  readonly rowRuleInsetJunction: true;
+  readonly rowRuleInsetJunctionEnd: true;
+  readonly rowRuleInsetJunctionStart: true;
+  readonly rowRuleInsetStart: true;
+  readonly rowRuleStyle: true;
+  readonly rowRuleVisibilityItems: true;
+  readonly rowRuleWidth: true;
   readonly rubyAlign: true;
   readonly rubyOverhang: true;
   readonly rubyPosition: true;
+  readonly rule: true;
+  readonly ruleBreak: true;
+  readonly ruleColor: true;
+  readonly ruleInset: true;
+  readonly ruleInsetCap: true;
+  readonly ruleInsetEnd: true;
+  readonly ruleInsetJunction: true;
+  readonly ruleInsetStart: true;
+  readonly ruleOverlap: true;
+  readonly ruleStyle: true;
+  readonly ruleVisibilityItems: true;
+  readonly ruleWidth: true;
   readonly rx: true;
   readonly ry: true;
   readonly saturate: {
@@ -6333,6 +6409,16 @@ interface StyleProps {
    * @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/column-rule
    */
   columnRule?: StyleValueWithCondition<AnyString | CSS.Property.ColumnRule | number>;
+  /**
+   * ### column-rule-break
+   *
+   * The CSS `column-rule-break` property.
+   *
+   * @see https://drafts.csswg.org/css-gaps-1/#propdef-column-rule-break
+   *
+   * @experimental
+   */
+  columnRuleBreak?: StyleValueWithCondition<AnyString>;
   /**
    * ### column-rule-color
    *
@@ -6345,6 +6431,96 @@ interface StyleProps {
    * @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/column-rule-color
    */
   columnRuleColor?: StyleValueWithCondition<AnyString | CSS.Property.ColumnRuleColor, "colors">;
+  /**
+   * ### column-rule-inset
+   *
+   * The CSS `column-rule-inset` property.
+   *
+   * @see https://drafts.csswg.org/css-gaps-1/#propdef-column-rule-inset
+   *
+   * @experimental
+   */
+  columnRuleInset?: StyleValueWithCondition<AnyString>;
+  /**
+   * ### column-rule-inset-cap
+   *
+   * The CSS `column-rule-inset-cap` property.
+   *
+   * @see https://drafts.csswg.org/css-gaps-1/#propdef-column-rule-inset-cap
+   *
+   * @experimental
+   */
+  columnRuleInsetCap?: StyleValueWithCondition<AnyString>;
+  /**
+   * ### column-rule-inset-cap-end
+   *
+   * The CSS `column-rule-inset-cap-end` property.
+   *
+   * @see https://drafts.csswg.org/css-gaps-1/#propdef-column-rule-inset-cap-end
+   *
+   * @experimental
+   */
+  columnRuleInsetCapEnd?: StyleValueWithCondition<AnyString>;
+  /**
+   * ### column-rule-inset-cap-start
+   *
+   * The CSS `column-rule-inset-cap-start` property.
+   *
+   * @see https://drafts.csswg.org/css-gaps-1/#propdef-column-rule-inset-cap-start
+   *
+   * @experimental
+   */
+  columnRuleInsetCapStart?: StyleValueWithCondition<AnyString>;
+  /**
+   * ### column-rule-inset-end
+   *
+   * The CSS `column-rule-inset-end` property.
+   *
+   * @see https://drafts.csswg.org/css-gaps-1/#propdef-column-rule-inset-end
+   *
+   * @experimental
+   */
+  columnRuleInsetEnd?: StyleValueWithCondition<AnyString>;
+  /**
+   * ### column-rule-inset-junction
+   *
+   * The CSS `column-rule-inset-junction` property.
+   *
+   * @see https://drafts.csswg.org/css-gaps-1/#propdef-column-rule-inset-junction
+   *
+   * @experimental
+   */
+  columnRuleInsetJunction?: StyleValueWithCondition<AnyString>;
+  /**
+   * ### column-rule-inset-junction-end
+   *
+   * The CSS `column-rule-inset-junction-end` property.
+   *
+   * @see https://drafts.csswg.org/css-gaps-1/#propdef-column-rule-inset-junction-end
+   *
+   * @experimental
+   */
+  columnRuleInsetJunctionEnd?: StyleValueWithCondition<AnyString>;
+  /**
+   * ### column-rule-inset-junction-start
+   *
+   * The CSS `column-rule-inset-junction-start` property.
+   *
+   * @see https://drafts.csswg.org/css-gaps-1/#propdef-column-rule-inset-junction-start
+   *
+   * @experimental
+   */
+  columnRuleInsetJunctionStart?: StyleValueWithCondition<AnyString>;
+  /**
+   * ### column-rule-inset-start
+   *
+   * The CSS `column-rule-inset-start` property.
+   *
+   * @see https://drafts.csswg.org/css-gaps-1/#propdef-column-rule-inset-start
+   *
+   * @experimental
+   */
+  columnRuleInsetStart?: StyleValueWithCondition<AnyString>;
   /**
    * ### column-rule-style
    *
@@ -6357,6 +6533,16 @@ interface StyleProps {
    * @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/column-rule-style
    */
   columnRuleStyle?: StyleValueWithCondition<AnyString | CSS.Property.ColumnRuleStyle>;
+  /**
+   * ### column-rule-visibility-items
+   *
+   * The CSS `column-rule-visibility-items` property.
+   *
+   * @see https://drafts.csswg.org/css-gaps-1/#propdef-column-rule-visibility-items
+   *
+   * @experimental
+   */
+  columnRuleVisibilityItems?: StyleValueWithCondition<AnyString>;
   /**
    * ### column-rule-width
    *
@@ -10370,6 +10556,156 @@ interface StyleProps {
    * @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/row-gap
    */
   rowGap?: StyleValueWithCondition<AnyString | CSS.Property.RowGap | number, "spaces">;
+  /**
+   * ### row-rule
+   *
+   * The CSS `row-rule` property.
+   *
+   * @see https://drafts.csswg.org/css-gaps-1/#propdef-row-rule
+   *
+   * @experimental
+   */
+  rowRule?: StyleValueWithCondition<AnyString>;
+  /**
+   * ### row-rule-break
+   *
+   * The CSS `row-rule-break` property.
+   *
+   * @see https://drafts.csswg.org/css-gaps-1/#propdef-row-rule-break
+   *
+   * @experimental
+   */
+  rowRuleBreak?: StyleValueWithCondition<AnyString>;
+  /**
+   * ### row-rule-color
+   *
+   * The CSS `row-rule-color` property.
+   *
+   * @see https://drafts.csswg.org/css-gaps-1/#propdef-row-rule-color
+   *
+   * @experimental
+   */
+  rowRuleColor?: StyleValueWithCondition<AnyString>;
+  /**
+   * ### row-rule-inset
+   *
+   * The CSS `row-rule-inset` property.
+   *
+   * @see https://drafts.csswg.org/css-gaps-1/#propdef-row-rule-inset
+   *
+   * @experimental
+   */
+  rowRuleInset?: StyleValueWithCondition<AnyString>;
+  /**
+   * ### row-rule-inset-cap
+   *
+   * The CSS `row-rule-inset-cap` property.
+   *
+   * @see https://drafts.csswg.org/css-gaps-1/#propdef-row-rule-inset-cap
+   *
+   * @experimental
+   */
+  rowRuleInsetCap?: StyleValueWithCondition<AnyString>;
+  /**
+   * ### row-rule-inset-cap-end
+   *
+   * The CSS `row-rule-inset-cap-end` property.
+   *
+   * @see https://drafts.csswg.org/css-gaps-1/#propdef-row-rule-inset-cap-end
+   *
+   * @experimental
+   */
+  rowRuleInsetCapEnd?: StyleValueWithCondition<AnyString>;
+  /**
+   * ### row-rule-inset-cap-start
+   *
+   * The CSS `row-rule-inset-cap-start` property.
+   *
+   * @see https://drafts.csswg.org/css-gaps-1/#propdef-column-rule-inset-cap-start
+   *
+   * @experimental
+   */
+  rowRuleInsetCapStart?: StyleValueWithCondition<AnyString>;
+  /**
+   * ### row-rule-inset-end
+   *
+   * The CSS `row-rule-inset-end` property.
+   *
+   * @see https://drafts.csswg.org/css-gaps-1/#propdef-row-rule-inset-end
+   *
+   * @experimental
+   */
+  rowRuleInsetEnd?: StyleValueWithCondition<AnyString>;
+  /**
+   * ### row-rule-inset-junction
+   *
+   * The CSS `row-rule-inset-junction` property.
+   *
+   * @see https://drafts.csswg.org/css-gaps-1/#propdef-row-rule-inset-junction
+   *
+   * @experimental
+   */
+  rowRuleInsetJunction?: StyleValueWithCondition<AnyString>;
+  /**
+   * ### row-rule-inset-junction-end
+   *
+   * The CSS `row-rule-inset-junction-end` property.
+   *
+   * @see https://drafts.csswg.org/css-gaps-1/#propdef-row-rule-inset-junction-end
+   *
+   * @experimental
+   */
+  rowRuleInsetJunctionEnd?: StyleValueWithCondition<AnyString>;
+  /**
+   * ### row-rule-inset-junction-start
+   *
+   * The CSS `row-rule-inset-junction-start` property.
+   *
+   * @see https://drafts.csswg.org/css-gaps-1/#propdef-row-rule-inset-junction-start
+   *
+   * @experimental
+   */
+  rowRuleInsetJunctionStart?: StyleValueWithCondition<AnyString>;
+  /**
+   * ### row-rule-inset-start
+   *
+   * The CSS `row-rule-inset-start` property.
+   *
+   * @see https://drafts.csswg.org/css-gaps-1/#propdef-row-rule-inset-start
+   *
+   * @experimental
+   */
+  rowRuleInsetStart?: StyleValueWithCondition<AnyString>;
+  /**
+   * ### row-rule-style
+   *
+   * The CSS `row-rule-style` property.
+   *
+   * @see https://drafts.csswg.org/css-gaps-1/#propdef-row-rule-style
+   *
+   * @experimental
+   */
+  rowRuleStyle?: StyleValueWithCondition<AnyString>;
+  /**
+   * ### row-rule-visibility-items
+   *
+   * The CSS `row-rule-visibility-items` property.
+   *
+   * @see https://drafts.csswg.org/css-gaps-1/#propdef-row-rule-visibility-items
+   *
+   * @experimental
+   */
+  rowRuleVisibilityItems?: StyleValueWithCondition<AnyString>;
+  /**
+   * ### row-rule-width
+   *
+   * The CSS `row-rule-width` property.
+   *
+   * @see https://drafts.csswg.org/css-gaps-1/#propdef-row-rule-width
+   *
+   * @experimental
+   */
+  rowRuleWidth?: StyleValueWithCondition<AnyString>;
   /**
    * ### ruby-align
    *
@@ -10402,6 +10738,126 @@ interface StyleProps {
    * @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/ruby-position
    */
   rubyPosition?: StyleValueWithCondition<AnyString | CSS.Property.RubyPosition>;
+  /**
+   * ### rule
+   *
+   * The CSS `rule` property.
+   *
+   * @see https://drafts.csswg.org/css-gaps-1/#propdef-rule
+   *
+   * @experimental
+   */
+  rule?: StyleValueWithCondition<AnyString>;
+  /**
+   * ### rule-break
+   *
+   * The CSS `rule-break` property.
+   *
+   * @see https://drafts.csswg.org/css-gaps-1/#propdef-rule-break
+   *
+   * @experimental
+   */
+  ruleBreak?: StyleValueWithCondition<AnyString>;
+  /**
+   * ### rule-color
+   *
+   * The CSS `rule-color` property.
+   *
+   * @see https://drafts.csswg.org/css-gaps-1/#propdef-rule-color
+   *
+   * @experimental
+   */
+  ruleColor?: StyleValueWithCondition<AnyString>;
+  /**
+   * ### rule-inset
+   *
+   * The CSS `rule-inset` property.
+   *
+   * @see https://drafts.csswg.org/css-gaps-1/#propdef-rule-inset
+   *
+   * @experimental
+   */
+  ruleInset?: StyleValueWithCondition<AnyString>;
+  /**
+   * ### rule-inset-cap
+   *
+   * The CSS `rule-inset-cap` property.
+   *
+   * @see https://drafts.csswg.org/css-gaps-1/#propdef-rule-inset-cap
+   *
+   * @experimental
+   */
+  ruleInsetCap?: StyleValueWithCondition<AnyString>;
+  /**
+   * ### rule-inset-end
+   *
+   * The CSS `rule-inset-end` property.
+   *
+   * @see https://drafts.csswg.org/css-gaps-1/#propdef-rule-inset-end
+   *
+   * @experimental
+   */
+  ruleInsetEnd?: StyleValueWithCondition<AnyString>;
+  /**
+   * ### rule-inset-junction
+   *
+   * The CSS `rule-inset-junction` property.
+   *
+   * @see https://drafts.csswg.org/css-gaps-1/#propdef-rule-inset-junction
+   *
+   * @experimental
+   */
+  ruleInsetJunction?: StyleValueWithCondition<AnyString>;
+  /**
+   * ### rule-inset-start
+   *
+   * The CSS `rule-inset-start` property.
+   *
+   * @see https://drafts.csswg.org/css-gaps-1/#propdef-rule-inset-start
+   *
+   * @experimental
+   */
+  ruleInsetStart?: StyleValueWithCondition<AnyString>;
+  /**
+   * ### rule-overlap
+   *
+   * The CSS `rule-overlap` property.
+   *
+   * @see https://drafts.csswg.org/css-gaps-1/#propdef-rule-overlap
+   *
+   * @experimental
+   */
+  ruleOverlap?: StyleValueWithCondition<AnyString>;
+  /**
+   * ### rule-style
+   *
+   * The CSS `rule-style` property.
+   *
+   * @see https://drafts.csswg.org/css-gaps-1/#propdef-rule-style
+   *
+   * @experimental
+   */
+  ruleStyle?: StyleValueWithCondition<AnyString>;
+  /**
+   * ### rule-visibility-items
+   *
+   * The CSS `rule-visibility-items` property.
+   *
+   * @see https://drafts.csswg.org/css-gaps-1/#propdef-rule-visibility-items
+   *
+   * @experimental
+   */
+  ruleVisibilityItems?: StyleValueWithCondition<AnyString>;
+  /**
+   * ### rule-width
+   *
+   * The CSS `rule-width` property.
+   *
+   * @see https://drafts.csswg.org/css-gaps-1/#propdef-rule-width
+   *
+   * @experimental
+   */
+  ruleWidth?: StyleValueWithCondition<AnyString>;
   /**
    * ### rx
    *
@@ -12055,7 +12511,9 @@ interface StyleProps {
   /**
    * ### view-transition-scope
    *
-   * The CSS `view-transition-scope` property.
+   * The <code>startViewTransition()</code> method of an <code>Element</code> object starts a view transition that affects only that element's DOM tree. You can use this to run separate elements' transitions concurrently.
+   *
+   * @baseline `Limited available`
    *
    * @see https://drafts.csswg.org/css-view-transitions-2/#view-transition-scope-prop
    *

package/dist/types/providers/i18n-provider/i18n-provider.d.ts

@@ -134,7 +134,7 @@ declare const I18nContext: _$react.Context<I18nContext<{
   readonly toggle: {
     readonly "Toggle button": "Toggle button";
   };
-}, "progress.Loading..." | "progress.{value} percent" | "select.Clear value" | "table.Clear sorting" | "table.Page size" | "table.Select all rows" | "table.Select row" | "table.Sort ascending" | "table.Sort descending" | "toggle.Toggle button" | "slider.Slider thumb" | "modal.Close modal" | "modal.Open modal" | "closeButton.Close" | "actionBar.Close action bar" | "actionBar.Open action bar" | "autocomplete.Clear value" | "autocomplete.No results found" | "avatar.Avatar Icon" | "breadcrumb.Breadcrumb" | "breadcrumb.Ellipsis" | "calendar.Choose the month" | "calendar.Choose the year" | "calendar.Go to the next month" | "calendar.Go to the previous month" | "calendar.Today" | "carousel.Go to next slide" | "carousel.Go to previous slide" | "carousel.Go to {page} slide" | "carousel.Slides" | "carousel.{page} of {total}" | "colorPicker.Pick a color" | "colorSelector.Pick a color" | "colorSwatch.Color swatch group" | "datePicker.Clear value" | "hueSlider.Blue" | "hueSlider.Cyan" | "hueSlider.Green" | "hueSlider.Magenta" | "hueSlider.Red" | "hueSlider.Yellow" | "numberInput.Decrease" | "numberInput.Increase" | "pagination.Go to first page" | "pagination.Go to last page" | "pagination.Go to next page" | "pagination.Go to page {value}" | "pagination.Go to previous page" | "pagination.Pagination" | "pagination.{value} / {total}" | "pagination.{value} of {total}" | "passwordInput.Password strength meter" | "passwordInput.Toggle password visibility" | "saturationSlider.Saturation and brightness thumb" | "saturationSlider.Saturation {saturation}%, Brightness {brightness}%" | "sidebar.Close sidebar" | "sidebar.Open sidebar" | "stat.Decreased by" | "stat.Increased by" | "tag.Close tag">>;
+}, "progress.Loading..." | "progress.{value} percent" | "select.Clear value" | "table.Clear sorting" | "table.Page size" | "table.Select all rows" | "table.Select row" | "table.Sort ascending" | "table.Sort descending" | "toggle.Toggle button" | "slider.Slider thumb" | "modal.Close modal" | "modal.Open modal" | "closeButton.Close" | "calendar.Choose the month" | "calendar.Choose the year" | "calendar.Go to the next month" | "calendar.Go to the previous month" | "calendar.Today" | "actionBar.Close action bar" | "actionBar.Open action bar" | "autocomplete.Clear value" | "autocomplete.No results found" | "avatar.Avatar Icon" | "breadcrumb.Breadcrumb" | "breadcrumb.Ellipsis" | "carousel.Go to next slide" | "carousel.Go to previous slide" | "carousel.Go to {page} slide" | "carousel.Slides" | "carousel.{page} of {total}" | "colorPicker.Pick a color" | "colorSelector.Pick a color" | "colorSwatch.Color swatch group" | "datePicker.Clear value" | "hueSlider.Blue" | "hueSlider.Cyan" | "hueSlider.Green" | "hueSlider.Magenta" | "hueSlider.Red" | "hueSlider.Yellow" | "numberInput.Decrease" | "numberInput.Increase" | "pagination.Go to first page" | "pagination.Go to last page" | "pagination.Go to next page" | "pagination.Go to page {value}" | "pagination.Go to previous page" | "pagination.Pagination" | "pagination.{value} / {total}" | "pagination.{value} of {total}" | "passwordInput.Password strength meter" | "passwordInput.Toggle password visibility" | "saturationSlider.Saturation and brightness thumb" | "saturationSlider.Saturation {saturation}%, Brightness {brightness}%" | "sidebar.Close sidebar" | "sidebar.Open sidebar" | "stat.Decreased by" | "stat.Increased by" | "tag.Close tag">>;
 interface I18nProviderProps {
   children?: ReactNode;
   /**

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@yamada-ui/react",
   "type": "module",
-  "version": "2.2.2-dev-20260517212608",
+  "version": "2.2.2-dev-20260525083850",
   "description": "React UI components of the Yamada, by the Yamada, for the Yamada built with React and Emotion",
   "keywords": [
     "yamada",
@@ -154,7 +154,7 @@
     "@babel/traverse": "^7.29.0",
     "@faker-js/faker": "^10.4.0",
     "@lucide/lab": "^0.1.2",
-    "@mdn/browser-compat-data": "7.3.14",
+    "@mdn/browser-compat-data": "7.3.15",
     "@testing-library/react": "^16.3.2",
     "@testing-library/user-event": "^14.6.1",
     "@types/babel__traverse": "^7.28.0",
@@ -172,7 +172,7 @@
     "use-mask-input": "^3.9.0",
     "vitest-axe": "^0.1.0",
     "vitest-browser-react": "2.2.0",
-    "web-features": "3.26.0",
+    "web-features": "3.27.0",
     "yamljs": "^0.3.0",
     "@yamada-ui/workspace": "1.0.0"
   },