@yamada-ui/react 2.0.10-dev-20260301101758 → 2.1.0-dev-20260302125757

package/dist/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../src/index.ts"],"sourcesContent":["export * from \"./core\"\nexport * from \"./theme\"\nexport * from \"./utils\"\n\nexport * from \"./components/accordion\"\nexport * from \"./components/airy\"\nexport * from \"./components/alert\"\nexport * from \"./components/alpha-slider\"\nexport * from \"./components/aspect-ratio\"\nexport * from \"./components/autocomplete\"\nexport * from \"./components/avatar\"\nexport * from \"./components/badge\"\nexport * from \"./components/bleed\"\nexport * from \"./components/blockquote\"\nexport * from \"./components/box\"\nexport * from \"./components/breadcrumb\"\nexport * from \"./components/button\"\nexport * from \"./components/calendar\"\nexport * from \"./components/card\"\nexport * from \"./components/carousel\"\nexport * from \"./components/center\"\nexport * from \"./components/checkbox\"\nexport * from \"./components/checkbox-card\"\nexport * from \"./components/circle-progress\"\nexport * from \"./components/client-only\"\nexport * from \"./components/close-button\"\nexport * from \"./components/code\"\nexport * from \"./components/collapse\"\nexport * from \"./components/color-picker\"\nexport * from \"./components/color-selector\"\nexport * from \"./components/color-swatch\"\nexport * from \"./components/container\"\nexport * from \"./components/data-list\"\nexport * from \"./components/date-picker\"\nexport * from \"./components/drawer\"\nexport * from \"./components/dropzone\"\nexport * from \"./components/editable\"\nexport * from \"./components/em\"\nexport * from \"./components/empty-state\"\nexport * from \"./components/fade\"\nexport * from \"./components/fade-scale\"\nexport * from \"./components/field\"\nexport * from \"./components/fieldset\"\nexport * from \"./components/file-button\"\nexport * from \"./components/file-input\"\nexport * from \"./components/flex\"\nexport * from \"./components/flip\"\nexport * from \"./components/float\"\nexport * from \"./components/focus-lock\"\nexport * from \"./components/for\"\nexport * from \"./components/format\"\nexport * from \"./components/grid\"\nexport * from \"./components/group\"\nexport * from \"./components/heading\"\nexport * from \"./components/highlight\"\nexport * from \"./components/hue-slider\"\nexport * from \"./components/icon\"\nexport * from \"./components/image\"\nexport * from \"./components/indicator\"\nexport * from \"./components/infinite-scroll-area\"\nexport * from \"./components/input\"\nexport * from \"./components/kbd\"\nexport * from \"./components/link\"\nexport * from \"./components/link-box\"\nexport * from \"./components/list\"\nexport * from \"./components/loading\"\nexport * from \"./components/mark\"\nexport * from \"./components/menu\"\nexport * from \"./components/modal\"\nexport * from \"./components/motion\"\nexport * from \"./components/native-select\"\nexport * from \"./components/native-table\"\nexport * from \"./components/notice\"\nexport * from \"./components/number-input\"\nexport * from \"./components/pagination\"\nexport * from \"./components/password-input\"\nexport * from \"./components/picture\"\nexport * from \"./components/pin-input\"\nexport * from \"./components/popover\"\nexport * from \"./components/portal\"\nexport * from \"./components/progress\"\nexport * from \"./components/radio\"\nexport * from \"./components/radio-card\"\nexport * from \"./components/rating\"\nexport * from \"./components/reorder\"\nexport * from \"./components/resizable\"\nexport * from \"./components/ripple\"\nexport * from \"./components/rotate\"\nexport * from \"./components/saturation-slider\"\nexport * from \"./components/scroll-area\"\nexport * from \"./components/segmented-control\"\nexport * from \"./components/select\"\nexport * from \"./components/separator\"\nexport * from \"./components/show\"\nexport * from \"./components/simple-grid\"\nexport * from \"./components/skeleton\"\nexport * from \"./components/slide\"\nexport * from \"./components/slide-fade\"\nexport * from \"./components/slider\"\nexport * from \"./components/slot\"\nexport * from \"./components/snacks\"\nexport * from \"./components/stack\"\nexport * from \"./components/stat\"\nexport * from \"./components/status\"\nexport * from \"./components/steps\"\nexport * from \"./components/switch\"\nexport * from \"./components/table\"\nexport * from \"./components/tabs\"\nexport * from \"./components/tag\"\nexport * from \"./components/text\"\nexport * from \"./components/textarea\"\nexport * from \"./components/timeline\"\nexport * from \"./components/toggle\"\nexport * from \"./components/tooltip\"\nexport * from \"./components/visually-hidden\"\nexport * from \"./components/wrap\"\n\nexport * from \"./hooks/use-animation\"\nexport * from \"./hooks/use-async\"\nexport * from \"./hooks/use-async-callback\"\nexport * from \"./hooks/use-boolean\"\nexport * from \"./hooks/use-breakpoint\"\nexport * from \"./hooks/use-clickable\"\nexport * from \"./hooks/use-clipboard\"\nexport * from \"./hooks/use-combobox\"\nexport * from \"./hooks/use-controllable-state\"\nexport * from \"./hooks/use-counter\"\nexport * from \"./hooks/use-descendants\"\nexport * from \"./hooks/use-disclosure\"\nexport * from \"./hooks/use-event-listener\"\nexport * from \"./hooks/use-eye-dropper\"\nexport * from \"./hooks/use-field-sizing\"\nexport * from \"./hooks/use-focus\"\nexport * from \"./hooks/use-hover\"\nexport * from \"./hooks/use-idle\"\nexport * from \"./hooks/use-interval\"\nexport * from \"./hooks/use-lazy-mount\"\nexport * from \"./hooks/use-local-storage\"\nexport * from \"./hooks/use-media-query\"\nexport * from \"./hooks/use-mounted\"\nexport * from \"./hooks/use-online\"\nexport * from \"./hooks/use-os\"\nexport * from \"./hooks/use-outside-click\"\nexport * from \"./hooks/use-pan-event\"\nexport * from \"./hooks/use-popper\"\nexport * from \"./hooks/use-previous\"\nexport * from \"./hooks/use-processing\"\nexport * from \"./hooks/use-resize-observer\"\nexport * from \"./hooks/use-timeout\"\nexport * from \"./hooks/use-value\"\nexport * from \"./hooks/use-window-event\"\n\nexport * from \"./providers/i18n-provider\"\nexport * from \"./providers/ui-provider\"\n"],"mappings":""}
+{"version":3,"file":"index.js","names":[],"sources":["../../src/index.ts"],"sourcesContent":["export * from \"./core\"\nexport * from \"./theme\"\nexport * from \"./utils\"\n\nexport * from \"./components/accordion\"\nexport * from \"./components/airy\"\nexport * from \"./components/alert\"\nexport * from \"./components/alpha-slider\"\nexport * from \"./components/aspect-ratio\"\nexport * from \"./components/autocomplete\"\nexport * from \"./components/avatar\"\nexport * from \"./components/badge\"\nexport * from \"./components/bleed\"\nexport * from \"./components/blockquote\"\nexport * from \"./components/box\"\nexport * from \"./components/breadcrumb\"\nexport * from \"./components/button\"\nexport * from \"./components/calendar\"\nexport * from \"./components/card\"\nexport * from \"./components/carousel\"\nexport * from \"./components/center\"\nexport * from \"./components/chart\"\nexport * from \"./components/checkbox\"\nexport * from \"./components/checkbox-card\"\nexport * from \"./components/circle-progress\"\nexport * from \"./components/client-only\"\nexport * from \"./components/close-button\"\nexport * from \"./components/code\"\nexport * from \"./components/collapse\"\nexport * from \"./components/color-picker\"\nexport * from \"./components/color-selector\"\nexport * from \"./components/color-swatch\"\nexport * from \"./components/container\"\nexport * from \"./components/data-list\"\nexport * from \"./components/date-picker\"\nexport * from \"./components/drawer\"\nexport * from \"./components/dropzone\"\nexport * from \"./components/editable\"\nexport * from \"./components/em\"\nexport * from \"./components/empty-state\"\nexport * from \"./components/fade\"\nexport * from \"./components/fade-scale\"\nexport * from \"./components/field\"\nexport * from \"./components/fieldset\"\nexport * from \"./components/file-button\"\nexport * from \"./components/file-input\"\nexport * from \"./components/flex\"\nexport * from \"./components/flip\"\nexport * from \"./components/float\"\nexport * from \"./components/focus-lock\"\nexport * from \"./components/for\"\nexport * from \"./components/form\"\nexport * from \"./components/format\"\nexport * from \"./components/grid\"\nexport * from \"./components/group\"\nexport * from \"./components/heading\"\nexport * from \"./components/highlight\"\nexport * from \"./components/hue-slider\"\nexport * from \"./components/icon\"\nexport * from \"./components/image\"\nexport * from \"./components/indicator\"\nexport * from \"./components/infinite-scroll-area\"\nexport * from \"./components/input\"\nexport * from \"./components/kbd\"\nexport * from \"./components/link\"\nexport * from \"./components/link-box\"\nexport * from \"./components/list\"\nexport * from \"./components/loading\"\nexport * from \"./components/mark\"\nexport * from \"./components/menu\"\nexport * from \"./components/modal\"\nexport * from \"./components/motion\"\nexport * from \"./components/native-accordion\"\nexport * from \"./components/native-popover\"\nexport * from \"./components/native-select\"\nexport * from \"./components/native-table\"\nexport * from \"./components/notice\"\nexport * from \"./components/number-input\"\nexport * from \"./components/pagination\"\nexport * from \"./components/password-input\"\nexport * from \"./components/picture\"\nexport * from \"./components/pin-input\"\nexport * from \"./components/popover\"\nexport * from \"./components/portal\"\nexport * from \"./components/progress\"\nexport * from \"./components/qr-code\"\nexport * from \"./components/radio\"\nexport * from \"./components/radio-card\"\nexport * from \"./components/rating\"\nexport * from \"./components/reorder\"\nexport * from \"./components/resizable\"\nexport * from \"./components/ripple\"\nexport * from \"./components/rotate\"\nexport * from \"./components/saturation-slider\"\nexport * from \"./components/scroll-area\"\nexport * from \"./components/segmented-control\"\nexport * from \"./components/select\"\nexport * from \"./components/separator\"\nexport * from \"./components/show\"\nexport * from \"./components/simple-grid\"\nexport * from \"./components/skeleton\"\nexport * from \"./components/slide\"\nexport * from \"./components/slide-fade\"\nexport * from \"./components/slider\"\nexport * from \"./components/slot\"\nexport * from \"./components/snacks\"\nexport * from \"./components/stack\"\nexport * from \"./components/stat\"\nexport * from \"./components/status\"\nexport * from \"./components/steps\"\nexport * from \"./components/switch\"\nexport * from \"./components/table\"\nexport * from \"./components/tabs\"\nexport * from \"./components/tag\"\nexport * from \"./components/text\"\nexport * from \"./components/textarea\"\nexport * from \"./components/timeline\"\nexport * from \"./components/tip\"\nexport * from \"./components/toggle\"\nexport * from \"./components/tooltip\"\nexport * from \"./components/visually-hidden\"\nexport * from \"./components/wrap\"\n\nexport * from \"./hooks/use-animation\"\nexport * from \"./hooks/use-async\"\nexport * from \"./hooks/use-async-callback\"\nexport * from \"./hooks/use-boolean\"\nexport * from \"./hooks/use-breakpoint\"\nexport * from \"./hooks/use-clickable\"\nexport * from \"./hooks/use-clipboard\"\nexport * from \"./hooks/use-combobox\"\nexport * from \"./hooks/use-controllable-state\"\nexport * from \"./hooks/use-counter\"\nexport * from \"./hooks/use-descendants\"\nexport * from \"./hooks/use-disclosure\"\nexport * from \"./hooks/use-event-listener\"\nexport * from \"./hooks/use-eye-dropper\"\nexport * from \"./hooks/use-field-sizing\"\nexport * from \"./hooks/use-focus\"\nexport * from \"./hooks/use-hover\"\nexport * from \"./hooks/use-idle\"\nexport * from \"./hooks/use-interval\"\nexport * from \"./hooks/use-lazy-mount\"\nexport * from \"./hooks/use-local-storage\"\nexport * from \"./hooks/use-media-query\"\nexport * from \"./hooks/use-mounted\"\nexport * from \"./hooks/use-online\"\nexport * from \"./hooks/use-os\"\nexport * from \"./hooks/use-outside-click\"\nexport * from \"./hooks/use-pan-event\"\nexport * from \"./hooks/use-popper\"\nexport * from \"./hooks/use-previous\"\nexport * from \"./hooks/use-processing\"\nexport * from \"./hooks/use-resize-observer\"\nexport * from \"./hooks/use-timeout\"\nexport * from \"./hooks/use-value\"\nexport * from \"./hooks/use-window-event\"\n\nexport * from \"./providers/i18n-provider\"\nexport * from \"./providers/ui-provider\"\n"],"mappings":""}

package/dist/esm/theme/styles/reset-style.js

@@ -16,6 +16,7 @@ const resetStyle = defineStyles.resetStyle({
 	"[contenteditable]": { outline: "none" },
 	"[hidden]:where(:not([hidden='until-found']))": { display: "none !important" },
 	"[type='time']::-webkit-calendar-picker-indicator": { display: "none" },
+	"::-webkit-details-marker": { display: "none" },
 	a: {
 		color: "inherit",
 		textDecoration: "none"

package/dist/esm/theme/styles/reset-style.js.map

@@ -1 +1 @@
-{"version":3,"file":"reset-style.js","names":[],"sources":["../../../../src/theme/styles/reset-style.ts"],"sourcesContent":["import { defineStyles } from \"../../core\"\n\nexport const resetStyle = defineStyles.resetStyle({\n  \"*, *::before, *::after\": {\n    boxSizing: \"border-box\",\n    margin: 0,\n    padding: 0,\n  },\n\n  \"::-webkit-file-upload-button\": {\n    font: \"inherit\",\n    WebkitAppearance: \"button\",\n  },\n\n  \"::-webkit-search-cancel-button, ::-webkit-search-decoration\": {\n    WebkitAppearance: \"none\",\n  },\n\n  \"[contenteditable]\": {\n    outline: \"none\",\n  },\n\n  \"[hidden]:where(:not([hidden='until-found']))\": {\n    display: \"none !important\",\n  },\n\n  \"[type='time']::-webkit-calendar-picker-indicator\": {\n    display: \"none\",\n  },\n\n  a: {\n    color: \"inherit\",\n    textDecoration: \"none\",\n  },\n\n  \"abbr[title]\": {\n    textDecoration: \"underline dotted\",\n  },\n\n  \"b, strong\": {\n    fontWeight: \"bolder\",\n  },\n\n  \"button, input, optgroup, select, textarea\": {\n    appearance: \"none\",\n    backgroundColor: \"transparent\",\n    border: 0,\n    borderRadius: 0,\n    color: \"inherit\",\n    font: \"inherit\",\n    fontFeatureSettings: \"inherit\",\n    fontVariationSettings: \"inherit\",\n    letterSpacing: \"inherit\",\n    outline: 0,\n    WebkitAppearance: \"none\",\n  },\n\n  \"code, kbd, samp, pre\": {\n    fontFamily: \"inherit\",\n    fontSize: \"1em\",\n  },\n\n  fieldset: {\n    border: 0,\n    minWidth: 0,\n  },\n\n  \"h1, h2, h3, h4, h5, h6\": {\n    fontSize: \"inherit\",\n    fontWeight: \"inherit\",\n  },\n\n  hr: {\n    blockSize: 0,\n    border: \"none\",\n    borderBlockStart: \"1px solid\",\n    color: \"inherit\",\n    overflow: \"visible\",\n  },\n\n  html: {\n    fontFamily:\n      \"system-ui, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'\",\n    lineHeight: 1.5,\n    WebkitTapHighlightColor: \"transparent\",\n    WebkitTextSizeAdjust: \"100%\",\n  },\n\n  \"img, svg, video, canvas, audio, iframe, embed, object\": {\n    display: \"block\",\n  },\n\n  \"input[type='number']::-webkit-inner-spin-button, input[type='number']::-webkit-outer-spin-button\":\n    {\n      display: \"none\",\n    },\n\n  \"input[type='search']\": {\n    outlineOffset: \"-2px\",\n  },\n\n  legend: {\n    display: \"table\",\n    float: \"left\",\n    width: \"100%\",\n  },\n\n  mark: {\n    backgroundColor: \"inherit\",\n    color: \"inherit\",\n  },\n\n  progress: {\n    verticalAlign: \"baseline\",\n  },\n\n  small: {\n    fontSize: \"80%\",\n  },\n\n  sub: {\n    bottom: \"-0.25em\",\n  },\n\n  \"sub, sup\": {\n    fontSize: \"75%\",\n    lineHeight: 0,\n    position: \"relative\",\n    verticalAlign: \"baseline\",\n  },\n\n  summary: {\n    display: \"list-item\",\n  },\n\n  sup: {\n    top: \"-0.5em\",\n  },\n\n  \"ul, ol\": {\n    listStyle: \"none\",\n  },\n\n  \"@media (prefers-reduced-motion: no-preference)\": {\n    \":where(html:focus-within)\": {\n      scrollBehavior: \"smooth\",\n    },\n  },\n\n  \":where(html:has(dialog:modal[open]))\": {\n    overflow: \"clip\",\n  },\n\n  \":where(dialog, [popover])\": {\n    background: \"none\",\n    border: \"none\",\n    color: \"inherit\",\n    inset: \"unset\",\n    maxHeight: \"unset\",\n    maxWidth: \"unset\",\n    overflow: \"unset\",\n  },\n\n  \":where(dialog:not([open], [popover]), [popover]:not(:popover-open))\": {\n    display: \"none !important\",\n  },\n})\n"],"mappings":";;;;AAEA,MAAa,aAAa,aAAa,WAAW;CAChD,0BAA0B;EACxB,WAAW;EACX,QAAQ;EACR,SAAS;EACV;CAED,gCAAgC;EAC9B,MAAM;EACN,kBAAkB;EACnB;CAED,+DAA+D,EAC7D,kBAAkB,QACnB;CAED,qBAAqB,EACnB,SAAS,QACV;CAED,gDAAgD,EAC9C,SAAS,mBACV;CAED,oDAAoD,EAClD,SAAS,QACV;CAED,GAAG;EACD,OAAO;EACP,gBAAgB;EACjB;CAED,eAAe,EACb,gBAAgB,oBACjB;CAED,aAAa,EACX,YAAY,UACb;CAED,6CAA6C;EAC3C,YAAY;EACZ,iBAAiB;EACjB,QAAQ;EACR,cAAc;EACd,OAAO;EACP,MAAM;EACN,qBAAqB;EACrB,uBAAuB;EACvB,eAAe;EACf,SAAS;EACT,kBAAkB;EACnB;CAED,wBAAwB;EACtB,YAAY;EACZ,UAAU;EACX;CAED,UAAU;EACR,QAAQ;EACR,UAAU;EACX;CAED,0BAA0B;EACxB,UAAU;EACV,YAAY;EACb;CAED,IAAI;EACF,WAAW;EACX,QAAQ;EACR,kBAAkB;EAClB,OAAO;EACP,UAAU;EACX;CAED,MAAM;EACJ,YACE;EACF,YAAY;EACZ,yBAAyB;EACzB,sBAAsB;EACvB;CAED,yDAAyD,EACvD,SAAS,SACV;CAED,oGACE,EACE,SAAS,QACV;CAEH,wBAAwB,EACtB,eAAe,QAChB;CAED,QAAQ;EACN,SAAS;EACT,OAAO;EACP,OAAO;EACR;CAED,MAAM;EACJ,iBAAiB;EACjB,OAAO;EACR;CAED,UAAU,EACR,eAAe,YAChB;CAED,OAAO,EACL,UAAU,OACX;CAED,KAAK,EACH,QAAQ,WACT;CAED,YAAY;EACV,UAAU;EACV,YAAY;EACZ,UAAU;EACV,eAAe;EAChB;CAED,SAAS,EACP,SAAS,aACV;CAED,KAAK,EACH,KAAK,UACN;CAED,UAAU,EACR,WAAW,QACZ;CAED,kDAAkD,EAChD,6BAA6B,EAC3B,gBAAgB,UACjB,EACF;CAED,wCAAwC,EACtC,UAAU,QACX;CAED,6BAA6B;EAC3B,YAAY;EACZ,QAAQ;EACR,OAAO;EACP,OAAO;EACP,WAAW;EACX,UAAU;EACV,UAAU;EACX;CAED,uEAAuE,EACrE,SAAS,mBACV;CACF,CAAC"}
+{"version":3,"file":"reset-style.js","names":[],"sources":["../../../../src/theme/styles/reset-style.ts"],"sourcesContent":["import { defineStyles } from \"../../core\"\n\nexport const resetStyle = defineStyles.resetStyle({\n  \"*, *::before, *::after\": {\n    boxSizing: \"border-box\",\n    margin: 0,\n    padding: 0,\n  },\n\n  \"::-webkit-file-upload-button\": {\n    font: \"inherit\",\n    WebkitAppearance: \"button\",\n  },\n\n  \"::-webkit-search-cancel-button, ::-webkit-search-decoration\": {\n    WebkitAppearance: \"none\",\n  },\n\n  \"[contenteditable]\": {\n    outline: \"none\",\n  },\n\n  \"[hidden]:where(:not([hidden='until-found']))\": {\n    display: \"none !important\",\n  },\n\n  \"[type='time']::-webkit-calendar-picker-indicator\": {\n    display: \"none\",\n  },\n\n  \"::-webkit-details-marker\": {\n    display: \"none\",\n  },\n\n  a: {\n    color: \"inherit\",\n    textDecoration: \"none\",\n  },\n\n  \"abbr[title]\": {\n    textDecoration: \"underline dotted\",\n  },\n\n  \"b, strong\": {\n    fontWeight: \"bolder\",\n  },\n\n  \"button, input, optgroup, select, textarea\": {\n    appearance: \"none\",\n    backgroundColor: \"transparent\",\n    border: 0,\n    borderRadius: 0,\n    color: \"inherit\",\n    font: \"inherit\",\n    fontFeatureSettings: \"inherit\",\n    fontVariationSettings: \"inherit\",\n    letterSpacing: \"inherit\",\n    outline: 0,\n    WebkitAppearance: \"none\",\n  },\n\n  \"code, kbd, samp, pre\": {\n    fontFamily: \"inherit\",\n    fontSize: \"1em\",\n  },\n\n  fieldset: {\n    border: 0,\n    minWidth: 0,\n  },\n\n  \"h1, h2, h3, h4, h5, h6\": {\n    fontSize: \"inherit\",\n    fontWeight: \"inherit\",\n  },\n\n  hr: {\n    blockSize: 0,\n    border: \"none\",\n    borderBlockStart: \"1px solid\",\n    color: \"inherit\",\n    overflow: \"visible\",\n  },\n\n  html: {\n    fontFamily:\n      \"system-ui, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'\",\n    lineHeight: 1.5,\n    WebkitTapHighlightColor: \"transparent\",\n    WebkitTextSizeAdjust: \"100%\",\n  },\n\n  \"img, svg, video, canvas, audio, iframe, embed, object\": {\n    display: \"block\",\n  },\n\n  \"input[type='number']::-webkit-inner-spin-button, input[type='number']::-webkit-outer-spin-button\":\n    {\n      display: \"none\",\n    },\n\n  \"input[type='search']\": {\n    outlineOffset: \"-2px\",\n  },\n\n  legend: {\n    display: \"table\",\n    float: \"left\",\n    width: \"100%\",\n  },\n\n  mark: {\n    backgroundColor: \"inherit\",\n    color: \"inherit\",\n  },\n\n  progress: {\n    verticalAlign: \"baseline\",\n  },\n\n  small: {\n    fontSize: \"80%\",\n  },\n\n  sub: {\n    bottom: \"-0.25em\",\n  },\n\n  \"sub, sup\": {\n    fontSize: \"75%\",\n    lineHeight: 0,\n    position: \"relative\",\n    verticalAlign: \"baseline\",\n  },\n\n  summary: {\n    display: \"list-item\",\n  },\n\n  sup: {\n    top: \"-0.5em\",\n  },\n\n  \"ul, ol\": {\n    listStyle: \"none\",\n  },\n\n  \"@media (prefers-reduced-motion: no-preference)\": {\n    \":where(html:focus-within)\": {\n      scrollBehavior: \"smooth\",\n    },\n  },\n\n  \":where(html:has(dialog:modal[open]))\": {\n    overflow: \"clip\",\n  },\n\n  \":where(dialog, [popover])\": {\n    background: \"none\",\n    border: \"none\",\n    color: \"inherit\",\n    inset: \"unset\",\n    maxHeight: \"unset\",\n    maxWidth: \"unset\",\n    overflow: \"unset\",\n  },\n\n  \":where(dialog:not([open], [popover]), [popover]:not(:popover-open))\": {\n    display: \"none !important\",\n  },\n})\n"],"mappings":";;;;AAEA,MAAa,aAAa,aAAa,WAAW;CAChD,0BAA0B;EACxB,WAAW;EACX,QAAQ;EACR,SAAS;EACV;CAED,gCAAgC;EAC9B,MAAM;EACN,kBAAkB;EACnB;CAED,+DAA+D,EAC7D,kBAAkB,QACnB;CAED,qBAAqB,EACnB,SAAS,QACV;CAED,gDAAgD,EAC9C,SAAS,mBACV;CAED,oDAAoD,EAClD,SAAS,QACV;CAED,4BAA4B,EAC1B,SAAS,QACV;CAED,GAAG;EACD,OAAO;EACP,gBAAgB;EACjB;CAED,eAAe,EACb,gBAAgB,oBACjB;CAED,aAAa,EACX,YAAY,UACb;CAED,6CAA6C;EAC3C,YAAY;EACZ,iBAAiB;EACjB,QAAQ;EACR,cAAc;EACd,OAAO;EACP,MAAM;EACN,qBAAqB;EACrB,uBAAuB;EACvB,eAAe;EACf,SAAS;EACT,kBAAkB;EACnB;CAED,wBAAwB;EACtB,YAAY;EACZ,UAAU;EACX;CAED,UAAU;EACR,QAAQ;EACR,UAAU;EACX;CAED,0BAA0B;EACxB,UAAU;EACV,YAAY;EACb;CAED,IAAI;EACF,WAAW;EACX,QAAQ;EACR,kBAAkB;EAClB,OAAO;EACP,UAAU;EACX;CAED,MAAM;EACJ,YACE;EACF,YAAY;EACZ,yBAAyB;EACzB,sBAAsB;EACvB;CAED,yDAAyD,EACvD,SAAS,SACV;CAED,oGACE,EACE,SAAS,QACV;CAEH,wBAAwB,EACtB,eAAe,QAChB;CAED,QAAQ;EACN,SAAS;EACT,OAAO;EACP,OAAO;EACR;CAED,MAAM;EACJ,iBAAiB;EACjB,OAAO;EACR;CAED,UAAU,EACR,eAAe,YAChB;CAED,OAAO,EACL,UAAU,OACX;CAED,KAAK,EACH,QAAQ,WACT;CAED,YAAY;EACV,UAAU;EACV,YAAY;EACZ,UAAU;EACV,eAAe;EAChB;CAED,SAAS,EACP,SAAS,aACV;CAED,KAAK,EACH,KAAK,UACN;CAED,UAAU,EACR,WAAW,QACZ;CAED,kDAAkD,EAChD,6BAA6B,EAC3B,gBAAgB,UACjB,EACF;CAED,wCAAwC,EACtC,UAAU,QACX;CAED,6BAA6B;EAC3B,YAAY;EACZ,QAAQ;EACR,OAAO;EACP,OAAO;EACP,WAAW;EACX,UAAU;EACV,UAAU;EACX;CAED,uEAAuE,EACrE,SAAS,mBACV;CACF,CAAC"}

package/dist/esm/utils/children.js

@@ -82,7 +82,15 @@ function usePickChildren(children, ...types) {
 function splitChildren(children, ...types) {
 	const validChildren = getValidChildren(children);
 	if (isEmpty(validChildren)) return [children];
-	const pickedChildren = types.map((types$1) => isArray(types$1) ? findChild(validChildren, ...types$1) : findChild(validChildren, types$1));
+	const pickedChildren = types.map((types$1) => {
+		if (isArray(types$1)) {
+			const pickedChildren$1 = pickChildren(validChildren, ...types$1);
+			return !isEmpty(pickedChildren$1) ? pickedChildren$1 : void 0;
+		} else {
+			const pickedChildren$1 = pickChildren(validChildren, types$1);
+			return !isEmpty(pickedChildren$1) ? pickedChildren$1 : void 0;
+		}
+	});
 	return [omitChildren(validChildren, ...types.flat()), ...pickedChildren];
 }
 function useSplitChildren(children, ...types) {

package/dist/esm/utils/children.js.map

@@ -1 +1 @@
-{"version":3,"file":"children.js","names":["isValidElement","children","types"],"sources":["../../../src/utils/children.tsx"],"sourcesContent":["import {\n  isArray,\n  isEmpty,\n  isNumber,\n  isString,\n  isUndefined,\n} from \"@yamada-ui/utils\"\nimport * as React from \"react\"\n\nexport function getValidChildren(\n  children: React.ReactNode,\n): React.ReactElement<any>[] {\n  return React.Children.toArray(children).filter((child) =>\n    React.isValidElement(child),\n  )\n}\n\nexport function useValidChildren(children: React.ReactNode) {\n  return React.useMemo(() => getValidChildren(children), [children])\n}\n\nexport function isValidElement(child: any): child is React.ReactNode {\n  return React.isValidElement(child) || isString(child) || isNumber(child)\n}\n\nexport function isSomeDisplayName(a: any, b: any): boolean {\n  if (isUndefined(a) || isUndefined(b)) return false\n\n  if (isArray(a)) {\n    if (a.includes(b)) return true\n    if (!!b.displayName && a.includes(b.displayName)) return true\n    if (!!b.name && a.includes(b.name)) return true\n  } else {\n    if (a === b) return true\n    if (!!a.displayName && !!b.displayName && a.displayName === b.displayName)\n      return true\n    if (!!a.name && !!b.name && a.name === b.name) return true\n    if (!!a.displayName && !!b.name && a.displayName === b.name) return true\n    if (!!a.name && !!b.displayName && a.name === b.displayName) return true\n  }\n\n  return false\n}\n\nexport function isSomeElement(a: any, b: any): boolean {\n  if (isUndefined(a) || isUndefined(b)) return false\n  if (a === b) return true\n  if (isSomeDisplayName(a, b)) return true\n\n  a = a._payload?.value\n\n  if (isUndefined(a)) return false\n  if (isSomeDisplayName(a, b)) return true\n\n  return false\n}\n\nexport function findChild<Y = any>(\n  children: React.ReactElement[],\n  ...types: (React.JSXElementConstructor<any> | string)[]\n): React.ReactElement<Y> | undefined {\n  const child = children.find((child) =>\n    types.some((type) => isSomeElement(child.type, type)),\n  )\n\n  return child as React.ReactElement<Y> | undefined\n}\n\nexport function useFindChild<Y = any>(\n  children: React.ReactElement[],\n  ...types: (React.JSXElementConstructor<any> | string)[]\n): React.ReactElement<Y> | undefined {\n  const typesRef = React.useRef(types)\n\n  return React.useMemo(\n    () => findChild<Y>(children, ...typesRef.current),\n    [children],\n  )\n}\n\nexport function findChildren<Y = any, M = any>(\n  children: React.ReactElement[],\n  ...types: (React.JSXElementConstructor<any> | string)[]\n): [React.ReactElement<Y> | undefined, ...React.ReactElement<M>[]] {\n  const child = findChild(children, ...types)\n\n  if (child) {\n    return children.sort((a, b) => {\n      if (types.some((type) => isSomeElement(a.type, type))) {\n        return -1\n      } else if (types.some((type) => isSomeElement(b.type, type))) {\n        return 1\n      } else {\n        return 0\n      }\n    }) as [React.ReactElement<Y> | undefined, ...React.ReactElement<M>[]]\n  } else {\n    return [undefined, ...(children as React.ReactElement<M>[])]\n  }\n}\n\nexport function useFindChildren<Y = any, M = any>(\n  children: React.ReactElement<M>[],\n  ...types: (React.JSXElementConstructor<any> | string)[]\n): [React.ReactElement<Y> | undefined, ...React.ReactElement<M>[]] {\n  const typesRef = React.useRef(types)\n\n  return React.useMemo(\n    () => findChildren<Y, M>(children, ...typesRef.current),\n    [children],\n  )\n}\n\nexport function includesChildren(\n  children: React.ReactElement<any>[],\n  ...types: (React.JSXElementConstructor<any> | string)[]\n): boolean {\n  return children.some((child) => {\n    if (types.some((type) => isSomeElement(child.type, type))) return true\n\n    const children = getValidChildren(child.props.children)\n\n    return children.length ? includesChildren(children, ...types) : false\n  })\n}\n\nexport function useIncludesChildren(\n  children: React.ReactElement<any>[],\n  ...types: (React.JSXElementConstructor<any> | string)[]\n): boolean {\n  return React.useMemo(\n    () => includesChildren(children, ...types),\n    [children, types],\n  )\n}\n\nexport function omitChildren<Y = any>(\n  children: React.ReactElement[],\n  ...types: (React.JSXElementConstructor<any> | string)[]\n): React.ReactElement<Y>[] {\n  return children.filter((child) =>\n    types.every((type) => !isSomeElement(child.type, type)),\n  ) as React.ReactElement<Y>[]\n}\n\nexport function useOmitChildren<Y = any>(\n  children: React.ReactElement<any>[],\n  ...types: (React.JSXElementConstructor<any> | string)[]\n): React.ReactElement<Y>[] {\n  const typesRef = React.useRef(types)\n\n  return React.useMemo(\n    () => omitChildren<Y>(children, ...typesRef.current),\n    [children],\n  )\n}\n\nexport function pickChildren<Y = any>(\n  children: React.ReactElement[],\n  ...types: (React.JSXElementConstructor<any> | string)[]\n): React.ReactElement<Y>[] {\n  return children.filter((child) =>\n    types.some((type) => isSomeElement(child.type, type)),\n  ) as React.ReactElement<Y>[]\n}\n\nexport function usePickChildren<Y = any>(\n  children: React.ReactElement<any>[],\n  ...types: (React.JSXElementConstructor<any> | string)[]\n): React.ReactElement<Y>[] {\n  const typesRef = React.useRef(types)\n\n  return React.useMemo(\n    () => pickChildren<Y>(children, ...typesRef.current),\n    [children],\n  )\n}\n\nexport function splitChildren<Y = any, M = any>(\n  children: React.ReactNode,\n  ...types: (\n    | (React.JSXElementConstructor<any> | string)[]\n    | React.JSXElementConstructor<any>\n    | string\n  )[]\n): [\n  React.ReactElement<M>[] | React.ReactNode,\n  ...(React.ReactElement<Y> | undefined)[],\n] {\n  const validChildren = getValidChildren(children)\n\n  if (isEmpty(validChildren)) return [children]\n\n  const pickedChildren = types.map((types) =>\n    isArray(types)\n      ? findChild(validChildren, ...types)\n      : findChild(validChildren, types),\n  )\n\n  const omittedChildren = omitChildren(validChildren, ...types.flat())\n\n  return [omittedChildren, ...pickedChildren] as const\n}\n\nexport function useSplitChildren<Y = any, M = any>(\n  children: React.ReactNode,\n  ...types: (\n    | (React.JSXElementConstructor<any> | string)[]\n    | React.JSXElementConstructor<any>\n    | string\n  )[]\n): [\n  React.ReactElement<M>[] | React.ReactNode,\n  ...(React.ReactElement<Y> | undefined)[],\n] {\n  const typesRef = React.useRef(types)\n\n  return React.useMemo(\n    () => splitChildren<Y, M>(children, ...typesRef.current),\n    [children],\n  )\n}\n\nexport const wrapOrPassProps = <Y extends React.PropsWithChildren>(\n  Component: React.FC<Y>,\n  nodeOrProps: React.ReactNode | Y,\n  additionalProps?: Y,\n) => {\n  if (isUndefined(nodeOrProps)) {\n    return null\n  } else if (isValidElement(nodeOrProps)) {\n    additionalProps ??= {} as Y\n    additionalProps.children = nodeOrProps\n\n    return <Component {...additionalProps} />\n  } else {\n    return <Component {...additionalProps} {...nodeOrProps} />\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"children.js","names":["isValidElement","children","types","pickedChildren"],"sources":["../../../src/utils/children.tsx"],"sourcesContent":["import {\n  isArray,\n  isEmpty,\n  isNumber,\n  isString,\n  isUndefined,\n} from \"@yamada-ui/utils\"\nimport * as React from \"react\"\n\nexport function getValidChildren(\n  children: React.ReactNode,\n): React.ReactElement<any>[] {\n  return React.Children.toArray(children).filter((child) =>\n    React.isValidElement(child),\n  )\n}\n\nexport function useValidChildren(children: React.ReactNode) {\n  return React.useMemo(() => getValidChildren(children), [children])\n}\n\nexport function isValidElement(child: any): child is React.ReactNode {\n  return React.isValidElement(child) || isString(child) || isNumber(child)\n}\n\nexport function isSomeDisplayName(a: any, b: any): boolean {\n  if (isUndefined(a) || isUndefined(b)) return false\n\n  if (isArray(a)) {\n    if (a.includes(b)) return true\n    if (!!b.displayName && a.includes(b.displayName)) return true\n    if (!!b.name && a.includes(b.name)) return true\n  } else {\n    if (a === b) return true\n    if (!!a.displayName && !!b.displayName && a.displayName === b.displayName)\n      return true\n    if (!!a.name && !!b.name && a.name === b.name) return true\n    if (!!a.displayName && !!b.name && a.displayName === b.name) return true\n    if (!!a.name && !!b.displayName && a.name === b.displayName) return true\n  }\n\n  return false\n}\n\nexport function isSomeElement(a: any, b: any): boolean {\n  if (isUndefined(a) || isUndefined(b)) return false\n  if (a === b) return true\n  if (isSomeDisplayName(a, b)) return true\n\n  a = a._payload?.value\n\n  if (isUndefined(a)) return false\n  if (isSomeDisplayName(a, b)) return true\n\n  return false\n}\n\nexport function findChild<Y = any>(\n  children: React.ReactElement[],\n  ...types: (React.JSXElementConstructor<any> | string)[]\n): React.ReactElement<Y> | undefined {\n  const child = children.find((child) =>\n    types.some((type) => isSomeElement(child.type, type)),\n  )\n\n  return child as React.ReactElement<Y> | undefined\n}\n\nexport function useFindChild<Y = any>(\n  children: React.ReactElement[],\n  ...types: (React.JSXElementConstructor<any> | string)[]\n): React.ReactElement<Y> | undefined {\n  const typesRef = React.useRef(types)\n\n  return React.useMemo(\n    () => findChild<Y>(children, ...typesRef.current),\n    [children],\n  )\n}\n\nexport function findChildren<Y = any, M = any>(\n  children: React.ReactElement[],\n  ...types: (React.JSXElementConstructor<any> | string)[]\n): [React.ReactElement<Y> | undefined, ...React.ReactElement<M>[]] {\n  const child = findChild(children, ...types)\n\n  if (child) {\n    return children.sort((a, b) => {\n      if (types.some((type) => isSomeElement(a.type, type))) {\n        return -1\n      } else if (types.some((type) => isSomeElement(b.type, type))) {\n        return 1\n      } else {\n        return 0\n      }\n    }) as [React.ReactElement<Y> | undefined, ...React.ReactElement<M>[]]\n  } else {\n    return [undefined, ...(children as React.ReactElement<M>[])]\n  }\n}\n\nexport function useFindChildren<Y = any, M = any>(\n  children: React.ReactElement<M>[],\n  ...types: (React.JSXElementConstructor<any> | string)[]\n): [React.ReactElement<Y> | undefined, ...React.ReactElement<M>[]] {\n  const typesRef = React.useRef(types)\n\n  return React.useMemo(\n    () => findChildren<Y, M>(children, ...typesRef.current),\n    [children],\n  )\n}\n\nexport function includesChildren(\n  children: React.ReactElement<any>[],\n  ...types: (React.JSXElementConstructor<any> | string)[]\n): boolean {\n  return children.some((child) => {\n    if (types.some((type) => isSomeElement(child.type, type))) return true\n\n    const children = getValidChildren(child.props.children)\n\n    return children.length ? includesChildren(children, ...types) : false\n  })\n}\n\nexport function useIncludesChildren(\n  children: React.ReactElement<any>[],\n  ...types: (React.JSXElementConstructor<any> | string)[]\n): boolean {\n  return React.useMemo(\n    () => includesChildren(children, ...types),\n    [children, types],\n  )\n}\n\nexport function omitChildren<Y = any>(\n  children: React.ReactElement[],\n  ...types: (React.JSXElementConstructor<any> | string)[]\n): React.ReactElement<Y>[] {\n  return children.filter((child) =>\n    types.every((type) => !isSomeElement(child.type, type)),\n  ) as React.ReactElement<Y>[]\n}\n\nexport function useOmitChildren<Y = any>(\n  children: React.ReactElement<any>[],\n  ...types: (React.JSXElementConstructor<any> | string)[]\n): React.ReactElement<Y>[] {\n  const typesRef = React.useRef(types)\n\n  return React.useMemo(\n    () => omitChildren<Y>(children, ...typesRef.current),\n    [children],\n  )\n}\n\nexport function pickChildren<Y = any>(\n  children: React.ReactElement[],\n  ...types: (React.JSXElementConstructor<any> | string)[]\n): React.ReactElement<Y>[] {\n  return children.filter((child) =>\n    types.some((type) => isSomeElement(child.type, type)),\n  ) as React.ReactElement<Y>[]\n}\n\nexport function usePickChildren<Y = any>(\n  children: React.ReactElement<any>[],\n  ...types: (React.JSXElementConstructor<any> | string)[]\n): React.ReactElement<Y>[] {\n  const typesRef = React.useRef(types)\n\n  return React.useMemo(\n    () => pickChildren<Y>(children, ...typesRef.current),\n    [children],\n  )\n}\n\nexport function splitChildren<Y = any, M = any>(\n  children: React.ReactNode,\n  ...types: (\n    | (React.JSXElementConstructor<any> | string)[]\n    | React.JSXElementConstructor<any>\n    | string\n  )[]\n): [\n  React.ReactElement<M>[] | React.ReactNode,\n  ...(React.ReactElement<Y>[] | undefined)[],\n] {\n  const validChildren = getValidChildren(children)\n\n  if (isEmpty(validChildren)) return [children]\n\n  const pickedChildren = types.map((types) => {\n    if (isArray(types)) {\n      const pickedChildren = pickChildren(validChildren, ...types)\n\n      return !isEmpty(pickedChildren) ? pickedChildren : undefined\n    } else {\n      const pickedChildren = pickChildren(validChildren, types)\n\n      return !isEmpty(pickedChildren) ? pickedChildren : undefined\n    }\n  })\n\n  const omittedChildren = omitChildren(validChildren, ...types.flat())\n\n  return [omittedChildren, ...pickedChildren] as const\n}\n\nexport function useSplitChildren<Y = any, M = any>(\n  children: React.ReactNode,\n  ...types: (\n    | (React.JSXElementConstructor<any> | string)[]\n    | React.JSXElementConstructor<any>\n    | string\n  )[]\n): [\n  React.ReactElement<M>[] | React.ReactNode,\n  ...(React.ReactElement<Y>[] | undefined)[],\n] {\n  const typesRef = React.useRef(types)\n\n  return React.useMemo(\n    () => splitChildren<Y, M>(children, ...typesRef.current),\n    [children],\n  )\n}\n\nexport const wrapOrPassProps = <Y extends React.PropsWithChildren>(\n  Component: React.FC<Y>,\n  nodeOrProps: React.ReactNode | Y,\n  additionalProps?: Y,\n) => {\n  if (isUndefined(nodeOrProps)) {\n    return null\n  } else if (isValidElement(nodeOrProps)) {\n    additionalProps ??= {} as Y\n    additionalProps.children = nodeOrProps\n\n    return <Component {...additionalProps} />\n  } else {\n    return <Component {...additionalProps} {...nodeOrProps} />\n  }\n}\n"],"mappings":"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"}

package/dist/types/components/accordion/accordion.d.ts

@@ -9,7 +9,7 @@ import "../collapse/index.js";
 import "../../index.js";
 import { AccordionStyle } from "./accordion.style.js";
 import { UseAccordionItemProps, UseAccordionProps } from "./use-accordion.js";
-import * as react988 from "react";
+import * as react1032 from "react";
 
 //#region src/components/accordion/accordion.d.ts
 interface AccordionCallBackProps {
@@ -33,7 +33,7 @@ interface AccordionRootProps extends Omit<HTMLStyledProps, "onChange">, ThemePro
    */
   items?: AccordionItem[];
 }
-declare const AccordionPropsContext: react988.Context<Partial<AccordionRootProps> | undefined>, useAccordionPropsContext: () => Partial<AccordionRootProps> | undefined;
+declare const AccordionPropsContext: react1032.Context<Partial<AccordionRootProps> | undefined>, useAccordionPropsContext: () => Partial<AccordionRootProps> | undefined;
 /**
  * `Accordion` is a component for a list that displays information in an expandable or collapsible manner.
  *
@@ -59,10 +59,7 @@ interface AccordionButtonProps extends HTMLStyledProps<"button"> {
   /**
    * The accordion icon to use.
    */
-  icon?: ReactNodeOrFunction<{
-    disabled?: boolean;
-    expanded?: boolean;
-  }>;
+  icon?: ReactNodeOrFunction<AccordionCallBackProps>;
   /**
    * Props the container element.
    */

package/dist/types/components/accordion/use-accordion.d.ts

@@ -2,10 +2,10 @@ import { HTMLProps, PropGetter } from "../../core/components/index.types.js";
 import "../../core/index.js";
 import { Descendant } from "../../hooks/use-descendants/index.js";
 import "../../index.js";
-import * as react976 from "react";
+import * as react1020 from "react";
 
 //#region src/components/accordion/use-accordion.d.ts
-declare const AccordionDescendantsContext: react976.Context<{
+declare const AccordionDescendantsContext: react1020.Context<{
     active: (target?: HTMLButtonElement | Descendant<HTMLButtonElement, {}> | null | undefined, options?: FocusOptions) => void;
     count: () => number;
     destroy: () => void;
@@ -24,7 +24,7 @@ declare const AccordionDescendantsContext: react976.Context<{
     prevValue: (indexOrNode: number | HTMLButtonElement | Descendant<HTMLButtonElement, {}> | null, loop?: boolean) => Descendant<HTMLButtonElement, {}> | undefined;
     register: (props?: {
       disabled?: boolean | ((node: HTMLButtonElement) => boolean) | undefined;
-    } | undefined) => react976.RefCallback<HTMLButtonElement>;
+    } | undefined) => react1020.RefCallback<HTMLButtonElement>;
     unregister: (node?: HTMLButtonElement | null | undefined) => void;
     value: (indexOrNode: number | HTMLButtonElement | null) => Descendant<HTMLButtonElement, {}> | undefined;
     values: () => Descendant<HTMLButtonElement, {}>[];
@@ -50,12 +50,12 @@ declare const AccordionDescendantsContext: react976.Context<{
       prevValue: (indexOrNode: number | HTMLButtonElement | Descendant<HTMLButtonElement, {}> | null, loop?: boolean) => Descendant<HTMLButtonElement, {}> | undefined;
       register: (props?: {
         disabled?: boolean | ((node: HTMLButtonElement) => boolean) | undefined;
-      } | undefined) => react976.RefCallback<HTMLButtonElement>;
+      } | undefined) => react1020.RefCallback<HTMLButtonElement>;
       unregister: (node?: HTMLButtonElement | null | undefined) => void;
       value: (indexOrNode: number | HTMLButtonElement | null) => Descendant<HTMLButtonElement, {}> | undefined;
       values: () => Descendant<HTMLButtonElement, {}>[];
     };
-    register: react976.RefCallback<HTMLButtonElement>;
+    register: react1020.RefCallback<HTMLButtonElement>;
   }, useAccordionDescendants: () => {
     active: (target?: HTMLButtonElement | Descendant<HTMLButtonElement, {}> | null | undefined, options?: FocusOptions) => void;
     count: () => number;
@@ -75,15 +75,15 @@ declare const AccordionDescendantsContext: react976.Context<{
     prevValue: (indexOrNode: number | HTMLButtonElement | Descendant<HTMLButtonElement, {}> | null, loop?: boolean) => Descendant<HTMLButtonElement, {}> | undefined;
     register: (props?: {
       disabled?: boolean | ((node: HTMLButtonElement) => boolean) | undefined;
-    } | undefined) => react976.RefCallback<HTMLButtonElement>;
+    } | undefined) => react1020.RefCallback<HTMLButtonElement>;
     unregister: (node?: HTMLButtonElement | null | undefined) => void;
     value: (indexOrNode: number | HTMLButtonElement | null) => Descendant<HTMLButtonElement, {}> | undefined;
     values: () => Descendant<HTMLButtonElement, {}>[];
   };
 interface AccordionContext extends Omit<UseAccordionReturn, "descendants" | "getRootProps"> {}
-declare const AccordionContext: react976.Context<AccordionContext>, useAccordionContext: () => AccordionContext;
+declare const AccordionContext: react1020.Context<AccordionContext>, useAccordionContext: () => AccordionContext;
 interface AccordionItemContext extends Omit<UseAccordionItemReturn, "getItemProps"> {}
-declare const AccordionItemContext: react976.Context<AccordionItemContext>, useAccordionItemContext: () => AccordionItemContext;
+declare const AccordionItemContext: react1020.Context<AccordionItemContext>, useAccordionItemContext: () => AccordionItemContext;
 interface UseAccordionProps extends Omit<HTMLProps, "onChange"> {
   /**
    * The initial index(es) of the accordion item to expand.
@@ -137,7 +137,7 @@ declare const useAccordion: ({
     prevValue: (indexOrNode: number | HTMLButtonElement | Descendant<HTMLButtonElement, {}> | null, loop?: boolean) => Descendant<HTMLButtonElement, {}> | undefined;
     register: (props?: {
       disabled?: boolean | ((node: HTMLButtonElement) => boolean) | undefined;
-    } | undefined) => react976.RefCallback<HTMLButtonElement>;
+    } | undefined) => react1020.RefCallback<HTMLButtonElement>;
     unregister: (node?: HTMLButtonElement | null | undefined) => void;
     value: (indexOrNode: number | HTMLButtonElement | null) => Descendant<HTMLButtonElement, {}> | undefined;
     values: () => Descendant<HTMLButtonElement, {}>[];
@@ -145,8 +145,8 @@ declare const useAccordion: ({
   focusedIndex: number;
   index: number | number[];
   multiple: boolean | undefined;
-  setFocusedIndex: react976.Dispatch<react976.SetStateAction<number>>;
-  setIndex: react976.Dispatch<react976.SetStateAction<number | number[]>>;
+  setFocusedIndex: react1020.Dispatch<react1020.SetStateAction<number>>;
+  setIndex: react1020.Dispatch<react1020.SetStateAction<number | number[]>>;
   toggle: boolean | undefined;
   getRootProps: PropGetter<"div", undefined, undefined>;
 };

package/dist/types/components/airy/airy.d.ts

@@ -5,7 +5,7 @@ import { AiryStyle } from "./airy.style.js";
 import { HTMLMotionProps } from "../motion/index.types.js";
 import "../motion/index.js";
 import "../../index.js";
-import * as react973 from "react";
+import * as react1034 from "react";
 import { ReactNode } from "react";
 
 //#region src/components/airy/airy.d.ts
@@ -57,7 +57,7 @@ interface AiryProps extends Omit<HTMLMotionProps<"button">, "onChange">, ThemePr
    */
   onChange?: (value: KeyframeIdent) => void;
 }
-declare const AiryPropsContext: react973.Context<Partial<AiryProps> | undefined>, useAiryPropsContext: () => Partial<AiryProps> | undefined;
+declare const AiryPropsContext: react1034.Context<Partial<AiryProps> | undefined>, useAiryPropsContext: () => Partial<AiryProps> | undefined;
 /**
  * `Airy` is a component that creates an airy animation, switching between two elements when one is clicked.
  *

package/dist/types/components/alert/alert.d.ts

@@ -9,7 +9,7 @@ import "../loading/index.js";
 import { StatusScheme } from "../status/status.js";
 import "../status/index.js";
 import "../../index.js";
-import * as react989 from "react";
+import * as react1033 from "react";
 
 //#region src/components/alert/alert.d.ts
 interface AlertRootProps extends HTMLStyledProps, ThemeProps<AlertStyle> {
@@ -20,7 +20,7 @@ interface AlertRootProps extends HTMLStyledProps, ThemeProps<AlertStyle> {
    */
   status?: StatusScheme;
 }
-declare const AlertPropsContext: react989.Context<Partial<AlertRootProps> | undefined>, useAlertPropsContext: () => Partial<AlertRootProps> | undefined;
+declare const AlertPropsContext: react1033.Context<Partial<AlertRootProps> | undefined>, useAlertPropsContext: () => Partial<AlertRootProps> | undefined;
 /**
  * `Alert` is a component that conveys information to the user.
  *

package/dist/types/components/alpha-slider/alpha-slider.d.ts

@@ -5,7 +5,7 @@ import { AlphaSliderStyle } from "./alpha-slider.style.js";
 import { HueSliderOverlayProps, HueSliderRootProps, HueSliderThumbProps, HueSliderTrackProps } from "../hue-slider/hue-slider.js";
 import "../hue-slider/index.js";
 import "../../index.js";
-import * as react975 from "react";
+import * as react1019 from "react";
 
 //#region src/components/alpha-slider/alpha-slider.d.ts
 interface AlphaSliderRootProps extends WithoutThemeProps<Omit<HueSliderRootProps, "color" | "max" | "step" | "thumbProps" | "trackProps">, AlphaSliderStyle> {
@@ -38,7 +38,7 @@ interface AlphaSliderRootProps extends WithoutThemeProps<Omit<HueSliderRootProps
    */
   trackProps?: AlphaSliderTrackProps;
 }
-declare const AlphaSliderPropsContext: react975.Context<Partial<AlphaSliderRootProps> | undefined>, useAlphaSliderPropsContext: () => Partial<AlphaSliderRootProps> | undefined;
+declare const AlphaSliderPropsContext: react1019.Context<Partial<AlphaSliderRootProps> | undefined>, useAlphaSliderPropsContext: () => Partial<AlphaSliderRootProps> | undefined;
 /**
  * `AlphaSlider` is a component used to allow the user to select color transparency.
  *

package/dist/types/components/aspect-ratio/aspect-ratio.d.ts

@@ -2,7 +2,7 @@ import { StyleValue } from "../../core/css/index.types.js";
 import { Component, HTMLStyledProps } from "../../core/components/index.types.js";
 import "../../core/index.js";
 import "../../index.js";
-import * as react974 from "react";
+import * as react1018 from "react";
 
 //#region src/components/aspect-ratio/aspect-ratio.d.ts
 interface AspectRatioProps extends HTMLStyledProps {
@@ -13,7 +13,7 @@ interface AspectRatioProps extends HTMLStyledProps {
    */
   ratio?: StyleValue<number>;
 }
-declare const AspectRatioPropsContext: react974.Context<Partial<AspectRatioProps> | undefined>, useAspectRatioPropsContext: () => Partial<AspectRatioProps> | undefined;
+declare const AspectRatioPropsContext: react1018.Context<Partial<AspectRatioProps> | undefined>, useAspectRatioPropsContext: () => Partial<AspectRatioProps> | undefined;
 /**
  * `AspectRatio` is a component for embedding things like videos and maps while maintaining the aspect ratio.
  *

package/dist/types/components/autocomplete/autocomplete.d.ts

@@ -11,7 +11,7 @@ import { InputGroupRootProps } from "../input/input-group.js";
 import "../input/index.js";
 import { UseAutocompleteOptionProps, UseAutocompleteProps } from "./use-autocomplete.js";
 import "../../index.js";
-import * as react966 from "react";
+import * as react963 from "react";
 import { ReactElement, ReactNode } from "react";
 
 //#region src/components/autocomplete/autocomplete.d.ts
@@ -67,7 +67,7 @@ interface AutocompleteRootProps<Multiple extends boolean = false> extends Omit<H
    */
   rootProps?: InputGroupRootProps;
 }
-declare const AutocompletePropsContext: react966.Context<Partial<AutocompleteRootProps<false>> | undefined>, useAutocompletePropsContext: () => Partial<AutocompleteRootProps<false>> | undefined;
+declare const AutocompletePropsContext: react963.Context<Partial<AutocompleteRootProps<false>> | undefined>, useAutocompletePropsContext: () => Partial<AutocompleteRootProps<false>> | undefined;
 /**
  * `Autocomplete` is a component used to display suggestions in response to user text input.
  *

package/dist/types/components/autocomplete/autocomplete.style.d.ts

@@ -3,7 +3,7 @@ import { CSSPropObject, CSSSlotObject } from "../../core/css/index.types.js";
 import "../../index.js";
 
 //#region src/components/autocomplete/autocomplete.style.d.ts
-declare const autocompleteStyle: ComponentSlotStyle<"input" | "label" | "option" | "content" | "group" | "separator" | "icon" | "root" | "indicator" | "field" | "valueText" | "empty", CSSPropObject<CSSSlotObject<"input" | "label" | "option" | "content" | "group" | "separator" | "icon" | "root" | "indicator" | "field" | "valueText" | "empty">>, {
+declare const autocompleteStyle: ComponentSlotStyle<"input" | "label" | "option" | "content" | "icon" | "separator" | "group" | "root" | "indicator" | "field" | "valueText" | "empty", CSSPropObject<CSSSlotObject<"input" | "label" | "option" | "content" | "icon" | "separator" | "group" | "root" | "indicator" | "field" | "valueText" | "empty">>, {
   xs: {
     empty: {
       gap: "1.5";
@@ -396,6 +396,12 @@ declare const autocompleteStyle: ComponentSlotStyle<"input" | "label" | "option"
       border?: "1px solid transparent" | undefined;
       focusRingColor?: "{focus-border-color}" | undefined;
       focusVisibleRing?: "inside" | undefined;
+      _container?: {
+        css: {
+          bg: "bg";
+        };
+        style: string;
+      }[] | undefined;
       _invalid?: {
         borderColor: "{error-border-color}";
         focusRingColor: "{error-border-color}";
@@ -483,6 +489,12 @@ declare const autocompleteStyle: ComponentSlotStyle<"input" | "label" | "option"
       border?: "1px solid {colors.border}" | undefined;
       focusRingColor?: "{focus-border-color}" | undefined;
       focusVisibleRing?: "inside" | undefined;
+      _container?: {
+        css: {
+          bg: "bg";
+        };
+        style: string;
+      }[] | undefined;
       _invalid?: {
         borderColor: "{error-border-color}";
         focusRingColor: "{error-border-color}";

package/dist/types/components/autocomplete/use-autocomplete.d.ts

@@ -7,7 +7,7 @@ import { UsePopoverProps } from "../popover/use-popover.js";
 import "../popover/index.js";
 import { ComboboxDescendant, ComboboxDescendantProps, ComboboxItem, ComboboxItemWithValue, UseComboboxItemProps, UseComboboxProps } from "../../hooks/use-combobox/index.js";
 import "../../index.js";
-import * as react967 from "react";
+import * as react957 from "react";
 import { ChangeEvent, ReactNode } from "react";
 
 //#region src/components/autocomplete/use-autocomplete.d.ts
@@ -29,7 +29,7 @@ interface AutocompleteMatcher {
   (input: string, target?: string): boolean;
 }
 interface AutocompleteContext extends Pick<UseAutocompleteReturn, "max" | "value"> {}
-declare const AutocompleteContext: react967.Context<AutocompleteContext>, useAutocompleteContext: () => AutocompleteContext;
+declare const AutocompleteContext: react957.Context<AutocompleteContext>, useAutocompleteContext: () => AutocompleteContext;
 interface UseAutocompleteProps<Multiple extends boolean = false> extends Omit<HTMLProps, "defaultValue" | "onChange" | "ref" | "value">, Omit<UseComboboxProps, "defaultValue" | "initialFocusValue" | "onChange" | "ref" | "value">, HTMLRefAttributes<"input">, FieldProps {
   /**
    * If `true`, the autocomplete will allow custom value.
@@ -157,7 +157,7 @@ declare const useAutocomplete: <Multiple extends boolean = false>(props?: UseAut
     lastValue: () => Descendant<HTMLDivElement, ComboboxDescendantProps> | undefined;
     nextValue: (indexOrNode: number | HTMLDivElement | Descendant<HTMLDivElement, ComboboxDescendantProps> | null, loop?: boolean) => Descendant<HTMLDivElement, ComboboxDescendantProps> | undefined;
     prevValue: (indexOrNode: number | HTMLDivElement | Descendant<HTMLDivElement, ComboboxDescendantProps> | null, loop?: boolean) => Descendant<HTMLDivElement, ComboboxDescendantProps> | undefined;
-    register: (props?: DescendantProps<HTMLDivElement, ComboboxDescendantProps> | undefined) => react967.RefCallback<HTMLDivElement>;
+    register: (props?: DescendantProps<HTMLDivElement, ComboboxDescendantProps> | undefined) => react957.RefCallback<HTMLDivElement>;
     unregister: (node?: HTMLDivElement | null | undefined) => void;
     value: (indexOrNode: number | HTMLDivElement | null) => Descendant<HTMLDivElement, ComboboxDescendantProps> | undefined;
     values: () => Descendant<HTMLDivElement, ComboboxDescendantProps>[];
@@ -167,8 +167,8 @@ declare const useAutocomplete: <Multiple extends boolean = false>(props?: UseAut
   items: ComboboxItem[];
   max: number | undefined;
   open: boolean;
-  setInputValue: react967.Dispatch<react967.SetStateAction<string>>;
-  setValue: react967.Dispatch<react967.SetStateAction<Multiple extends true ? string[] : string>>;
+  setInputValue: react957.Dispatch<react957.SetStateAction<string>>;
+  setValue: react957.Dispatch<react957.SetStateAction<Multiple extends true ? string[] : string>>;
   value: Multiple extends true ? string[] : string;
   valueMap: {
     [key: string]: ComboboxItemWithValue;

package/dist/types/components/avatar/avatar.d.ts

@@ -1,14 +1,14 @@
 import { ComponentSlotStyle, ThemeProps, WithoutThemeProps } from "../../core/system/index.types.js";
 import { CSSObject, CSSSlotObject } from "../../core/css/index.types.js";
 import { As, Component, HTMLStyledProps } from "../../core/components/index.types.js";
-import { ComponentOptions, ComponentSlot, ComponentSlotName, SuperProps, UseComponentPropsOptions } from "../../core/components/create-component.js";
+import { ComponentOptions, ComponentSlot, ComponentSlotName, InitialProps, SuperProps, UseComponentPropsOptions } from "../../core/components/create-component.js";
 import "../../core/index.js";
 import { AvatarStyle } from "./avatar.style.js";
 import { UseAvatarProps } from "./use-avatar.js";
 import "../../index.js";
-import * as react992 from "react";
+import * as react1015 from "react";
 import { ReactElement } from "react";
-import * as _yamada_ui_utils18 from "@yamada-ui/utils";
+import * as _yamada_ui_utils24 from "@yamada-ui/utils";
 
 //#region src/components/avatar/avatar.d.ts
 interface AvatarProps extends HTMLStyledProps, ThemeProps<AvatarStyle>, UseAvatarProps {
@@ -25,7 +25,7 @@ interface AvatarProps extends HTMLStyledProps, ThemeProps<AvatarStyle>, UseAvata
    */
   imageProps?: AvatarImageProps;
 }
-declare const component: <H extends "fragment" | As = "div", R extends _yamada_ui_utils18.Dict = _yamada_ui_utils18.Dict<any>>(el: H | react992.FC<R>, slot?: ComponentSlot<ComponentSlotName<ComponentSlotStyle<"image" | "group" | "root" | "fallback", {
+declare const component: <H extends "fragment" | As = "div", R extends _yamada_ui_utils24.Dict = _yamada_ui_utils24.Dict<any>>(el: H | react1015.FC<R>, slot?: ComponentSlot<ComponentSlotName<ComponentSlotStyle<"image" | "group" | "fallback" | "root", {
     shape: {
       circle: {
         root: {
@@ -148,7 +148,7 @@ declare const component: <H extends "fragment" | As = "div", R extends _yamada_u
     name,
     className,
     ...options
-  }?: ComponentOptions) => (...superProps: SuperProps<R>[]) => H extends "fragment" ? react992.FunctionComponent<R> : Component<Exclude<H, "fragment">, R>, AvatarPropsContext: react992.Context<Partial<AvatarProps> | undefined>, useAvatarPropsContext: () => Partial<AvatarProps> | undefined, useRootComponentProps: <Y extends _yamada_ui_utils18.Dict = _yamada_ui_utils18.Dict<any>, R extends keyof Y = keyof Y>(props: Y, slot?: ComponentSlot<ComponentSlotName<ComponentSlotStyle<"image" | "group" | "root" | "fallback", {
+  }?: ComponentOptions) => (initialProps?: InitialProps<R>, ...superProps: SuperProps<R>[]) => H extends "fragment" ? react1015.FunctionComponent<R> : Component<Exclude<H, "fragment">, R>, AvatarPropsContext: react1015.Context<Partial<AvatarProps> | undefined>, useAvatarPropsContext: () => Partial<AvatarProps> | undefined, useRootComponentProps: <Y extends _yamada_ui_utils24.Dict = _yamada_ui_utils24.Dict<any>, R extends keyof Y = keyof Y>(props: Y, slot?: ComponentSlot<ComponentSlotName<ComponentSlotStyle<"image" | "group" | "fallback" | "root", {
     shape: {
       circle: {
         root: {
@@ -271,7 +271,7 @@ declare const component: <H extends "fragment" | As = "div", R extends _yamada_u
     className,
     withContext,
     transferProps
-  }?: UseComponentPropsOptions<R>) => [CSSSlotObject, _yamada_ui_utils18.Merge<WithoutThemeProps<Y, ComponentSlotStyle<"image" | "group" | "root" | "fallback", {
+  }?: UseComponentPropsOptions<R>) => [CSSSlotObject, _yamada_ui_utils24.Merge<WithoutThemeProps<Y, ComponentSlotStyle<"image" | "group" | "fallback" | "root", {
     shape: {
       circle: {
         root: {

package/dist/types/components/avatar/avatar.style.d.ts

@@ -2,7 +2,7 @@ import { ComponentSlotStyle } from "../../core/system/index.types.js";
 import "../../index.js";
 
 //#region src/components/avatar/avatar.style.d.ts
-declare const avatarStyle: ComponentSlotStyle<"image" | "group" | "root" | "fallback", {
+declare const avatarStyle: ComponentSlotStyle<"image" | "group" | "fallback" | "root", {
   /**
    * The shape of the component
    *

package/dist/types/components/avatar/use-avatar-group.d.ts

@@ -1,6 +1,6 @@
 import { HTMLProps, PropGetter } from "../../core/components/index.types.js";
 import "../../core/index.js";
-import * as react990 from "react";
+import * as react1013 from "react";
 
 //#region src/components/avatar/use-avatar-group.d.ts
 interface UseAvatarGroupProps extends HTMLProps {
@@ -19,7 +19,7 @@ declare const useAvatarGroup: ({
   reverse,
   ...rest
 }?: UseAvatarGroupProps) => {
-  children: react990.ReactElement<any, string | react990.JSXElementConstructor<any>>[];
+  children: react1013.ReactElement<any, string | react1013.JSXElementConstructor<any>>[];
   excess: number;
   getRootProps: PropGetter<"div", undefined, undefined>;
 };

package/dist/types/components/badge/badge.d.ts

@@ -3,11 +3,11 @@ import { Component, HTMLStyledProps } from "../../core/components/index.types.js
 import "../../core/index.js";
 import { BadgeStyle } from "./badge.style.js";
 import "../../index.js";
-import * as react965 from "react";
+import * as react1012 from "react";
 
 //#region src/components/badge/badge.d.ts
 interface BadgeProps extends HTMLStyledProps<"span">, ThemeProps<BadgeStyle> {}
-declare const BadgePropsContext: react965.Context<Partial<BadgeProps> | undefined>, useBadgePropsContext: () => Partial<BadgeProps> | undefined;
+declare const BadgePropsContext: react1012.Context<Partial<BadgeProps> | undefined>, useBadgePropsContext: () => Partial<BadgeProps> | undefined;
 /**
  * `Badge` is a component that emphasizes the status of an item to make it immediately recognizable.
  *

package/dist/types/components/bleed/bleed.d.ts

@@ -2,7 +2,7 @@ import { CSSProps } from "../../core/css/index.types.js";
 import { Component, HTMLStyledProps } from "../../core/components/index.types.js";
 import "../../core/index.js";
 import "../../index.js";
-import * as react964 from "react";
+import * as react1006 from "react";
 
 //#region src/components/bleed/bleed.d.ts
 interface BleedProps extends HTMLStyledProps {
@@ -31,7 +31,7 @@ interface BleedProps extends HTMLStyledProps {
    */
   inlineStart?: "full" | CSSProps["marginInlineStart"];
 }
-declare const BleedPropsContext: react964.Context<Partial<BleedProps> | undefined>, useBleedPropsContext: () => Partial<BleedProps> | undefined;
+declare const BleedPropsContext: react1006.Context<Partial<BleedProps> | undefined>, useBleedPropsContext: () => Partial<BleedProps> | undefined;
 /**
  * `Bleed` is a component used to break an element from the boundaries of its container.
  *

package/dist/types/components/blockquote/blockquote.d.ts

@@ -3,7 +3,7 @@ import { Component, HTMLStyledProps } from "../../core/components/index.types.js
 import "../../core/index.js";
 import { BlockquoteStyle } from "./blockquote.style.js";
 import "../../index.js";
-import * as react963 from "react";
+import * as react1011 from "react";
 import { ReactNode } from "react";
 
 //#region src/components/blockquote/blockquote.d.ts
@@ -29,7 +29,7 @@ interface BlockquoteRootProps extends Omit<HTMLStyledProps<"figure">, "cite">, T
    */
   contentProps?: HTMLStyledProps<"blockquote">;
 }
-declare const BlockquotePropsContext: react963.Context<Partial<BlockquoteRootProps> | undefined>, useBlockquotePropsContext: () => Partial<BlockquoteRootProps> | undefined;
+declare const BlockquotePropsContext: react1011.Context<Partial<BlockquoteRootProps> | undefined>, useBlockquotePropsContext: () => Partial<BlockquoteRootProps> | undefined;
 /**
  * `Blockquote` is a component that represents a blockquote. By default, it renders a `blockquote` element.
  *

package/dist/types/components/breadcrumb/breadcrumb.d.ts

@@ -4,7 +4,7 @@ import "../../core/index.js";
 import { BreadcrumbStyle } from "./breadcrumb.style.js";
 import { UseBreadcrumbProps } from "./use-breadcrumb.js";
 import "../../index.js";
-import * as react962 from "react";
+import * as react1010 from "react";
 import { ReactElement } from "react";
 
 //#region src/components/breadcrumb/breadcrumb.d.ts
@@ -40,7 +40,7 @@ interface BreadcrumbRootProps extends HTMLStyledProps<"nav">, ThemeProps<Breadcr
    */
   separatorProps?: BreadcrumbSeparatorProps;
 }
-declare const BreadcrumbPropsContext: react962.Context<Partial<BreadcrumbRootProps> | undefined>, useBreadcrumbPropsContext: () => Partial<BreadcrumbRootProps> | undefined;
+declare const BreadcrumbPropsContext: react1010.Context<Partial<BreadcrumbRootProps> | undefined>, useBreadcrumbPropsContext: () => Partial<BreadcrumbRootProps> | undefined;
 /**
  * `Breadcrumb` is a component that helps users understand the hierarchy of a website.
  *

package/dist/types/components/breadcrumb/breadcrumb.style.d.ts

@@ -3,7 +3,7 @@ import { CSSPropObject, CSSSlotObject } from "../../core/css/index.types.js";
 import "../../index.js";
 
 //#region src/components/breadcrumb/breadcrumb.style.d.ts
-declare const breadcrumbStyle: ComponentSlotStyle<"link" | "list" | "separator" | "ellipsis" | "root" | "item", CSSPropObject<CSSSlotObject<"link" | "list" | "separator" | "ellipsis" | "root" | "item">>, {
+declare const breadcrumbStyle: ComponentSlotStyle<"link" | "ellipsis" | "separator" | "list" | "root" | "item", CSSPropObject<CSSSlotObject<"link" | "ellipsis" | "separator" | "list" | "root" | "item">>, {
   sm: {
     list: {
       fontSize: "sm";

package/dist/types/components/breadcrumb/use-breadcrumb.d.ts

@@ -1,7 +1,7 @@
 import { ReactNodeOrFunction } from "../../utils/index.types.js";
 import { HTMLProps, PropGetter } from "../../core/components/index.types.js";
 import "../../core/index.js";
-import * as react959 from "react";
+import * as react1007 from "react";
 import { ReactElement, ReactNode } from "react";
 
 //#region src/components/breadcrumb/use-breadcrumb.d.ts
@@ -46,7 +46,7 @@ declare const useBreadcrumb: ({
   startBoundaries,
   ...rest
 }?: UseBreadcrumbProps) => {
-  children: (string | number | bigint | boolean | Iterable<ReactNode> | Promise<string | number | bigint | boolean | react959.ReactPortal | ReactElement<unknown, string | react959.JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | ReactElement<any, string | react959.JSXElementConstructor<any>> | null | undefined)[];
+  children: (string | number | bigint | boolean | Iterable<ReactNode> | Promise<string | number | bigint | boolean | react1007.ReactPortal | ReactElement<unknown, string | react1007.JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | ReactElement<any, string | react1007.JSXElementConstructor<any>> | null | undefined)[];
   getEllipsisProps: PropGetter<"svg", undefined, undefined>;
   getLinkProps: PropGetter<"a", {
     currentPage?: boolean;