@yamada-ui/react 2.1.8-dev-20260408063728 → 2.1.8-dev-20260409043924

package/dist/cjs/components/infinite-scroll-area/infinite-scroll-area.style.cjs

@@ -20,11 +20,14 @@ const infiniteScrollAreaStyle = require_config.defineComponentSlotStyle({
 	props: { orientation: {
 		horizontal: { root: {
 			flexDirection: "row",
-			gap: "md"
+			gap: "md",
+			overflowX: "auto"
 		} },
 		vertical: { root: {
 			flexDirection: "column",
-			gap: "lg"
+			gap: "lg",
+			h: "full",
+			overflowY: "auto"
 		} }
 	} },
 	defaultProps: { orientation: "vertical" }

package/dist/cjs/components/infinite-scroll-area/infinite-scroll-area.style.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"infinite-scroll-area.style.cjs","names":["defineComponentSlotStyle"],"sources":["../../../../src/components/infinite-scroll-area/infinite-scroll-area.style.ts"],"sourcesContent":["import { defineComponentSlotStyle } from \"../../core\"\n\nexport const infiniteScrollAreaStyle = defineComponentSlotStyle({\n  base: {\n    root: {\n      display: \"flex\",\n      flexDirection: \"row\",\n      w: \"full\",\n    },\n    trigger: {\n      alignItems: \"center\",\n      display: \"flex\",\n      flex: 1,\n      justifyContent: \"center\",\n      w: \"full\",\n    },\n  },\n\n  props: {\n    /**\n     * The orientation of the infinite scroll.\n     *\n     * @default 'vertical'\n     */\n    orientation: {\n      horizontal: {\n        root: { flexDirection: \"row\", gap: \"md\" },\n      },\n      vertical: {\n        root: { flexDirection: \"column\", gap: \"lg\" },\n      },\n    },\n  },\n\n  defaultProps: {\n    orientation: \"vertical\",\n  },\n})\n\nexport type InfiniteScrollAreaStyle = typeof infiniteScrollAreaStyle\n"],"mappings":";;;;AAEA,MAAa,0BAA0BA,wCAAyB;CAC9D,MAAM;EACJ,MAAM;GACJ,SAAS;GACT,eAAe;GACf,GAAG;GACJ;EACD,SAAS;GACP,YAAY;GACZ,SAAS;GACT,MAAM;GACN,gBAAgB;GAChB,GAAG;GACJ;EACF;CAED,OAAO,EAML,aAAa;EACX,YAAY,EACV,MAAM;GAAE,eAAe;GAAO,KAAK;GAAM,EAC1C;EACD,UAAU,EACR,MAAM;GAAE,eAAe;GAAU,KAAK;GAAM,EAC7C;EACF,EACF;CAED,cAAc,EACZ,aAAa,YACd;CACF,CAAC"}
+{"version":3,"file":"infinite-scroll-area.style.cjs","names":["defineComponentSlotStyle"],"sources":["../../../../src/components/infinite-scroll-area/infinite-scroll-area.style.ts"],"sourcesContent":["import { defineComponentSlotStyle } from \"../../core\"\n\nexport const infiniteScrollAreaStyle = defineComponentSlotStyle({\n  base: {\n    root: {\n      display: \"flex\",\n      flexDirection: \"row\",\n      w: \"full\",\n    },\n    trigger: {\n      alignItems: \"center\",\n      display: \"flex\",\n      flex: 1,\n      justifyContent: \"center\",\n      w: \"full\",\n    },\n  },\n\n  props: {\n    /**\n     * The orientation of the infinite scroll.\n     *\n     * @default 'vertical'\n     */\n    orientation: {\n      horizontal: {\n        root: { flexDirection: \"row\", gap: \"md\", overflowX: \"auto\" },\n      },\n      vertical: {\n        root: {\n          flexDirection: \"column\",\n          gap: \"lg\",\n          h: \"full\",\n          overflowY: \"auto\",\n        },\n      },\n    },\n  },\n\n  defaultProps: {\n    orientation: \"vertical\",\n  },\n})\n\nexport type InfiniteScrollAreaStyle = typeof infiniteScrollAreaStyle\n"],"mappings":";;;;AAEA,MAAa,0BAA0BA,wCAAyB;CAC9D,MAAM;EACJ,MAAM;GACJ,SAAS;GACT,eAAe;GACf,GAAG;GACJ;EACD,SAAS;GACP,YAAY;GACZ,SAAS;GACT,MAAM;GACN,gBAAgB;GAChB,GAAG;GACJ;EACF;CAED,OAAO,EAML,aAAa;EACX,YAAY,EACV,MAAM;GAAE,eAAe;GAAO,KAAK;GAAM,WAAW;GAAQ,EAC7D;EACD,UAAU,EACR,MAAM;GACJ,eAAe;GACf,KAAK;GACL,GAAG;GACH,WAAW;GACZ,EACF;EACF,EACF;CAED,cAAc,EACZ,aAAa,YACd;CACF,CAAC"}

package/dist/cjs/core/system/storage-script.cjs

@@ -1,6 +1,7 @@
 "use client";
 
 const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_utils_index = require('../../utils/index.cjs');
 const require_constant = require('../constant.cjs');
 let react_jsx_runtime = require("react/jsx-runtime");
 
@@ -14,20 +15,24 @@ function getStorageScript(type, defaultKey) {
 	};
 }
 function ColorModeScript({ nonce, ...rest }) {
+	const html = getStorageScript("colorMode", require_constant.COLOR_MODE_STORAGE_KEY)({
+		defaultValue: "light",
+		...rest
+	});
+	if ((0, require_utils_index.utils_exports.createdDom)()) return null;
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("script", {
-		dangerouslySetInnerHTML: { __html: getStorageScript("colorMode", require_constant.COLOR_MODE_STORAGE_KEY)({
-			defaultValue: "light",
-			...rest
-		}) },
+		dangerouslySetInnerHTML: { __html: html },
 		nonce
 	});
 }
 function ThemeSchemeScript({ nonce, ...rest }) {
+	const html = getStorageScript("themeScheme", require_constant.THEME_SCHEME_STORAGE_KEY)({
+		defaultValue: "base",
+		...rest
+	});
+	if ((0, require_utils_index.utils_exports.createdDom)()) return null;
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("script", {
-		dangerouslySetInnerHTML: { __html: getStorageScript("themeScheme", require_constant.THEME_SCHEME_STORAGE_KEY)({
-			defaultValue: "base",
-			...rest
-		}) },
+		dangerouslySetInnerHTML: { __html: html },
 		nonce
 	});
 }

package/dist/cjs/core/system/storage-script.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"storage-script.cjs","names":["COLOR_MODE_STORAGE_KEY","THEME_SCHEME_STORAGE_KEY"],"sources":["../../../../src/core/system/storage-script.tsx"],"sourcesContent":["\"use client\"\n\nimport type { ColorModeWithSystem, ThemeScheme } from \"./index.types\"\nimport type { Storage } from \"./storage-manager\"\nimport { COLOR_MODE_STORAGE_KEY, THEME_SCHEME_STORAGE_KEY } from \"../constant\"\n\nexport interface StorageScriptProps<Y extends string> {\n  defaultValue?: Y\n  key?: string\n  nonce?: string\n  type?: Storage\n}\n\nexport function getStorageScript<Y extends string>(\n  type: \"colorMode\" | \"themeScheme\",\n  defaultKey: string,\n) {\n  return function ({\n    key = defaultKey,\n    type: storage = \"localStorage\",\n    defaultValue,\n  }: Omit<StorageScriptProps<Y>, \"nonce\"> = {}) {\n    if (type === \"colorMode\") {\n      if (storage === \"localStorage\") {\n        return `!(function(){try{var a=function(c){var v=\"(prefers-color-scheme: dark)\",h=window.matchMedia(v).matches?\"dark\":\"light\",r=c===\"system\"?h:c,o=document.documentElement,s=document.body,l=\"light\",d=\"dark\",i=r===\"dark\";return s.classList.add(i?d:l),s.classList.remove(i?l:d),o.style.colorScheme=r,o.dataset.mode=r,r},m=\"${defaultValue}\",e=\"${key}\",t=localStorage.getItem(e);t?a(t):(localStorage.setItem(e,m),localStorage.setItem(\\`default-\\${e}\\`,a(m)))}catch{}})();`\n      } else {\n        return `!(function(){try{var a=function(o){var l=\"(prefers-color-scheme: dark)\",v=window.matchMedia(l).matches?\"dark\":\"light\",e=o===\"system\"?v:o,d=document.documentElement,m=document.body,i=\"light\",n=\"dark\",s=e===\"dark\";return m.classList.add(s?n:i),m.classList.remove(s?i:n),d.style.colorScheme=e,d.dataset.mode=e,e},h=\"${defaultValue}\",r=\"${key}\",t=document.cookie.match(new RegExp(\"(^| )\".concat(r,\"=([^;]+)\"))),c=t?t[2]:null;c?a(c):(document.cookie=\"\".concat(r,\"=\").concat(h,\"; max-age=31536000; path=/\"),document.cookie=\"\".concat(\\`default-\\${r}\\`,\"=\").concat(a(h),\"; max-age=31536000; path=/\"))}catch{}})();`\n      }\n    } else {\n      if (storage === \"localStorage\") {\n        return `!(function(){try{var a=function(c){var o=document.documentElement;return o.dataset.theme=c,c},m='${defaultValue}',e='${key}',t=localStorage.getItem(e);t?a(t):localStorage.setItem(e, a(m))}catch{}})();`\n      } else {\n        return `!(function(){try{var a=function(c){var o=document.documentElement;return o.dataset.theme=c,c},h='${defaultValue}',r='${key}',t=document.cookie.match(new RegExp('(^| )'.concat(r,'=([^;]+)'))),c=t?t[2]:null;c?a(c):(document.cookie=''.concat(r,'=').concat(a(h),'; max-age=31536000; path=/'))}catch{}})();`\n      }\n    }\n  }\n}\n\nexport function ColorModeScript({\n  nonce,\n  ...rest\n}: StorageScriptProps<ColorModeWithSystem>) {\n  const html = getStorageScript(\n    \"colorMode\",\n    COLOR_MODE_STORAGE_KEY,\n  )({ defaultValue: \"light\", ...rest })\n\n  return <script dangerouslySetInnerHTML={{ __html: html }} nonce={nonce} />\n}\n\nexport function ThemeSchemeScript({\n  nonce,\n  ...rest\n}: StorageScriptProps<ThemeScheme>) {\n  const html = getStorageScript(\n    \"themeScheme\",\n    THEME_SCHEME_STORAGE_KEY,\n  )({\n    defaultValue: \"base\",\n    ...rest,\n  })\n\n  return <script dangerouslySetInnerHTML={{ __html: html }} nonce={nonce} />\n}\n"],"mappings":";;;;;;;AAaA,SAAgB,iBACd,MACA,YACA;AACA,QAAO,SAAU,EACf,MAAM,YACN,MAAM,UAAU,gBAChB,iBACwC,EAAE,EAAE;AAC5C,MAAI,SAAS,YACX,KAAI,YAAY,eACd,QAAO,4TAA4T,aAAa,OAAO,IAAI;MAE3V,QAAO,4TAA4T,aAAa,OAAO,IAAI;WAGzV,YAAY,eACd,QAAO,oGAAoG,aAAa,OAAO,IAAI;MAEnI,QAAO,oGAAoG,aAAa,OAAO,IAAI;;;AAM3I,SAAgB,gBAAgB,EAC9B,OACA,GAAG,QACuC;AAM1C,QAAO,2CAAC;EAAO,yBAAyB,EAAE,QAL7B,iBACX,aACAA,wCACD,CAAC;GAAE,cAAc;GAAS,GAAG;GAAM,CAAC,EAEmB;EAAS;GAAS;;AAG5E,SAAgB,kBAAkB,EAChC,OACA,GAAG,QAC+B;AASlC,QAAO,2CAAC;EAAO,yBAAyB,EAAE,QAR7B,iBACX,eACAC,0CACD,CAAC;GACA,cAAc;GACd,GAAG;GACJ,CAAC,EAEsD;EAAS;GAAS"}
+{"version":3,"file":"storage-script.cjs","names":["COLOR_MODE_STORAGE_KEY","THEME_SCHEME_STORAGE_KEY"],"sources":["../../../../src/core/system/storage-script.tsx"],"sourcesContent":["\"use client\"\n\nimport type { ColorModeWithSystem, ThemeScheme } from \"./index.types\"\nimport type { Storage } from \"./storage-manager\"\nimport { createdDom } from \"../../utils\"\nimport { COLOR_MODE_STORAGE_KEY, THEME_SCHEME_STORAGE_KEY } from \"../constant\"\n\nexport interface StorageScriptProps<Y extends string> {\n  defaultValue?: Y\n  key?: string\n  nonce?: string\n  type?: Storage\n}\n\nexport function getStorageScript<Y extends string>(\n  type: \"colorMode\" | \"themeScheme\",\n  defaultKey: string,\n) {\n  return function ({\n    key = defaultKey,\n    type: storage = \"localStorage\",\n    defaultValue,\n  }: Omit<StorageScriptProps<Y>, \"nonce\"> = {}) {\n    if (type === \"colorMode\") {\n      if (storage === \"localStorage\") {\n        return `!(function(){try{var a=function(c){var v=\"(prefers-color-scheme: dark)\",h=window.matchMedia(v).matches?\"dark\":\"light\",r=c===\"system\"?h:c,o=document.documentElement,s=document.body,l=\"light\",d=\"dark\",i=r===\"dark\";return s.classList.add(i?d:l),s.classList.remove(i?l:d),o.style.colorScheme=r,o.dataset.mode=r,r},m=\"${defaultValue}\",e=\"${key}\",t=localStorage.getItem(e);t?a(t):(localStorage.setItem(e,m),localStorage.setItem(\\`default-\\${e}\\`,a(m)))}catch{}})();`\n      } else {\n        return `!(function(){try{var a=function(o){var l=\"(prefers-color-scheme: dark)\",v=window.matchMedia(l).matches?\"dark\":\"light\",e=o===\"system\"?v:o,d=document.documentElement,m=document.body,i=\"light\",n=\"dark\",s=e===\"dark\";return m.classList.add(s?n:i),m.classList.remove(s?i:n),d.style.colorScheme=e,d.dataset.mode=e,e},h=\"${defaultValue}\",r=\"${key}\",t=document.cookie.match(new RegExp(\"(^| )\".concat(r,\"=([^;]+)\"))),c=t?t[2]:null;c?a(c):(document.cookie=\"\".concat(r,\"=\").concat(h,\"; max-age=31536000; path=/\"),document.cookie=\"\".concat(\\`default-\\${r}\\`,\"=\").concat(a(h),\"; max-age=31536000; path=/\"))}catch{}})();`\n      }\n    } else {\n      if (storage === \"localStorage\") {\n        return `!(function(){try{var a=function(c){var o=document.documentElement;return o.dataset.theme=c,c},m='${defaultValue}',e='${key}',t=localStorage.getItem(e);t?a(t):localStorage.setItem(e, a(m))}catch{}})();`\n      } else {\n        return `!(function(){try{var a=function(c){var o=document.documentElement;return o.dataset.theme=c,c},h='${defaultValue}',r='${key}',t=document.cookie.match(new RegExp('(^| )'.concat(r,'=([^;]+)'))),c=t?t[2]:null;c?a(c):(document.cookie=''.concat(r,'=').concat(a(h),'; max-age=31536000; path=/'))}catch{}})();`\n      }\n    }\n  }\n}\n\nexport function ColorModeScript({\n  nonce,\n  ...rest\n}: StorageScriptProps<ColorModeWithSystem>) {\n  const html = getStorageScript(\n    \"colorMode\",\n    COLOR_MODE_STORAGE_KEY,\n  )({ defaultValue: \"light\", ...rest })\n\n  if (createdDom()) return null\n\n  return <script dangerouslySetInnerHTML={{ __html: html }} nonce={nonce} />\n}\n\nexport function ThemeSchemeScript({\n  nonce,\n  ...rest\n}: StorageScriptProps<ThemeScheme>) {\n  const html = getStorageScript(\n    \"themeScheme\",\n    THEME_SCHEME_STORAGE_KEY,\n  )({\n    defaultValue: \"base\",\n    ...rest,\n  })\n\n  if (createdDom()) return null\n\n  return <script dangerouslySetInnerHTML={{ __html: html }} nonce={nonce} />\n}\n"],"mappings":";;;;;;;;AAcA,SAAgB,iBACd,MACA,YACA;AACA,QAAO,SAAU,EACf,MAAM,YACN,MAAM,UAAU,gBAChB,iBACwC,EAAE,EAAE;AAC5C,MAAI,SAAS,YACX,KAAI,YAAY,eACd,QAAO,4TAA4T,aAAa,OAAO,IAAI;MAE3V,QAAO,4TAA4T,aAAa,OAAO,IAAI;WAGzV,YAAY,eACd,QAAO,oGAAoG,aAAa,OAAO,IAAI;MAEnI,QAAO,oGAAoG,aAAa,OAAO,IAAI;;;AAM3I,SAAgB,gBAAgB,EAC9B,OACA,GAAG,QACuC;CAC1C,MAAM,OAAO,iBACX,aACAA,wCACD,CAAC;EAAE,cAAc;EAAS,GAAG;EAAM,CAAC;AAErC,wDAAgB,CAAE,QAAO;AAEzB,QAAO,2CAAC;EAAO,yBAAyB,EAAE,QAAQ,MAAM;EAAS;GAAS;;AAG5E,SAAgB,kBAAkB,EAChC,OACA,GAAG,QAC+B;CAClC,MAAM,OAAO,iBACX,eACAC,0CACD,CAAC;EACA,cAAc;EACd,GAAG;EACJ,CAAC;AAEF,wDAAgB,CAAE,QAAO;AAEzB,QAAO,2CAAC;EAAO,yBAAyB,EAAE,QAAQ,MAAM;EAAS;GAAS"}

package/dist/esm/components/infinite-scroll-area/infinite-scroll-area.style.js

@@ -20,11 +20,14 @@ const infiniteScrollAreaStyle = defineComponentSlotStyle({
 	props: { orientation: {
 		horizontal: { root: {
 			flexDirection: "row",
-			gap: "md"
+			gap: "md",
+			overflowX: "auto"
 		} },
 		vertical: { root: {
 			flexDirection: "column",
-			gap: "lg"
+			gap: "lg",
+			h: "full",
+			overflowY: "auto"
 		} }
 	} },
 	defaultProps: { orientation: "vertical" }

package/dist/esm/components/infinite-scroll-area/infinite-scroll-area.style.js.map

@@ -1 +1 @@
-{"version":3,"file":"infinite-scroll-area.style.js","names":[],"sources":["../../../../src/components/infinite-scroll-area/infinite-scroll-area.style.ts"],"sourcesContent":["import { defineComponentSlotStyle } from \"../../core\"\n\nexport const infiniteScrollAreaStyle = defineComponentSlotStyle({\n  base: {\n    root: {\n      display: \"flex\",\n      flexDirection: \"row\",\n      w: \"full\",\n    },\n    trigger: {\n      alignItems: \"center\",\n      display: \"flex\",\n      flex: 1,\n      justifyContent: \"center\",\n      w: \"full\",\n    },\n  },\n\n  props: {\n    /**\n     * The orientation of the infinite scroll.\n     *\n     * @default 'vertical'\n     */\n    orientation: {\n      horizontal: {\n        root: { flexDirection: \"row\", gap: \"md\" },\n      },\n      vertical: {\n        root: { flexDirection: \"column\", gap: \"lg\" },\n      },\n    },\n  },\n\n  defaultProps: {\n    orientation: \"vertical\",\n  },\n})\n\nexport type InfiniteScrollAreaStyle = typeof infiniteScrollAreaStyle\n"],"mappings":";;;;AAEA,MAAa,0BAA0B,yBAAyB;CAC9D,MAAM;EACJ,MAAM;GACJ,SAAS;GACT,eAAe;GACf,GAAG;GACJ;EACD,SAAS;GACP,YAAY;GACZ,SAAS;GACT,MAAM;GACN,gBAAgB;GAChB,GAAG;GACJ;EACF;CAED,OAAO,EAML,aAAa;EACX,YAAY,EACV,MAAM;GAAE,eAAe;GAAO,KAAK;GAAM,EAC1C;EACD,UAAU,EACR,MAAM;GAAE,eAAe;GAAU,KAAK;GAAM,EAC7C;EACF,EACF;CAED,cAAc,EACZ,aAAa,YACd;CACF,CAAC"}
+{"version":3,"file":"infinite-scroll-area.style.js","names":[],"sources":["../../../../src/components/infinite-scroll-area/infinite-scroll-area.style.ts"],"sourcesContent":["import { defineComponentSlotStyle } from \"../../core\"\n\nexport const infiniteScrollAreaStyle = defineComponentSlotStyle({\n  base: {\n    root: {\n      display: \"flex\",\n      flexDirection: \"row\",\n      w: \"full\",\n    },\n    trigger: {\n      alignItems: \"center\",\n      display: \"flex\",\n      flex: 1,\n      justifyContent: \"center\",\n      w: \"full\",\n    },\n  },\n\n  props: {\n    /**\n     * The orientation of the infinite scroll.\n     *\n     * @default 'vertical'\n     */\n    orientation: {\n      horizontal: {\n        root: { flexDirection: \"row\", gap: \"md\", overflowX: \"auto\" },\n      },\n      vertical: {\n        root: {\n          flexDirection: \"column\",\n          gap: \"lg\",\n          h: \"full\",\n          overflowY: \"auto\",\n        },\n      },\n    },\n  },\n\n  defaultProps: {\n    orientation: \"vertical\",\n  },\n})\n\nexport type InfiniteScrollAreaStyle = typeof infiniteScrollAreaStyle\n"],"mappings":";;;;AAEA,MAAa,0BAA0B,yBAAyB;CAC9D,MAAM;EACJ,MAAM;GACJ,SAAS;GACT,eAAe;GACf,GAAG;GACJ;EACD,SAAS;GACP,YAAY;GACZ,SAAS;GACT,MAAM;GACN,gBAAgB;GAChB,GAAG;GACJ;EACF;CAED,OAAO,EAML,aAAa;EACX,YAAY,EACV,MAAM;GAAE,eAAe;GAAO,KAAK;GAAM,WAAW;GAAQ,EAC7D;EACD,UAAU,EACR,MAAM;GACJ,eAAe;GACf,KAAK;GACL,GAAG;GACH,WAAW;GACZ,EACF;EACF,EACF;CAED,cAAc,EACZ,aAAa,YACd;CACF,CAAC"}

package/dist/esm/core/system/storage-script.js

@@ -1,5 +1,6 @@
 "use client";
 
+import { utils_exports } from "../../utils/index.js";
 import { COLOR_MODE_STORAGE_KEY, THEME_SCHEME_STORAGE_KEY } from "../constant.js";
 import { jsx } from "react/jsx-runtime";
 
@@ -13,20 +14,24 @@ function getStorageScript(type, defaultKey) {
 	};
 }
 function ColorModeScript({ nonce, ...rest }) {
+	const html = getStorageScript("colorMode", COLOR_MODE_STORAGE_KEY)({
+		defaultValue: "light",
+		...rest
+	});
+	if ((0, utils_exports.createdDom)()) return null;
 	return /* @__PURE__ */ jsx("script", {
-		dangerouslySetInnerHTML: { __html: getStorageScript("colorMode", COLOR_MODE_STORAGE_KEY)({
-			defaultValue: "light",
-			...rest
-		}) },
+		dangerouslySetInnerHTML: { __html: html },
 		nonce
 	});
 }
 function ThemeSchemeScript({ nonce, ...rest }) {
+	const html = getStorageScript("themeScheme", THEME_SCHEME_STORAGE_KEY)({
+		defaultValue: "base",
+		...rest
+	});
+	if ((0, utils_exports.createdDom)()) return null;
 	return /* @__PURE__ */ jsx("script", {
-		dangerouslySetInnerHTML: { __html: getStorageScript("themeScheme", THEME_SCHEME_STORAGE_KEY)({
-			defaultValue: "base",
-			...rest
-		}) },
+		dangerouslySetInnerHTML: { __html: html },
 		nonce
 	});
 }

package/dist/esm/core/system/storage-script.js.map

@@ -1 +1 @@
-{"version":3,"file":"storage-script.js","names":[],"sources":["../../../../src/core/system/storage-script.tsx"],"sourcesContent":["\"use client\"\n\nimport type { ColorModeWithSystem, ThemeScheme } from \"./index.types\"\nimport type { Storage } from \"./storage-manager\"\nimport { COLOR_MODE_STORAGE_KEY, THEME_SCHEME_STORAGE_KEY } from \"../constant\"\n\nexport interface StorageScriptProps<Y extends string> {\n  defaultValue?: Y\n  key?: string\n  nonce?: string\n  type?: Storage\n}\n\nexport function getStorageScript<Y extends string>(\n  type: \"colorMode\" | \"themeScheme\",\n  defaultKey: string,\n) {\n  return function ({\n    key = defaultKey,\n    type: storage = \"localStorage\",\n    defaultValue,\n  }: Omit<StorageScriptProps<Y>, \"nonce\"> = {}) {\n    if (type === \"colorMode\") {\n      if (storage === \"localStorage\") {\n        return `!(function(){try{var a=function(c){var v=\"(prefers-color-scheme: dark)\",h=window.matchMedia(v).matches?\"dark\":\"light\",r=c===\"system\"?h:c,o=document.documentElement,s=document.body,l=\"light\",d=\"dark\",i=r===\"dark\";return s.classList.add(i?d:l),s.classList.remove(i?l:d),o.style.colorScheme=r,o.dataset.mode=r,r},m=\"${defaultValue}\",e=\"${key}\",t=localStorage.getItem(e);t?a(t):(localStorage.setItem(e,m),localStorage.setItem(\\`default-\\${e}\\`,a(m)))}catch{}})();`\n      } else {\n        return `!(function(){try{var a=function(o){var l=\"(prefers-color-scheme: dark)\",v=window.matchMedia(l).matches?\"dark\":\"light\",e=o===\"system\"?v:o,d=document.documentElement,m=document.body,i=\"light\",n=\"dark\",s=e===\"dark\";return m.classList.add(s?n:i),m.classList.remove(s?i:n),d.style.colorScheme=e,d.dataset.mode=e,e},h=\"${defaultValue}\",r=\"${key}\",t=document.cookie.match(new RegExp(\"(^| )\".concat(r,\"=([^;]+)\"))),c=t?t[2]:null;c?a(c):(document.cookie=\"\".concat(r,\"=\").concat(h,\"; max-age=31536000; path=/\"),document.cookie=\"\".concat(\\`default-\\${r}\\`,\"=\").concat(a(h),\"; max-age=31536000; path=/\"))}catch{}})();`\n      }\n    } else {\n      if (storage === \"localStorage\") {\n        return `!(function(){try{var a=function(c){var o=document.documentElement;return o.dataset.theme=c,c},m='${defaultValue}',e='${key}',t=localStorage.getItem(e);t?a(t):localStorage.setItem(e, a(m))}catch{}})();`\n      } else {\n        return `!(function(){try{var a=function(c){var o=document.documentElement;return o.dataset.theme=c,c},h='${defaultValue}',r='${key}',t=document.cookie.match(new RegExp('(^| )'.concat(r,'=([^;]+)'))),c=t?t[2]:null;c?a(c):(document.cookie=''.concat(r,'=').concat(a(h),'; max-age=31536000; path=/'))}catch{}})();`\n      }\n    }\n  }\n}\n\nexport function ColorModeScript({\n  nonce,\n  ...rest\n}: StorageScriptProps<ColorModeWithSystem>) {\n  const html = getStorageScript(\n    \"colorMode\",\n    COLOR_MODE_STORAGE_KEY,\n  )({ defaultValue: \"light\", ...rest })\n\n  return <script dangerouslySetInnerHTML={{ __html: html }} nonce={nonce} />\n}\n\nexport function ThemeSchemeScript({\n  nonce,\n  ...rest\n}: StorageScriptProps<ThemeScheme>) {\n  const html = getStorageScript(\n    \"themeScheme\",\n    THEME_SCHEME_STORAGE_KEY,\n  )({\n    defaultValue: \"base\",\n    ...rest,\n  })\n\n  return <script dangerouslySetInnerHTML={{ __html: html }} nonce={nonce} />\n}\n"],"mappings":";;;;;;AAaA,SAAgB,iBACd,MACA,YACA;AACA,QAAO,SAAU,EACf,MAAM,YACN,MAAM,UAAU,gBAChB,iBACwC,EAAE,EAAE;AAC5C,MAAI,SAAS,YACX,KAAI,YAAY,eACd,QAAO,4TAA4T,aAAa,OAAO,IAAI;MAE3V,QAAO,4TAA4T,aAAa,OAAO,IAAI;WAGzV,YAAY,eACd,QAAO,oGAAoG,aAAa,OAAO,IAAI;MAEnI,QAAO,oGAAoG,aAAa,OAAO,IAAI;;;AAM3I,SAAgB,gBAAgB,EAC9B,OACA,GAAG,QACuC;AAM1C,QAAO,oBAAC;EAAO,yBAAyB,EAAE,QAL7B,iBACX,aACA,uBACD,CAAC;GAAE,cAAc;GAAS,GAAG;GAAM,CAAC,EAEmB;EAAS;GAAS;;AAG5E,SAAgB,kBAAkB,EAChC,OACA,GAAG,QAC+B;AASlC,QAAO,oBAAC;EAAO,yBAAyB,EAAE,QAR7B,iBACX,eACA,yBACD,CAAC;GACA,cAAc;GACd,GAAG;GACJ,CAAC,EAEsD;EAAS;GAAS"}
+{"version":3,"file":"storage-script.js","names":[],"sources":["../../../../src/core/system/storage-script.tsx"],"sourcesContent":["\"use client\"\n\nimport type { ColorModeWithSystem, ThemeScheme } from \"./index.types\"\nimport type { Storage } from \"./storage-manager\"\nimport { createdDom } from \"../../utils\"\nimport { COLOR_MODE_STORAGE_KEY, THEME_SCHEME_STORAGE_KEY } from \"../constant\"\n\nexport interface StorageScriptProps<Y extends string> {\n  defaultValue?: Y\n  key?: string\n  nonce?: string\n  type?: Storage\n}\n\nexport function getStorageScript<Y extends string>(\n  type: \"colorMode\" | \"themeScheme\",\n  defaultKey: string,\n) {\n  return function ({\n    key = defaultKey,\n    type: storage = \"localStorage\",\n    defaultValue,\n  }: Omit<StorageScriptProps<Y>, \"nonce\"> = {}) {\n    if (type === \"colorMode\") {\n      if (storage === \"localStorage\") {\n        return `!(function(){try{var a=function(c){var v=\"(prefers-color-scheme: dark)\",h=window.matchMedia(v).matches?\"dark\":\"light\",r=c===\"system\"?h:c,o=document.documentElement,s=document.body,l=\"light\",d=\"dark\",i=r===\"dark\";return s.classList.add(i?d:l),s.classList.remove(i?l:d),o.style.colorScheme=r,o.dataset.mode=r,r},m=\"${defaultValue}\",e=\"${key}\",t=localStorage.getItem(e);t?a(t):(localStorage.setItem(e,m),localStorage.setItem(\\`default-\\${e}\\`,a(m)))}catch{}})();`\n      } else {\n        return `!(function(){try{var a=function(o){var l=\"(prefers-color-scheme: dark)\",v=window.matchMedia(l).matches?\"dark\":\"light\",e=o===\"system\"?v:o,d=document.documentElement,m=document.body,i=\"light\",n=\"dark\",s=e===\"dark\";return m.classList.add(s?n:i),m.classList.remove(s?i:n),d.style.colorScheme=e,d.dataset.mode=e,e},h=\"${defaultValue}\",r=\"${key}\",t=document.cookie.match(new RegExp(\"(^| )\".concat(r,\"=([^;]+)\"))),c=t?t[2]:null;c?a(c):(document.cookie=\"\".concat(r,\"=\").concat(h,\"; max-age=31536000; path=/\"),document.cookie=\"\".concat(\\`default-\\${r}\\`,\"=\").concat(a(h),\"; max-age=31536000; path=/\"))}catch{}})();`\n      }\n    } else {\n      if (storage === \"localStorage\") {\n        return `!(function(){try{var a=function(c){var o=document.documentElement;return o.dataset.theme=c,c},m='${defaultValue}',e='${key}',t=localStorage.getItem(e);t?a(t):localStorage.setItem(e, a(m))}catch{}})();`\n      } else {\n        return `!(function(){try{var a=function(c){var o=document.documentElement;return o.dataset.theme=c,c},h='${defaultValue}',r='${key}',t=document.cookie.match(new RegExp('(^| )'.concat(r,'=([^;]+)'))),c=t?t[2]:null;c?a(c):(document.cookie=''.concat(r,'=').concat(a(h),'; max-age=31536000; path=/'))}catch{}})();`\n      }\n    }\n  }\n}\n\nexport function ColorModeScript({\n  nonce,\n  ...rest\n}: StorageScriptProps<ColorModeWithSystem>) {\n  const html = getStorageScript(\n    \"colorMode\",\n    COLOR_MODE_STORAGE_KEY,\n  )({ defaultValue: \"light\", ...rest })\n\n  if (createdDom()) return null\n\n  return <script dangerouslySetInnerHTML={{ __html: html }} nonce={nonce} />\n}\n\nexport function ThemeSchemeScript({\n  nonce,\n  ...rest\n}: StorageScriptProps<ThemeScheme>) {\n  const html = getStorageScript(\n    \"themeScheme\",\n    THEME_SCHEME_STORAGE_KEY,\n  )({\n    defaultValue: \"base\",\n    ...rest,\n  })\n\n  if (createdDom()) return null\n\n  return <script dangerouslySetInnerHTML={{ __html: html }} nonce={nonce} />\n}\n"],"mappings":";;;;;;;AAcA,SAAgB,iBACd,MACA,YACA;AACA,QAAO,SAAU,EACf,MAAM,YACN,MAAM,UAAU,gBAChB,iBACwC,EAAE,EAAE;AAC5C,MAAI,SAAS,YACX,KAAI,YAAY,eACd,QAAO,4TAA4T,aAAa,OAAO,IAAI;MAE3V,QAAO,4TAA4T,aAAa,OAAO,IAAI;WAGzV,YAAY,eACd,QAAO,oGAAoG,aAAa,OAAO,IAAI;MAEnI,QAAO,oGAAoG,aAAa,OAAO,IAAI;;;AAM3I,SAAgB,gBAAgB,EAC9B,OACA,GAAG,QACuC;CAC1C,MAAM,OAAO,iBACX,aACA,uBACD,CAAC;EAAE,cAAc;EAAS,GAAG;EAAM,CAAC;AAErC,oCAAgB,CAAE,QAAO;AAEzB,QAAO,oBAAC;EAAO,yBAAyB,EAAE,QAAQ,MAAM;EAAS;GAAS;;AAG5E,SAAgB,kBAAkB,EAChC,OACA,GAAG,QAC+B;CAClC,MAAM,OAAO,iBACX,eACA,yBACD,CAAC;EACA,cAAc;EACd,GAAG;EACJ,CAAC;AAEF,oCAAgB,CAAE,QAAO;AAEzB,QAAO,oBAAC;EAAO,yBAAyB,EAAE,QAAQ,MAAM;EAAS;GAAS"}

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

@@ -3,11 +3,13 @@ import { ThemeProps } from "../../core/system/index.types.js";
 import { Component, HTMLStyledProps } from "../../core/components/index.types.js";
 import "../../core/index.js";
 import { WithTransitionProps } from "../motion/index.types.js";
+import "../motion/index.js";
 import { CollapseProps } from "../collapse/collapse.js";
+import "../collapse/index.js";
 import "../../index.js";
 import { AccordionStyle } from "./accordion.style.js";
 import { UseAccordionItemProps, UseAccordionProps } from "./use-accordion.js";
-import * as react26 from "react";
+import * as react933 from "react";
 
 //#region src/components/accordion/accordion.d.ts
 interface AccordionCallBackProps {
@@ -31,7 +33,7 @@ interface AccordionRootProps extends Omit<HTMLStyledProps, "onChange">, ThemePro
    */
   items?: AccordionItem[];
 }
-declare const AccordionPropsContext: react26.Context<Partial<AccordionRootProps> | undefined>, useAccordionPropsContext: () => Partial<AccordionRootProps> | undefined;
+declare const AccordionPropsContext: react933.Context<Partial<AccordionRootProps> | undefined>, useAccordionPropsContext: () => Partial<AccordionRootProps> | undefined;
 /**
  * `Accordion` is a component for a list that displays information in an expandable or collapsible manner.
  *

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

@@ -3,7 +3,7 @@ import { CSSModifierObject, CSSPropObject, CSSSlotObject } from "../../core/css/
 import "../../index.js";
 
 //#region src/components/accordion/accordion.style.d.ts
-declare const accordionStyle: ComponentSlotStyle<"button" | "icon" | "panel" | "item" | "root", CSSPropObject<CSSSlotObject<"button" | "icon" | "panel" | "item" | "root">>, CSSModifierObject<CSSSlotObject<"button" | "icon" | "panel" | "item" | "root">>, {
+declare const accordionStyle: ComponentSlotStyle<"button" | "panel" | "icon" | "root" | "item", CSSPropObject<CSSSlotObject<"button" | "panel" | "icon" | "root" | "item">>, CSSModifierObject<CSSSlotObject<"button" | "panel" | "icon" | "root" | "item">>, {
   panel: {
     button: {
       rounded: "l2";

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 react27 from "react";
+import * as react934 from "react";
 
 //#region src/components/accordion/use-accordion.d.ts
-declare const AccordionDescendantsContext: react27.Context<{
+declare const AccordionDescendantsContext: react934.Context<{
     active: (target?: HTMLButtonElement | Descendant<HTMLButtonElement, {}> | null | undefined, options?: FocusOptions) => void;
     count: (props?: Partial<{}> | undefined) => number;
     destroy: () => void;
@@ -24,7 +24,7 @@ declare const AccordionDescendantsContext: react27.Context<{
     prevValue: (indexOrNode: number | HTMLButtonElement | Descendant<HTMLButtonElement, {}> | null, loop?: boolean, props?: Partial<{}> | undefined) => Descendant<HTMLButtonElement, {}> | undefined;
     register: (props?: {
       disabled?: boolean | ((node: HTMLButtonElement) => boolean) | undefined;
-    } | undefined) => react27.RefCallback<HTMLButtonElement>;
+    } | undefined) => react934.RefCallback<HTMLButtonElement>;
     unregister: (node?: HTMLButtonElement | null | undefined) => void;
     value: (indexOrNode: number | HTMLButtonElement | null) => Descendant<HTMLButtonElement, {}> | undefined;
     values: (props?: Partial<{}> | undefined) => Descendant<HTMLButtonElement, {}>[];
@@ -50,12 +50,12 @@ declare const AccordionDescendantsContext: react27.Context<{
       prevValue: (indexOrNode: number | HTMLButtonElement | Descendant<HTMLButtonElement, {}> | null, loop?: boolean, props?: Partial<{}> | undefined) => Descendant<HTMLButtonElement, {}> | undefined;
       register: (props?: {
         disabled?: boolean | ((node: HTMLButtonElement) => boolean) | undefined;
-      } | undefined) => react27.RefCallback<HTMLButtonElement>;
+      } | undefined) => react934.RefCallback<HTMLButtonElement>;
       unregister: (node?: HTMLButtonElement | null | undefined) => void;
       value: (indexOrNode: number | HTMLButtonElement | null) => Descendant<HTMLButtonElement, {}> | undefined;
       values: (props?: Partial<{}> | undefined) => Descendant<HTMLButtonElement, {}>[];
     };
-    register: react27.RefCallback<HTMLButtonElement>;
+    register: react934.RefCallback<HTMLButtonElement>;
   }, useAccordionDescendants: () => {
     active: (target?: HTMLButtonElement | Descendant<HTMLButtonElement, {}> | null | undefined, options?: FocusOptions) => void;
     count: (props?: Partial<{}> | undefined) => number;
@@ -75,15 +75,15 @@ declare const AccordionDescendantsContext: react27.Context<{
     prevValue: (indexOrNode: number | HTMLButtonElement | Descendant<HTMLButtonElement, {}> | null, loop?: boolean, props?: Partial<{}> | undefined) => Descendant<HTMLButtonElement, {}> | undefined;
     register: (props?: {
       disabled?: boolean | ((node: HTMLButtonElement) => boolean) | undefined;
-    } | undefined) => react27.RefCallback<HTMLButtonElement>;
+    } | undefined) => react934.RefCallback<HTMLButtonElement>;
     unregister: (node?: HTMLButtonElement | null | undefined) => void;
     value: (indexOrNode: number | HTMLButtonElement | null) => Descendant<HTMLButtonElement, {}> | undefined;
     values: (props?: Partial<{}> | undefined) => Descendant<HTMLButtonElement, {}>[];
   };
 interface AccordionContext extends Omit<UseAccordionReturn, "descendants" | "getRootProps"> {}
-declare const AccordionContext: react27.Context<AccordionContext>, useAccordionContext: () => AccordionContext;
+declare const AccordionContext: react934.Context<AccordionContext>, useAccordionContext: () => AccordionContext;
 interface AccordionItemContext extends Omit<UseAccordionItemReturn, "getItemProps"> {}
-declare const AccordionItemContext: react27.Context<AccordionItemContext>, useAccordionItemContext: () => AccordionItemContext;
+declare const AccordionItemContext: react934.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, props?: Partial<{}> | undefined) => Descendant<HTMLButtonElement, {}> | undefined;
     register: (props?: {
       disabled?: boolean | ((node: HTMLButtonElement) => boolean) | undefined;
-    } | undefined) => react27.RefCallback<HTMLButtonElement>;
+    } | undefined) => react934.RefCallback<HTMLButtonElement>;
     unregister: (node?: HTMLButtonElement | null | undefined) => void;
     value: (indexOrNode: number | HTMLButtonElement | null) => Descendant<HTMLButtonElement, {}> | undefined;
     values: (props?: Partial<{}> | undefined) => Descendant<HTMLButtonElement, {}>[];
@@ -145,8 +145,8 @@ declare const useAccordion: ({
   focusedIndex: number;
   index: number | number[];
   multiple: boolean | undefined;
-  setFocusedIndex: react27.Dispatch<react27.SetStateAction<number>>;
-  setIndex: react27.Dispatch<react27.SetStateAction<number | number[]>>;
+  setFocusedIndex: react934.Dispatch<react934.SetStateAction<number>>;
+  setIndex: react934.Dispatch<react934.SetStateAction<number | number[]>>;
   toggle: boolean | undefined;
   getRootProps: PropGetter<"div", undefined, undefined>;
 };

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

@@ -3,8 +3,9 @@ import { Component } from "../../core/components/index.types.js";
 import "../../core/index.js";
 import { AiryStyle } from "./airy.style.js";
 import { HTMLMotionProps } from "../motion/index.types.js";
+import "../motion/index.js";
 import "../../index.js";
-import * as react1031 from "react";
+import * as react932 from "react";
 import { ReactNode } from "react";
 
 //#region src/components/airy/airy.d.ts
@@ -56,7 +57,7 @@ interface AiryProps extends Omit<HTMLMotionProps<"button">, "onChange">, ThemePr
    */
   onChange?: (value: KeyframeIdent) => void;
 }
-declare const AiryPropsContext: react1031.Context<Partial<AiryProps> | undefined>, useAiryPropsContext: () => Partial<AiryProps> | undefined;
+declare const AiryPropsContext: react932.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

@@ -3,10 +3,13 @@ import { Component, HTMLStyledProps } from "../../core/components/index.types.js
 import "../../core/index.js";
 import { AlertStyle } from "./alert.style.js";
 import { IconProps } from "../icon/icon.js";
+import "../icon/index.js";
 import { LoadingProps } from "../loading/loading.js";
+import "../loading/index.js";
 import { StatusScheme } from "../status/status.js";
+import "../status/index.js";
 import "../../index.js";
-import * as react1029 from "react";
+import * as react931 from "react";
 
 //#region src/components/alert/alert.d.ts
 interface AlertRootProps extends HTMLStyledProps, ThemeProps<AlertStyle> {
@@ -17,7 +20,7 @@ interface AlertRootProps extends HTMLStyledProps, ThemeProps<AlertStyle> {
    */
   status?: StatusScheme;
 }
-declare const AlertPropsContext: react1029.Context<Partial<AlertRootProps> | undefined>, useAlertPropsContext: () => Partial<AlertRootProps> | undefined;
+declare const AlertPropsContext: react931.Context<Partial<AlertRootProps> | undefined>, useAlertPropsContext: () => Partial<AlertRootProps> | undefined;
 /**
  * `Alert` is a component that conveys information to the user.
  *

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

@@ -3,7 +3,7 @@ import { CSSModifierObject, CSSPropObject, CSSSlotObject } from "../../core/css/
 import "../../index.js";
 
 //#region src/components/alert/alert.style.d.ts
-declare const alertStyle: ComponentSlotStyle<"title" | "icon" | "loading" | "root" | "description", CSSPropObject<CSSSlotObject<"title" | "icon" | "loading" | "root" | "description">>, CSSModifierObject<CSSSlotObject<"title" | "icon" | "loading" | "root" | "description">>, {
+declare const alertStyle: ComponentSlotStyle<"title" | "loading" | "icon" | "root" | "description", CSSPropObject<CSSSlotObject<"title" | "loading" | "icon" | "root" | "description">>, CSSModifierObject<CSSSlotObject<"title" | "loading" | "icon" | "root" | "description">>, {
   island: {
     description: {
       color: "fg.muted";

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

@@ -3,8 +3,9 @@ import { Component } from "../../core/components/index.types.js";
 import "../../core/index.js";
 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 react1030 from "react";
+import * as react930 from "react";
 
 //#region src/components/alpha-slider/alpha-slider.d.ts
 interface AlphaSliderRootProps extends WithoutThemeProps<Omit<HueSliderRootProps, "color" | "max" | "step" | "thumbProps" | "trackProps">, AlphaSliderStyle> {
@@ -37,7 +38,7 @@ interface AlphaSliderRootProps extends WithoutThemeProps<Omit<HueSliderRootProps
    */
   trackProps?: AlphaSliderTrackProps;
 }
-declare const AlphaSliderPropsContext: react1030.Context<Partial<AlphaSliderRootProps> | undefined>, useAlphaSliderPropsContext: () => Partial<AlphaSliderRootProps> | undefined;
+declare const AlphaSliderPropsContext: react930.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 react1028 from "react";
+import * as react922 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: react1028.Context<Partial<AspectRatioProps> | undefined>, useAspectRatioPropsContext: () => Partial<AspectRatioProps> | undefined;
+declare const AspectRatioPropsContext: react922.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

@@ -3,13 +3,15 @@ import { Component, GenericsComponent, HTMLStyledProps } from "../../core/compon
 import "../../core/index.js";
 import { AutocompleteStyle } from "./autocomplete.style.js";
 import { PopoverContentProps, PopupAnimationProps } from "../popover/popover.js";
+import "../popover/index.js";
 import { UseComboboxGroupProps } from "../../hooks/use-combobox/index.js";
 import { UseInputBorderProps } from "../input/use-input-border.js";
 import { InputElementProps } from "../input/input-element.js";
 import { InputGroupRootProps } from "../input/input-group.js";
+import "../input/index.js";
 import { UseAutocompleteOptionProps, UseAutocompleteProps } from "./use-autocomplete.js";
 import "../../index.js";
-import * as react852 from "react";
+import * as react929 from "react";
 import { ReactElement, ReactNode } from "react";
 
 //#region src/components/autocomplete/autocomplete.d.ts
@@ -65,7 +67,7 @@ interface AutocompleteRootProps<Multiple extends boolean = false> extends Omit<H
    */
   rootProps?: InputGroupRootProps;
 }
-declare const AutocompletePropsContext: react852.Context<Partial<AutocompleteRootProps<false>> | undefined>, useAutocompletePropsContext: () => Partial<AutocompleteRootProps<false>> | undefined;
+declare const AutocompletePropsContext: react929.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" | "icon" | "separator" | "group" | "root" | "indicator" | "field" | "valueText" | "empty", CSSPropObject<CSSSlotObject<"input" | "label" | "option" | "content" | "icon" | "separator" | "group" | "root" | "indicator" | "field" | "valueText" | "empty">>, {
+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">>, {
   xs: {
     empty: {
       gap: "1.5";

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

@@ -2,11 +2,13 @@ import { index_d_exports } from "../../utils/index.js";
 import { HTMLProps, HTMLRefAttributes, PropGetter } from "../../core/components/index.types.js";
 import "../../core/index.js";
 import { FieldProps } from "../field/field.js";
+import "../field/index.js";
 import { Descendant, DescendantProps } from "../../hooks/use-descendants/index.js";
 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 react846 from "react";
+import * as react923 from "react";
 import { ChangeEvent, ReactNode } from "react";
 
 //#region src/components/autocomplete/use-autocomplete.d.ts
@@ -26,7 +28,7 @@ interface AutocompleteFilter {
 }
 type AutocompleteMatcher = typeof index_d_exports.match;
 interface AutocompleteContext extends Pick<UseAutocompleteReturn, "max" | "value"> {}
-declare const AutocompleteContext: react846.Context<AutocompleteContext>, useAutocompleteContext: () => AutocompleteContext;
+declare const AutocompleteContext: react923.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.
@@ -154,7 +156,7 @@ declare const useAutocomplete: <Multiple extends boolean = false>(props?: UseAut
     lastValue: (props?: Partial<ComboboxDescendantProps> | undefined) => Descendant<HTMLDivElement, ComboboxDescendantProps> | undefined;
     nextValue: (indexOrNode: number | HTMLDivElement | Descendant<HTMLDivElement, ComboboxDescendantProps> | null, loop?: boolean, props?: Partial<ComboboxDescendantProps> | undefined) => Descendant<HTMLDivElement, ComboboxDescendantProps> | undefined;
     prevValue: (indexOrNode: number | HTMLDivElement | Descendant<HTMLDivElement, ComboboxDescendantProps> | null, loop?: boolean, props?: Partial<ComboboxDescendantProps> | undefined) => Descendant<HTMLDivElement, ComboboxDescendantProps> | undefined;
-    register: (props?: DescendantProps<HTMLDivElement, ComboboxDescendantProps> | undefined) => react846.RefCallback<HTMLDivElement>;
+    register: (props?: DescendantProps<HTMLDivElement, ComboboxDescendantProps> | undefined) => react923.RefCallback<HTMLDivElement>;
     unregister: (node?: HTMLDivElement | null | undefined) => void;
     value: (indexOrNode: number | HTMLDivElement | null) => Descendant<HTMLDivElement, ComboboxDescendantProps> | undefined;
     values: (props?: Partial<ComboboxDescendantProps> | undefined) => Descendant<HTMLDivElement, ComboboxDescendantProps>[];
@@ -164,8 +166,8 @@ declare const useAutocomplete: <Multiple extends boolean = false>(props?: UseAut
   items: ComboboxItem[];
   max: number | undefined;
   open: boolean;
-  setInputValue: react846.Dispatch<react846.SetStateAction<string>>;
-  setValue: react846.Dispatch<react846.SetStateAction<Multiple extends true ? string[] : string>>;
+  setInputValue: react923.Dispatch<react923.SetStateAction<string>>;
+  setValue: react923.Dispatch<react923.SetStateAction<Multiple extends true ? string[] : string>>;
   value: Multiple extends true ? string[] : string;
   valueMap: {
     [key: string]: ComboboxItemWithValue;

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

@@ -6,9 +6,9 @@ import "../../core/index.js";
 import { AvatarStyle } from "./avatar.style.js";
 import { UseAvatarProps } from "./use-avatar.js";
 import "../../index.js";
-import * as react1025 from "react";
+import * as react916 from "react";
 import { ReactElement } from "react";
-import * as _yamada_ui_utils19 from "@yamada-ui/utils";
+import * as _yamada_ui_utils13 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_utils19.Dict = _yamada_ui_utils19.Dict<any>>(el: H | react1025.FC<R>, slot?: ComponentSlot<ComponentSlotName<ComponentSlotStyle<"image" | "group" | "root" | "fallback", {
+declare const component: <H extends As | "fragment" = "div", R extends _yamada_ui_utils13.Dict = _yamada_ui_utils13.Dict<any>>(el: H | react916.FC<R>, slot?: ComponentSlot<ComponentSlotName<ComponentSlotStyle<"image" | "group" | "root" | "fallback", {
     shape: {
       circle: {
         root: {
@@ -148,7 +148,7 @@ declare const component: <H extends "fragment" | As = "div", R extends _yamada_u
     name,
     className,
     ...options
-  }?: ComponentOptions) => (initialProps?: InitialProps<R>, ...superProps: SuperProps<R>[]) => H extends "fragment" ? react1025.FunctionComponent<R> : Component<Exclude<H, "fragment">, R>, AvatarPropsContext: react1025.Context<Partial<AvatarProps> | undefined>, useAvatarPropsContext: () => Partial<AvatarProps> | undefined, useRootComponentProps: <Y extends _yamada_ui_utils19.Dict = {}, 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" ? react916.FunctionComponent<R> : Component<Exclude<H, "fragment">, R>, AvatarPropsContext: react916.Context<Partial<AvatarProps> | undefined>, useAvatarPropsContext: () => Partial<AvatarProps> | undefined, useRootComponentProps: <Y extends _yamada_ui_utils13.Dict = {}, R extends keyof Y = keyof Y>(props: Y, slot?: ComponentSlot<ComponentSlotName<ComponentSlotStyle<"image" | "group" | "root" | "fallback", {
     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_utils19.Merge<WithoutThemeProps<Y, ComponentSlotStyle<"image" | "group" | "root" | "fallback", {
+  }?: UseComponentPropsOptions<R>) => [CSSSlotObject, _yamada_ui_utils13.Merge<WithoutThemeProps<Y, ComponentSlotStyle<"image" | "group" | "root" | "fallback", {
     shape: {
       circle: {
         root: {

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 react1023 from "react";
+import * as react919 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: react1023.ReactElement<any, string | react1023.JSXElementConstructor<any>>[];
+  children: react919.ReactElement<any, string | react919.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 react1043 from "react";
+import * as react921 from "react";
 
 //#region src/components/badge/badge.d.ts
 interface BadgeProps extends HTMLStyledProps<"span">, ThemeProps<BadgeStyle> {}
-declare const BadgePropsContext: react1043.Context<Partial<BadgeProps> | undefined>, useBadgePropsContext: () => Partial<BadgeProps> | undefined;
+declare const BadgePropsContext: react921.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 react1022 from "react";
+import * as react906 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: react1022.Context<Partial<BleedProps> | undefined>, useBleedPropsContext: () => Partial<BleedProps> | undefined;
+declare const BleedPropsContext: react906.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 react1021 from "react";
+import * as react905 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: react1021.Context<Partial<BlockquoteRootProps> | undefined>, useBlockquotePropsContext: () => Partial<BlockquoteRootProps> | undefined;
+declare const BlockquotePropsContext: react905.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 react1020 from "react";
+import * as react903 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: react1020.Context<Partial<BreadcrumbRootProps> | undefined>, useBreadcrumbPropsContext: () => Partial<BreadcrumbRootProps> | undefined;
+declare const BreadcrumbPropsContext: react903.Context<Partial<BreadcrumbRootProps> | undefined>, useBreadcrumbPropsContext: () => Partial<BreadcrumbRootProps> | undefined;
 /**
  * `Breadcrumb` is a component that helps users understand the hierarchy of a website.
  *