@yamada-ui/react 2.2.1-dev-20260504103143 → 2.2.1-dev-20260509050741

package/dist/esm/components/link-box/namespace.js

@@ -1,6 +1,5 @@
-import { __exportAll } from "../../_virtual/rolldown_runtime.js";
+import { __exportAll } from "../../_virtual/_rolldown/runtime.js";
 import { LinkBoxOverlay, LinkBoxPropsContext, LinkBoxRoot, useLinkBoxPropsContext } from "./link-box.js";
-
 //#region src/components/link-box/namespace.ts
 var namespace_exports = /* @__PURE__ */ __exportAll({
 	Overlay: () => LinkBoxOverlay,
@@ -8,7 +7,7 @@ var namespace_exports = /* @__PURE__ */ __exportAll({
 	Root: () => LinkBoxRoot,
 	usePropsContext: () => useLinkBoxPropsContext
 });
-
 //#endregion
 export { namespace_exports };
+
 //# sourceMappingURL=namespace.js.map

package/dist/esm/components/list/index.js

@@ -1,5 +1,4 @@
 import { listStyle } from "./list.style.js";
 import { ListItem, ListItemIcon, ListPropsContext, ListRoot, useListPropsContext } from "./list.js";
 import { namespace_exports } from "./namespace.js";
-
-export { namespace_exports as List, ListItem, ListItemIcon, ListPropsContext, ListRoot, listStyle, useListPropsContext };
+export { namespace_exports as List, ListItem, ListItemIcon, ListPropsContext, ListRoot, listStyle, useListPropsContext };

package/dist/esm/components/list/list.js

@@ -1,12 +1,9 @@
 "use client";
-
 import { styled } from "../../core/system/factory.js";
 import { createSlotComponent } from "../../core/components/create-component.js";
-import "../../core/index.js";
 import { listStyle } from "./list.style.js";
 import { cloneElement, isValidElement, useMemo } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-
 //#region src/components/list/list.tsx
 const { PropsContext: ListPropsContext, usePropsContext: useListPropsContext, withContext, withProvider } = createSlotComponent("list", listStyle);
 /**
@@ -41,7 +38,7 @@ const ListItemIcon = withContext(({ children, ...rest }) => {
 	});
 	else return null;
 }, "icon")({ "data-list-icon": "" });
-
 //#endregion
 export { ListItem, ListItemIcon, ListPropsContext, ListRoot, useListPropsContext };
+
 //# sourceMappingURL=list.js.map

package/dist/esm/components/list/list.js.map

@@ -1 +1 @@
-{"version":3,"file":"list.js","names":[],"sources":["../../../../src/components/list/list.tsx"],"sourcesContent":["\"use client\"\n\nimport type { ReactElement } from \"react\"\nimport type {\n  CSSProps,\n  HTMLProps,\n  HTMLStyledProps,\n  ThemeProps,\n} from \"../../core\"\nimport type { ListStyle } from \"./list.style\"\nimport { cloneElement, isValidElement, useMemo } from \"react\"\nimport { createSlotComponent, styled } from \"../../core\"\nimport { listStyle } from \"./list.style\"\n\nexport interface ListItem extends ListItemProps {}\n\nexport interface ListRootProps\n  extends HTMLStyledProps<\"ul\">, Omit<ThemeProps<ListStyle>, \"styleType\"> {\n  /**\n   * If provided, generate elements based on items.\n   */\n  items?: ListItem[]\n  /**\n   * The CSS `list-style-position` property.\n   */\n  stylePosition?: CSSProps[\"listStylePosition\"]\n  /**\n   * The CSS `list-style-position` property.\n   */\n  styleType?: CSSProps[\"listStyleType\"]\n}\n\nconst {\n  PropsContext: ListPropsContext,\n  usePropsContext: useListPropsContext,\n  withContext,\n  withProvider,\n} = createSlotComponent<ListRootProps, ListStyle>(\"list\", listStyle)\n\nexport { ListPropsContext, useListPropsContext }\n\n/**\n * `List` is a component for displaying lists. By default, it renders a `ul` element.\n *\n * @see https://yamada-ui.com/docs/components/list\n */\nexport const ListRoot = withProvider<\"ul\", ListRootProps, \"styleType\">(\n  ({\n    as: asProp,\n    children,\n    items,\n    stylePosition: listStylePosition,\n    styleType: listStyleType = \"none\",\n    ...rest\n  }) => {\n    const as = asProp ?? (listStyleType == \"decimal\" ? \"ol\" : undefined)\n    const computedChildren = useMemo(() => {\n      if (children) return children\n\n      return items?.map((props, index) => <ListItem key={index} {...props} />)\n    }, [children, items])\n\n    return (\n      <styled.ul\n        as={as}\n        listStylePosition={listStylePosition}\n        listStyleType={listStyleType}\n        role=\"list\"\n        {...rest}\n      >\n        {computedChildren}\n      </styled.ul>\n    )\n  },\n  \"root\",\n  { transferProps: [\"styleType\"] },\n)()\n\nexport interface ListItemProps extends HTMLStyledProps<\"li\"> {\n  /**\n   * The icon to use.\n   */\n  icon?: ReactElement<any>\n}\n\nexport const ListItem = withContext<\"li\", ListItemProps>(\n  ({ children, icon, ...rest }) => (\n    <styled.li {...rest}>\n      <ListItemIcon>{icon}</ListItemIcon>\n\n      {children}\n    </styled.li>\n  ),\n  \"item\",\n)()\n\nexport interface ListIconProps extends HTMLStyledProps<\"svg\"> {}\n\nexport const ListItemIcon = withContext<\"svg\", ListIconProps>(\n  ({ children, ...rest }) => {\n    if (isValidElement<HTMLProps<\"svg\">>(children)) {\n      return cloneElement(children, {\n        ...children.props,\n        ...rest,\n        role: \"presentation\",\n      })\n    } else {\n      return null\n    }\n  },\n  \"icon\",\n)({ \"data-list-icon\": \"\" })\n"],"mappings":";;;;;;;;;;AAgCA,MAAM,EACJ,cAAc,kBACd,iBAAiB,qBACjB,aACA,iBACE,oBAA8C,QAAQ,UAAU;;;;;;AASpE,MAAa,WAAW,cACrB,EACC,IAAI,QACJ,UACA,OACA,eAAe,mBACf,WAAW,gBAAgB,QAC3B,GAAG,WACC;CACJ,MAAM,KAAK,WAAW,iBAAiB,YAAY,OAAO;CAC1D,MAAM,mBAAmB,cAAc;AACrC,MAAI,SAAU,QAAO;AAErB,SAAO,OAAO,KAAK,OAAO,UAAU,oBAAC,YAAqB,GAAI,SAAX,MAAoB,CAAC;IACvE,CAAC,UAAU,MAAM,CAAC;AAErB,QACE,oBAAC,OAAO;EACF;EACe;EACJ;EACf,MAAK;EACL,GAAI;YAEH;GACS;GAGhB,QACA,EAAE,eAAe,CAAC,YAAY,EAAE,CACjC,EAAE;AASH,MAAa,WAAW,aACrB,EAAE,UAAU,MAAM,GAAG,WACpB,qBAAC,OAAO;CAAG,GAAI;YACb,oBAAC,0BAAc,OAAoB,EAElC;EACS,EAEd,OACD,EAAE;AAIH,MAAa,eAAe,aACzB,EAAE,UAAU,GAAG,WAAW;AACzB,KAAI,eAAiC,SAAS,CAC5C,QAAO,aAAa,UAAU;EAC5B,GAAG,SAAS;EACZ,GAAG;EACH,MAAM;EACP,CAAC;KAEF,QAAO;GAGX,OACD,CAAC,EAAE,kBAAkB,IAAI,CAAC"}
+{"version":3,"file":"list.js","names":[],"sources":["../../../../src/components/list/list.tsx"],"sourcesContent":["\"use client\"\n\nimport type { ReactElement } from \"react\"\nimport type {\n  CSSProps,\n  HTMLProps,\n  HTMLStyledProps,\n  ThemeProps,\n} from \"../../core\"\nimport type { ListStyle } from \"./list.style\"\nimport { cloneElement, isValidElement, useMemo } from \"react\"\nimport { createSlotComponent, styled } from \"../../core\"\nimport { listStyle } from \"./list.style\"\n\nexport interface ListItem extends ListItemProps {}\n\nexport interface ListRootProps\n  extends HTMLStyledProps<\"ul\">, Omit<ThemeProps<ListStyle>, \"styleType\"> {\n  /**\n   * If provided, generate elements based on items.\n   */\n  items?: ListItem[]\n  /**\n   * The CSS `list-style-position` property.\n   */\n  stylePosition?: CSSProps[\"listStylePosition\"]\n  /**\n   * The CSS `list-style-position` property.\n   */\n  styleType?: CSSProps[\"listStyleType\"]\n}\n\nconst {\n  PropsContext: ListPropsContext,\n  usePropsContext: useListPropsContext,\n  withContext,\n  withProvider,\n} = createSlotComponent<ListRootProps, ListStyle>(\"list\", listStyle)\n\nexport { ListPropsContext, useListPropsContext }\n\n/**\n * `List` is a component for displaying lists. By default, it renders a `ul` element.\n *\n * @see https://yamada-ui.com/docs/components/list\n */\nexport const ListRoot = withProvider<\"ul\", ListRootProps, \"styleType\">(\n  ({\n    as: asProp,\n    children,\n    items,\n    stylePosition: listStylePosition,\n    styleType: listStyleType = \"none\",\n    ...rest\n  }) => {\n    const as = asProp ?? (listStyleType == \"decimal\" ? \"ol\" : undefined)\n    const computedChildren = useMemo(() => {\n      if (children) return children\n\n      return items?.map((props, index) => <ListItem key={index} {...props} />)\n    }, [children, items])\n\n    return (\n      <styled.ul\n        as={as}\n        listStylePosition={listStylePosition}\n        listStyleType={listStyleType}\n        role=\"list\"\n        {...rest}\n      >\n        {computedChildren}\n      </styled.ul>\n    )\n  },\n  \"root\",\n  { transferProps: [\"styleType\"] },\n)()\n\nexport interface ListItemProps extends HTMLStyledProps<\"li\"> {\n  /**\n   * The icon to use.\n   */\n  icon?: ReactElement<any>\n}\n\nexport const ListItem = withContext<\"li\", ListItemProps>(\n  ({ children, icon, ...rest }) => (\n    <styled.li {...rest}>\n      <ListItemIcon>{icon}</ListItemIcon>\n\n      {children}\n    </styled.li>\n  ),\n  \"item\",\n)()\n\nexport interface ListIconProps extends HTMLStyledProps<\"svg\"> {}\n\nexport const ListItemIcon = withContext<\"svg\", ListIconProps>(\n  ({ children, ...rest }) => {\n    if (isValidElement<HTMLProps<\"svg\">>(children)) {\n      return cloneElement(children, {\n        ...children.props,\n        ...rest,\n        role: \"presentation\",\n      })\n    } else {\n      return null\n    }\n  },\n  \"icon\",\n)({ \"data-list-icon\": \"\" })\n"],"mappings":";;;;;;;AAgCA,MAAM,EACJ,cAAc,kBACd,iBAAiB,qBACjB,aACA,iBACE,oBAA8C,QAAQ,UAAU;;;;;;AASpE,MAAa,WAAW,cACrB,EACC,IAAI,QACJ,UACA,OACA,eAAe,mBACf,WAAW,gBAAgB,QAC3B,GAAG,WACC;CACJ,MAAM,KAAK,WAAW,iBAAiB,YAAY,OAAO,KAAA;CAC1D,MAAM,mBAAmB,cAAc;EACrC,IAAI,UAAU,OAAO;EAErB,OAAO,OAAO,KAAK,OAAO,UAAU,oBAAC,UAAD,EAAsB,GAAI,OAAS,EAApB,MAAoB,CAAC;IACvE,CAAC,UAAU,MAAM,CAAC;CAErB,OACE,oBAAC,OAAO,IAAR;EACM;EACe;EACJ;EACf,MAAK;EACL,GAAI;YAEH;EACS,CAAA;GAGhB,QACA,EAAE,eAAe,CAAC,YAAY,EAAE,CACjC,EAAE;AASH,MAAa,WAAW,aACrB,EAAE,UAAU,MAAM,GAAG,WACpB,qBAAC,OAAO,IAAR;CAAW,GAAI;WAAf,CACE,oBAAC,cAAD,EAAA,UAAe,MAAoB,CAAA,EAElC,SACS;IAEd,OACD,EAAE;AAIH,MAAa,eAAe,aACzB,EAAE,UAAU,GAAG,WAAW;CACzB,IAAI,eAAiC,SAAS,EAC5C,OAAO,aAAa,UAAU;EAC5B,GAAG,SAAS;EACZ,GAAG;EACH,MAAM;EACP,CAAC;MAEF,OAAO;GAGX,OACD,CAAC,EAAE,kBAAkB,IAAI,CAAC"}

package/dist/esm/components/list/list.style.js

@@ -1,6 +1,4 @@
 import { defineComponentSlotStyle } from "../../core/system/config.js";
-import "../../core/index.js";
-
 //#region src/components/list/list.style.ts
 const listStyle = defineComponentSlotStyle({
 	base: {
@@ -34,7 +32,7 @@ const listStyle = defineComponentSlotStyle({
 		square: { root: { ms: "1.4em" } }
 	} }
 });
-
 //#endregion
 export { listStyle };
+
 //# sourceMappingURL=list.style.js.map

package/dist/esm/components/list/list.style.js.map

@@ -1 +1 @@
-{"version":3,"file":"list.style.js","names":[],"sources":["../../../../src/components/list/list.style.ts"],"sourcesContent":["import { defineComponentSlotStyle } from \"../../core\"\n\nexport const listStyle = defineComponentSlotStyle({\n  base: {\n    icon: {\n      display: \"inline-block\",\n      fontSize: \"lg\",\n      me: \"sm\",\n      verticalAlign: \"middle\",\n    },\n    item: {\n      \"&:has([data-list-icon])\": {\n        alignItems: \"center\",\n        display: \"inline-flex\",\n      },\n    },\n    root: {\n      display: \"flex\",\n      flexDirection: \"column\",\n      gap: \"sm\",\n    },\n  },\n\n  props: {\n    styleType: {\n      circle: { root: { ms: \"1.4em\" } },\n      decimal: {\n        item: { ps: \"0.3em\" },\n        root: { ms: \"1.2em\" },\n      },\n      disc: { root: { ms: \"1.4em\" } },\n      \"lower-alpha\": { item: { ps: \"0.2em\" }, root: { ms: \"1.2em\" } },\n      square: { root: { ms: \"1.4em\" } },\n    },\n  },\n})\n\nexport type ListStyle = typeof listStyle\n"],"mappings":";;;;AAEA,MAAa,YAAY,yBAAyB;CAChD,MAAM;EACJ,MAAM;GACJ,SAAS;GACT,UAAU;GACV,IAAI;GACJ,eAAe;GAChB;EACD,MAAM,EACJ,2BAA2B;GACzB,YAAY;GACZ,SAAS;GACV,EACF;EACD,MAAM;GACJ,SAAS;GACT,eAAe;GACf,KAAK;GACN;EACF;CAED,OAAO,EACL,WAAW;EACT,QAAQ,EAAE,MAAM,EAAE,IAAI,SAAS,EAAE;EACjC,SAAS;GACP,MAAM,EAAE,IAAI,SAAS;GACrB,MAAM,EAAE,IAAI,SAAS;GACtB;EACD,MAAM,EAAE,MAAM,EAAE,IAAI,SAAS,EAAE;EAC/B,eAAe;GAAE,MAAM,EAAE,IAAI,SAAS;GAAE,MAAM,EAAE,IAAI,SAAS;GAAE;EAC/D,QAAQ,EAAE,MAAM,EAAE,IAAI,SAAS,EAAE;EAClC,EACF;CACF,CAAC"}
+{"version":3,"file":"list.style.js","names":[],"sources":["../../../../src/components/list/list.style.ts"],"sourcesContent":["import { defineComponentSlotStyle } from \"../../core\"\n\nexport const listStyle = defineComponentSlotStyle({\n  base: {\n    icon: {\n      display: \"inline-block\",\n      fontSize: \"lg\",\n      me: \"sm\",\n      verticalAlign: \"middle\",\n    },\n    item: {\n      \"&:has([data-list-icon])\": {\n        alignItems: \"center\",\n        display: \"inline-flex\",\n      },\n    },\n    root: {\n      display: \"flex\",\n      flexDirection: \"column\",\n      gap: \"sm\",\n    },\n  },\n\n  props: {\n    styleType: {\n      circle: { root: { ms: \"1.4em\" } },\n      decimal: {\n        item: { ps: \"0.3em\" },\n        root: { ms: \"1.2em\" },\n      },\n      disc: { root: { ms: \"1.4em\" } },\n      \"lower-alpha\": { item: { ps: \"0.2em\" }, root: { ms: \"1.2em\" } },\n      square: { root: { ms: \"1.4em\" } },\n    },\n  },\n})\n\nexport type ListStyle = typeof listStyle\n"],"mappings":";;AAEA,MAAa,YAAY,yBAAyB;CAChD,MAAM;EACJ,MAAM;GACJ,SAAS;GACT,UAAU;GACV,IAAI;GACJ,eAAe;GAChB;EACD,MAAM,EACJ,2BAA2B;GACzB,YAAY;GACZ,SAAS;GACV,EACF;EACD,MAAM;GACJ,SAAS;GACT,eAAe;GACf,KAAK;GACN;EACF;CAED,OAAO,EACL,WAAW;EACT,QAAQ,EAAE,MAAM,EAAE,IAAI,SAAS,EAAE;EACjC,SAAS;GACP,MAAM,EAAE,IAAI,SAAS;GACrB,MAAM,EAAE,IAAI,SAAS;GACtB;EACD,MAAM,EAAE,MAAM,EAAE,IAAI,SAAS,EAAE;EAC/B,eAAe;GAAE,MAAM,EAAE,IAAI,SAAS;GAAE,MAAM,EAAE,IAAI,SAAS;GAAE;EAC/D,QAAQ,EAAE,MAAM,EAAE,IAAI,SAAS,EAAE;EAClC,EACF;CACF,CAAC"}

package/dist/esm/components/list/namespace.js

@@ -1,6 +1,5 @@
-import { __exportAll } from "../../_virtual/rolldown_runtime.js";
+import { __exportAll } from "../../_virtual/_rolldown/runtime.js";
 import { ListItem, ListItemIcon, ListPropsContext, ListRoot, useListPropsContext } from "./list.js";
-
 //#region src/components/list/namespace.ts
 var namespace_exports = /* @__PURE__ */ __exportAll({
 	Icon: () => ListItemIcon,
@@ -9,7 +8,7 @@ var namespace_exports = /* @__PURE__ */ __exportAll({
 	Root: () => ListRoot,
 	usePropsContext: () => useListPropsContext
 });
-
 //#endregion
 export { namespace_exports };
+
 //# sourceMappingURL=namespace.js.map

package/dist/esm/components/loading/audio.js

@@ -1,13 +1,9 @@
 "use client";
-
 import { utils_exports } from "../../utils/index.js";
 import { styled } from "../../core/system/factory.js";
-import "../../core/index.js";
 import { Icon } from "../icon/icon.js";
-import "../icon/index.js";
 import { initialProps, superProps, withContext } from "./loading.js";
 import { jsx } from "react/jsx-runtime";
-
 //#region src/components/loading/audio.tsx
 /**
 * `Loading` is a component displayed during waiting times, such as when data is being loaded.
@@ -106,8 +102,8 @@ const Audio = withContext(({ dur = "1.4s", ...rest }) => {
 				}
 			].map(({ factor, values, ...props }, index) => {
 				const length = values.length;
-				const keyframes = values.reduce((acc, value, index$1) => {
-					const percent = `${Math.round(index$1 / (length - 1) * 100)}%`;
+				const keyframes = values.reduce((acc, value, index) => {
+					const percent = `${Math.round(index / (length - 1) * 100)}%`;
 					acc[percent] = { transform: `scaleY(${value / 80})` };
 					return acc;
 				}, {});
@@ -125,7 +121,7 @@ const Audio = withContext(({ dur = "1.4s", ...rest }) => {
 		})
 	});
 })(initialProps, superProps);
-
 //#endregion
 export { Audio };
+
 //# sourceMappingURL=audio.js.map

package/dist/esm/components/loading/audio.js.map

@@ -1 +1 @@
-{"version":3,"file":"audio.js","names":["index"],"sources":["../../../../src/components/loading/audio.tsx"],"sourcesContent":["\"use client\"\n\nimport type { Dict } from \"../../utils\"\nimport type { LoadingProps } from \"./loading\"\nimport { styled } from \"../../core\"\nimport { isString } from \"../../utils\"\nimport { Icon } from \"../icon\"\nimport { initialProps, superProps, withContext } from \"./loading\"\n\nexport interface AudioProps extends LoadingProps {}\n\n/**\n * `Loading` is a component displayed during waiting times, such as when data is being loaded.\n *\n * @see https://yamada-ui.com/docs/components/feedback/loading\n */\nexport const Audio = withContext<\"svg\", AudioProps>(\n  ({ dur = \"1.4s\", ...rest }) => {\n    dur = isString(dur) ? parseFloat(dur) : dur\n\n    return (\n      <Icon fill=\"currentColor\" viewBox=\"0 0 55 80\" {...rest}>\n        <g transform=\"matrix(1 0 0 -1 0 80)\">\n          {[\n            {\n              factor: 3,\n              values: [\n                20, 45, 57, 80, 64, 32, 66, 45, 64, 23, 66, 13, 64, 56, 34, 34,\n                2, 23, 76, 79, 20,\n              ],\n              x: \"0px\",\n            },\n            {\n              factor: 1.4,\n              values: [80, 55, 33, 5, 75, 23, 73, 33, 12, 14, 60, 80],\n              x: \"15px\",\n            },\n            {\n              factor: 1,\n              values: [50, 34, 78, 23, 56, 23, 34, 76, 80, 54, 21, 50],\n              x: \"30px\",\n            },\n            {\n              factor: 1.4,\n              values: [30, 45, 13, 80, 56, 72, 45, 76, 34, 23, 67, 30],\n              x: \"45px\",\n            },\n          ].map(({ factor, values, ...props }, index) => {\n            const length = values.length\n\n            const keyframes = values.reduce<Dict>((acc, value, index) => {\n              const percent = `${Math.round((index / (length - 1)) * 100)}%`\n\n              acc[percent] = { transform: `scaleY(${value / 80})` }\n\n              return acc\n            }, {})\n\n            return (\n              <styled.rect\n                key={index}\n                {...props}\n                animationDuration={`${dur * factor}s`}\n                animationIterationCount=\"infinite\"\n                animationTimingFunction=\"linear\"\n                h=\"80px\"\n                rx=\"3px\"\n                w=\"10px\"\n                _keyframes={keyframes}\n              />\n            )\n          })}\n        </g>\n      </Icon>\n    )\n  },\n)(initialProps, superProps)\n"],"mappings":";;;;;;;;;;;;;;;;AAgBA,MAAa,QAAQ,aAClB,EAAE,MAAM,QAAQ,GAAG,WAAW;AAC7B,mCAAe,IAAI,GAAG,WAAW,IAAI,GAAG;AAExC,QACE,oBAAC;EAAK,MAAK;EAAe,SAAQ;EAAY,GAAI;YAChD,oBAAC;GAAE,WAAU;aACV;IACC;KACE,QAAQ;KACR,QAAQ;MACN;MAAI;MAAI;MAAI;MAAI;MAAI;MAAI;MAAI;MAAI;MAAI;MAAI;MAAI;MAAI;MAAI;MAAI;MAAI;MAC5D;MAAG;MAAI;MAAI;MAAI;MAChB;KACD,GAAG;KACJ;IACD;KACE,QAAQ;KACR,QAAQ;MAAC;MAAI;MAAI;MAAI;MAAG;MAAI;MAAI;MAAI;MAAI;MAAI;MAAI;MAAI;MAAG;KACvD,GAAG;KACJ;IACD;KACE,QAAQ;KACR,QAAQ;MAAC;MAAI;MAAI;MAAI;MAAI;MAAI;MAAI;MAAI;MAAI;MAAI;MAAI;MAAI;MAAG;KACxD,GAAG;KACJ;IACD;KACE,QAAQ;KACR,QAAQ;MAAC;MAAI;MAAI;MAAI;MAAI;MAAI;MAAI;MAAI;MAAI;MAAI;MAAI;MAAI;MAAG;KACxD,GAAG;KACJ;IACF,CAAC,KAAK,EAAE,QAAQ,QAAQ,GAAG,SAAS,UAAU;IAC7C,MAAM,SAAS,OAAO;IAEtB,MAAM,YAAY,OAAO,QAAc,KAAK,OAAO,YAAU;KAC3D,MAAM,UAAU,GAAG,KAAK,MAAOA,WAAS,SAAS,KAAM,IAAI,CAAC;AAE5D,SAAI,WAAW,EAAE,WAAW,UAAU,QAAQ,GAAG,IAAI;AAErD,YAAO;OACN,EAAE,CAAC;AAEN,WACE,oBAAC,OAAO;KAEN,GAAI;KACJ,mBAAmB,GAAG,MAAM,OAAO;KACnC,yBAAwB;KACxB,yBAAwB;KACxB,GAAE;KACF,IAAG;KACH,GAAE;KACF,YAAY;OARP,MASL;KAEJ;IACA;GACC;EAGZ,CAAC,cAAc,WAAW"}
+{"version":3,"file":"audio.js","names":[],"sources":["../../../../src/components/loading/audio.tsx"],"sourcesContent":["\"use client\"\n\nimport type { Dict } from \"../../utils\"\nimport type { LoadingProps } from \"./loading\"\nimport { styled } from \"../../core\"\nimport { isString } from \"../../utils\"\nimport { Icon } from \"../icon\"\nimport { initialProps, superProps, withContext } from \"./loading\"\n\nexport interface AudioProps extends LoadingProps {}\n\n/**\n * `Loading` is a component displayed during waiting times, such as when data is being loaded.\n *\n * @see https://yamada-ui.com/docs/components/feedback/loading\n */\nexport const Audio = withContext<\"svg\", AudioProps>(\n  ({ dur = \"1.4s\", ...rest }) => {\n    dur = isString(dur) ? parseFloat(dur) : dur\n\n    return (\n      <Icon fill=\"currentColor\" viewBox=\"0 0 55 80\" {...rest}>\n        <g transform=\"matrix(1 0 0 -1 0 80)\">\n          {[\n            {\n              factor: 3,\n              values: [\n                20, 45, 57, 80, 64, 32, 66, 45, 64, 23, 66, 13, 64, 56, 34, 34,\n                2, 23, 76, 79, 20,\n              ],\n              x: \"0px\",\n            },\n            {\n              factor: 1.4,\n              values: [80, 55, 33, 5, 75, 23, 73, 33, 12, 14, 60, 80],\n              x: \"15px\",\n            },\n            {\n              factor: 1,\n              values: [50, 34, 78, 23, 56, 23, 34, 76, 80, 54, 21, 50],\n              x: \"30px\",\n            },\n            {\n              factor: 1.4,\n              values: [30, 45, 13, 80, 56, 72, 45, 76, 34, 23, 67, 30],\n              x: \"45px\",\n            },\n          ].map(({ factor, values, ...props }, index) => {\n            const length = values.length\n\n            const keyframes = values.reduce<Dict>((acc, value, index) => {\n              const percent = `${Math.round((index / (length - 1)) * 100)}%`\n\n              acc[percent] = { transform: `scaleY(${value / 80})` }\n\n              return acc\n            }, {})\n\n            return (\n              <styled.rect\n                key={index}\n                {...props}\n                animationDuration={`${dur * factor}s`}\n                animationIterationCount=\"infinite\"\n                animationTimingFunction=\"linear\"\n                h=\"80px\"\n                rx=\"3px\"\n                w=\"10px\"\n                _keyframes={keyframes}\n              />\n            )\n          })}\n        </g>\n      </Icon>\n    )\n  },\n)(initialProps, superProps)\n"],"mappings":";;;;;;;;;;;;AAgBA,MAAa,QAAQ,aAClB,EAAE,MAAM,QAAQ,GAAG,WAAW;CAC7B,OAAA,GAAA,cAAA,UAAe,IAAI,GAAG,WAAW,IAAI,GAAG;CAExC,OACE,oBAAC,MAAD;EAAM,MAAK;EAAe,SAAQ;EAAY,GAAI;YAChD,oBAAC,KAAD;GAAG,WAAU;aACV;IACC;KACE,QAAQ;KACR,QAAQ;MACN;MAAI;MAAI;MAAI;MAAI;MAAI;MAAI;MAAI;MAAI;MAAI;MAAI;MAAI;MAAI;MAAI;MAAI;MAAI;MAC5D;MAAG;MAAI;MAAI;MAAI;MAChB;KACD,GAAG;KACJ;IACD;KACE,QAAQ;KACR,QAAQ;MAAC;MAAI;MAAI;MAAI;MAAG;MAAI;MAAI;MAAI;MAAI;MAAI;MAAI;MAAI;MAAG;KACvD,GAAG;KACJ;IACD;KACE,QAAQ;KACR,QAAQ;MAAC;MAAI;MAAI;MAAI;MAAI;MAAI;MAAI;MAAI;MAAI;MAAI;MAAI;MAAI;MAAG;KACxD,GAAG;KACJ;IACD;KACE,QAAQ;KACR,QAAQ;MAAC;MAAI;MAAI;MAAI;MAAI;MAAI;MAAI;MAAI;MAAI;MAAI;MAAI;MAAI;MAAG;KACxD,GAAG;KACJ;IACF,CAAC,KAAK,EAAE,QAAQ,QAAQ,GAAG,SAAS,UAAU;IAC7C,MAAM,SAAS,OAAO;IAEtB,MAAM,YAAY,OAAO,QAAc,KAAK,OAAO,UAAU;KAC3D,MAAM,UAAU,GAAG,KAAK,MAAO,SAAS,SAAS,KAAM,IAAI,CAAC;KAE5D,IAAI,WAAW,EAAE,WAAW,UAAU,QAAQ,GAAG,IAAI;KAErD,OAAO;OACN,EAAE,CAAC;IAEN,OACE,oBAAC,OAAO,MAAR;KAEE,GAAI;KACJ,mBAAmB,GAAG,MAAM,OAAO;KACnC,yBAAwB;KACxB,yBAAwB;KACxB,GAAE;KACF,IAAG;KACH,GAAE;KACF,YAAY;KACZ,EATK,MASL;KAEJ;GACA,CAAA;EACC,CAAA;EAGZ,CAAC,cAAc,WAAW"}

package/dist/esm/components/loading/background.js

@@ -1,14 +1,10 @@
 import { isValidElement as isValidElement$1 } from "../../utils/children.js";
-import "../../utils/index.js";
 import { motion } from "../motion/factory.js";
-import "../motion/index.js";
 import { useTimeout } from "../../hooks/use-timeout/index.js";
 import { Text } from "../text/text.js";
-import "../text/index.js";
 import { useLoadingComponent } from "./use-loading-component.js";
 import { memo } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-
 //#region src/components/loading/background.tsx
 const variants = {
 	animate: {
@@ -72,7 +68,7 @@ const Background = memo(({ duration, initial, loadingScheme, message, onFinish }
 	});
 });
 Background.displayName = "Background";
-
 //#endregion
 export { Background };
+
 //# sourceMappingURL=background.js.map

package/dist/esm/components/loading/background.js.map

@@ -1 +1 @@
-{"version":3,"file":"background.js","names":["variants: Variants","Background: FC<BackgroundProps>","isValidElement"],"sources":["../../../../src/components/loading/background.tsx"],"sourcesContent":["import type { Variants } from \"motion/react\"\nimport type { FC } from \"react\"\nimport type { LoadingSharedProps } from \"./loading-provider\"\nimport { memo } from \"react\"\nimport { useTimeout } from \"../../hooks/use-timeout\"\nimport { isValidElement } from \"../../utils\"\nimport { motion } from \"../motion\"\nimport { Text } from \"../text\"\nimport { useLoadingComponent } from \"./use-loading-component\"\n\nconst variants: Variants = {\n  animate: {\n    opacity: 1,\n    scale: 1,\n    transition: {\n      duration: 0.4,\n      ease: [0.4, 0, 0.2, 1],\n    },\n  },\n  exit: {\n    opacity: 0,\n    scale: 0.95,\n    transition: {\n      duration: 0.4,\n      ease: [0.4, 0, 1, 1],\n    },\n  },\n  initial: {\n    opacity: 0,\n    scale: 0.95,\n  },\n}\n\nexport interface BackgroundProps extends LoadingSharedProps {}\n\nexport const Background: FC<BackgroundProps> = memo(\n  ({ duration, initial, loadingScheme, message, onFinish }) => {\n    const Component = useLoadingComponent(loadingScheme)\n\n    useTimeout(onFinish, duration)\n\n    return (\n      <motion.div\n        data-loading\n        alignItems=\"center\"\n        animate=\"animate\"\n        bg=\"bg.panel\"\n        bottom=\"md\"\n        boxShadow=\"lg\"\n        display=\"flex\"\n        exit=\"exit\"\n        gap=\"sm\"\n        initial={initial}\n        justifyContent=\"center\"\n        maxW=\"20rem\"\n        p=\"sm\"\n        position=\"fixed\"\n        right=\"md\"\n        rounded=\"l2\"\n        variants={variants}\n        zIndex=\"beerus\"\n      >\n        <Component fontSize=\"xl\" />\n\n        {message ? (\n          isValidElement(message) ? (\n            message\n          ) : (\n            <Text fontSize=\"sm\" lineClamp={1}>\n              {message}\n            </Text>\n          )\n        ) : null}\n      </motion.div>\n    )\n  },\n)\n\nBackground.displayName = \"Background\"\n"],"mappings":";;;;;;;;;;;;AAUA,MAAMA,WAAqB;CACzB,SAAS;EACP,SAAS;EACT,OAAO;EACP,YAAY;GACV,UAAU;GACV,MAAM;IAAC;IAAK;IAAG;IAAK;IAAE;GACvB;EACF;CACD,MAAM;EACJ,SAAS;EACT,OAAO;EACP,YAAY;GACV,UAAU;GACV,MAAM;IAAC;IAAK;IAAG;IAAG;IAAE;GACrB;EACF;CACD,SAAS;EACP,SAAS;EACT,OAAO;EACR;CACF;AAID,MAAaC,aAAkC,MAC5C,EAAE,UAAU,SAAS,eAAe,SAAS,eAAe;CAC3D,MAAM,YAAY,oBAAoB,cAAc;AAEpD,YAAW,UAAU,SAAS;AAE9B,QACE,qBAAC,OAAO;EACN;EACA,YAAW;EACX,SAAQ;EACR,IAAG;EACH,QAAO;EACP,WAAU;EACV,SAAQ;EACR,MAAK;EACL,KAAI;EACK;EACT,gBAAe;EACf,MAAK;EACL,GAAE;EACF,UAAS;EACT,OAAM;EACN,SAAQ;EACE;EACV,QAAO;aAEP,oBAAC,aAAU,UAAS,OAAO,EAE1B,UACCC,iBAAe,QAAQ,GACrB,UAEA,oBAAC;GAAK,UAAS;GAAK,WAAW;aAC5B;IACI,GAEP;GACO;EAGlB;AAED,WAAW,cAAc"}
+{"version":3,"file":"background.js","names":["isValidElement"],"sources":["../../../../src/components/loading/background.tsx"],"sourcesContent":["import type { Variants } from \"motion/react\"\nimport type { FC } from \"react\"\nimport type { LoadingSharedProps } from \"./loading-provider\"\nimport { memo } from \"react\"\nimport { useTimeout } from \"../../hooks/use-timeout\"\nimport { isValidElement } from \"../../utils\"\nimport { motion } from \"../motion\"\nimport { Text } from \"../text\"\nimport { useLoadingComponent } from \"./use-loading-component\"\n\nconst variants: Variants = {\n  animate: {\n    opacity: 1,\n    scale: 1,\n    transition: {\n      duration: 0.4,\n      ease: [0.4, 0, 0.2, 1],\n    },\n  },\n  exit: {\n    opacity: 0,\n    scale: 0.95,\n    transition: {\n      duration: 0.4,\n      ease: [0.4, 0, 1, 1],\n    },\n  },\n  initial: {\n    opacity: 0,\n    scale: 0.95,\n  },\n}\n\nexport interface BackgroundProps extends LoadingSharedProps {}\n\nexport const Background: FC<BackgroundProps> = memo(\n  ({ duration, initial, loadingScheme, message, onFinish }) => {\n    const Component = useLoadingComponent(loadingScheme)\n\n    useTimeout(onFinish, duration)\n\n    return (\n      <motion.div\n        data-loading\n        alignItems=\"center\"\n        animate=\"animate\"\n        bg=\"bg.panel\"\n        bottom=\"md\"\n        boxShadow=\"lg\"\n        display=\"flex\"\n        exit=\"exit\"\n        gap=\"sm\"\n        initial={initial}\n        justifyContent=\"center\"\n        maxW=\"20rem\"\n        p=\"sm\"\n        position=\"fixed\"\n        right=\"md\"\n        rounded=\"l2\"\n        variants={variants}\n        zIndex=\"beerus\"\n      >\n        <Component fontSize=\"xl\" />\n\n        {message ? (\n          isValidElement(message) ? (\n            message\n          ) : (\n            <Text fontSize=\"sm\" lineClamp={1}>\n              {message}\n            </Text>\n          )\n        ) : null}\n      </motion.div>\n    )\n  },\n)\n\nBackground.displayName = \"Background\"\n"],"mappings":";;;;;;;;AAUA,MAAM,WAAqB;CACzB,SAAS;EACP,SAAS;EACT,OAAO;EACP,YAAY;GACV,UAAU;GACV,MAAM;IAAC;IAAK;IAAG;IAAK;IAAE;GACvB;EACF;CACD,MAAM;EACJ,SAAS;EACT,OAAO;EACP,YAAY;GACV,UAAU;GACV,MAAM;IAAC;IAAK;IAAG;IAAG;IAAE;GACrB;EACF;CACD,SAAS;EACP,SAAS;EACT,OAAO;EACR;CACF;AAID,MAAa,aAAkC,MAC5C,EAAE,UAAU,SAAS,eAAe,SAAS,eAAe;CAC3D,MAAM,YAAY,oBAAoB,cAAc;CAEpD,WAAW,UAAU,SAAS;CAE9B,OACE,qBAAC,OAAO,KAAR;EACE,gBAAA;EACA,YAAW;EACX,SAAQ;EACR,IAAG;EACH,QAAO;EACP,WAAU;EACV,SAAQ;EACR,MAAK;EACL,KAAI;EACK;EACT,gBAAe;EACf,MAAK;EACL,GAAE;EACF,UAAS;EACT,OAAM;EACN,SAAQ;EACE;EACV,QAAO;YAlBT,CAoBE,oBAAC,WAAD,EAAW,UAAS,MAAO,CAAA,EAE1B,UACCA,iBAAe,QAAQ,GACrB,UAEA,oBAAC,MAAD;GAAM,UAAS;GAAK,WAAW;aAC5B;GACI,CAAA,GAEP,KACO;;EAGlB;AAED,WAAW,cAAc"}

package/dist/esm/components/loading/circles.js

@@ -1,13 +1,9 @@
 "use client";
-
 import { utils_exports } from "../../utils/index.js";
 import { styled } from "../../core/system/factory.js";
-import "../../core/index.js";
 import { Icon } from "../icon/icon.js";
-import "../icon/index.js";
 import { initialProps, superProps, withContext } from "./loading.js";
 import { jsx } from "react/jsx-runtime";
-
 //#region src/components/loading/circles.tsx
 /**
 * `Loading` is a component displayed during waiting times, such as when data is being loaded.
@@ -84,7 +80,7 @@ const Circles = withContext(({ dur = "3s", ...rest }) => {
 		})
 	});
 })(initialProps, superProps);
-
 //#endregion
 export { Circles };
+
 //# sourceMappingURL=circles.js.map

package/dist/esm/components/loading/circles.js.map

@@ -1 +1 @@
-{"version":3,"file":"circles.js","names":[],"sources":["../../../../src/components/loading/circles.tsx"],"sourcesContent":["\"use client\"\n\nimport type { LoadingProps } from \"./loading\"\nimport { styled } from \"../../core\"\nimport { isString } from \"../../utils\"\nimport { Icon } from \"../icon\"\nimport { initialProps, superProps, withContext } from \"./loading\"\n\nexport interface CirclesProps extends LoadingProps {}\n\n/**\n * `Loading` is a component displayed during waiting times, such as when data is being loaded.\n *\n * @see https://yamada-ui.com/docs/components/feedback/loading\n */\nexport const Circles = withContext<\"svg\", CirclesProps>(\n  ({ dur = \"3s\", ...rest }) => {\n    dur = isString(dur) ? parseFloat(dur) : dur\n\n    return (\n      <Icon stroke=\"currentColor\" viewBox=\"0 0 58 58\" {...rest}>\n        <g fill=\"none\" fillRule=\"evenodd\">\n          <g stroke=\"currentColor\" strokeWidth=\"1.5\" transform=\"translate(2 1)\">\n            {[\n              { cx: \"42.601px\", cy: \"11.462px\" },\n              { animationDelay: \"0.375s\", cx: \"49.063px\", cy: \"27.063px\" },\n              { animationDelay: \"0.75s\", cx: \"42.601px\", cy: \"42.663px\" },\n              { animationDelay: \"1.125s\", cx: \"27px\", cy: \"49.125px\" },\n              { animationDelay: \"1.5s\", cx: \"11.399px\", cy: \"42.663px\" },\n              { animationDelay: \"1.875s\", cx: \"4.938px\", cy: \"27.063px\" },\n              { animationDelay: \"2.25s\", cx: \"11.399px\", cy: \"11.462px\" },\n              { animationDelay: \"2.625s\", cx: \"27px\", cy: \"5px\" },\n            ].map((props, index) => (\n              <styled.circle\n                key={index}\n                {...props}\n                animationDuration={`${dur}s`}\n                animationIterationCount=\"infinite\"\n                animationTimingFunction=\"linear\"\n                fill=\"currentColor\"\n                fillOpacity={!index ? \"1\" : \"0\"}\n                r=\"5px\"\n                _keyframes={{\n                  \"0%, 25%, 100%\": { fillOpacity: 0 },\n                  \"12.5%\": { fillOpacity: 1 },\n                }}\n              />\n            ))}\n          </g>\n        </g>\n      </Icon>\n    )\n  },\n)(initialProps, superProps)\n"],"mappings":";;;;;;;;;;;;;;;;AAeA,MAAa,UAAU,aACpB,EAAE,MAAM,MAAM,GAAG,WAAW;AAC3B,mCAAe,IAAI,GAAG,WAAW,IAAI,GAAG;AAExC,QACE,oBAAC;EAAK,QAAO;EAAe,SAAQ;EAAY,GAAI;YAClD,oBAAC;GAAE,MAAK;GAAO,UAAS;aACtB,oBAAC;IAAE,QAAO;IAAe,aAAY;IAAM,WAAU;cAClD;KACC;MAAE,IAAI;MAAY,IAAI;MAAY;KAClC;MAAE,gBAAgB;MAAU,IAAI;MAAY,IAAI;MAAY;KAC5D;MAAE,gBAAgB;MAAS,IAAI;MAAY,IAAI;MAAY;KAC3D;MAAE,gBAAgB;MAAU,IAAI;MAAQ,IAAI;MAAY;KACxD;MAAE,gBAAgB;MAAQ,IAAI;MAAY,IAAI;MAAY;KAC1D;MAAE,gBAAgB;MAAU,IAAI;MAAW,IAAI;MAAY;KAC3D;MAAE,gBAAgB;MAAS,IAAI;MAAY,IAAI;MAAY;KAC3D;MAAE,gBAAgB;MAAU,IAAI;MAAQ,IAAI;MAAO;KACpD,CAAC,KAAK,OAAO,UACZ,oBAAC,OAAO;KAEN,GAAI;KACJ,mBAAmB,GAAG,IAAI;KAC1B,yBAAwB;KACxB,yBAAwB;KACxB,MAAK;KACL,aAAa,CAAC,QAAQ,MAAM;KAC5B,GAAE;KACF,YAAY;MACV,iBAAiB,EAAE,aAAa,GAAG;MACnC,SAAS,EAAE,aAAa,GAAG;MAC5B;OAXI,MAYL,CACF;KACA;IACF;GACC;EAGZ,CAAC,cAAc,WAAW"}
+{"version":3,"file":"circles.js","names":[],"sources":["../../../../src/components/loading/circles.tsx"],"sourcesContent":["\"use client\"\n\nimport type { LoadingProps } from \"./loading\"\nimport { styled } from \"../../core\"\nimport { isString } from \"../../utils\"\nimport { Icon } from \"../icon\"\nimport { initialProps, superProps, withContext } from \"./loading\"\n\nexport interface CirclesProps extends LoadingProps {}\n\n/**\n * `Loading` is a component displayed during waiting times, such as when data is being loaded.\n *\n * @see https://yamada-ui.com/docs/components/feedback/loading\n */\nexport const Circles = withContext<\"svg\", CirclesProps>(\n  ({ dur = \"3s\", ...rest }) => {\n    dur = isString(dur) ? parseFloat(dur) : dur\n\n    return (\n      <Icon stroke=\"currentColor\" viewBox=\"0 0 58 58\" {...rest}>\n        <g fill=\"none\" fillRule=\"evenodd\">\n          <g stroke=\"currentColor\" strokeWidth=\"1.5\" transform=\"translate(2 1)\">\n            {[\n              { cx: \"42.601px\", cy: \"11.462px\" },\n              { animationDelay: \"0.375s\", cx: \"49.063px\", cy: \"27.063px\" },\n              { animationDelay: \"0.75s\", cx: \"42.601px\", cy: \"42.663px\" },\n              { animationDelay: \"1.125s\", cx: \"27px\", cy: \"49.125px\" },\n              { animationDelay: \"1.5s\", cx: \"11.399px\", cy: \"42.663px\" },\n              { animationDelay: \"1.875s\", cx: \"4.938px\", cy: \"27.063px\" },\n              { animationDelay: \"2.25s\", cx: \"11.399px\", cy: \"11.462px\" },\n              { animationDelay: \"2.625s\", cx: \"27px\", cy: \"5px\" },\n            ].map((props, index) => (\n              <styled.circle\n                key={index}\n                {...props}\n                animationDuration={`${dur}s`}\n                animationIterationCount=\"infinite\"\n                animationTimingFunction=\"linear\"\n                fill=\"currentColor\"\n                fillOpacity={!index ? \"1\" : \"0\"}\n                r=\"5px\"\n                _keyframes={{\n                  \"0%, 25%, 100%\": { fillOpacity: 0 },\n                  \"12.5%\": { fillOpacity: 1 },\n                }}\n              />\n            ))}\n          </g>\n        </g>\n      </Icon>\n    )\n  },\n)(initialProps, superProps)\n"],"mappings":";;;;;;;;;;;;AAeA,MAAa,UAAU,aACpB,EAAE,MAAM,MAAM,GAAG,WAAW;CAC3B,OAAA,GAAA,cAAA,UAAe,IAAI,GAAG,WAAW,IAAI,GAAG;CAExC,OACE,oBAAC,MAAD;EAAM,QAAO;EAAe,SAAQ;EAAY,GAAI;YAClD,oBAAC,KAAD;GAAG,MAAK;GAAO,UAAS;aACtB,oBAAC,KAAD;IAAG,QAAO;IAAe,aAAY;IAAM,WAAU;cAClD;KACC;MAAE,IAAI;MAAY,IAAI;MAAY;KAClC;MAAE,gBAAgB;MAAU,IAAI;MAAY,IAAI;MAAY;KAC5D;MAAE,gBAAgB;MAAS,IAAI;MAAY,IAAI;MAAY;KAC3D;MAAE,gBAAgB;MAAU,IAAI;MAAQ,IAAI;MAAY;KACxD;MAAE,gBAAgB;MAAQ,IAAI;MAAY,IAAI;MAAY;KAC1D;MAAE,gBAAgB;MAAU,IAAI;MAAW,IAAI;MAAY;KAC3D;MAAE,gBAAgB;MAAS,IAAI;MAAY,IAAI;MAAY;KAC3D;MAAE,gBAAgB;MAAU,IAAI;MAAQ,IAAI;MAAO;KACpD,CAAC,KAAK,OAAO,UACZ,oBAAC,OAAO,QAAR;KAEE,GAAI;KACJ,mBAAmB,GAAG,IAAI;KAC1B,yBAAwB;KACxB,yBAAwB;KACxB,MAAK;KACL,aAAa,CAAC,QAAQ,MAAM;KAC5B,GAAE;KACF,YAAY;MACV,iBAAiB,EAAE,aAAa,GAAG;MACnC,SAAS,EAAE,aAAa,GAAG;MAC5B;KACD,EAZK,MAYL,CACF;IACA,CAAA;GACF,CAAA;EACC,CAAA;EAGZ,CAAC,cAAc,WAAW"}

package/dist/esm/components/loading/dots.js

@@ -1,13 +1,9 @@
 "use client";
-
 import { utils_exports } from "../../utils/index.js";
 import { styled } from "../../core/system/factory.js";
-import "../../core/index.js";
 import { Icon } from "../icon/icon.js";
-import "../icon/index.js";
 import { initialProps, superProps, withContext } from "./loading.js";
 import { jsx, jsxs } from "react/jsx-runtime";
-
 //#region src/components/loading/dots.tsx
 /**
 * `Loading` is a component displayed during waiting times, such as when data is being loaded.
@@ -85,7 +81,7 @@ const Dots = withContext(({ dur = "1s", ...rest }) => {
 		]
 	});
 })(initialProps, superProps);
-
 //#endregion
 export { Dots };
+
 //# sourceMappingURL=dots.js.map

package/dist/esm/components/loading/dots.js.map

@@ -1 +1 @@
-{"version":3,"file":"dots.js","names":[],"sources":["../../../../src/components/loading/dots.tsx"],"sourcesContent":["\"use client\"\n\nimport type { LoadingProps } from \"./loading\"\nimport { styled } from \"../../core\"\nimport { isString } from \"../../utils\"\nimport { Icon } from \"../icon\"\nimport { initialProps, superProps, withContext } from \"./loading\"\n\nexport interface DotsProps extends LoadingProps {}\n\n/**\n * `Loading` is a component displayed during waiting times, such as when data is being loaded.\n *\n * @see https://yamada-ui.com/docs/components/feedback/loading\n */\nexport const Dots = withContext<\"svg\", DotsProps>(({ dur = \"1s\", ...rest }) => {\n  dur = isString(dur) ? parseFloat(dur) : dur\n\n  return (\n    <Icon fill=\"currentColor\" viewBox=\"0 0 120 30\" {...rest}>\n      <styled.circle\n        animationDuration={`${dur}s`}\n        animationIterationCount=\"infinite\"\n        animationTimingFunction=\"linear\"\n        cx=\"15px\"\n        cy=\"15px\"\n        r=\"15px\"\n        transformBox=\"fill-box\"\n        transformOrigin=\"center\"\n        _keyframes={{\n          \"0%, 100%\": { opacity: \"1\", transform: \"scale(1)\" },\n          \"50%\": { opacity: \"0.5\", transform: `scale(calc(9 / 15))` },\n        }}\n      />\n      <styled.circle\n        animationDuration={`${dur}s`}\n        animationIterationCount=\"infinite\"\n        animationTimingFunction=\"linear\"\n        cx=\"60px\"\n        cy=\"15px\"\n        fillOpacity=\"1\"\n        r=\"9px\"\n        transformBox=\"fill-box\"\n        transformOrigin=\"center\"\n        _keyframes={{\n          \"0%, 100%\": { opacity: \"0.5\", transform: \"scale(1)\" },\n          \"50%\": { opacity: \"1\", transform: `scale(calc(15 / 9))` },\n        }}\n      />\n      <styled.circle\n        animationDuration={`${dur}s`}\n        animationIterationCount=\"infinite\"\n        animationTimingFunction=\"linear\"\n        cx=\"105px\"\n        cy=\"15px\"\n        r=\"15px\"\n        transformBox=\"fill-box\"\n        transformOrigin=\"center\"\n        _keyframes={{\n          \"0%, 100%\": { opacity: \"1\", transform: \"scale(1)\" },\n          \"50%\": { opacity: \"0.5\", transform: `scale(calc(9 / 15))` },\n        }}\n      />\n    </Icon>\n  )\n})(initialProps, superProps)\n"],"mappings":";;;;;;;;;;;;;;;;AAeA,MAAa,OAAO,aAA+B,EAAE,MAAM,MAAM,GAAG,WAAW;AAC7E,mCAAe,IAAI,GAAG,WAAW,IAAI,GAAG;AAExC,QACE,qBAAC;EAAK,MAAK;EAAe,SAAQ;EAAa,GAAI;;GACjD,oBAAC,OAAO;IACN,mBAAmB,GAAG,IAAI;IAC1B,yBAAwB;IACxB,yBAAwB;IACxB,IAAG;IACH,IAAG;IACH,GAAE;IACF,cAAa;IACb,iBAAgB;IAChB,YAAY;KACV,YAAY;MAAE,SAAS;MAAK,WAAW;MAAY;KACnD,OAAO;MAAE,SAAS;MAAO,WAAW;MAAuB;KAC5D;KACD;GACF,oBAAC,OAAO;IACN,mBAAmB,GAAG,IAAI;IAC1B,yBAAwB;IACxB,yBAAwB;IACxB,IAAG;IACH,IAAG;IACH,aAAY;IACZ,GAAE;IACF,cAAa;IACb,iBAAgB;IAChB,YAAY;KACV,YAAY;MAAE,SAAS;MAAO,WAAW;MAAY;KACrD,OAAO;MAAE,SAAS;MAAK,WAAW;MAAuB;KAC1D;KACD;GACF,oBAAC,OAAO;IACN,mBAAmB,GAAG,IAAI;IAC1B,yBAAwB;IACxB,yBAAwB;IACxB,IAAG;IACH,IAAG;IACH,GAAE;IACF,cAAa;IACb,iBAAgB;IAChB,YAAY;KACV,YAAY;MAAE,SAAS;MAAK,WAAW;MAAY;KACnD,OAAO;MAAE,SAAS;MAAO,WAAW;MAAuB;KAC5D;KACD;;GACG;EAET,CAAC,cAAc,WAAW"}
+{"version":3,"file":"dots.js","names":[],"sources":["../../../../src/components/loading/dots.tsx"],"sourcesContent":["\"use client\"\n\nimport type { LoadingProps } from \"./loading\"\nimport { styled } from \"../../core\"\nimport { isString } from \"../../utils\"\nimport { Icon } from \"../icon\"\nimport { initialProps, superProps, withContext } from \"./loading\"\n\nexport interface DotsProps extends LoadingProps {}\n\n/**\n * `Loading` is a component displayed during waiting times, such as when data is being loaded.\n *\n * @see https://yamada-ui.com/docs/components/feedback/loading\n */\nexport const Dots = withContext<\"svg\", DotsProps>(({ dur = \"1s\", ...rest }) => {\n  dur = isString(dur) ? parseFloat(dur) : dur\n\n  return (\n    <Icon fill=\"currentColor\" viewBox=\"0 0 120 30\" {...rest}>\n      <styled.circle\n        animationDuration={`${dur}s`}\n        animationIterationCount=\"infinite\"\n        animationTimingFunction=\"linear\"\n        cx=\"15px\"\n        cy=\"15px\"\n        r=\"15px\"\n        transformBox=\"fill-box\"\n        transformOrigin=\"center\"\n        _keyframes={{\n          \"0%, 100%\": { opacity: \"1\", transform: \"scale(1)\" },\n          \"50%\": { opacity: \"0.5\", transform: `scale(calc(9 / 15))` },\n        }}\n      />\n      <styled.circle\n        animationDuration={`${dur}s`}\n        animationIterationCount=\"infinite\"\n        animationTimingFunction=\"linear\"\n        cx=\"60px\"\n        cy=\"15px\"\n        fillOpacity=\"1\"\n        r=\"9px\"\n        transformBox=\"fill-box\"\n        transformOrigin=\"center\"\n        _keyframes={{\n          \"0%, 100%\": { opacity: \"0.5\", transform: \"scale(1)\" },\n          \"50%\": { opacity: \"1\", transform: `scale(calc(15 / 9))` },\n        }}\n      />\n      <styled.circle\n        animationDuration={`${dur}s`}\n        animationIterationCount=\"infinite\"\n        animationTimingFunction=\"linear\"\n        cx=\"105px\"\n        cy=\"15px\"\n        r=\"15px\"\n        transformBox=\"fill-box\"\n        transformOrigin=\"center\"\n        _keyframes={{\n          \"0%, 100%\": { opacity: \"1\", transform: \"scale(1)\" },\n          \"50%\": { opacity: \"0.5\", transform: `scale(calc(9 / 15))` },\n        }}\n      />\n    </Icon>\n  )\n})(initialProps, superProps)\n"],"mappings":";;;;;;;;;;;;AAeA,MAAa,OAAO,aAA+B,EAAE,MAAM,MAAM,GAAG,WAAW;CAC7E,OAAA,GAAA,cAAA,UAAe,IAAI,GAAG,WAAW,IAAI,GAAG;CAExC,OACE,qBAAC,MAAD;EAAM,MAAK;EAAe,SAAQ;EAAa,GAAI;YAAnD;GACE,oBAAC,OAAO,QAAR;IACE,mBAAmB,GAAG,IAAI;IAC1B,yBAAwB;IACxB,yBAAwB;IACxB,IAAG;IACH,IAAG;IACH,GAAE;IACF,cAAa;IACb,iBAAgB;IAChB,YAAY;KACV,YAAY;MAAE,SAAS;MAAK,WAAW;MAAY;KACnD,OAAO;MAAE,SAAS;MAAO,WAAW;MAAuB;KAC5D;IACD,CAAA;GACF,oBAAC,OAAO,QAAR;IACE,mBAAmB,GAAG,IAAI;IAC1B,yBAAwB;IACxB,yBAAwB;IACxB,IAAG;IACH,IAAG;IACH,aAAY;IACZ,GAAE;IACF,cAAa;IACb,iBAAgB;IAChB,YAAY;KACV,YAAY;MAAE,SAAS;MAAO,WAAW;MAAY;KACrD,OAAO;MAAE,SAAS;MAAK,WAAW;MAAuB;KAC1D;IACD,CAAA;GACF,oBAAC,OAAO,QAAR;IACE,mBAAmB,GAAG,IAAI;IAC1B,yBAAwB;IACxB,yBAAwB;IACxB,IAAG;IACH,IAAG;IACH,GAAE;IACF,cAAa;IACb,iBAAgB;IAChB,YAAY;KACV,YAAY;MAAE,SAAS;MAAK,WAAW;MAAY;KACnD,OAAO;MAAE,SAAS;MAAO,WAAW;MAAuB;KAC5D;IACD,CAAA;GACG;;EAET,CAAC,cAAc,WAAW"}

package/dist/esm/components/loading/grid.js

@@ -1,13 +1,9 @@
 "use client";
-
 import { utils_exports } from "../../utils/index.js";
 import { styled } from "../../core/system/factory.js";
-import "../../core/index.js";
 import { Icon } from "../icon/icon.js";
-import "../icon/index.js";
 import { initialProps, superProps, withContext } from "./loading.js";
 import { jsx } from "react/jsx-runtime";
-
 //#region src/components/loading/grid.tsx
 /**
 * `Loading` is a component displayed during waiting times, such as when data is being loaded.
@@ -78,7 +74,7 @@ const Grid = withContext(({ dur = "1s", ...rest }) => {
 		}, index))
 	});
 })(initialProps, superProps);
-
 //#endregion
 export { Grid };
+
 //# sourceMappingURL=grid.js.map

package/dist/esm/components/loading/grid.js.map

@@ -1 +1 @@
-{"version":3,"file":"grid.js","names":[],"sources":["../../../../src/components/loading/grid.tsx"],"sourcesContent":["\"use client\"\n\nimport type { LoadingProps } from \"./loading\"\nimport { styled } from \"../../core\"\nimport { isString } from \"../../utils\"\nimport { Icon } from \"../icon\"\nimport { initialProps, superProps, withContext } from \"./loading\"\n\nexport interface GridProps extends LoadingProps {}\n\n/**\n * `Loading` is a component displayed during waiting times, such as when data is being loaded.\n *\n * @see https://yamada-ui.com/docs/components/feedback/loading\n */\nexport const Grid = withContext<\"svg\", GridProps>(({ dur = \"1s\", ...rest }) => {\n  dur = isString(dur) ? parseFloat(dur) : dur\n\n  return (\n    <Icon fill=\"currentColor\" viewBox=\"0 0 105 105\" {...rest}>\n      {[\n        { cx: \"12.5px\", cy: \"12.5px\" },\n        { animationDelay: \"0.1s\", cx: \"12.5px\", cy: \"52.5px\" },\n        { animationDelay: \"0.3s\", cx: \"52.5px\", cy: \"12.5px\" },\n        { animationDelay: \"0.6s\", cx: \"52.5px\", cy: \"52.5px\" },\n        { animationDelay: \"0.8s\", cx: \"92.5px\", cy: \"12.5px\" },\n        { animationDelay: \"0.4s\", cx: \"92.5px\", cy: \"52.5px\" },\n        { animationDelay: \"0.7s\", cx: \"12.5px\", cy: \"92.5px\" },\n        { animationDelay: \"0.5s\", cx: \"52.5px\", cy: \"92.5px\" },\n        { animationDelay: \"0.2s\", cx: \"92.5px\", cy: \"92.5px\" },\n      ].map((props, index) => (\n        <styled.circle\n          key={index}\n          {...props}\n          animationDuration={`${dur}s`}\n          animationIterationCount=\"infinite\"\n          animationTimingFunction=\"linear\"\n          r=\"12.5px\"\n          _keyframes={{\n            \"0%, 100%\": { fillOpacity: \"1\" },\n            \"50%\": { fillOpacity: \"0.2\" },\n          }}\n        />\n      ))}\n    </Icon>\n  )\n})(initialProps, superProps)\n"],"mappings":";;;;;;;;;;;;;;;;AAeA,MAAa,OAAO,aAA+B,EAAE,MAAM,MAAM,GAAG,WAAW;AAC7E,mCAAe,IAAI,GAAG,WAAW,IAAI,GAAG;AAExC,QACE,oBAAC;EAAK,MAAK;EAAe,SAAQ;EAAc,GAAI;YACjD;GACC;IAAE,IAAI;IAAU,IAAI;IAAU;GAC9B;IAAE,gBAAgB;IAAQ,IAAI;IAAU,IAAI;IAAU;GACtD;IAAE,gBAAgB;IAAQ,IAAI;IAAU,IAAI;IAAU;GACtD;IAAE,gBAAgB;IAAQ,IAAI;IAAU,IAAI;IAAU;GACtD;IAAE,gBAAgB;IAAQ,IAAI;IAAU,IAAI;IAAU;GACtD;IAAE,gBAAgB;IAAQ,IAAI;IAAU,IAAI;IAAU;GACtD;IAAE,gBAAgB;IAAQ,IAAI;IAAU,IAAI;IAAU;GACtD;IAAE,gBAAgB;IAAQ,IAAI;IAAU,IAAI;IAAU;GACtD;IAAE,gBAAgB;IAAQ,IAAI;IAAU,IAAI;IAAU;GACvD,CAAC,KAAK,OAAO,UACZ,oBAAC,OAAO;GAEN,GAAI;GACJ,mBAAmB,GAAG,IAAI;GAC1B,yBAAwB;GACxB,yBAAwB;GACxB,GAAE;GACF,YAAY;IACV,YAAY,EAAE,aAAa,KAAK;IAChC,OAAO,EAAE,aAAa,OAAO;IAC9B;KATI,MAUL,CACF;GACG;EAET,CAAC,cAAc,WAAW"}
+{"version":3,"file":"grid.js","names":[],"sources":["../../../../src/components/loading/grid.tsx"],"sourcesContent":["\"use client\"\n\nimport type { LoadingProps } from \"./loading\"\nimport { styled } from \"../../core\"\nimport { isString } from \"../../utils\"\nimport { Icon } from \"../icon\"\nimport { initialProps, superProps, withContext } from \"./loading\"\n\nexport interface GridProps extends LoadingProps {}\n\n/**\n * `Loading` is a component displayed during waiting times, such as when data is being loaded.\n *\n * @see https://yamada-ui.com/docs/components/feedback/loading\n */\nexport const Grid = withContext<\"svg\", GridProps>(({ dur = \"1s\", ...rest }) => {\n  dur = isString(dur) ? parseFloat(dur) : dur\n\n  return (\n    <Icon fill=\"currentColor\" viewBox=\"0 0 105 105\" {...rest}>\n      {[\n        { cx: \"12.5px\", cy: \"12.5px\" },\n        { animationDelay: \"0.1s\", cx: \"12.5px\", cy: \"52.5px\" },\n        { animationDelay: \"0.3s\", cx: \"52.5px\", cy: \"12.5px\" },\n        { animationDelay: \"0.6s\", cx: \"52.5px\", cy: \"52.5px\" },\n        { animationDelay: \"0.8s\", cx: \"92.5px\", cy: \"12.5px\" },\n        { animationDelay: \"0.4s\", cx: \"92.5px\", cy: \"52.5px\" },\n        { animationDelay: \"0.7s\", cx: \"12.5px\", cy: \"92.5px\" },\n        { animationDelay: \"0.5s\", cx: \"52.5px\", cy: \"92.5px\" },\n        { animationDelay: \"0.2s\", cx: \"92.5px\", cy: \"92.5px\" },\n      ].map((props, index) => (\n        <styled.circle\n          key={index}\n          {...props}\n          animationDuration={`${dur}s`}\n          animationIterationCount=\"infinite\"\n          animationTimingFunction=\"linear\"\n          r=\"12.5px\"\n          _keyframes={{\n            \"0%, 100%\": { fillOpacity: \"1\" },\n            \"50%\": { fillOpacity: \"0.2\" },\n          }}\n        />\n      ))}\n    </Icon>\n  )\n})(initialProps, superProps)\n"],"mappings":";;;;;;;;;;;;AAeA,MAAa,OAAO,aAA+B,EAAE,MAAM,MAAM,GAAG,WAAW;CAC7E,OAAA,GAAA,cAAA,UAAe,IAAI,GAAG,WAAW,IAAI,GAAG;CAExC,OACE,oBAAC,MAAD;EAAM,MAAK;EAAe,SAAQ;EAAc,GAAI;YACjD;GACC;IAAE,IAAI;IAAU,IAAI;IAAU;GAC9B;IAAE,gBAAgB;IAAQ,IAAI;IAAU,IAAI;IAAU;GACtD;IAAE,gBAAgB;IAAQ,IAAI;IAAU,IAAI;IAAU;GACtD;IAAE,gBAAgB;IAAQ,IAAI;IAAU,IAAI;IAAU;GACtD;IAAE,gBAAgB;IAAQ,IAAI;IAAU,IAAI;IAAU;GACtD;IAAE,gBAAgB;IAAQ,IAAI;IAAU,IAAI;IAAU;GACtD;IAAE,gBAAgB;IAAQ,IAAI;IAAU,IAAI;IAAU;GACtD;IAAE,gBAAgB;IAAQ,IAAI;IAAU,IAAI;IAAU;GACtD;IAAE,gBAAgB;IAAQ,IAAI;IAAU,IAAI;IAAU;GACvD,CAAC,KAAK,OAAO,UACZ,oBAAC,OAAO,QAAR;GAEE,GAAI;GACJ,mBAAmB,GAAG,IAAI;GAC1B,yBAAwB;GACxB,yBAAwB;GACxB,GAAE;GACF,YAAY;IACV,YAAY,EAAE,aAAa,KAAK;IAChC,OAAO,EAAE,aAAa,OAAO;IAC9B;GACD,EAVK,MAUL,CACF;EACG,CAAA;EAET,CAAC,cAAc,WAAW"}

package/dist/esm/components/loading/index.js

@@ -3,5 +3,4 @@ import { LoadingPropsContext, useLoadingPropsContext } from "./loading.js";
 import { getLoadingComponent, isLoadingScheme, useLoadingComponent } from "./use-loading-component.js";
 import { LoadingProvider, useLoading } from "./loading-provider.js";
 import { namespace_exports } from "./namespace.js";
-
-export { namespace_exports as Loading, LoadingPropsContext, LoadingProvider, getLoadingComponent, isLoadingScheme, loadingStyle, useLoading, useLoadingComponent, useLoadingPropsContext };
+export { namespace_exports as Loading, LoadingPropsContext, LoadingProvider, getLoadingComponent, isLoadingScheme, loadingStyle, useLoading, useLoadingComponent, useLoadingPropsContext };

package/dist/esm/components/loading/loading-provider.js

@@ -1,10 +1,8 @@
 "use client";
-
 import { useUpdateEffect } from "../../utils/effect.js";
 import { assignRef } from "../../utils/ref.js";
 import { utils_exports } from "../../utils/index.js";
 import { Portal } from "../portal/portal.js";
-import "../portal/index.js";
 import { Background } from "./background.js";
 import { Page } from "./page.js";
 import { Screen } from "./screen.js";
@@ -12,7 +10,6 @@ import { createContext, createRef, use, useMemo, useRef, useState } from "react"
 import { jsx, jsxs } from "react/jsx-runtime";
 import { AnimatePresence } from "motion/react";
 import { RemoveScroll } from "react-remove-scroll";
-
 //#region src/components/loading/loading-provider.tsx
 const LoadingContext = createContext({});
 const createController = () => ({
@@ -71,29 +68,29 @@ const Controller = ({ ref, allowPinchZoom = false, blockScrollOnMount = true, co
 	const { finish, force, start, update } = useMemo(() => ({
 		finish: () => {
 			loading.current = false;
-			setState(({ loadingCount: loadingCount$1 }) => ({
+			setState(({ loadingCount }) => ({
 				duration: durationProp,
-				loadingCount: decrementCount(loadingCount$1),
+				loadingCount: decrementCount(loadingCount),
 				loadingScheme: loadingSchemeProp,
 				message: void 0
 			}));
 		},
-		force: ({ duration: duration$1 = durationProp, loadingCount: loadingCount$1 = 0, loadingScheme: loadingScheme$1 = loadingSchemeProp, message: message$1 }) => {
-			loading.current = !!loadingCount$1;
+		force: ({ duration = durationProp, loadingCount = 0, loadingScheme = loadingSchemeProp, message }) => {
+			loading.current = !!loadingCount;
 			setState({
-				duration: duration$1,
-				loadingCount: loadingCount$1,
-				loadingScheme: loadingScheme$1,
-				message: message$1
+				duration,
+				loadingCount,
+				loadingScheme,
+				message
 			});
 		},
-		start: ({ duration: duration$1 = durationProp, loadingScheme: loadingScheme$1 = loadingSchemeProp, message: message$1 } = {}) => {
+		start: ({ duration = durationProp, loadingScheme = loadingSchemeProp, message } = {}) => {
 			loading.current = true;
-			setState(({ loadingCount: loadingCount$1 }) => ({
-				duration: duration$1,
-				loadingCount: incrementCount(loadingCount$1),
-				loadingScheme: loadingScheme$1,
-				message: message$1
+			setState(({ loadingCount }) => ({
+				duration,
+				loadingCount: incrementCount(loadingCount),
+				loadingScheme,
+				message
 			}));
 		},
 		update: (next) => setState((prev) => ({
@@ -151,7 +148,7 @@ const useLoading = () => {
 		screen
 	]);
 };
-
 //#endregion
 export { LoadingProvider, useLoading };
+
 //# sourceMappingURL=loading-provider.js.map

package/dist/esm/components/loading/loading-provider.js.map

@@ -1 +1 @@
-{"version":3,"file":"loading-provider.js","names":["LoadingProvider: FC<LoadingProviderProps>","Controller: FC<ControllerProps>","loadingCount","props: LoadingSharedProps"],"sources":["../../../../src/components/loading/loading-provider.tsx"],"sourcesContent":["\"use client\"\n\nimport type { FC, PropsWithChildren, ReactNode, RefObject } from \"react\"\nimport type { LoadingConfig, LoadingScheme, ThemeConfig } from \"../../core\"\nimport { AnimatePresence } from \"motion/react\"\nimport { createContext, createRef, use, useMemo, useRef, useState } from \"react\"\nimport { RemoveScroll } from \"react-remove-scroll\"\nimport { assignRef, isNumber, useUpdateEffect } from \"../../utils\"\nimport { Portal } from \"../portal\"\nimport { Background } from \"./background\"\nimport { Page } from \"./page\"\nimport { Screen } from \"./screen\"\n\ninterface LoadingMethods {\n  /**\n   * Function to finish loading.\n   */\n  finish: () => void\n  /**\n   * Function to forcefully update the loading state.\n   *\n   * Please be careful, as it will forcefully overwrite the state of the loading component.\n   */\n  force: (state: Partial<LoadingState>) => void\n  /**\n   * Function to start loading.\n   *\n   * If you specify a `message` etc. as an argument, the loading will change accordingly.\n   */\n  start: (options?: LoadingOptions) => void\n  /**\n   * Function to update loading.\n   *\n   * If you specify a `message` etc. as an argument, the loading will change accordingly.\n   */\n  update: (options: LoadingOptions) => void\n}\n\nexport interface LoadingOptions {\n  duration?: null | number\n  loadingScheme?: LoadingScheme\n  message?: ReactNode\n}\n\ninterface LoadingState {\n  duration: null | number\n  loadingCount: number\n  loadingScheme: LoadingScheme\n  message: ReactNode | undefined\n}\n\ninterface LoadingContext {\n  /**\n   * The background loading methods.\n   */\n  background: LoadingMethods\n  /**\n   * The page loading methods.\n   */\n  page: LoadingMethods\n  /**\n   * The screen loading methods.\n   */\n  screen: LoadingMethods\n}\n\nconst LoadingContext = createContext({} as LoadingContext)\n\nconst createController = () => ({\n  finish: createRef<LoadingMethods[\"finish\"]>(),\n  force: createRef<LoadingMethods[\"force\"]>(),\n  start: createRef<LoadingMethods[\"start\"]>(),\n  update: createRef<LoadingMethods[\"update\"]>(),\n})\n\ntype Controller = ReturnType<typeof createController>\n\nconst createMethods = (refs: RefObject<Controller>): LoadingMethods => ({\n  finish: () => refs.current.finish.current?.(),\n  force: (state) => refs.current.force.current?.(state),\n  start: (props) => refs.current.start.current?.(props),\n  update: (props) => refs.current.update.current?.(props),\n})\n\nconst incrementCount = (prev: number) => prev + 1\nconst decrementCount = (prev: number) => (prev === 0 ? prev : prev - 1)\n\nexport interface LoadingProviderProps extends PropsWithChildren<\n  ThemeConfig[\"loading\"]\n> {}\n\nexport const LoadingProvider: FC<LoadingProviderProps> = ({\n  background: backgroundConfig,\n  children,\n  page: pageConfig,\n  screen: screenConfig,\n}) => {\n  const screen = useRef(createController())\n  const page = useRef(createController())\n  const background = useRef(createController())\n\n  const value = useMemo(\n    () => ({\n      background: createMethods(background),\n      page: createMethods(page),\n      screen: createMethods(screen),\n    }),\n    [],\n  )\n\n  return (\n    <LoadingContext value={value}>\n      {children}\n\n      <Controller ref={screen} {...screenConfig} component={Screen} />\n\n      <Controller ref={page} {...pageConfig} component={Page} />\n\n      <Controller\n        ref={background}\n        {...backgroundConfig}\n        blockScrollOnMount={backgroundConfig?.blockScrollOnMount ?? false}\n        component={Background}\n      />\n    </LoadingContext>\n  )\n}\n\nexport interface LoadingSharedProps {\n  duration: null | number\n  loadingScheme: LoadingScheme\n  message: ReactNode | undefined\n  onFinish: () => void\n  initial?: boolean | string\n}\n\ninterface ControllerProps extends LoadingConfig {\n  component: FC<LoadingSharedProps>\n  ref: RefObject<Controller>\n}\n\nconst Controller: FC<ControllerProps> = ({\n  ref,\n  allowPinchZoom = false,\n  blockScrollOnMount = true,\n  component: Component,\n  duration: durationProp = null,\n  loadingCount: loadingCountProp = 0,\n  loadingScheme: loadingSchemeProp = \"oval\",\n}) => {\n  const loading = useRef<boolean>(false)\n  const [{ duration, loadingCount, loadingScheme, message }, setState] =\n    useState<LoadingState>({\n      duration: durationProp,\n      loadingCount: loadingCountProp,\n      loadingScheme: loadingSchemeProp,\n      message: undefined,\n    })\n\n  const { finish, force, start, update } = useMemo<LoadingMethods>(\n    () => ({\n      finish: () => {\n        loading.current = false\n\n        setState(({ loadingCount }) => ({\n          duration: durationProp,\n          loadingCount: decrementCount(loadingCount),\n          loadingScheme: loadingSchemeProp,\n          message: undefined,\n        }))\n      },\n\n      force: ({\n        duration = durationProp,\n        loadingCount = 0,\n        loadingScheme = loadingSchemeProp,\n        message,\n      }) => {\n        loading.current = !!loadingCount\n\n        setState({\n          duration,\n          loadingCount,\n          loadingScheme,\n          message,\n        })\n      },\n\n      start: ({\n        duration = durationProp,\n        loadingScheme = loadingSchemeProp,\n        message,\n      } = {}) => {\n        loading.current = true\n\n        setState(({ loadingCount }) => ({\n          duration,\n          loadingCount: incrementCount(loadingCount),\n          loadingScheme,\n          message,\n        }))\n      },\n\n      update: (next) => setState((prev) => ({ ...prev, ...next })),\n    }),\n    [durationProp, loadingSchemeProp],\n  )\n\n  assignRef(ref.current.start, start)\n  assignRef(ref.current.finish, finish)\n  assignRef(ref.current.update, update)\n  assignRef(ref.current.force, force)\n\n  const props: LoadingSharedProps = {\n    duration,\n    initial: loadingCountProp > 0 ? false : \"initial\",\n    loadingScheme,\n    message,\n    onFinish: finish,\n  }\n\n  useUpdateEffect(() => {\n    if (loadingCountProp > 0 || isNumber(durationProp))\n      setState({\n        duration: durationProp,\n        loadingCount: loadingCountProp,\n        loadingScheme: loadingSchemeProp,\n        message: undefined,\n      })\n  }, [loadingCountProp, durationProp, loadingSchemeProp])\n\n  return (\n    <AnimatePresence initial={false}>\n      {loadingCount ? (\n        <Portal>\n          <RemoveScroll\n            allowPinchZoom={allowPinchZoom}\n            enabled={blockScrollOnMount}\n            forwardProps\n          >\n            <Component {...props} />\n          </RemoveScroll>\n        </Portal>\n      ) : null}\n    </AnimatePresence>\n  )\n}\n\n/**\n * `useLoading` is a custom hook for controlling the loading of the application.\n *\n * @see https://yamada-ui.com/docs/hooks/use-loading\n */\nexport const useLoading = (): LoadingContext => {\n  const { background, page, screen } = use(LoadingContext)\n\n  const context = useMemo(\n    () => ({ background, page, screen }),\n    [background, page, screen],\n  )\n\n  return context\n}\n"],"mappings":"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"}
+{"version":3,"file":"loading-provider.js","names":[],"sources":["../../../../src/components/loading/loading-provider.tsx"],"sourcesContent":["\"use client\"\n\nimport type { FC, PropsWithChildren, ReactNode, RefObject } from \"react\"\nimport type { LoadingConfig, LoadingScheme, ThemeConfig } from \"../../core\"\nimport { AnimatePresence } from \"motion/react\"\nimport { createContext, createRef, use, useMemo, useRef, useState } from \"react\"\nimport { RemoveScroll } from \"react-remove-scroll\"\nimport { assignRef, isNumber, useUpdateEffect } from \"../../utils\"\nimport { Portal } from \"../portal\"\nimport { Background } from \"./background\"\nimport { Page } from \"./page\"\nimport { Screen } from \"./screen\"\n\ninterface LoadingMethods {\n  /**\n   * Function to finish loading.\n   */\n  finish: () => void\n  /**\n   * Function to forcefully update the loading state.\n   *\n   * Please be careful, as it will forcefully overwrite the state of the loading component.\n   */\n  force: (state: Partial<LoadingState>) => void\n  /**\n   * Function to start loading.\n   *\n   * If you specify a `message` etc. as an argument, the loading will change accordingly.\n   */\n  start: (options?: LoadingOptions) => void\n  /**\n   * Function to update loading.\n   *\n   * If you specify a `message` etc. as an argument, the loading will change accordingly.\n   */\n  update: (options: LoadingOptions) => void\n}\n\nexport interface LoadingOptions {\n  duration?: null | number\n  loadingScheme?: LoadingScheme\n  message?: ReactNode\n}\n\ninterface LoadingState {\n  duration: null | number\n  loadingCount: number\n  loadingScheme: LoadingScheme\n  message: ReactNode | undefined\n}\n\ninterface LoadingContext {\n  /**\n   * The background loading methods.\n   */\n  background: LoadingMethods\n  /**\n   * The page loading methods.\n   */\n  page: LoadingMethods\n  /**\n   * The screen loading methods.\n   */\n  screen: LoadingMethods\n}\n\nconst LoadingContext = createContext({} as LoadingContext)\n\nconst createController = () => ({\n  finish: createRef<LoadingMethods[\"finish\"]>(),\n  force: createRef<LoadingMethods[\"force\"]>(),\n  start: createRef<LoadingMethods[\"start\"]>(),\n  update: createRef<LoadingMethods[\"update\"]>(),\n})\n\ntype Controller = ReturnType<typeof createController>\n\nconst createMethods = (refs: RefObject<Controller>): LoadingMethods => ({\n  finish: () => refs.current.finish.current?.(),\n  force: (state) => refs.current.force.current?.(state),\n  start: (props) => refs.current.start.current?.(props),\n  update: (props) => refs.current.update.current?.(props),\n})\n\nconst incrementCount = (prev: number) => prev + 1\nconst decrementCount = (prev: number) => (prev === 0 ? prev : prev - 1)\n\nexport interface LoadingProviderProps extends PropsWithChildren<\n  ThemeConfig[\"loading\"]\n> {}\n\nexport const LoadingProvider: FC<LoadingProviderProps> = ({\n  background: backgroundConfig,\n  children,\n  page: pageConfig,\n  screen: screenConfig,\n}) => {\n  const screen = useRef(createController())\n  const page = useRef(createController())\n  const background = useRef(createController())\n\n  const value = useMemo(\n    () => ({\n      background: createMethods(background),\n      page: createMethods(page),\n      screen: createMethods(screen),\n    }),\n    [],\n  )\n\n  return (\n    <LoadingContext value={value}>\n      {children}\n\n      <Controller ref={screen} {...screenConfig} component={Screen} />\n\n      <Controller ref={page} {...pageConfig} component={Page} />\n\n      <Controller\n        ref={background}\n        {...backgroundConfig}\n        blockScrollOnMount={backgroundConfig?.blockScrollOnMount ?? false}\n        component={Background}\n      />\n    </LoadingContext>\n  )\n}\n\nexport interface LoadingSharedProps {\n  duration: null | number\n  loadingScheme: LoadingScheme\n  message: ReactNode | undefined\n  onFinish: () => void\n  initial?: boolean | string\n}\n\ninterface ControllerProps extends LoadingConfig {\n  component: FC<LoadingSharedProps>\n  ref: RefObject<Controller>\n}\n\nconst Controller: FC<ControllerProps> = ({\n  ref,\n  allowPinchZoom = false,\n  blockScrollOnMount = true,\n  component: Component,\n  duration: durationProp = null,\n  loadingCount: loadingCountProp = 0,\n  loadingScheme: loadingSchemeProp = \"oval\",\n}) => {\n  const loading = useRef<boolean>(false)\n  const [{ duration, loadingCount, loadingScheme, message }, setState] =\n    useState<LoadingState>({\n      duration: durationProp,\n      loadingCount: loadingCountProp,\n      loadingScheme: loadingSchemeProp,\n      message: undefined,\n    })\n\n  const { finish, force, start, update } = useMemo<LoadingMethods>(\n    () => ({\n      finish: () => {\n        loading.current = false\n\n        setState(({ loadingCount }) => ({\n          duration: durationProp,\n          loadingCount: decrementCount(loadingCount),\n          loadingScheme: loadingSchemeProp,\n          message: undefined,\n        }))\n      },\n\n      force: ({\n        duration = durationProp,\n        loadingCount = 0,\n        loadingScheme = loadingSchemeProp,\n        message,\n      }) => {\n        loading.current = !!loadingCount\n\n        setState({\n          duration,\n          loadingCount,\n          loadingScheme,\n          message,\n        })\n      },\n\n      start: ({\n        duration = durationProp,\n        loadingScheme = loadingSchemeProp,\n        message,\n      } = {}) => {\n        loading.current = true\n\n        setState(({ loadingCount }) => ({\n          duration,\n          loadingCount: incrementCount(loadingCount),\n          loadingScheme,\n          message,\n        }))\n      },\n\n      update: (next) => setState((prev) => ({ ...prev, ...next })),\n    }),\n    [durationProp, loadingSchemeProp],\n  )\n\n  assignRef(ref.current.start, start)\n  assignRef(ref.current.finish, finish)\n  assignRef(ref.current.update, update)\n  assignRef(ref.current.force, force)\n\n  const props: LoadingSharedProps = {\n    duration,\n    initial: loadingCountProp > 0 ? false : \"initial\",\n    loadingScheme,\n    message,\n    onFinish: finish,\n  }\n\n  useUpdateEffect(() => {\n    if (loadingCountProp > 0 || isNumber(durationProp))\n      setState({\n        duration: durationProp,\n        loadingCount: loadingCountProp,\n        loadingScheme: loadingSchemeProp,\n        message: undefined,\n      })\n  }, [loadingCountProp, durationProp, loadingSchemeProp])\n\n  return (\n    <AnimatePresence initial={false}>\n      {loadingCount ? (\n        <Portal>\n          <RemoveScroll\n            allowPinchZoom={allowPinchZoom}\n            enabled={blockScrollOnMount}\n            forwardProps\n          >\n            <Component {...props} />\n          </RemoveScroll>\n        </Portal>\n      ) : null}\n    </AnimatePresence>\n  )\n}\n\n/**\n * `useLoading` is a custom hook for controlling the loading of the application.\n *\n * @see https://yamada-ui.com/docs/hooks/use-loading\n */\nexport const useLoading = (): LoadingContext => {\n  const { background, page, screen } = use(LoadingContext)\n\n  const context = useMemo(\n    () => ({ background, page, screen }),\n    [background, page, screen],\n  )\n\n  return context\n}\n"],"mappings":"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"}

package/dist/esm/components/loading/loading.js

@@ -1,9 +1,6 @@
 "use client";
-
 import { createComponent } from "../../core/components/create-component.js";
-import "../../core/index.js";
 import { loadingStyle } from "./loading.style.js";
-
 //#region src/components/loading/loading.tsx
 const initialProps = { "data-loading": "" };
 const superProps = ({ css, duration, dur = duration, ...rest }) => ({
@@ -12,7 +9,7 @@ const superProps = ({ css, duration, dur = duration, ...rest }) => ({
 	...rest
 });
 const { PropsContext: LoadingPropsContext, usePropsContext: useLoadingPropsContext, withContext } = createComponent("loading", loadingStyle);
-
 //#endregion
 export { LoadingPropsContext, initialProps, superProps, useLoadingPropsContext, withContext };
+
 //# sourceMappingURL=loading.js.map

package/dist/esm/components/loading/loading.js.map

@@ -1 +1 @@
-{"version":3,"file":"loading.js","names":["initialProps: InitialProps<LoadingProps>"],"sources":["../../../../src/components/loading/loading.tsx"],"sourcesContent":["\"use client\"\n\nimport type {\n  CSSProps,\n  InitialProps,\n  ThemeProps,\n  WithoutThemeProps,\n} from \"../../core\"\nimport type { IconProps } from \"../icon\"\nimport type { LoadingStyle } from \"./loading.style\"\nimport { createComponent } from \"../../core\"\nimport { loadingStyle } from \"./loading.style\"\n\nexport const initialProps: InitialProps<LoadingProps> = {\n  \"data-loading\": \"\",\n}\n\nexport const superProps = ({\n  css,\n  duration,\n  dur = duration,\n  ...rest\n}: WithoutThemeProps<LoadingProps, LoadingStyle>): WithoutThemeProps<\n  LoadingProps,\n  LoadingStyle\n> => ({\n  css,\n  dur,\n  ...rest,\n})\n\nexport interface LoadingProps\n  extends WithoutThemeProps<IconProps>, ThemeProps<LoadingStyle> {\n  /**\n   * The CSS `dur` property.\n   */\n  duration?: IconProps[\"dur\"]\n  /**\n   * The CSS `color` property.\n   */\n  secondaryColor?: CSSProps[\"color\"]\n}\n\nconst {\n  PropsContext: LoadingPropsContext,\n  usePropsContext: useLoadingPropsContext,\n  withContext,\n} = createComponent<LoadingProps, LoadingStyle>(\"loading\", loadingStyle)\n\nexport { LoadingPropsContext, useLoadingPropsContext, withContext }\n"],"mappings":";;;;;;;AAaA,MAAaA,eAA2C,EACtD,gBAAgB,IACjB;AAED,MAAa,cAAc,EACzB,KACA,UACA,MAAM,UACN,GAAG,YAIC;CACJ;CACA;CACA,GAAG;CACJ;AAcD,MAAM,EACJ,cAAc,qBACd,iBAAiB,wBACjB,gBACE,gBAA4C,WAAW,aAAa"}
+{"version":3,"file":"loading.js","names":[],"sources":["../../../../src/components/loading/loading.tsx"],"sourcesContent":["\"use client\"\n\nimport type {\n  CSSProps,\n  InitialProps,\n  ThemeProps,\n  WithoutThemeProps,\n} from \"../../core\"\nimport type { IconProps } from \"../icon\"\nimport type { LoadingStyle } from \"./loading.style\"\nimport { createComponent } from \"../../core\"\nimport { loadingStyle } from \"./loading.style\"\n\nexport const initialProps: InitialProps<LoadingProps> = {\n  \"data-loading\": \"\",\n}\n\nexport const superProps = ({\n  css,\n  duration,\n  dur = duration,\n  ...rest\n}: WithoutThemeProps<LoadingProps, LoadingStyle>): WithoutThemeProps<\n  LoadingProps,\n  LoadingStyle\n> => ({\n  css,\n  dur,\n  ...rest,\n})\n\nexport interface LoadingProps\n  extends WithoutThemeProps<IconProps>, ThemeProps<LoadingStyle> {\n  /**\n   * The CSS `dur` property.\n   */\n  duration?: IconProps[\"dur\"]\n  /**\n   * The CSS `color` property.\n   */\n  secondaryColor?: CSSProps[\"color\"]\n}\n\nconst {\n  PropsContext: LoadingPropsContext,\n  usePropsContext: useLoadingPropsContext,\n  withContext,\n} = createComponent<LoadingProps, LoadingStyle>(\"loading\", loadingStyle)\n\nexport { LoadingPropsContext, useLoadingPropsContext, withContext }\n"],"mappings":";;;;AAaA,MAAa,eAA2C,EACtD,gBAAgB,IACjB;AAED,MAAa,cAAc,EACzB,KACA,UACA,MAAM,UACN,GAAG,YAIC;CACJ;CACA;CACA,GAAG;CACJ;AAcD,MAAM,EACJ,cAAc,qBACd,iBAAiB,wBACjB,gBACE,gBAA4C,WAAW,aAAa"}

package/dist/esm/components/loading/loading.style.js

@@ -1,12 +1,10 @@
 import { defineComponentStyle } from "../../core/system/config.js";
-import "../../core/index.js";
-
 //#region src/components/loading/loading.style.ts
 const loadingStyle = defineComponentStyle({ base: {
 	color: ["colorScheme.500", "colorScheme.600"],
 	fontSize: "1em"
 } });
-
 //#endregion
 export { loadingStyle };
+
 //# sourceMappingURL=loading.style.js.map

package/dist/esm/components/loading/loading.style.js.map

@@ -1 +1 @@
-{"version":3,"file":"loading.style.js","names":[],"sources":["../../../../src/components/loading/loading.style.ts"],"sourcesContent":["import { defineComponentStyle } from \"../../core\"\n\nexport const loadingStyle = defineComponentStyle({\n  base: {\n    color: [\"colorScheme.500\", \"colorScheme.600\"],\n    fontSize: \"1em\",\n  },\n})\n\nexport type LoadingStyle = typeof loadingStyle\n"],"mappings":";;;;AAEA,MAAa,eAAe,qBAAqB,EAC/C,MAAM;CACJ,OAAO,CAAC,mBAAmB,kBAAkB;CAC7C,UAAU;CACX,EACF,CAAC"}
+{"version":3,"file":"loading.style.js","names":[],"sources":["../../../../src/components/loading/loading.style.ts"],"sourcesContent":["import { defineComponentStyle } from \"../../core\"\n\nexport const loadingStyle = defineComponentStyle({\n  base: {\n    color: [\"colorScheme.500\", \"colorScheme.600\"],\n    fontSize: \"1em\",\n  },\n})\n\nexport type LoadingStyle = typeof loadingStyle\n"],"mappings":";;AAEA,MAAa,eAAe,qBAAqB,EAC/C,MAAM;CACJ,OAAO,CAAC,mBAAmB,kBAAkB;CAC7C,UAAU;CACX,EACF,CAAC"}

package/dist/esm/components/loading/namespace.js

@@ -1,4 +1,4 @@
-import { __exportAll } from "../../_virtual/rolldown_runtime.js";
+import { __exportAll } from "../../_virtual/_rolldown/runtime.js";
 import { Audio } from "./audio.js";
 import { Circles } from "./circles.js";
 import { Dots } from "./dots.js";
@@ -7,7 +7,6 @@ import { Oval } from "./oval.js";
 import { Puff } from "./puff.js";
 import { Rings } from "./rings.js";
 import { Suspense } from "./suspense.js";
-
 //#region src/components/loading/namespace.ts
 var namespace_exports = /* @__PURE__ */ __exportAll({
 	Audio: () => Audio,
@@ -19,7 +18,7 @@ var namespace_exports = /* @__PURE__ */ __exportAll({
 	Rings: () => Rings,
 	Suspense: () => Suspense
 });
-
 //#endregion
 export { namespace_exports };
+
 //# sourceMappingURL=namespace.js.map

package/dist/esm/components/loading/oval.js

@@ -1,14 +1,10 @@
 "use client";
-
 import { utils_exports } from "../../utils/index.js";
 import { varAttr } from "../../core/system/var.js";
 import { styled } from "../../core/system/factory.js";
-import "../../core/index.js";
 import { Icon } from "../icon/icon.js";
-import "../icon/index.js";
 import { initialProps, superProps, withContext } from "./loading.js";
 import { jsx, jsxs } from "react/jsx-runtime";
-
 //#region src/components/loading/oval.tsx
 /**
 * `Loading` is a component displayed during waiting times, such as when data is being loaded.
@@ -51,7 +47,7 @@ const Oval = withContext(({ dur = "1s", secondaryColor, ...rest }) => {
 		...rest
 	};
 });
-
 //#endregion
 export { Oval };
+
 //# sourceMappingURL=oval.js.map

package/dist/esm/components/loading/oval.js.map

@@ -1 +1 @@
-{"version":3,"file":"oval.js","names":[],"sources":["../../../../src/components/loading/oval.tsx"],"sourcesContent":["\"use client\"\n\nimport type { LoadingProps } from \"./loading\"\nimport { styled, varAttr } from \"../../core\"\nimport { isString } from \"../../utils\"\nimport { Icon } from \"../icon\"\nimport { initialProps, superProps, withContext } from \"./loading\"\n\nexport interface OvalProps extends LoadingProps {}\n\n/**\n * `Loading` is a component displayed during waiting times, such as when data is being loaded.\n *\n * @see https://yamada-ui.com/docs/components/feedback/loading\n */\nexport const Oval = withContext<\"svg\", OvalProps>(\n  ({ dur = \"1s\", secondaryColor, ...rest }) => {\n    dur = isString(dur) ? parseFloat(dur) : dur\n\n    return (\n      <Icon stroke=\"currentColor\" viewBox=\"0 0 38 38\" {...rest}>\n        <g fill=\"none\" fillRule=\"evenodd\">\n          <g strokeWidth=\"2\" transform=\"translate(1 1)\">\n            <styled.circle\n              {...(secondaryColor\n                ? { stroke: \"{secondary-color}\" }\n                : { strokeOpacity: \".5\" })}\n              cx=\"18px\"\n              cy=\"18px\"\n              r=\"18px\"\n            />\n            <styled.path\n              animationDuration={`${dur}s`}\n              animationIterationCount=\"infinite\"\n              animationName=\"spin\"\n              animationTimingFunction=\"linear\"\n              d=\"M36 18c0-9.94-8.06-18-18-18\"\n              transformOrigin=\"18px 18px\"\n            />\n          </g>\n        </g>\n      </Icon>\n    )\n  },\n)(initialProps, ({ secondaryColor, ...props }) => {\n  const rest = superProps(props)\n\n  return {\n    \"--secondary-color\": varAttr(secondaryColor, \"colors\"),\n    secondaryColor,\n    ...rest,\n  }\n})\n"],"mappings":";;;;;;;;;;;;;;;;;AAeA,MAAa,OAAO,aACjB,EAAE,MAAM,MAAM,gBAAgB,GAAG,WAAW;AAC3C,mCAAe,IAAI,GAAG,WAAW,IAAI,GAAG;AAExC,QACE,oBAAC;EAAK,QAAO;EAAe,SAAQ;EAAY,GAAI;YAClD,oBAAC;GAAE,MAAK;GAAO,UAAS;aACtB,qBAAC;IAAE,aAAY;IAAI,WAAU;eAC3B,oBAAC,OAAO;KACN,GAAK,iBACD,EAAE,QAAQ,qBAAqB,GAC/B,EAAE,eAAe,MAAM;KAC3B,IAAG;KACH,IAAG;KACH,GAAE;MACF,EACF,oBAAC,OAAO;KACN,mBAAmB,GAAG,IAAI;KAC1B,yBAAwB;KACxB,eAAc;KACd,yBAAwB;KACxB,GAAE;KACF,iBAAgB;MAChB;KACA;IACF;GACC;EAGZ,CAAC,eAAe,EAAE,gBAAgB,GAAG,YAAY;CAChD,MAAM,OAAO,WAAW,MAAM;AAE9B,QAAO;EACL,qBAAqB,QAAQ,gBAAgB,SAAS;EACtD;EACA,GAAG;EACJ;EACD"}
+{"version":3,"file":"oval.js","names":[],"sources":["../../../../src/components/loading/oval.tsx"],"sourcesContent":["\"use client\"\n\nimport type { LoadingProps } from \"./loading\"\nimport { styled, varAttr } from \"../../core\"\nimport { isString } from \"../../utils\"\nimport { Icon } from \"../icon\"\nimport { initialProps, superProps, withContext } from \"./loading\"\n\nexport interface OvalProps extends LoadingProps {}\n\n/**\n * `Loading` is a component displayed during waiting times, such as when data is being loaded.\n *\n * @see https://yamada-ui.com/docs/components/feedback/loading\n */\nexport const Oval = withContext<\"svg\", OvalProps>(\n  ({ dur = \"1s\", secondaryColor, ...rest }) => {\n    dur = isString(dur) ? parseFloat(dur) : dur\n\n    return (\n      <Icon stroke=\"currentColor\" viewBox=\"0 0 38 38\" {...rest}>\n        <g fill=\"none\" fillRule=\"evenodd\">\n          <g strokeWidth=\"2\" transform=\"translate(1 1)\">\n            <styled.circle\n              {...(secondaryColor\n                ? { stroke: \"{secondary-color}\" }\n                : { strokeOpacity: \".5\" })}\n              cx=\"18px\"\n              cy=\"18px\"\n              r=\"18px\"\n            />\n            <styled.path\n              animationDuration={`${dur}s`}\n              animationIterationCount=\"infinite\"\n              animationName=\"spin\"\n              animationTimingFunction=\"linear\"\n              d=\"M36 18c0-9.94-8.06-18-18-18\"\n              transformOrigin=\"18px 18px\"\n            />\n          </g>\n        </g>\n      </Icon>\n    )\n  },\n)(initialProps, ({ secondaryColor, ...props }) => {\n  const rest = superProps(props)\n\n  return {\n    \"--secondary-color\": varAttr(secondaryColor, \"colors\"),\n    secondaryColor,\n    ...rest,\n  }\n})\n"],"mappings":";;;;;;;;;;;;;AAeA,MAAa,OAAO,aACjB,EAAE,MAAM,MAAM,gBAAgB,GAAG,WAAW;CAC3C,OAAA,GAAA,cAAA,UAAe,IAAI,GAAG,WAAW,IAAI,GAAG;CAExC,OACE,oBAAC,MAAD;EAAM,QAAO;EAAe,SAAQ;EAAY,GAAI;YAClD,oBAAC,KAAD;GAAG,MAAK;GAAO,UAAS;aACtB,qBAAC,KAAD;IAAG,aAAY;IAAI,WAAU;cAA7B,CACE,oBAAC,OAAO,QAAR;KACE,GAAK,iBACD,EAAE,QAAQ,qBAAqB,GAC/B,EAAE,eAAe,MAAM;KAC3B,IAAG;KACH,IAAG;KACH,GAAE;KACF,CAAA,EACF,oBAAC,OAAO,MAAR;KACE,mBAAmB,GAAG,IAAI;KAC1B,yBAAwB;KACxB,eAAc;KACd,yBAAwB;KACxB,GAAE;KACF,iBAAgB;KAChB,CAAA,CACA;;GACF,CAAA;EACC,CAAA;EAGZ,CAAC,eAAe,EAAE,gBAAgB,GAAG,YAAY;CAChD,MAAM,OAAO,WAAW,MAAM;CAE9B,OAAO;EACL,qBAAqB,QAAQ,gBAAgB,SAAS;EACtD;EACA,GAAG;EACJ;EACD"}