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

package/dist/cjs/components/loading/loading-provider.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"loading-provider.cjs","names":["LoadingProvider: FC<LoadingProviderProps>","Screen","Page","Background","Controller: FC<ControllerProps>","loadingCount","props: LoadingSharedProps","AnimatePresence","Portal","RemoveScroll"],"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.cjs","names":["Screen","Page","Background","AnimatePresence","Portal","RemoveScroll"],"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/cjs/components/loading/loading.cjs

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

package/dist/cjs/components/loading/loading.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"loading.cjs","names":["initialProps: InitialProps<LoadingProps>","createComponent","loadingStyle"],"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,gBACEC,yCAA4C,WAAWC,mCAAa"}
+{"version":3,"file":"loading.cjs","names":["createComponent","loadingStyle"],"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,gBACEA,yBAAAA,gBAA4C,WAAWC,sBAAAA,aAAa"}

package/dist/cjs/components/loading/loading.style.cjs

@@ -1,12 +1,9 @@
-const require_config = require('../../core/system/config.cjs');
-require('../../core/index.cjs');
-
 //#region src/components/loading/loading.style.ts
-const loadingStyle = require_config.defineComponentStyle({ base: {
+const loadingStyle = require("../../core/system/config.cjs").defineComponentStyle({ base: {
 	color: ["colorScheme.500", "colorScheme.600"],
 	fontSize: "1em"
 } });
-
 //#endregion
 exports.loadingStyle = loadingStyle;
+
 //# sourceMappingURL=loading.style.cjs.map

package/dist/cjs/components/loading/loading.style.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"loading.style.cjs","names":["defineComponentStyle"],"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,eAAeA,oCAAqB,EAC/C,MAAM;CACJ,OAAO,CAAC,mBAAmB,kBAAkB;CAC7C,UAAU;CACX,EACF,CAAC"}
+{"version":3,"file":"loading.style.cjs","names":["defineComponentStyle"],"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,sDAAeA,CAAAA,qBAAqB,EAC/C,MAAM;CACJ,OAAO,CAAC,mBAAmB,kBAAkB;CAC7C,UAAU;CACX,EACF,CAAC"}

package/dist/cjs/components/loading/namespace.cjs

@@ -1,15 +1,14 @@
-const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
-const require_audio = require('./audio.cjs');
-const require_circles = require('./circles.cjs');
-const require_dots = require('./dots.cjs');
-const require_grid = require('./grid.cjs');
-const require_oval = require('./oval.cjs');
-const require_puff = require('./puff.cjs');
-const require_rings = require('./rings.cjs');
-const require_suspense = require('./suspense.cjs');
-
+const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
+const require_audio = require("./audio.cjs");
+const require_circles = require("./circles.cjs");
+const require_dots = require("./dots.cjs");
+const require_grid = require("./grid.cjs");
+const require_oval = require("./oval.cjs");
+const require_puff = require("./puff.cjs");
+const require_rings = require("./rings.cjs");
+const require_suspense = require("./suspense.cjs");
 //#region src/components/loading/namespace.ts
-var namespace_exports = /* @__PURE__ */ require_rolldown_runtime.__exportAll({
+var namespace_exports = /* @__PURE__ */ require_runtime.__exportAll({
 	Audio: () => require_audio.Audio,
 	Circles: () => require_circles.Circles,
 	Dots: () => require_dots.Dots,
@@ -19,12 +18,12 @@ var namespace_exports = /* @__PURE__ */ require_rolldown_runtime.__exportAll({
 	Rings: () => require_rings.Rings,
 	Suspense: () => require_suspense.Suspense
 });
-
 //#endregion
-Object.defineProperty(exports, 'namespace_exports', {
-  enumerable: true,
-  get: function () {
-    return namespace_exports;
-  }
+Object.defineProperty(exports, "namespace_exports", {
+	enumerable: true,
+	get: function() {
+		return namespace_exports;
+	}
 });
+
 //# sourceMappingURL=namespace.cjs.map

package/dist/cjs/components/loading/oval.cjs

@@ -1,15 +1,11 @@
 "use client";
-
-const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
-const require_utils_index = require('../../utils/index.cjs');
-const require_var = require('../../core/system/var.cjs');
-const require_factory = require('../../core/system/factory.cjs');
-require('../../core/index.cjs');
-const require_icon = require('../icon/icon.cjs');
-require('../icon/index.cjs');
-const require_loading = require('./loading.cjs');
+require("../../_virtual/_rolldown/runtime.cjs");
+const require_utils_index = require("../../utils/index.cjs");
+const require_var = require("../../core/system/var.cjs");
+const require_factory = require("../../core/system/factory.cjs");
+const require_icon = require("../icon/icon.cjs");
+const require_loading = require("./loading.cjs");
 let react_jsx_runtime = require("react/jsx-runtime");
-
 //#region src/components/loading/oval.tsx
 /**
 * `Loading` is a component displayed during waiting times, such as when data is being loaded.
@@ -52,7 +48,7 @@ const Oval = require_loading.withContext(({ dur = "1s", secondaryColor, ...rest
 		...rest
 	};
 });
-
 //#endregion
 exports.Oval = Oval;
+
 //# sourceMappingURL=oval.cjs.map

package/dist/cjs/components/loading/oval.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"oval.cjs","names":["withContext","Icon","styled","initialProps","superProps","varAttr"],"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,OAAOA,6BACjB,EAAE,MAAM,MAAM,gBAAgB,GAAG,WAAW;AAC3C,uDAAe,IAAI,GAAG,WAAW,IAAI,GAAG;AAExC,QACE,2CAACC;EAAK,QAAO;EAAe,SAAQ;EAAY,GAAI;YAClD,2CAAC;GAAE,MAAK;GAAO,UAAS;aACtB,4CAAC;IAAE,aAAY;IAAI,WAAU;eAC3B,2CAACC,uBAAO;KACN,GAAK,iBACD,EAAE,QAAQ,qBAAqB,GAC/B,EAAE,eAAe,MAAM;KAC3B,IAAG;KACH,IAAG;KACH,GAAE;MACF,EACF,2CAACA,uBAAO;KACN,mBAAmB,GAAG,IAAI;KAC1B,yBAAwB;KACxB,eAAc;KACd,yBAAwB;KACxB,GAAE;KACF,iBAAgB;MAChB;KACA;IACF;GACC;EAGZ,CAACC,+BAAe,EAAE,gBAAgB,GAAG,YAAY;CAChD,MAAM,OAAOC,2BAAW,MAAM;AAE9B,QAAO;EACL,qBAAqBC,oBAAQ,gBAAgB,SAAS;EACtD;EACA,GAAG;EACJ;EACD"}
+{"version":3,"file":"oval.cjs","names":["withContext","Icon","styled","initialProps","superProps","varAttr"],"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,OAAOA,gBAAAA,aACjB,EAAE,MAAM,MAAM,gBAAgB,GAAG,WAAW;CAC3C,OAAA,GAAA,oBAAA,cAAA,UAAe,IAAI,GAAG,WAAW,IAAI,GAAG;CAExC,OACE,iBAAA,GAAA,kBAAA,KAACC,aAAAA,MAAD;EAAM,QAAO;EAAe,SAAQ;EAAY,GAAI;YAClD,iBAAA,GAAA,kBAAA,KAAC,KAAD;GAAG,MAAK;GAAO,UAAS;aACtB,iBAAA,GAAA,kBAAA,MAAC,KAAD;IAAG,aAAY;IAAI,WAAU;cAA7B,CACE,iBAAA,GAAA,kBAAA,KAACC,gBAAAA,OAAO,QAAR;KACE,GAAK,iBACD,EAAE,QAAQ,qBAAqB,GAC/B,EAAE,eAAe,MAAM;KAC3B,IAAG;KACH,IAAG;KACH,GAAE;KACF,CAAA,EACF,iBAAA,GAAA,kBAAA,KAACA,gBAAAA,OAAO,MAAR;KACE,mBAAmB,GAAG,IAAI;KAC1B,yBAAwB;KACxB,eAAc;KACd,yBAAwB;KACxB,GAAE;KACF,iBAAgB;KAChB,CAAA,CACA;;GACF,CAAA;EACC,CAAA;EAGZ,CAACC,gBAAAA,eAAe,EAAE,gBAAgB,GAAG,YAAY;CAChD,MAAM,OAAOC,gBAAAA,WAAW,MAAM;CAE9B,OAAO;EACL,qBAAqBC,YAAAA,QAAQ,gBAAgB,SAAS;EACtD;EACA,GAAG;EACJ;EACD"}

package/dist/cjs/components/loading/page.cjs

@@ -1,15 +1,11 @@
-const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
-const require_children = require('../../utils/children.cjs');
-require('../../utils/index.cjs');
-const require_factory = require('../motion/factory.cjs');
-require('../motion/index.cjs');
-const require_hooks_use_timeout_index = require('../../hooks/use-timeout/index.cjs');
-const require_text = require('../text/text.cjs');
-require('../text/index.cjs');
-const require_use_loading_component = require('./use-loading-component.cjs');
+require("../../_virtual/_rolldown/runtime.cjs");
+const require_children = require("../../utils/children.cjs");
+const require_factory = require("../motion/factory.cjs");
+const require_hooks_use_timeout_index = require("../../hooks/use-timeout/index.cjs");
+const require_text = require("../text/text.cjs");
+const require_use_loading_component = require("./use-loading-component.cjs");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
-
 //#region src/components/loading/page.tsx
 const variants = {
 	overlay: {
@@ -114,7 +110,7 @@ const Page = (0, react.memo)(({ duration, initial, loadingScheme, message, onFin
 	});
 });
 Page.displayName = "Page";
-
 //#endregion
 exports.Page = Page;
+
 //# sourceMappingURL=page.cjs.map

package/dist/cjs/components/loading/page.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"page.cjs","names":["variants: { [key: string]: Variants }","Page: FC<PageProps>","useLoadingComponent","motion","isValidElement","Text"],"sources":["../../../../src/components/loading/page.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: { [key: string]: Variants } = {\n  overlay: {\n    animate: {\n      opacity: 1,\n      transition: {\n        duration: 0.4,\n        ease: [0.4, 0, 0.2, 1],\n      },\n    },\n    exit: {\n      opacity: 0,\n      transition: {\n        duration: 0.4,\n        ease: [0.4, 0, 1, 1],\n      },\n    },\n    initial: {\n      opacity: 0,\n    },\n  },\n  panel: {\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}\n\nexport interface PageProps extends LoadingSharedProps {}\n\nexport const Page: FC<PageProps> = 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.overlay\"\n        display=\"flex\"\n        exit=\"exit\"\n        h=\"100dvh\"\n        initial={initial}\n        inset={0}\n        justifyContent=\"center\"\n        p=\"md\"\n        position=\"fixed\"\n        variants={variants.overlay}\n        w=\"100vw\"\n        zIndex=\"beerus\"\n      >\n        <motion.div\n          alignItems=\"center\"\n          animate=\"animate\"\n          bg=\"bg.panel\"\n          boxShadow=\"lg\"\n          display=\"flex\"\n          exit=\"exit\"\n          flexDirection=\"column\"\n          gap=\"sm\"\n          initial={initial}\n          justifyContent=\"center\"\n          maxW=\"24rem\"\n          p=\"md\"\n          rounded=\"l2\"\n          variants={variants.panel}\n        >\n          <Component fontSize=\"6xl\" />\n\n          {message ? (\n            isValidElement(message) ? (\n              message\n            ) : (\n              <Text lineClamp={3}>{message}</Text>\n            )\n          ) : null}\n        </motion.div>\n      </motion.div>\n    )\n  },\n)\n\nPage.displayName = \"Page\"\n"],"mappings":";;;;;;;;;;;;;AAUA,MAAMA,WAAwC;CAC5C,SAAS;EACP,SAAS;GACP,SAAS;GACT,YAAY;IACV,UAAU;IACV,MAAM;KAAC;KAAK;KAAG;KAAK;KAAE;IACvB;GACF;EACD,MAAM;GACJ,SAAS;GACT,YAAY;IACV,UAAU;IACV,MAAM;KAAC;KAAK;KAAG;KAAG;KAAE;IACrB;GACF;EACD,SAAS,EACP,SAAS,GACV;EACF;CACD,OAAO;EACL,SAAS;GACP,SAAS;GACT,OAAO;GACP,YAAY;IACV,UAAU;IACV,MAAM;KAAC;KAAK;KAAG;KAAK;KAAE;IACvB;GACF;EACD,MAAM;GACJ,SAAS;GACT,OAAO;GACP,YAAY;IACV,UAAU;IACV,MAAM;KAAC;KAAK;KAAG;KAAG;KAAE;IACrB;GACF;EACD,SAAS;GACP,SAAS;GACT,OAAO;GACR;EACF;CACF;AAID,MAAaC,wBACV,EAAE,UAAU,SAAS,eAAe,SAAS,eAAe;CAC3D,MAAM,YAAYC,kDAAoB,cAAc;AAEpD,4CAAW,UAAU,SAAS;AAE9B,QACE,2CAACC,uBAAO;EACN;EACA,YAAW;EACX,SAAQ;EACR,IAAG;EACH,SAAQ;EACR,MAAK;EACL,GAAE;EACO;EACT,OAAO;EACP,gBAAe;EACf,GAAE;EACF,UAAS;EACT,UAAU,SAAS;EACnB,GAAE;EACF,QAAO;YAEP,4CAACA,uBAAO;GACN,YAAW;GACX,SAAQ;GACR,IAAG;GACH,WAAU;GACV,SAAQ;GACR,MAAK;GACL,eAAc;GACd,KAAI;GACK;GACT,gBAAe;GACf,MAAK;GACL,GAAE;GACF,SAAQ;GACR,UAAU,SAAS;cAEnB,2CAAC,aAAU,UAAS,QAAQ,EAE3B,UACCC,gCAAe,QAAQ,GACrB,UAEA,2CAACC;IAAK,WAAW;cAAI;KAAe,GAEpC;IACO;GACF;EAGlB;AAED,KAAK,cAAc"}
+{"version":3,"file":"page.cjs","names":["useLoadingComponent","motion","isValidElement","Text"],"sources":["../../../../src/components/loading/page.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: { [key: string]: Variants } = {\n  overlay: {\n    animate: {\n      opacity: 1,\n      transition: {\n        duration: 0.4,\n        ease: [0.4, 0, 0.2, 1],\n      },\n    },\n    exit: {\n      opacity: 0,\n      transition: {\n        duration: 0.4,\n        ease: [0.4, 0, 1, 1],\n      },\n    },\n    initial: {\n      opacity: 0,\n    },\n  },\n  panel: {\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}\n\nexport interface PageProps extends LoadingSharedProps {}\n\nexport const Page: FC<PageProps> = 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.overlay\"\n        display=\"flex\"\n        exit=\"exit\"\n        h=\"100dvh\"\n        initial={initial}\n        inset={0}\n        justifyContent=\"center\"\n        p=\"md\"\n        position=\"fixed\"\n        variants={variants.overlay}\n        w=\"100vw\"\n        zIndex=\"beerus\"\n      >\n        <motion.div\n          alignItems=\"center\"\n          animate=\"animate\"\n          bg=\"bg.panel\"\n          boxShadow=\"lg\"\n          display=\"flex\"\n          exit=\"exit\"\n          flexDirection=\"column\"\n          gap=\"sm\"\n          initial={initial}\n          justifyContent=\"center\"\n          maxW=\"24rem\"\n          p=\"md\"\n          rounded=\"l2\"\n          variants={variants.panel}\n        >\n          <Component fontSize=\"6xl\" />\n\n          {message ? (\n            isValidElement(message) ? (\n              message\n            ) : (\n              <Text lineClamp={3}>{message}</Text>\n            )\n          ) : null}\n        </motion.div>\n      </motion.div>\n    )\n  },\n)\n\nPage.displayName = \"Page\"\n"],"mappings":";;;;;;;;;AAUA,MAAM,WAAwC;CAC5C,SAAS;EACP,SAAS;GACP,SAAS;GACT,YAAY;IACV,UAAU;IACV,MAAM;KAAC;KAAK;KAAG;KAAK;KAAE;IACvB;GACF;EACD,MAAM;GACJ,SAAS;GACT,YAAY;IACV,UAAU;IACV,MAAM;KAAC;KAAK;KAAG;KAAG;KAAE;IACrB;GACF;EACD,SAAS,EACP,SAAS,GACV;EACF;CACD,OAAO;EACL,SAAS;GACP,SAAS;GACT,OAAO;GACP,YAAY;IACV,UAAU;IACV,MAAM;KAAC;KAAK;KAAG;KAAK;KAAE;IACvB;GACF;EACD,MAAM;GACJ,SAAS;GACT,OAAO;GACP,YAAY;IACV,UAAU;IACV,MAAM;KAAC;KAAK;KAAG;KAAG;KAAE;IACrB;GACF;EACD,SAAS;GACP,SAAS;GACT,OAAO;GACR;EACF;CACF;AAID,MAAa,QAAA,GAAA,MAAA,OACV,EAAE,UAAU,SAAS,eAAe,SAAS,eAAe;CAC3D,MAAM,YAAYA,8BAAAA,oBAAoB,cAAc;CAEpD,gCAAA,WAAW,UAAU,SAAS;CAE9B,OACE,iBAAA,GAAA,kBAAA,KAACC,gBAAAA,OAAO,KAAR;EACE,gBAAA;EACA,YAAW;EACX,SAAQ;EACR,IAAG;EACH,SAAQ;EACR,MAAK;EACL,GAAE;EACO;EACT,OAAO;EACP,gBAAe;EACf,GAAE;EACF,UAAS;EACT,UAAU,SAAS;EACnB,GAAE;EACF,QAAO;YAEP,iBAAA,GAAA,kBAAA,MAACA,gBAAAA,OAAO,KAAR;GACE,YAAW;GACX,SAAQ;GACR,IAAG;GACH,WAAU;GACV,SAAQ;GACR,MAAK;GACL,eAAc;GACd,KAAI;GACK;GACT,gBAAe;GACf,MAAK;GACL,GAAE;GACF,SAAQ;GACR,UAAU,SAAS;aAdrB,CAgBE,iBAAA,GAAA,kBAAA,KAAC,WAAD,EAAW,UAAS,OAAQ,CAAA,EAE3B,UACCC,iBAAAA,eAAe,QAAQ,GACrB,UAEA,iBAAA,GAAA,kBAAA,KAACC,aAAAA,MAAD;IAAM,WAAW;cAAI;IAAe,CAAA,GAEpC,KACO;;EACF,CAAA;EAGlB;AAED,KAAK,cAAc"}

package/dist/cjs/components/loading/puff.cjs

@@ -1,14 +1,10 @@
 "use client";
-
-const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
-const require_utils_index = require('../../utils/index.cjs');
-const require_factory = require('../../core/system/factory.cjs');
-require('../../core/index.cjs');
-const require_icon = require('../icon/icon.cjs');
-require('../icon/index.cjs');
-const require_loading = require('./loading.cjs');
+require("../../_virtual/_rolldown/runtime.cjs");
+const require_utils_index = require("../../utils/index.cjs");
+const require_factory = require("../../core/system/factory.cjs");
+const require_icon = require("../icon/icon.cjs");
+const require_loading = require("./loading.cjs");
 let react_jsx_runtime = require("react/jsx-runtime");
-
 //#region src/components/loading/puff.tsx
 /**
 * `Loading` is a component displayed during waiting times, such as when data is being loaded.
@@ -70,7 +66,7 @@ const Puff = require_loading.withContext(({ dur = "1.8s", ...rest }) => {
 		})
 	});
 })(require_loading.initialProps, require_loading.superProps);
-
 //#endregion
 exports.Puff = Puff;
+
 //# sourceMappingURL=puff.cjs.map

package/dist/cjs/components/loading/puff.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"puff.cjs","names":["withContext","Icon","styled","initialProps","superProps"],"sources":["../../../../src/components/loading/puff.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 PuffProps 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 Puff = withContext<\"svg\", PuffProps>(\n  ({ dur = \"1.8s\", ...rest }) => {\n    dur = isString(dur) ? parseFloat(dur) : dur\n\n    return (\n      <Icon stroke=\"currentColor\" viewBox=\"0 0 44 44\" {...rest}>\n        <g fill=\"none\" fillRule=\"evenodd\" strokeWidth=\"2\">\n          <styled.circle\n            animationDuration={`${dur}s`}\n            animationIterationCount=\"infinite\"\n            animationTimingFunction=\"cubic-bezier(0.3, 0.61, 0.355, 1)\"\n            cx=\"22px\"\n            cy=\"22px\"\n            r=\"1px\"\n            transformBox=\"fill-box\"\n            transformOrigin=\"center\"\n            vectorEffect=\"non-scaling-stroke\"\n            _keyframes={{\n              \"0%\": { strokeOpacity: 1, transform: \"scale(1)\" },\n              \"100%\": { strokeOpacity: 0, transform: \"scale(20)\" },\n            }}\n          />\n          <styled.circle\n            animationDelay=\"-0.9s\"\n            animationDuration={`${dur}s`}\n            animationIterationCount=\"infinite\"\n            animationTimingFunction=\"cubic-bezier(0.3, 0.61, 0.355, 1)\"\n            cx=\"22px\"\n            cy=\"22px\"\n            r=\"1px\"\n            transformBox=\"fill-box\"\n            transformOrigin=\"center\"\n            vectorEffect=\"non-scaling-stroke\"\n            _keyframes={{\n              \"0%\": { strokeOpacity: 1, transform: \"scale(1)\" },\n              \"100%\": { strokeOpacity: 0, transform: \"scale(20)\" },\n            }}\n          />\n        </g>\n      </Icon>\n    )\n  },\n)(initialProps, superProps)\n"],"mappings":";;;;;;;;;;;;;;;;;AAeA,MAAa,OAAOA,6BACjB,EAAE,MAAM,QAAQ,GAAG,WAAW;AAC7B,uDAAe,IAAI,GAAG,WAAW,IAAI,GAAG;AAExC,QACE,2CAACC;EAAK,QAAO;EAAe,SAAQ;EAAY,GAAI;YAClD,4CAAC;GAAE,MAAK;GAAO,UAAS;GAAU,aAAY;cAC5C,2CAACC,uBAAO;IACN,mBAAmB,GAAG,IAAI;IAC1B,yBAAwB;IACxB,yBAAwB;IACxB,IAAG;IACH,IAAG;IACH,GAAE;IACF,cAAa;IACb,iBAAgB;IAChB,cAAa;IACb,YAAY;KACV,MAAM;MAAE,eAAe;MAAG,WAAW;MAAY;KACjD,QAAQ;MAAE,eAAe;MAAG,WAAW;MAAa;KACrD;KACD,EACF,2CAACA,uBAAO;IACN,gBAAe;IACf,mBAAmB,GAAG,IAAI;IAC1B,yBAAwB;IACxB,yBAAwB;IACxB,IAAG;IACH,IAAG;IACH,GAAE;IACF,cAAa;IACb,iBAAgB;IAChB,cAAa;IACb,YAAY;KACV,MAAM;MAAE,eAAe;MAAG,WAAW;MAAY;KACjD,QAAQ;MAAE,eAAe;MAAG,WAAW;MAAa;KACrD;KACD;IACA;GACC;EAGZ,CAACC,8BAAcC,2BAAW"}
+{"version":3,"file":"puff.cjs","names":["withContext","Icon","styled","initialProps","superProps"],"sources":["../../../../src/components/loading/puff.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 PuffProps 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 Puff = withContext<\"svg\", PuffProps>(\n  ({ dur = \"1.8s\", ...rest }) => {\n    dur = isString(dur) ? parseFloat(dur) : dur\n\n    return (\n      <Icon stroke=\"currentColor\" viewBox=\"0 0 44 44\" {...rest}>\n        <g fill=\"none\" fillRule=\"evenodd\" strokeWidth=\"2\">\n          <styled.circle\n            animationDuration={`${dur}s`}\n            animationIterationCount=\"infinite\"\n            animationTimingFunction=\"cubic-bezier(0.3, 0.61, 0.355, 1)\"\n            cx=\"22px\"\n            cy=\"22px\"\n            r=\"1px\"\n            transformBox=\"fill-box\"\n            transformOrigin=\"center\"\n            vectorEffect=\"non-scaling-stroke\"\n            _keyframes={{\n              \"0%\": { strokeOpacity: 1, transform: \"scale(1)\" },\n              \"100%\": { strokeOpacity: 0, transform: \"scale(20)\" },\n            }}\n          />\n          <styled.circle\n            animationDelay=\"-0.9s\"\n            animationDuration={`${dur}s`}\n            animationIterationCount=\"infinite\"\n            animationTimingFunction=\"cubic-bezier(0.3, 0.61, 0.355, 1)\"\n            cx=\"22px\"\n            cy=\"22px\"\n            r=\"1px\"\n            transformBox=\"fill-box\"\n            transformOrigin=\"center\"\n            vectorEffect=\"non-scaling-stroke\"\n            _keyframes={{\n              \"0%\": { strokeOpacity: 1, transform: \"scale(1)\" },\n              \"100%\": { strokeOpacity: 0, transform: \"scale(20)\" },\n            }}\n          />\n        </g>\n      </Icon>\n    )\n  },\n)(initialProps, superProps)\n"],"mappings":";;;;;;;;;;;;;AAeA,MAAa,OAAOA,gBAAAA,aACjB,EAAE,MAAM,QAAQ,GAAG,WAAW;CAC7B,OAAA,GAAA,oBAAA,cAAA,UAAe,IAAI,GAAG,WAAW,IAAI,GAAG;CAExC,OACE,iBAAA,GAAA,kBAAA,KAACC,aAAAA,MAAD;EAAM,QAAO;EAAe,SAAQ;EAAY,GAAI;YAClD,iBAAA,GAAA,kBAAA,MAAC,KAAD;GAAG,MAAK;GAAO,UAAS;GAAU,aAAY;aAA9C,CACE,iBAAA,GAAA,kBAAA,KAACC,gBAAAA,OAAO,QAAR;IACE,mBAAmB,GAAG,IAAI;IAC1B,yBAAwB;IACxB,yBAAwB;IACxB,IAAG;IACH,IAAG;IACH,GAAE;IACF,cAAa;IACb,iBAAgB;IAChB,cAAa;IACb,YAAY;KACV,MAAM;MAAE,eAAe;MAAG,WAAW;MAAY;KACjD,QAAQ;MAAE,eAAe;MAAG,WAAW;MAAa;KACrD;IACD,CAAA,EACF,iBAAA,GAAA,kBAAA,KAACA,gBAAAA,OAAO,QAAR;IACE,gBAAe;IACf,mBAAmB,GAAG,IAAI;IAC1B,yBAAwB;IACxB,yBAAwB;IACxB,IAAG;IACH,IAAG;IACH,GAAE;IACF,cAAa;IACb,iBAAgB;IAChB,cAAa;IACb,YAAY;KACV,MAAM;MAAE,eAAe;MAAG,WAAW;MAAY;KACjD,QAAQ;MAAE,eAAe;MAAG,WAAW;MAAa;KACrD;IACD,CAAA,CACA;;EACC,CAAA;EAGZ,CAACC,gBAAAA,cAAcC,gBAAAA,WAAW"}

package/dist/cjs/components/loading/rings.cjs

@@ -1,14 +1,10 @@
 "use client";
-
-const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
-const require_utils_index = require('../../utils/index.cjs');
-const require_factory = require('../../core/system/factory.cjs');
-require('../../core/index.cjs');
-const require_icon = require('../icon/icon.cjs');
-require('../icon/index.cjs');
-const require_loading = require('./loading.cjs');
+require("../../_virtual/_rolldown/runtime.cjs");
+const require_utils_index = require("../../utils/index.cjs");
+const require_factory = require("../../core/system/factory.cjs");
+const require_icon = require("../icon/icon.cjs");
+const require_loading = require("./loading.cjs");
 let react_jsx_runtime = require("react/jsx-runtime");
-
 //#region src/components/loading/rings.tsx
 /**
 * `Loading` is a component displayed during waiting times, such as when data is being loaded.
@@ -97,7 +93,7 @@ const Rings = require_loading.withContext(({ dur = "3s", ...rest }) => {
 		})
 	});
 })(require_loading.initialProps, require_loading.superProps);
-
 //#endregion
 exports.Rings = Rings;
+
 //# sourceMappingURL=rings.cjs.map

package/dist/cjs/components/loading/rings.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"rings.cjs","names":["withContext","Icon","styled","initialProps","superProps"],"sources":["../../../../src/components/loading/rings.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 RingsProps 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 Rings = withContext<\"svg\", RingsProps>(\n  ({ dur = \"3s\", ...rest }) => {\n    dur = isString(dur) ? parseFloat(dur) : dur\n\n    return (\n      <Icon stroke=\"currentColor\" viewBox=\"0 0 45 45\" {...rest}>\n        <g\n          fill=\"none\"\n          fillRule=\"evenodd\"\n          strokeWidth=\"2\"\n          transform=\"translate(1 1)\"\n        >\n          <styled.circle\n            animationDelay=\"1.5s\"\n            animationDuration={`${dur}s`}\n            animationIterationCount=\"infinite\"\n            animationTimingFunction=\"linear\"\n            cx=\"22px\"\n            cy=\"22px\"\n            r=\"6px\"\n            strokeOpacity=\"0\"\n            transformBox=\"fill-box\"\n            transformOrigin=\"center\"\n            _keyframes={{\n              \"0%\": {\n                strokeOpacity: \"1\",\n                strokeWidth: \"2\",\n                transform: \"scale(1)\",\n              },\n              \"100%\": {\n                strokeOpacity: \"0\",\n                strokeWidth: \"0\",\n                transform: \"scale(calc(22 / 6))\",\n              },\n            }}\n          />\n          <styled.circle\n            animationDelay=\"3s\"\n            animationDuration={`${dur}s`}\n            animationIterationCount=\"infinite\"\n            animationTimingFunction=\"linear\"\n            cx=\"22px\"\n            cy=\"22px\"\n            r=\"6px\"\n            strokeOpacity=\"0\"\n            transformBox=\"fill-box\"\n            transformOrigin=\"center\"\n            _keyframes={{\n              \"0%\": {\n                strokeOpacity: \"1\",\n                strokeWidth: \"2\",\n                transform: \"scale(1)\",\n              },\n              \"100%\": {\n                strokeOpacity: \"0\",\n                strokeWidth: \"0\",\n                transform: \"scale(calc(22 / 6))\",\n              },\n            }}\n          />\n          <styled.circle\n            animationDuration={`${dur / 2}s`}\n            animationIterationCount=\"infinite\"\n            animationTimingFunction=\"linear\"\n            cx=\"22px\"\n            cy=\"22px\"\n            r=\"8px\"\n            transformBox=\"fill-box\"\n            transformOrigin=\"center\"\n            _keyframes={{\n              \"0%, 100%\": { transform: \"scale(calc(6 / 8))\" },\n              \"16.7%\": { transform: \"scale(calc(1 / 8))\" },\n              \"33.3%\": { transform: \"scale(calc(2 / 8))\" },\n              \"50%\": { transform: \"scale(calc(3 / 8))\" },\n              \"66.7%\": { transform: \"scale(calc(4 / 8))\" },\n              \"83.3%\": { transform: \"scale(calc(5 / 8))\" },\n            }}\n          />\n        </g>\n      </Icon>\n    )\n  },\n)(initialProps, superProps)\n"],"mappings":";;;;;;;;;;;;;;;;;AAeA,MAAa,QAAQA,6BAClB,EAAE,MAAM,MAAM,GAAG,WAAW;AAC3B,uDAAe,IAAI,GAAG,WAAW,IAAI,GAAG;AAExC,QACE,2CAACC;EAAK,QAAO;EAAe,SAAQ;EAAY,GAAI;YAClD,4CAAC;GACC,MAAK;GACL,UAAS;GACT,aAAY;GACZ,WAAU;;IAEV,2CAACC,uBAAO;KACN,gBAAe;KACf,mBAAmB,GAAG,IAAI;KAC1B,yBAAwB;KACxB,yBAAwB;KACxB,IAAG;KACH,IAAG;KACH,GAAE;KACF,eAAc;KACd,cAAa;KACb,iBAAgB;KAChB,YAAY;MACV,MAAM;OACJ,eAAe;OACf,aAAa;OACb,WAAW;OACZ;MACD,QAAQ;OACN,eAAe;OACf,aAAa;OACb,WAAW;OACZ;MACF;MACD;IACF,2CAACA,uBAAO;KACN,gBAAe;KACf,mBAAmB,GAAG,IAAI;KAC1B,yBAAwB;KACxB,yBAAwB;KACxB,IAAG;KACH,IAAG;KACH,GAAE;KACF,eAAc;KACd,cAAa;KACb,iBAAgB;KAChB,YAAY;MACV,MAAM;OACJ,eAAe;OACf,aAAa;OACb,WAAW;OACZ;MACD,QAAQ;OACN,eAAe;OACf,aAAa;OACb,WAAW;OACZ;MACF;MACD;IACF,2CAACA,uBAAO;KACN,mBAAmB,GAAG,MAAM,EAAE;KAC9B,yBAAwB;KACxB,yBAAwB;KACxB,IAAG;KACH,IAAG;KACH,GAAE;KACF,cAAa;KACb,iBAAgB;KAChB,YAAY;MACV,YAAY,EAAE,WAAW,sBAAsB;MAC/C,SAAS,EAAE,WAAW,sBAAsB;MAC5C,SAAS,EAAE,WAAW,sBAAsB;MAC5C,OAAO,EAAE,WAAW,sBAAsB;MAC1C,SAAS,EAAE,WAAW,sBAAsB;MAC5C,SAAS,EAAE,WAAW,sBAAsB;MAC7C;MACD;;IACA;GACC;EAGZ,CAACC,8BAAcC,2BAAW"}
+{"version":3,"file":"rings.cjs","names":["withContext","Icon","styled","initialProps","superProps"],"sources":["../../../../src/components/loading/rings.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 RingsProps 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 Rings = withContext<\"svg\", RingsProps>(\n  ({ dur = \"3s\", ...rest }) => {\n    dur = isString(dur) ? parseFloat(dur) : dur\n\n    return (\n      <Icon stroke=\"currentColor\" viewBox=\"0 0 45 45\" {...rest}>\n        <g\n          fill=\"none\"\n          fillRule=\"evenodd\"\n          strokeWidth=\"2\"\n          transform=\"translate(1 1)\"\n        >\n          <styled.circle\n            animationDelay=\"1.5s\"\n            animationDuration={`${dur}s`}\n            animationIterationCount=\"infinite\"\n            animationTimingFunction=\"linear\"\n            cx=\"22px\"\n            cy=\"22px\"\n            r=\"6px\"\n            strokeOpacity=\"0\"\n            transformBox=\"fill-box\"\n            transformOrigin=\"center\"\n            _keyframes={{\n              \"0%\": {\n                strokeOpacity: \"1\",\n                strokeWidth: \"2\",\n                transform: \"scale(1)\",\n              },\n              \"100%\": {\n                strokeOpacity: \"0\",\n                strokeWidth: \"0\",\n                transform: \"scale(calc(22 / 6))\",\n              },\n            }}\n          />\n          <styled.circle\n            animationDelay=\"3s\"\n            animationDuration={`${dur}s`}\n            animationIterationCount=\"infinite\"\n            animationTimingFunction=\"linear\"\n            cx=\"22px\"\n            cy=\"22px\"\n            r=\"6px\"\n            strokeOpacity=\"0\"\n            transformBox=\"fill-box\"\n            transformOrigin=\"center\"\n            _keyframes={{\n              \"0%\": {\n                strokeOpacity: \"1\",\n                strokeWidth: \"2\",\n                transform: \"scale(1)\",\n              },\n              \"100%\": {\n                strokeOpacity: \"0\",\n                strokeWidth: \"0\",\n                transform: \"scale(calc(22 / 6))\",\n              },\n            }}\n          />\n          <styled.circle\n            animationDuration={`${dur / 2}s`}\n            animationIterationCount=\"infinite\"\n            animationTimingFunction=\"linear\"\n            cx=\"22px\"\n            cy=\"22px\"\n            r=\"8px\"\n            transformBox=\"fill-box\"\n            transformOrigin=\"center\"\n            _keyframes={{\n              \"0%, 100%\": { transform: \"scale(calc(6 / 8))\" },\n              \"16.7%\": { transform: \"scale(calc(1 / 8))\" },\n              \"33.3%\": { transform: \"scale(calc(2 / 8))\" },\n              \"50%\": { transform: \"scale(calc(3 / 8))\" },\n              \"66.7%\": { transform: \"scale(calc(4 / 8))\" },\n              \"83.3%\": { transform: \"scale(calc(5 / 8))\" },\n            }}\n          />\n        </g>\n      </Icon>\n    )\n  },\n)(initialProps, superProps)\n"],"mappings":";;;;;;;;;;;;;AAeA,MAAa,QAAQA,gBAAAA,aAClB,EAAE,MAAM,MAAM,GAAG,WAAW;CAC3B,OAAA,GAAA,oBAAA,cAAA,UAAe,IAAI,GAAG,WAAW,IAAI,GAAG;CAExC,OACE,iBAAA,GAAA,kBAAA,KAACC,aAAAA,MAAD;EAAM,QAAO;EAAe,SAAQ;EAAY,GAAI;YAClD,iBAAA,GAAA,kBAAA,MAAC,KAAD;GACE,MAAK;GACL,UAAS;GACT,aAAY;GACZ,WAAU;aAJZ;IAME,iBAAA,GAAA,kBAAA,KAACC,gBAAAA,OAAO,QAAR;KACE,gBAAe;KACf,mBAAmB,GAAG,IAAI;KAC1B,yBAAwB;KACxB,yBAAwB;KACxB,IAAG;KACH,IAAG;KACH,GAAE;KACF,eAAc;KACd,cAAa;KACb,iBAAgB;KAChB,YAAY;MACV,MAAM;OACJ,eAAe;OACf,aAAa;OACb,WAAW;OACZ;MACD,QAAQ;OACN,eAAe;OACf,aAAa;OACb,WAAW;OACZ;MACF;KACD,CAAA;IACF,iBAAA,GAAA,kBAAA,KAACA,gBAAAA,OAAO,QAAR;KACE,gBAAe;KACf,mBAAmB,GAAG,IAAI;KAC1B,yBAAwB;KACxB,yBAAwB;KACxB,IAAG;KACH,IAAG;KACH,GAAE;KACF,eAAc;KACd,cAAa;KACb,iBAAgB;KAChB,YAAY;MACV,MAAM;OACJ,eAAe;OACf,aAAa;OACb,WAAW;OACZ;MACD,QAAQ;OACN,eAAe;OACf,aAAa;OACb,WAAW;OACZ;MACF;KACD,CAAA;IACF,iBAAA,GAAA,kBAAA,KAACA,gBAAAA,OAAO,QAAR;KACE,mBAAmB,GAAG,MAAM,EAAE;KAC9B,yBAAwB;KACxB,yBAAwB;KACxB,IAAG;KACH,IAAG;KACH,GAAE;KACF,cAAa;KACb,iBAAgB;KAChB,YAAY;MACV,YAAY,EAAE,WAAW,sBAAsB;MAC/C,SAAS,EAAE,WAAW,sBAAsB;MAC5C,SAAS,EAAE,WAAW,sBAAsB;MAC5C,OAAO,EAAE,WAAW,sBAAsB;MAC1C,SAAS,EAAE,WAAW,sBAAsB;MAC5C,SAAS,EAAE,WAAW,sBAAsB;MAC7C;KACD,CAAA;IACA;;EACC,CAAA;EAGZ,CAACC,gBAAAA,cAAcC,gBAAAA,WAAW"}

package/dist/cjs/components/loading/screen.cjs

@@ -1,17 +1,12 @@
-const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
-const require_children = require('../../utils/children.cjs');
-require('../../utils/index.cjs');
-const require_factory = require('../motion/factory.cjs');
-require('../motion/index.cjs');
-const require_hooks_use_timeout_index = require('../../hooks/use-timeout/index.cjs');
-const require_text = require('../text/text.cjs');
-require('../text/index.cjs');
-const require_use_loading_component = require('./use-loading-component.cjs');
-const require_center = require('../center/center.cjs');
-require('../center/index.cjs');
+require("../../_virtual/_rolldown/runtime.cjs");
+const require_children = require("../../utils/children.cjs");
+const require_factory = require("../motion/factory.cjs");
+const require_hooks_use_timeout_index = require("../../hooks/use-timeout/index.cjs");
+const require_text = require("../text/text.cjs");
+const require_use_loading_component = require("./use-loading-component.cjs");
+const require_center = require("../center/center.cjs");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
-
 //#region src/components/loading/screen.tsx
 const variants = {
 	animate: {
@@ -71,7 +66,7 @@ const Screen = (0, react.memo)(({ duration, initial, loadingScheme, message, onF
 	});
 });
 Screen.displayName = "Screen";
-
 //#endregion
 exports.Screen = Screen;
+
 //# sourceMappingURL=screen.cjs.map

package/dist/cjs/components/loading/screen.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"screen.cjs","names":["variants: Variants","Screen: FC<ScreenProps>","useLoadingComponent","motion","Center","isValidElement","Text"],"sources":["../../../../src/components/loading/screen.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 { Center } from \"../center\"\nimport { motion } from \"../motion\"\nimport { Text } from \"../text\"\nimport { useLoadingComponent } from \"./use-loading-component\"\n\nconst variants: Variants = {\n  animate: {\n    opacity: 1,\n    transition: {\n      duration: 0.4,\n      ease: [0.4, 0, 0.2, 1],\n    },\n  },\n  exit: {\n    opacity: 0,\n    transition: {\n      duration: 0.4,\n      ease: [0.4, 0, 1, 1],\n    },\n  },\n  initial: {\n    opacity: 0,\n  },\n}\n\nexport interface ScreenProps extends LoadingSharedProps {}\n\nexport const Screen: FC<ScreenProps> = 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\"\n        display=\"flex\"\n        exit=\"exit\"\n        h=\"100dvh\"\n        initial={initial}\n        inset={0}\n        justifyContent=\"center\"\n        p=\"md\"\n        position=\"fixed\"\n        variants={variants}\n        w=\"100vw\"\n        zIndex=\"beerus\"\n      >\n        <Center flexDirection=\"column\" gap=\"sm\" maxW=\"24rem\">\n          <Component fontSize=\"6xl\" />\n\n          {message ? (\n            isValidElement(message) ? (\n              message\n            ) : (\n              <Text lineClamp={3}>{message}</Text>\n            )\n          ) : null}\n        </Center>\n      </motion.div>\n    )\n  },\n)\n\nScreen.displayName = \"Screen\"\n"],"mappings":";;;;;;;;;;;;;;;AAWA,MAAMA,WAAqB;CACzB,SAAS;EACP,SAAS;EACT,YAAY;GACV,UAAU;GACV,MAAM;IAAC;IAAK;IAAG;IAAK;IAAE;GACvB;EACF;CACD,MAAM;EACJ,SAAS;EACT,YAAY;GACV,UAAU;GACV,MAAM;IAAC;IAAK;IAAG;IAAG;IAAE;GACrB;EACF;CACD,SAAS,EACP,SAAS,GACV;CACF;AAID,MAAaC,0BACV,EAAE,UAAU,SAAS,eAAe,SAAS,eAAe;CAC3D,MAAM,YAAYC,kDAAoB,cAAc;AAEpD,4CAAW,UAAU,SAAS;AAE9B,QACE,2CAACC,uBAAO;EACN;EACA,YAAW;EACX,SAAQ;EACR,IAAG;EACH,SAAQ;EACR,MAAK;EACL,GAAE;EACO;EACT,OAAO;EACP,gBAAe;EACf,GAAE;EACF,UAAS;EACC;EACV,GAAE;EACF,QAAO;YAEP,4CAACC;GAAO,eAAc;GAAS,KAAI;GAAK,MAAK;cAC3C,2CAAC,aAAU,UAAS,QAAQ,EAE3B,UACCC,gCAAe,QAAQ,GACrB,UAEA,2CAACC;IAAK,WAAW;cAAI;KAAe,GAEpC;IACG;GACE;EAGlB;AAED,OAAO,cAAc"}
+{"version":3,"file":"screen.cjs","names":["useLoadingComponent","motion","Center","isValidElement","Text"],"sources":["../../../../src/components/loading/screen.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 { Center } from \"../center\"\nimport { motion } from \"../motion\"\nimport { Text } from \"../text\"\nimport { useLoadingComponent } from \"./use-loading-component\"\n\nconst variants: Variants = {\n  animate: {\n    opacity: 1,\n    transition: {\n      duration: 0.4,\n      ease: [0.4, 0, 0.2, 1],\n    },\n  },\n  exit: {\n    opacity: 0,\n    transition: {\n      duration: 0.4,\n      ease: [0.4, 0, 1, 1],\n    },\n  },\n  initial: {\n    opacity: 0,\n  },\n}\n\nexport interface ScreenProps extends LoadingSharedProps {}\n\nexport const Screen: FC<ScreenProps> = 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\"\n        display=\"flex\"\n        exit=\"exit\"\n        h=\"100dvh\"\n        initial={initial}\n        inset={0}\n        justifyContent=\"center\"\n        p=\"md\"\n        position=\"fixed\"\n        variants={variants}\n        w=\"100vw\"\n        zIndex=\"beerus\"\n      >\n        <Center flexDirection=\"column\" gap=\"sm\" maxW=\"24rem\">\n          <Component fontSize=\"6xl\" />\n\n          {message ? (\n            isValidElement(message) ? (\n              message\n            ) : (\n              <Text lineClamp={3}>{message}</Text>\n            )\n          ) : null}\n        </Center>\n      </motion.div>\n    )\n  },\n)\n\nScreen.displayName = \"Screen\"\n"],"mappings":";;;;;;;;;;AAWA,MAAM,WAAqB;CACzB,SAAS;EACP,SAAS;EACT,YAAY;GACV,UAAU;GACV,MAAM;IAAC;IAAK;IAAG;IAAK;IAAE;GACvB;EACF;CACD,MAAM;EACJ,SAAS;EACT,YAAY;GACV,UAAU;GACV,MAAM;IAAC;IAAK;IAAG;IAAG;IAAE;GACrB;EACF;CACD,SAAS,EACP,SAAS,GACV;CACF;AAID,MAAa,UAAA,GAAA,MAAA,OACV,EAAE,UAAU,SAAS,eAAe,SAAS,eAAe;CAC3D,MAAM,YAAYA,8BAAAA,oBAAoB,cAAc;CAEpD,gCAAA,WAAW,UAAU,SAAS;CAE9B,OACE,iBAAA,GAAA,kBAAA,KAACC,gBAAAA,OAAO,KAAR;EACE,gBAAA;EACA,YAAW;EACX,SAAQ;EACR,IAAG;EACH,SAAQ;EACR,MAAK;EACL,GAAE;EACO;EACT,OAAO;EACP,gBAAe;EACf,GAAE;EACF,UAAS;EACC;EACV,GAAE;EACF,QAAO;YAEP,iBAAA,GAAA,kBAAA,MAACC,eAAAA,QAAD;GAAQ,eAAc;GAAS,KAAI;GAAK,MAAK;aAA7C,CACE,iBAAA,GAAA,kBAAA,KAAC,WAAD,EAAW,UAAS,OAAQ,CAAA,EAE3B,UACCC,iBAAAA,eAAe,QAAQ,GACrB,UAEA,iBAAA,GAAA,kBAAA,KAACC,aAAAA,MAAD;IAAM,WAAW;cAAI;IAAe,CAAA,GAEpC,KACG;;EACE,CAAA;EAGlB;AAED,OAAO,cAAc"}

package/dist/cjs/components/loading/suspense.cjs

@@ -1,12 +1,9 @@
 "use client";
-
-const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
-const require_factory = require('../../core/system/factory.cjs');
-require('../../core/index.cjs');
-const require_use_loading_component = require('./use-loading-component.cjs');
+require("../../_virtual/_rolldown/runtime.cjs");
+const require_factory = require("../../core/system/factory.cjs");
+const require_use_loading_component = require("./use-loading-component.cjs");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
-
 //#region src/components/loading/suspense.tsx
 const Suspense = ({ name, children, fallback, loadingScheme = "oval", loadingProps, ...rest }) => {
 	const Component = require_use_loading_component.useLoadingComponent(loadingScheme);
@@ -25,7 +22,7 @@ const Suspense = ({ name, children, fallback, loadingScheme = "oval", loadingPro
 		children
 	});
 };
-
 //#endregion
 exports.Suspense = Suspense;
+
 //# sourceMappingURL=suspense.cjs.map

package/dist/cjs/components/loading/suspense.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"suspense.cjs","names":["Suspense: FC<SuspenseProps>","useLoadingComponent","OriginalSuspense","styled"],"sources":["../../../../src/components/loading/suspense.tsx"],"sourcesContent":["\"use client\"\n\nimport type { FC, SuspenseProps as OriginalSuspenseProps } from \"react\"\nimport type { HTMLStyledProps, LoadingScheme } from \"../../core\"\nimport type { LoadingProps } from \"./loading\"\nimport { Suspense as OriginalSuspense } from \"react\"\nimport { styled } from \"../../core\"\nimport { useLoadingComponent } from \"./use-loading-component\"\n\nexport interface SuspenseProps extends HTMLStyledProps, OriginalSuspenseProps {\n  /**\n   * The loading scheme.\n   */\n  loadingScheme?: LoadingScheme\n  /**\n   * The loading props.\n   */\n  loadingProps?: LoadingProps\n}\n\nexport const Suspense: FC<SuspenseProps> = ({\n  name,\n  children,\n  fallback,\n  loadingScheme = \"oval\",\n  loadingProps,\n  ...rest\n}) => {\n  const Component = useLoadingComponent(loadingScheme)\n\n  return (\n    <OriginalSuspense\n      name={name}\n      fallback={\n        fallback ?? (\n          <styled.div boxSize=\"full\" display=\"center\" fontSize=\"6xl\" {...rest}>\n            <Component fontSize=\"1em\" {...loadingProps} />\n          </styled.div>\n        )\n      }\n    >\n      {children}\n    </OriginalSuspense>\n  )\n}\n"],"mappings":";;;;;;;;;;AAoBA,MAAaA,YAA+B,EAC1C,MACA,UACA,UACA,gBAAgB,QAChB,cACA,GAAG,WACC;CACJ,MAAM,YAAYC,kDAAoB,cAAc;AAEpD,QACE,2CAACC;EACO;EACN,UACE,YACE,2CAACC,uBAAO;GAAI,SAAQ;GAAO,SAAQ;GAAS,UAAS;GAAM,GAAI;aAC7D,2CAAC;IAAU,UAAS;IAAM,GAAI;KAAgB;IACnC;EAIhB;GACgB"}
+{"version":3,"file":"suspense.cjs","names":["useLoadingComponent","OriginalSuspense","styled"],"sources":["../../../../src/components/loading/suspense.tsx"],"sourcesContent":["\"use client\"\n\nimport type { FC, SuspenseProps as OriginalSuspenseProps } from \"react\"\nimport type { HTMLStyledProps, LoadingScheme } from \"../../core\"\nimport type { LoadingProps } from \"./loading\"\nimport { Suspense as OriginalSuspense } from \"react\"\nimport { styled } from \"../../core\"\nimport { useLoadingComponent } from \"./use-loading-component\"\n\nexport interface SuspenseProps extends HTMLStyledProps, OriginalSuspenseProps {\n  /**\n   * The loading scheme.\n   */\n  loadingScheme?: LoadingScheme\n  /**\n   * The loading props.\n   */\n  loadingProps?: LoadingProps\n}\n\nexport const Suspense: FC<SuspenseProps> = ({\n  name,\n  children,\n  fallback,\n  loadingScheme = \"oval\",\n  loadingProps,\n  ...rest\n}) => {\n  const Component = useLoadingComponent(loadingScheme)\n\n  return (\n    <OriginalSuspense\n      name={name}\n      fallback={\n        fallback ?? (\n          <styled.div boxSize=\"full\" display=\"center\" fontSize=\"6xl\" {...rest}>\n            <Component fontSize=\"1em\" {...loadingProps} />\n          </styled.div>\n        )\n      }\n    >\n      {children}\n    </OriginalSuspense>\n  )\n}\n"],"mappings":";;;;;;;AAoBA,MAAa,YAA+B,EAC1C,MACA,UACA,UACA,gBAAgB,QAChB,cACA,GAAG,WACC;CACJ,MAAM,YAAYA,8BAAAA,oBAAoB,cAAc;CAEpD,OACE,iBAAA,GAAA,kBAAA,KAACC,MAAAA,UAAD;EACQ;EACN,UACE,YACE,iBAAA,GAAA,kBAAA,KAACC,gBAAAA,OAAO,KAAR;GAAY,SAAQ;GAAO,SAAQ;GAAS,UAAS;GAAM,GAAI;aAC7D,iBAAA,GAAA,kBAAA,KAAC,WAAD;IAAW,UAAS;IAAM,GAAI;IAAgB,CAAA;GACnC,CAAA;EAIhB;EACgB,CAAA"}

package/dist/cjs/components/loading/use-loading-component.cjs

@@ -1,9 +1,7 @@
-const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
-const require_utils_index = require('../../utils/index.cjs');
-const require_namespace = require('./namespace.cjs');
-require('./index.cjs');
+require("../../_virtual/_rolldown/runtime.cjs");
+const require_utils_index = require("../../utils/index.cjs");
+const require_namespace = require("./namespace.cjs");
 let react = require("react");
-
 //#region src/components/loading/use-loading-component.ts
 const useLoadingComponent = (scheme) => {
 	return (0, react.useMemo)(() => require_namespace.namespace_exports[(0, require_utils_index.utils_exports.toPascalCase)(scheme)], [scheme]);
@@ -14,9 +12,9 @@ const getLoadingComponent = (scheme) => {
 const isLoadingScheme = (scheme) => {
 	return (0, require_utils_index.utils_exports.isString)(scheme) && (0, require_utils_index.utils_exports.toPascalCase)(scheme) in require_namespace.namespace_exports;
 };
-
 //#endregion
 exports.getLoadingComponent = getLoadingComponent;
 exports.isLoadingScheme = isLoadingScheme;
 exports.useLoadingComponent = useLoadingComponent;
+
 //# sourceMappingURL=use-loading-component.cjs.map

package/dist/cjs/components/loading/use-loading-component.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"use-loading-component.cjs","names":["Loading"],"sources":["../../../../src/components/loading/use-loading-component.ts"],"sourcesContent":["import type { Component } from \"../../core\"\nimport { useMemo } from \"react\"\nimport { isString, toPascalCase } from \"../../utils\"\nimport { Loading } from \"./\"\n\nexport const useLoadingComponent = (\n  scheme: Loading.Scheme,\n): Component<\"svg\", Loading.Props> => {\n  const Component = useMemo(\n    () =>\n      Loading[toPascalCase(scheme) as keyof typeof Loading] as Component<\n        \"svg\",\n        Loading.Props\n      >,\n    [scheme],\n  )\n\n  return Component\n}\n\nexport const getLoadingComponent = (\n  scheme: Loading.Scheme,\n): Component<\"svg\", Loading.Props> => {\n  return Loading[toPascalCase(scheme) as keyof typeof Loading] as Component<\n    \"svg\",\n    Loading.Props\n  >\n}\n\nexport const isLoadingScheme = (scheme: any): scheme is Loading.Scheme => {\n  return isString(scheme) && toPascalCase(scheme) in Loading\n}\n"],"mappings":";;;;;;;AAKA,MAAa,uBACX,WACoC;AAUpC,iCAPIA,wFAAqB,OAAO,GAI9B,CAAC,OAAO,CACT;;AAKH,MAAa,uBACX,WACoC;AACpC,QAAOA,wFAAqB,OAAO;;AAMrC,MAAa,mBAAmB,WAA0C;AACxE,wDAAgB,OAAO,wDAAiB,OAAO,IAAIA"}
+{"version":3,"file":"use-loading-component.cjs","names":["Loading"],"sources":["../../../../src/components/loading/use-loading-component.ts"],"sourcesContent":["import type { Component } from \"../../core\"\nimport { useMemo } from \"react\"\nimport { isString, toPascalCase } from \"../../utils\"\nimport { Loading } from \"./\"\n\nexport const useLoadingComponent = (\n  scheme: Loading.Scheme,\n): Component<\"svg\", Loading.Props> => {\n  const Component = useMemo(\n    () =>\n      Loading[toPascalCase(scheme) as keyof typeof Loading] as Component<\n        \"svg\",\n        Loading.Props\n      >,\n    [scheme],\n  )\n\n  return Component\n}\n\nexport const getLoadingComponent = (\n  scheme: Loading.Scheme,\n): Component<\"svg\", Loading.Props> => {\n  return Loading[toPascalCase(scheme) as keyof typeof Loading] as Component<\n    \"svg\",\n    Loading.Props\n  >\n}\n\nexport const isLoadingScheme = (scheme: any): scheme is Loading.Scheme => {\n  return isString(scheme) && toPascalCase(scheme) in Loading\n}\n"],"mappings":";;;;;AAKA,MAAa,uBACX,WACoC;CAUpC,QAAA,GAAA,MAAA,eAPIA,kBAAAA,mBAAAA,GAAAA,oBAAAA,cAAAA,cAAqB,OAAO,GAI9B,CAAC,OAAO,CAGM;;AAGlB,MAAa,uBACX,WACoC;CACpC,OAAOA,kBAAAA,mBAAAA,GAAAA,oBAAAA,cAAAA,cAAqB,OAAO;;AAMrC,MAAa,mBAAmB,WAA0C;CACxE,QAAA,GAAA,oBAAA,cAAA,UAAgB,OAAO,KAAA,GAAA,oBAAA,cAAA,cAAiB,OAAO,IAAIA,kBAAAA"}

package/dist/cjs/components/mark/index.cjs

@@ -1,7 +1,7 @@
-const require_mark_style = require('./mark.style.cjs');
-const require_mark = require('./mark.cjs');
-
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_mark_style = require("./mark.style.cjs");
+const require_mark = require("./mark.cjs");
 exports.Mark = require_mark.Mark;
 exports.MarkPropsContext = require_mark.MarkPropsContext;
 exports.markStyle = require_mark_style.markStyle;
-exports.useMarkPropsContext = require_mark.useMarkPropsContext;
+exports.useMarkPropsContext = require_mark.useMarkPropsContext;

package/dist/cjs/components/mark/mark.cjs

@@ -1,9 +1,6 @@
 "use client";
-
-const require_create_component = require('../../core/components/create-component.cjs');
-require('../../core/index.cjs');
-const require_mark_style = require('./mark.style.cjs');
-
+const require_create_component = require("../../core/components/create-component.cjs");
+const require_mark_style = require("./mark.style.cjs");
 //#region src/components/mark/mark.tsx
 const { PropsContext: MarkPropsContext, usePropsContext: useMarkPropsContext, withContext } = require_create_component.createComponent("mark", require_mark_style.markStyle);
 /**
@@ -12,9 +9,9 @@ const { PropsContext: MarkPropsContext, usePropsContext: useMarkPropsContext, wi
 * @see https://yamada-ui.com/docs/components/mark
 */
 const Mark = withContext("mark")();
-
 //#endregion
 exports.Mark = Mark;
 exports.MarkPropsContext = MarkPropsContext;
 exports.useMarkPropsContext = useMarkPropsContext;
+
 //# sourceMappingURL=mark.cjs.map

package/dist/cjs/components/mark/mark.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"mark.cjs","names":["createComponent","markStyle"],"sources":["../../../../src/components/mark/mark.tsx"],"sourcesContent":["\"use client\"\n\nimport type { HTMLStyledProps, ThemeProps } from \"../../core\"\nimport type { MarkStyle } from \"./mark.style\"\nimport { createComponent } from \"../../core\"\nimport { markStyle } from \"./mark.style\"\n\nexport interface MarkProps\n  extends HTMLStyledProps<\"mark\">, ThemeProps<MarkStyle> {}\n\nconst {\n  PropsContext: MarkPropsContext,\n  usePropsContext: useMarkPropsContext,\n  withContext,\n} = createComponent<MarkProps, MarkStyle>(\"mark\", markStyle)\n\nexport { MarkPropsContext, useMarkPropsContext }\n\n/**\n * `Mark` is a component that emphasizes a specific part of the text.\n *\n * @see https://yamada-ui.com/docs/components/mark\n */\nexport const Mark = withContext(\"mark\")()\n"],"mappings":";;;;;;;AAUA,MAAM,EACJ,cAAc,kBACd,iBAAiB,qBACjB,gBACEA,yCAAsC,QAAQC,6BAAU;;;;;;AAS5D,MAAa,OAAO,YAAY,OAAO,EAAE"}
+{"version":3,"file":"mark.cjs","names":["createComponent","markStyle"],"sources":["../../../../src/components/mark/mark.tsx"],"sourcesContent":["\"use client\"\n\nimport type { HTMLStyledProps, ThemeProps } from \"../../core\"\nimport type { MarkStyle } from \"./mark.style\"\nimport { createComponent } from \"../../core\"\nimport { markStyle } from \"./mark.style\"\n\nexport interface MarkProps\n  extends HTMLStyledProps<\"mark\">, ThemeProps<MarkStyle> {}\n\nconst {\n  PropsContext: MarkPropsContext,\n  usePropsContext: useMarkPropsContext,\n  withContext,\n} = createComponent<MarkProps, MarkStyle>(\"mark\", markStyle)\n\nexport { MarkPropsContext, useMarkPropsContext }\n\n/**\n * `Mark` is a component that emphasizes a specific part of the text.\n *\n * @see https://yamada-ui.com/docs/components/mark\n */\nexport const Mark = withContext(\"mark\")()\n"],"mappings":";;;;AAUA,MAAM,EACJ,cAAc,kBACd,iBAAiB,qBACjB,gBACEA,yBAAAA,gBAAsC,QAAQC,mBAAAA,UAAU;;;;;;AAS5D,MAAa,OAAO,YAAY,OAAO,EAAE"}

package/dist/cjs/components/mark/mark.style.cjs

@@ -1,8 +1,5 @@
-const require_config = require('../../core/system/config.cjs');
-require('../../core/index.cjs');
-
 //#region src/components/mark/mark.style.ts
-const markStyle = require_config.defineComponentStyle({
+const markStyle = require("../../core/system/config.cjs").defineComponentStyle({
 	base: {
 		bg: "transparent",
 		whiteSpace: "nowrap"
@@ -15,7 +12,7 @@ const markStyle = require_config.defineComponentStyle({
 	},
 	defaultProps: { variant: "subtle" }
 });
-
 //#endregion
 exports.markStyle = markStyle;
+
 //# sourceMappingURL=mark.style.cjs.map

package/dist/cjs/components/mark/mark.style.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"mark.style.cjs","names":["defineComponentStyle"],"sources":["../../../../src/components/mark/mark.style.ts"],"sourcesContent":["import { defineComponentStyle } from \"../../core\"\n\nexport const markStyle = defineComponentStyle({\n  base: {\n    bg: \"transparent\",\n    whiteSpace: \"nowrap\",\n  },\n\n  variants: {\n    accent: {\n      color: \"colorScheme.solid\",\n    },\n    solid: {\n      layerStyle: \"solid\",\n    },\n    subtle: {\n      layerStyle: \"subtle\",\n    },\n    text: {\n      fontWeight: \"semibold\",\n    },\n  },\n\n  defaultProps: {\n    variant: \"subtle\",\n  },\n})\n\nexport type MarkStyle = typeof markStyle\n"],"mappings":";;;;AAEA,MAAa,YAAYA,oCAAqB;CAC5C,MAAM;EACJ,IAAI;EACJ,YAAY;EACb;CAED,UAAU;EACR,QAAQ,EACN,OAAO,qBACR;EACD,OAAO,EACL,YAAY,SACb;EACD,QAAQ,EACN,YAAY,UACb;EACD,MAAM,EACJ,YAAY,YACb;EACF;CAED,cAAc,EACZ,SAAS,UACV;CACF,CAAC"}
+{"version":3,"file":"mark.style.cjs","names":["defineComponentStyle"],"sources":["../../../../src/components/mark/mark.style.ts"],"sourcesContent":["import { defineComponentStyle } from \"../../core\"\n\nexport const markStyle = defineComponentStyle({\n  base: {\n    bg: \"transparent\",\n    whiteSpace: \"nowrap\",\n  },\n\n  variants: {\n    accent: {\n      color: \"colorScheme.solid\",\n    },\n    solid: {\n      layerStyle: \"solid\",\n    },\n    subtle: {\n      layerStyle: \"subtle\",\n    },\n    text: {\n      fontWeight: \"semibold\",\n    },\n  },\n\n  defaultProps: {\n    variant: \"subtle\",\n  },\n})\n\nexport type MarkStyle = typeof markStyle\n"],"mappings":";AAEA,MAAa,mDAAYA,CAAAA,qBAAqB;CAC5C,MAAM;EACJ,IAAI;EACJ,YAAY;EACb;CAED,UAAU;EACR,QAAQ,EACN,OAAO,qBACR;EACD,OAAO,EACL,YAAY,SACb;EACD,QAAQ,EACN,YAAY,UACb;EACD,MAAM,EACJ,YAAY,YACb;EACF;CAED,cAAc,EACZ,SAAS,UACV;CACF,CAAC"}