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

package/dist/esm/components/loading/page.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/page.tsx
 const variants = {
 	overlay: {
@@ -113,7 +109,7 @@ const Page = memo(({ duration, initial, loadingScheme, message, onFinish }) => {
 	});
 });
 Page.displayName = "Page";
-
 //#endregion
 export { Page };
+
 //# sourceMappingURL=page.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"page.js","names":["variants: { [key: string]: Variants }","Page: FC<PageProps>","isValidElement"],"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,OAAsB,MAChC,EAAE,UAAU,SAAS,eAAe,SAAS,eAAe;CAC3D,MAAM,YAAY,oBAAoB,cAAc;AAEpD,YAAW,UAAU,SAAS;AAE9B,QACE,oBAAC,OAAO;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,qBAAC,OAAO;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,oBAAC,aAAU,UAAS,QAAQ,EAE3B,UACCC,iBAAe,QAAQ,GACrB,UAEA,oBAAC;IAAK,WAAW;cAAI;KAAe,GAEpC;IACO;GACF;EAGlB;AAED,KAAK,cAAc"}
+{"version":3,"file":"page.js","names":["isValidElement"],"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,OAAsB,MAChC,EAAE,UAAU,SAAS,eAAe,SAAS,eAAe;CAC3D,MAAM,YAAY,oBAAoB,cAAc;CAEpD,WAAW,UAAU,SAAS;CAE9B,OACE,oBAAC,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,qBAAC,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,oBAAC,WAAD,EAAW,UAAS,OAAQ,CAAA,EAE3B,UACCA,iBAAe,QAAQ,GACrB,UAEA,oBAAC,MAAD;IAAM,WAAW;cAAI;IAAe,CAAA,GAEpC,KACO;;EACF,CAAA;EAGlB;AAED,KAAK,cAAc"}

package/dist/esm/components/loading/puff.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/puff.tsx
 /**
 * `Loading` is a component displayed during waiting times, such as when data is being loaded.
@@ -69,7 +65,7 @@ const Puff = withContext(({ dur = "1.8s", ...rest }) => {
 		})
 	});
 })(initialProps, superProps);
-
 //#endregion
 export { Puff };
+
 //# sourceMappingURL=puff.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"puff.js","names":[],"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,OAAO,aACjB,EAAE,MAAM,QAAQ,GAAG,WAAW;AAC7B,mCAAe,IAAI,GAAG,WAAW,IAAI,GAAG;AAExC,QACE,oBAAC;EAAK,QAAO;EAAe,SAAQ;EAAY,GAAI;YAClD,qBAAC;GAAE,MAAK;GAAO,UAAS;GAAU,aAAY;cAC5C,oBAAC,OAAO;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,oBAAC,OAAO;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,CAAC,cAAc,WAAW"}
+{"version":3,"file":"puff.js","names":[],"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,OAAO,aACjB,EAAE,MAAM,QAAQ,GAAG,WAAW;CAC7B,OAAA,GAAA,cAAA,UAAe,IAAI,GAAG,WAAW,IAAI,GAAG;CAExC,OACE,oBAAC,MAAD;EAAM,QAAO;EAAe,SAAQ;EAAY,GAAI;YAClD,qBAAC,KAAD;GAAG,MAAK;GAAO,UAAS;GAAU,aAAY;aAA9C,CACE,oBAAC,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,oBAAC,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,CAAC,cAAc,WAAW"}

package/dist/esm/components/loading/rings.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/rings.tsx
 /**
 * `Loading` is a component displayed during waiting times, such as when data is being loaded.
@@ -96,7 +92,7 @@ const Rings = withContext(({ dur = "3s", ...rest }) => {
 		})
 	});
 })(initialProps, superProps);
-
 //#endregion
 export { Rings };
+
 //# sourceMappingURL=rings.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"rings.js","names":[],"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,QAAQ,aAClB,EAAE,MAAM,MAAM,GAAG,WAAW;AAC3B,mCAAe,IAAI,GAAG,WAAW,IAAI,GAAG;AAExC,QACE,oBAAC;EAAK,QAAO;EAAe,SAAQ;EAAY,GAAI;YAClD,qBAAC;GACC,MAAK;GACL,UAAS;GACT,aAAY;GACZ,WAAU;;IAEV,oBAAC,OAAO;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,oBAAC,OAAO;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,oBAAC,OAAO;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,CAAC,cAAc,WAAW"}
+{"version":3,"file":"rings.js","names":[],"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,QAAQ,aAClB,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,qBAAC,KAAD;GACE,MAAK;GACL,UAAS;GACT,aAAY;GACZ,WAAU;aAJZ;IAME,oBAAC,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,oBAAC,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,oBAAC,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,CAAC,cAAc,WAAW"}

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

@@ -1,16 +1,11 @@
 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 { Center } from "../center/center.js";
-import "../center/index.js";
 import { memo } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-
 //#region src/components/loading/screen.tsx
 const variants = {
 	animate: {
@@ -70,7 +65,7 @@ const Screen = memo(({ duration, initial, loadingScheme, message, onFinish }) =>
 	});
 });
 Screen.displayName = "Screen";
-
 //#endregion
 export { Screen };
+
 //# sourceMappingURL=screen.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"screen.js","names":["variants: Variants","Screen: FC<ScreenProps>","isValidElement"],"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,SAA0B,MACpC,EAAE,UAAU,SAAS,eAAe,SAAS,eAAe;CAC3D,MAAM,YAAY,oBAAoB,cAAc;AAEpD,YAAW,UAAU,SAAS;AAE9B,QACE,oBAAC,OAAO;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,qBAAC;GAAO,eAAc;GAAS,KAAI;GAAK,MAAK;cAC3C,oBAAC,aAAU,UAAS,QAAQ,EAE3B,UACCC,iBAAe,QAAQ,GACrB,UAEA,oBAAC;IAAK,WAAW;cAAI;KAAe,GAEpC;IACG;GACE;EAGlB;AAED,OAAO,cAAc"}
+{"version":3,"file":"screen.js","names":["isValidElement"],"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,SAA0B,MACpC,EAAE,UAAU,SAAS,eAAe,SAAS,eAAe;CAC3D,MAAM,YAAY,oBAAoB,cAAc;CAEpD,WAAW,UAAU,SAAS;CAE9B,OACE,oBAAC,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,qBAAC,QAAD;GAAQ,eAAc;GAAS,KAAI;GAAK,MAAK;aAA7C,CACE,oBAAC,WAAD,EAAW,UAAS,OAAQ,CAAA,EAE3B,UACCA,iBAAe,QAAQ,GACrB,UAEA,oBAAC,MAAD;IAAM,WAAW;cAAI;IAAe,CAAA,GAEpC,KACG;;EACE,CAAA;EAGlB;AAED,OAAO,cAAc"}

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

@@ -1,11 +1,8 @@
 "use client";
-
 import { styled } from "../../core/system/factory.js";
-import "../../core/index.js";
 import { useLoadingComponent } from "./use-loading-component.js";
 import { Suspense } from "react";
 import { jsx } from "react/jsx-runtime";
-
 //#region src/components/loading/suspense.tsx
 const Suspense$1 = ({ name, children, fallback, loadingScheme = "oval", loadingProps, ...rest }) => {
 	const Component = useLoadingComponent(loadingScheme);
@@ -24,7 +21,7 @@ const Suspense$1 = ({ name, children, fallback, loadingScheme = "oval", loadingP
 		children
 	});
 };
-
 //#endregion
 export { Suspense$1 as Suspense };
+
 //# sourceMappingURL=suspense.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"suspense.js","names":["Suspense: FC<SuspenseProps>","OriginalSuspense"],"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,cAA+B,EAC1C,MACA,UACA,UACA,gBAAgB,QAChB,cACA,GAAG,WACC;CACJ,MAAM,YAAY,oBAAoB,cAAc;AAEpD,QACE,oBAACC;EACO;EACN,UACE,YACE,oBAAC,OAAO;GAAI,SAAQ;GAAO,SAAQ;GAAS,UAAS;GAAM,GAAI;aAC7D,oBAAC;IAAU,UAAS;IAAM,GAAI;KAAgB;IACnC;EAIhB;GACgB"}
+{"version":3,"file":"suspense.js","names":["Suspense","OriginalSuspense"],"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,cAA+B,EAC1C,MACA,UACA,UACA,gBAAgB,QAChB,cACA,GAAG,WACC;CACJ,MAAM,YAAY,oBAAoB,cAAc;CAEpD,OACE,oBAACC,UAAD;EACQ;EACN,UACE,YACE,oBAAC,OAAO,KAAR;GAAY,SAAQ;GAAO,SAAQ;GAAS,UAAS;GAAM,GAAI;aAC7D,oBAAC,WAAD;IAAW,UAAS;IAAM,GAAI;IAAgB,CAAA;GACnC,CAAA;EAIhB;EACgB,CAAA"}

package/dist/esm/components/loading/use-loading-component.js

@@ -1,8 +1,6 @@
 import { utils_exports } from "../../utils/index.js";
 import { namespace_exports } from "./namespace.js";
-import "./index.js";
 import { useMemo } from "react";
-
 //#region src/components/loading/use-loading-component.ts
 const useLoadingComponent = (scheme) => {
 	return useMemo(() => namespace_exports[(0, utils_exports.toPascalCase)(scheme)], [scheme]);
@@ -13,7 +11,7 @@ const getLoadingComponent = (scheme) => {
 const isLoadingScheme = (scheme) => {
 	return (0, utils_exports.isString)(scheme) && (0, utils_exports.toPascalCase)(scheme) in namespace_exports;
 };
-
 //#endregion
 export { getLoadingComponent, isLoadingScheme, useLoadingComponent };
+
 //# sourceMappingURL=use-loading-component.js.map

package/dist/esm/components/loading/use-loading-component.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-loading-component.js","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,QATkB,cAEdA,kDAAqB,OAAO,GAI9B,CAAC,OAAO,CACT;;AAKH,MAAa,uBACX,WACoC;AACpC,QAAOA,kDAAqB,OAAO;;AAMrC,MAAa,mBAAmB,WAA0C;AACxE,oCAAgB,OAAO,oCAAiB,OAAO,IAAIA"}
+{"version":3,"file":"use-loading-component.js","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,OATkB,cAEdA,mBAAAA,GAAAA,cAAAA,cAAqB,OAAO,GAI9B,CAAC,OAAO,CAGM;;AAGlB,MAAa,uBACX,WACoC;CACpC,OAAOA,mBAAAA,GAAAA,cAAAA,cAAqB,OAAO;;AAMrC,MAAa,mBAAmB,WAA0C;CACxE,QAAA,GAAA,cAAA,UAAgB,OAAO,KAAA,GAAA,cAAA,cAAiB,OAAO,IAAIA"}

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

@@ -1,4 +1,3 @@
 import { markStyle } from "./mark.style.js";
 import { Mark, MarkPropsContext, useMarkPropsContext } from "./mark.js";
-
-export { Mark, MarkPropsContext, markStyle, useMarkPropsContext };
+export { Mark, MarkPropsContext, markStyle, useMarkPropsContext };

package/dist/esm/components/mark/mark.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"mark.js","names":[],"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,gBACE,gBAAsC,QAAQ,UAAU;;;;;;AAS5D,MAAa,OAAO,YAAY,OAAO,EAAE"}
+{"version":3,"file":"mark.js","names":[],"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,gBACE,gBAAsC,QAAQ,UAAU;;;;;;AAS5D,MAAa,OAAO,YAAY,OAAO,EAAE"}

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

@@ -1,6 +1,4 @@
 import { defineComponentStyle } from "../../core/system/config.js";
-import "../../core/index.js";
-
 //#region src/components/mark/mark.style.ts
 const markStyle = defineComponentStyle({
 	base: {
@@ -15,7 +13,7 @@ const markStyle = defineComponentStyle({
 	},
 	defaultProps: { variant: "subtle" }
 });
-
 //#endregion
 export { markStyle };
+
 //# sourceMappingURL=mark.style.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"mark.style.js","names":[],"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,YAAY,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"}
+{"version":3,"file":"mark.style.js","names":[],"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,YAAY,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"}

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

@@ -2,5 +2,4 @@ import { menuStyle } from "./menu.style.js";
 import { MainMenuContext, MenuContext, MenuDescendantsContext, MenuGroupContext, MenuOptionGroupContext, useMainMenuContext, useMenu, useMenuContext, useMenuDescendant, useMenuDescendants, useMenuGroup, useMenuGroupContext, useMenuItem, useMenuOptionGroup, useMenuOptionGroupContext, useMenuOptionItem, useSubMenu } from "./use-menu.js";
 import { MenuAnchor, MenuCommand, MenuContent, MenuContextTrigger, MenuFooter, MenuGroup, MenuHeader, MenuIndicator, MenuItem, MenuLabel, MenuOptionGroup, MenuOptionItem, MenuPropsContext, MenuRoot, MenuSeparator, MenuTrigger, useMenuPropsContext } from "./menu.js";
 import { namespace_exports } from "./namespace.js";
-
-export { MainMenuContext, namespace_exports as Menu, MenuAnchor, MenuCommand, MenuContent, MenuContext, MenuContextTrigger, MenuDescendantsContext, MenuFooter, MenuGroup, MenuGroupContext, MenuHeader, MenuIndicator, MenuItem, MenuLabel, MenuOptionGroup, MenuOptionGroupContext, MenuOptionItem, MenuPropsContext, MenuRoot, MenuSeparator, MenuTrigger, menuStyle, useMainMenuContext, useMenu, useMenuContext, useMenuDescendant, useMenuDescendants, useMenuGroup, useMenuGroupContext, useMenuItem, useMenuOptionGroup, useMenuOptionGroupContext, useMenuOptionItem, useMenuPropsContext, useSubMenu };
+export { MainMenuContext, namespace_exports as Menu, MenuAnchor, MenuCommand, MenuContent, MenuContext, MenuContextTrigger, MenuDescendantsContext, MenuFooter, MenuGroup, MenuGroupContext, MenuHeader, MenuIndicator, MenuItem, MenuLabel, MenuOptionGroup, MenuOptionGroupContext, MenuOptionItem, MenuPropsContext, MenuRoot, MenuSeparator, MenuTrigger, menuStyle, useMainMenuContext, useMenu, useMenuContext, useMenuDescendant, useMenuDescendants, useMenuGroup, useMenuGroupContext, useMenuItem, useMenuOptionGroup, useMenuOptionGroupContext, useMenuOptionItem, useMenuPropsContext, useSubMenu };

package/dist/esm/components/menu/menu.js

@@ -1,21 +1,16 @@
 "use client";
-
 import { utils_exports } from "../../utils/index.js";
 import { styled } from "../../core/system/factory.js";
 import { createSlotComponent } from "../../core/components/create-component.js";
-import "../../core/index.js";
 import { CheckIcon } from "../icon/icons/check-icon.js";
 import { ChevronRightIcon } from "../icon/icons/chevron-right-icon.js";
 import { CircleSmallIcon } from "../icon/icons/circle-small-icon.js";
-import "../icon/index.js";
 import { usePopoverProps } from "../popover/use-popover.js";
 import { PopoverAnchor, PopoverContent, PopoverRoot, PopoverTrigger } from "../popover/popover.js";
-import "../popover/index.js";
 import { menuStyle } from "./menu.style.js";
 import { MainMenuContext, MenuContext, MenuDescendantsContext, MenuGroupContext, MenuOptionGroupContext, useMenu, useMenuContext, useMenuGroup, useMenuGroupContext, useMenuItem, useMenuOptionGroup, useMenuOptionItem } from "./use-menu.js";
 import { Fragment, useMemo, useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
-
 //#region src/components/menu/menu.tsx
 const { ComponentContext, PropsContext: MenuPropsContext, StyleContext, useComponentContext, usePropsContext: useMenuPropsContext, withContext, useRootComponentProps } = createSlotComponent("menu", menuStyle);
 /**
@@ -160,51 +155,51 @@ const MenuContent = withContext(PopoverContent, "content")(void 0, ({ children,
 			}) : null,
 			items.map((props, index) => {
 				if ("type" in props) if (props.type === "radio") {
-					const { type, hasSeparator = true, hasEndSeparator = hasSeparator, hasStartSeparator = hasSeparator, items: items$1 = [], ...rest$1 } = props;
+					const { type, hasSeparator = true, hasEndSeparator = hasSeparator, hasStartSeparator = hasSeparator, items = [], ...rest } = props;
 					return /* @__PURE__ */ jsxs(Fragment, { children: [
 						hasStartSeparator ? /* @__PURE__ */ jsx(MenuSeparator, {}) : null,
 						/* @__PURE__ */ jsx(MenuOptionGroup, {
 							type,
-							...rest$1,
-							children: items$1.map(({ label, ...rest$2 }, index$1) => /* @__PURE__ */ jsx(MenuOptionItem, {
-								...rest$2,
+							...rest,
+							children: items.map(({ label, ...rest }, index) => /* @__PURE__ */ jsx(MenuOptionItem, {
+								...rest,
 								children: label
-							}, index$1))
+							}, index))
 						}),
 						hasEndSeparator ? /* @__PURE__ */ jsx(MenuSeparator, {}) : null
 					] }, index);
 				} else if (props.type === "checkbox") {
-					const { type, hasSeparator = true, hasEndSeparator = hasSeparator, hasStartSeparator = hasSeparator, items: items$1 = [], ...rest$1 } = props;
+					const { type, hasSeparator = true, hasEndSeparator = hasSeparator, hasStartSeparator = hasSeparator, items = [], ...rest } = props;
 					return /* @__PURE__ */ jsxs(Fragment, { children: [
 						hasStartSeparator ? /* @__PURE__ */ jsx(MenuSeparator, {}) : null,
 						/* @__PURE__ */ jsx(MenuOptionGroup, {
 							type,
-							...rest$1,
-							children: items$1.map(({ label, ...rest$2 }, index$1) => /* @__PURE__ */ jsx(MenuOptionItem, {
-								...rest$2,
+							...rest,
+							children: items.map(({ label, ...rest }, index) => /* @__PURE__ */ jsx(MenuOptionItem, {
+								...rest,
 								children: label
-							}, index$1))
+							}, index))
 						}),
 						hasEndSeparator ? /* @__PURE__ */ jsx(MenuSeparator, {}) : null
 					] }, index);
 				} else return /* @__PURE__ */ jsx(MenuSeparator, {}, index);
 				else if ("items" in props) {
-					const { hasSeparator = true, hasEndSeparator = hasSeparator, hasStartSeparator = hasSeparator, items: items$1 = [], ...rest$1 } = props;
+					const { hasSeparator = true, hasEndSeparator = hasSeparator, hasStartSeparator = hasSeparator, items = [], ...rest } = props;
 					return /* @__PURE__ */ jsxs(Fragment, { children: [
 						hasStartSeparator ? /* @__PURE__ */ jsx(MenuSeparator, {}) : null,
 						/* @__PURE__ */ jsx(MenuGroup, {
-							...rest$1,
-							children: items$1.map(({ label, ...rest$2 }, index$1) => /* @__PURE__ */ jsx(MenuItem, {
-								...rest$2,
+							...rest,
+							children: items.map(({ label, ...rest }, index) => /* @__PURE__ */ jsx(MenuItem, {
+								...rest,
 								children: label
-							}, index$1))
+							}, index))
 						}),
 						hasEndSeparator ? /* @__PURE__ */ jsx(MenuSeparator, {}) : null
 					] }, index);
 				} else if ("value" in props) {
-					const { label, ...rest$1 } = props;
+					const { label, ...rest } = props;
 					return /* @__PURE__ */ jsx(MenuItem, {
-						...rest$1,
+						...rest,
 						children: label
 					}, index);
 				}
@@ -304,7 +299,7 @@ const MenuSeparator = withContext("hr", "separator")(void 0, (props) => {
 	const { getSeparatorProps } = useComponentContext();
 	return getSeparatorProps(props);
 });
-
 //#endregion
 export { MenuAnchor, MenuCommand, MenuContent, MenuContextTrigger, MenuFooter, MenuGroup, MenuHeader, MenuIndicator, MenuItem, MenuLabel, MenuOptionGroup, MenuOptionItem, MenuPropsContext, MenuRoot, MenuSeparator, MenuTrigger, useMenuPropsContext };
+
 //# sourceMappingURL=menu.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"menu.js","names":["MenuRoot: FC<MenuRootProps>","Popover.Root","Popover.Trigger","Popover.Anchor","Popover.Content","rest","items","index"],"sources":["../../../../src/components/menu/menu.tsx"],"sourcesContent":["\"use client\"\n\nimport type { FC, ReactElement, ReactNode } from \"react\"\nimport type {\n  GenericsComponent,\n  HTMLProps,\n  HTMLStyledProps,\n  ThemeProps,\n  WithoutThemeProps,\n} from \"../../core\"\nimport type { MenuStyle } from \"./menu.style\"\nimport type {\n  MenuOptionGroupType,\n  MenuOptionGroupValue,\n  UseMenuGroupProps,\n  UseMenuItemProps,\n  UseMenuOptionGroupProps,\n  UseMenuOptionItemProps,\n  UseMenuProps,\n  UseMenuReturn,\n} from \"./use-menu\"\nimport { Fragment, useMemo, useState } from \"react\"\nimport { createSlotComponent, styled } from \"../../core\"\nimport { cast, handlerAll } from \"../../utils\"\nimport { CheckIcon, ChevronRightIcon, CircleSmallIcon } from \"../icon\"\nimport { Popover, usePopoverProps } from \"../popover\"\nimport { menuStyle } from \"./menu.style\"\nimport {\n  MainMenuContext,\n  MenuContext,\n  MenuDescendantsContext,\n  MenuGroupContext,\n  MenuOptionGroupContext,\n  useMenu,\n  useMenuContext,\n  useMenuGroup,\n  useMenuGroupContext,\n  useMenuItem,\n  useMenuOptionGroup,\n  useMenuOptionItem,\n} from \"./use-menu\"\n\ninterface MenuSharedItem {\n  label?: ReactNode\n}\n\ninterface MenuItemWithValue extends MenuSharedItem, MenuItemProps {}\n\ninterface MenuOptionItem extends MenuSharedItem, MenuOptionItemProps {}\n\ninterface MenuItemWithSeparator extends MenuSeparatorProps {\n  type: \"separator\"\n}\n\ninterface MenuItemWithRadioGroup<Y extends string = string>\n  extends\n    Omit<MenuItemWithItems, \"defaultValue\" | \"items\" | \"onChange\">,\n    MenuOptionGroupProps<\"radio\", Y> {\n  type: \"radio\"\n  items?: MenuOptionItem[]\n}\n\ninterface MenuItemWithCheckboxGroup<Y extends string[] = string[]>\n  extends\n    Omit<MenuItemWithItems, \"defaultValue\" | \"items\" | \"onChange\">,\n    MenuOptionGroupProps<\"checkbox\", Y> {\n  type: \"checkbox\"\n  items?: MenuOptionItem[]\n}\n\ninterface MenuItemWithItems extends MenuSharedItem, MenuGroupProps {\n  hasEndSeparator?: boolean\n  hasSeparator?: boolean\n  hasStartSeparator?: boolean\n  items?: MenuItemWithValue[]\n  labelProps?: MenuLabelProps\n}\n\nexport type MenuItem =\n  | MenuItemWithCheckboxGroup\n  | MenuItemWithItems\n  | MenuItemWithRadioGroup\n  | MenuItemWithSeparator\n  | MenuItemWithValue\n\ninterface ComponentContext extends Pick<\n  UseMenuReturn,\n  | \"getContentProps\"\n  | \"getContextTriggerProps\"\n  | \"getSeparatorProps\"\n  | \"getTriggerProps\"\n> {}\n\nexport interface MenuRootProps\n  extends\n    UseMenuProps,\n    Omit<\n      WithoutThemeProps<Popover.RootProps, MenuStyle>,\n      \"autoFocus\" | \"modal\" | \"updateRef\" | \"withCloseButton\"\n    >,\n    ThemeProps<MenuStyle> {\n  /**\n   * The placement of the popper relative to its reference.\n   *\n   * @default 'end-start'\n   */\n  placement?: Popover.RootProps[\"placement\"]\n}\n\nconst {\n  ComponentContext,\n  PropsContext: MenuPropsContext,\n  StyleContext,\n  useComponentContext,\n  usePropsContext: useMenuPropsContext,\n  withContext,\n  useRootComponentProps,\n} = createSlotComponent<MenuRootProps, MenuStyle, ComponentContext>(\n  \"menu\",\n  menuStyle,\n)\n\nexport { MenuPropsContext, useMenuPropsContext }\n\n/**\n * `Menu` is a component that displays a common dropdown menu.\n *\n * @see https://yamada-ui.com/docs/components/menu\n */\nexport const MenuRoot: FC<MenuRootProps> = (props) => {\n  const [styleContext, mergedProps] = useRootComponentProps(props)\n  const [\n    { animationScheme, initialFocusRef, offset, placement, ...popoverProps },\n    { children, disabled, ...rest },\n  ] = usePopoverProps(mergedProps, [\n    \"disabled\",\n    \"open\",\n    \"defaultOpen\",\n    \"onOpen\",\n    \"onClose\",\n  ])\n  const {\n    closeOnSelect,\n    descendants,\n    open,\n    subMenu,\n    subMenuDirection,\n    updateRef,\n    getContentProps,\n    getContextTriggerProps,\n    getSeparatorProps,\n    getTriggerProps,\n    onActiveDescendant,\n    onClose,\n    onCloseRef,\n    onCloseSubMenu,\n    onOpen,\n    onSelect,\n  } = useMenu({ disabled, ...rest })\n  const mergedPopoverProps = useMemo<Popover.RootProps>(\n    () => ({\n      ...popoverProps,\n      animationScheme:\n        animationScheme ?? (subMenu ? \"inline-start\" : \"block-start\"),\n      autoFocus: !!initialFocusRef,\n      disabled,\n      initialFocusRef,\n      offset: offset ?? (subMenu ? [0, 0] : undefined),\n      open,\n      placement:\n        placement ?? (subMenu ? `center-${subMenuDirection}` : \"end-start\"),\n      updateRef,\n      onClose,\n      onOpen,\n    }),\n    [\n      animationScheme,\n      disabled,\n      initialFocusRef,\n      offset,\n      onClose,\n      onOpen,\n      open,\n      placement,\n      popoverProps,\n      subMenu,\n      subMenuDirection,\n      updateRef,\n    ],\n  )\n  const menuContext = useMemo(\n    () => ({\n      subMenu,\n      subMenuDirection,\n      onActiveDescendant,\n      onClose,\n      onCloseSubMenu,\n      onOpen,\n      onSelect,\n    }),\n    [\n      onClose,\n      onOpen,\n      onSelect,\n      onActiveDescendant,\n      subMenu,\n      subMenuDirection,\n      onCloseSubMenu,\n    ],\n  )\n  const mainMenuContext = useMemo(\n    () => ({\n      closeOnSelect,\n      descendants,\n      onActiveDescendant,\n      onCloseRef,\n      onSelect,\n    }),\n    [closeOnSelect, descendants, onActiveDescendant, onCloseRef, onSelect],\n  )\n  const componentContext = useMemo(\n    () => ({\n      getContentProps,\n      getContextTriggerProps,\n      getSeparatorProps,\n      getTriggerProps,\n    }),\n    [\n      getContentProps,\n      getContextTriggerProps,\n      getSeparatorProps,\n      getTriggerProps,\n    ],\n  )\n\n  return (\n    <StyleContext value={styleContext}>\n      <MenuDescendantsContext value={descendants}>\n        <MenuContext value={menuContext}>\n          <MainMenuContext value={mainMenuContext}>\n            <ComponentContext value={componentContext}>\n              <Popover.Root {...mergedPopoverProps}>{children}</Popover.Root>\n            </ComponentContext>\n          </MainMenuContext>\n        </MenuContext>\n      </MenuDescendantsContext>\n    </StyleContext>\n  )\n}\n\nexport interface MenuTriggerProps extends Popover.TriggerProps {}\n\nexport const MenuTrigger = withContext<\"button\", MenuTriggerProps>(\n  Popover.Trigger,\n  \"trigger\",\n)(undefined, (props) => {\n  const { getTriggerProps } = useComponentContext()\n\n  return cast<HTMLProps<\"button\">>(getTriggerProps(cast<HTMLProps>(props)))\n})\n\ninterface Rect {\n  left: number\n  top: number\n}\n\nexport interface MenuContextTriggerProps extends HTMLProps {}\n\nexport const MenuContextTrigger = withContext<\"div\", MenuContextTriggerProps>(\n  ({ children, onContextMenu, ...rest }) => {\n    const [rect, setRect] = useState<Rect>({\n      left: 0,\n      top: 0,\n    })\n    const { getContextTriggerProps } = useComponentContext()\n\n    return (\n      <>\n        <MenuAnchor>\n          <styled.div style={{ position: \"fixed\", ...rect }} />\n        </MenuAnchor>\n\n        <styled.div\n          asChild\n          {...getContextTriggerProps({\n            onContextMenu: handlerAll(onContextMenu, (ev) => {\n              setRect({ left: ev.clientX, top: ev.clientY })\n            }),\n            ...rest,\n          })}\n        >\n          {children}\n        </styled.div>\n      </>\n    )\n  },\n  \"contextTrigger\",\n)()\n\nexport interface MenuAnchorProps extends Popover.AnchorProps {}\n\nexport const MenuAnchor = withContext<\"div\", MenuAnchorProps>(\n  Popover.Anchor,\n  \"anchor\",\n)()\n\nexport interface MenuContentProps extends Popover.ContentProps {\n  /**\n   * The footer of the menu.\n   */\n  footer?: ReactNode\n  /**\n   * The header of the menu.\n   */\n  header?: ReactNode\n  /**\n   * If provided, generate elements based on items.\n   */\n  items?: MenuItem[]\n  /**\n   * Props for the footer component.\n   */\n  footerProps?: MenuFooterProps\n  /**\n   * Props for the header component.\n   */\n  headerProps?: MenuHeaderProps\n}\n\nexport const MenuContent = withContext<\"div\", MenuContentProps>(\n  Popover.Content,\n  \"content\",\n)(\n  undefined,\n  ({\n    children,\n    footer,\n    header,\n    items = [],\n    footerProps,\n    headerProps,\n    portalProps,\n    ...rest\n  }) => {\n    const { subMenu } = useMenuContext()\n    const { getContentProps } = useComponentContext()\n    const computedChildren = useMemo(() => {\n      if (children) return children\n\n      return (\n        <>\n          {header ? <MenuHeader {...headerProps}>{header}</MenuHeader> : null}\n\n          {items.map((props, index) => {\n            if (\"type\" in props) {\n              if (props.type === \"radio\") {\n                const {\n                  type,\n                  hasSeparator = true,\n                  hasEndSeparator = hasSeparator,\n                  hasStartSeparator = hasSeparator,\n                  items = [],\n                  ...rest\n                } = props\n\n                return (\n                  <Fragment key={index}>\n                    {hasStartSeparator ? <MenuSeparator /> : null}\n\n                    <MenuOptionGroup type={type} {...rest}>\n                      {items.map(({ label, ...rest }, index) => (\n                        <MenuOptionItem key={index} {...rest}>\n                          {label}\n                        </MenuOptionItem>\n                      ))}\n                    </MenuOptionGroup>\n\n                    {hasEndSeparator ? <MenuSeparator /> : null}\n                  </Fragment>\n                )\n              } else if (props.type === \"checkbox\") {\n                const {\n                  type,\n                  hasSeparator = true,\n                  hasEndSeparator = hasSeparator,\n                  hasStartSeparator = hasSeparator,\n                  items = [],\n                  ...rest\n                } = props\n\n                return (\n                  <Fragment key={index}>\n                    {hasStartSeparator ? <MenuSeparator /> : null}\n\n                    <MenuOptionGroup type={type} {...rest}>\n                      {items.map(({ label, ...rest }, index) => (\n                        <MenuOptionItem key={index} {...rest}>\n                          {label}\n                        </MenuOptionItem>\n                      ))}\n                    </MenuOptionGroup>\n\n                    {hasEndSeparator ? <MenuSeparator /> : null}\n                  </Fragment>\n                )\n              } else {\n                return <MenuSeparator key={index} />\n              }\n            } else if (\"items\" in props) {\n              const {\n                hasSeparator = true,\n                hasEndSeparator = hasSeparator,\n                hasStartSeparator = hasSeparator,\n                items = [],\n                ...rest\n              } = props\n\n              return (\n                <Fragment key={index}>\n                  {hasStartSeparator ? <MenuSeparator /> : null}\n\n                  <MenuGroup {...rest}>\n                    {items.map(({ label, ...rest }, index) => (\n                      <MenuItem key={index} {...rest}>\n                        {label}\n                      </MenuItem>\n                    ))}\n                  </MenuGroup>\n\n                  {hasEndSeparator ? <MenuSeparator /> : null}\n                </Fragment>\n              )\n            } else if (\"value\" in props) {\n              const { label, ...rest } = props\n\n              return (\n                <MenuItem key={index} {...rest}>\n                  {label}\n                </MenuItem>\n              )\n            }\n          })}\n\n          {footer ? <MenuFooter {...footerProps}>{footer}</MenuFooter> : null}\n        </>\n      )\n    }, [children, footer, footerProps, header, headerProps, items])\n\n    return {\n      ...getContentProps(\n        cast<HTMLProps>({ ...rest, children: computedChildren }),\n      ),\n      portalProps: subMenu ? { ...portalProps, disabled: true } : portalProps,\n    }\n  },\n)\n\nexport interface MenuHeaderProps extends HTMLStyledProps {}\n\nexport const MenuHeader = withContext<\"div\", MenuHeaderProps>(\n  \"div\",\n  \"header\",\n)({ \"data-header\": \"\" })\n\nexport interface MenuFooterProps extends HTMLStyledProps {}\n\nexport const MenuFooter = withContext<\"div\", MenuFooterProps>(\n  \"div\",\n  \"footer\",\n)({ \"data-footer\": \"\" })\n\nexport interface MenuLabelProps extends HTMLStyledProps<\"span\"> {}\n\nexport const MenuLabel = withContext<\"span\", MenuLabelProps>(\"span\", \"label\")(\n  undefined,\n  (props) => {\n    const { getLabelProps } = useMenuGroupContext()\n\n    return getLabelProps(props)\n  },\n)\n\nexport interface MenuGroupProps extends UseMenuGroupProps, HTMLStyledProps {\n  /**\n   * The label of the group.\n   */\n  label?: ReactNode\n  /**\n   * Props for the label component.\n   */\n  labelProps?: MenuLabelProps\n}\n\nexport const MenuGroup = withContext<\"div\", MenuGroupProps>(\n  ({ children, label, labelProps, ...rest }) => {\n    const { getGroupProps, getLabelProps } = useMenuGroup(rest)\n    const context = useMemo(() => ({ getLabelProps }), [getLabelProps])\n\n    return (\n      <MenuGroupContext value={context}>\n        <styled.div {...getGroupProps()}>\n          {label ? <MenuLabel {...labelProps}>{label}</MenuLabel> : null}\n          {children}\n        </styled.div>\n      </MenuGroupContext>\n    )\n  },\n  \"group\",\n)()\n\nexport interface MenuOptionGroupProps<\n  Y extends MenuOptionGroupType = \"checkbox\",\n  M extends MenuOptionGroupValue<Y> = MenuOptionGroupValue<Y>,\n>\n  extends\n    UseMenuOptionGroupProps<Y, M>,\n    Omit<MenuGroupProps, \"defaultValue\" | \"onChange\"> {}\n\nexport const MenuOptionGroup = withContext<\"div\", MenuOptionGroupProps>(\n  ({\n    type: typeProp,\n    defaultValue,\n    value: valueProp,\n    onChange: onChangeProp,\n    ...rest\n  }) => {\n    const { type, value, onChange } = useMenuOptionGroup({\n      type: typeProp,\n      defaultValue,\n      value: valueProp,\n      onChange: onChangeProp,\n    })\n    const context = useMemo(\n      () => ({ type, value, onChange }),\n      [type, value, onChange],\n    )\n\n    return (\n      <MenuOptionGroupContext value={context}>\n        <MenuGroup {...rest} />\n      </MenuOptionGroupContext>\n    )\n  },\n  { name: \"OptionGroup\", slot: [\"group\", \"option\"] },\n)() as GenericsComponent<{\n  <\n    Y extends MenuOptionGroupType = \"checkbox\",\n    M extends MenuOptionGroupValue<Y> = MenuOptionGroupValue<Y>,\n  >(\n    props: MenuOptionGroupProps<Y, M>,\n  ): ReactElement\n}>\n\nexport interface MenuItemProps extends HTMLStyledProps, UseMenuItemProps {}\n\nexport const MenuItem = withContext<\"div\", MenuItemProps>(\n  ({ children, ...rest }) => {\n    const { subMenuTrigger, getItemProps } = useMenuItem(rest)\n\n    return (\n      <styled.div {...getItemProps()}>\n        {children}\n\n        {subMenuTrigger ? (\n          <MenuIndicator as={ChevronRightIcon} ms=\"auto\" />\n        ) : null}\n      </styled.div>\n    )\n  },\n  \"item\",\n)()\n\nexport interface MenuOptionItemProps\n  extends HTMLStyledProps, UseMenuOptionItemProps {\n  /**\n   * The icon to be used in the menu option item.\n   */\n  icon?: ReactNode\n}\n\nexport const MenuOptionItem = withContext<\"div\", MenuOptionItemProps>(\n  ({ children, icon, ...rest }) => {\n    const { type, getIndicatorProps, getOptionItemProps } =\n      useMenuOptionItem(rest)\n\n    return (\n      <styled.div {...getOptionItemProps()}>\n        <MenuIndicator {...getIndicatorProps()}>\n          {icon ||\n            (type === \"radio\" ? (\n              <CircleSmallIcon fill=\"currentColor\" />\n            ) : (\n              <CheckIcon />\n            ))}\n        </MenuIndicator>\n        {children}\n      </styled.div>\n    )\n  },\n  { name: \"OptionItem\", slot: [\"item\", \"option\"] },\n)()\n\nexport interface MenuIndicatorProps extends HTMLStyledProps {}\n\nexport const MenuIndicator = withContext<\"div\", MenuIndicatorProps>(\n  \"div\",\n  \"indicator\",\n)()\n\nexport interface MenuCommandProps extends HTMLStyledProps<\"kbd\"> {}\n\nexport const MenuCommand = withContext<\"kbd\", MenuCommandProps>(\n  \"kbd\",\n  \"command\",\n)()\n\nexport interface MenuSeparatorProps extends HTMLStyledProps<\"hr\"> {}\n\nexport const MenuSeparator = withContext<\"hr\", MenuSeparatorProps>(\n  \"hr\",\n  \"separator\",\n)(undefined, (props) => {\n  const { getSeparatorProps } = useComponentContext()\n\n  return getSeparatorProps(props)\n})\n"],"mappings":";;;;;;;;;;;;;;;;;;;AA6GA,MAAM,EACJ,kBACA,cAAc,kBACd,cACA,qBACA,iBAAiB,qBACjB,aACA,0BACE,oBACF,QACA,UACD;;;;;;AASD,MAAaA,YAA+B,UAAU;CACpD,MAAM,CAAC,cAAc,eAAe,sBAAsB,MAAM;CAChE,MAAM,CACJ,EAAE,iBAAiB,iBAAiB,QAAQ,WAAW,GAAG,gBAC1D,EAAE,UAAU,UAAU,GAAG,UACvB,gBAAgB,aAAa;EAC/B;EACA;EACA;EACA;EACA;EACD,CAAC;CACF,MAAM,EACJ,eACA,aACA,MACA,SACA,kBACA,WACA,iBACA,wBACA,mBACA,iBACA,oBACA,SACA,YACA,gBACA,QACA,aACE,QAAQ;EAAE;EAAU,GAAG;EAAM,CAAC;CAClC,MAAM,qBAAqB,eAClB;EACL,GAAG;EACH,iBACE,oBAAoB,UAAU,iBAAiB;EACjD,WAAW,CAAC,CAAC;EACb;EACA;EACA,QAAQ,WAAW,UAAU,CAAC,GAAG,EAAE,GAAG;EACtC;EACA,WACE,cAAc,UAAU,UAAU,qBAAqB;EACzD;EACA;EACA;EACD,GACD;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CACF;AA8CD,QACE,oBAAC;EAAa,OAAO;YACnB,oBAAC;GAAuB,OAAO;aAC7B,oBAAC;IAAY,OAhDC,eACX;KACL;KACA;KACA;KACA;KACA;KACA;KACA;KACD,GACD;KACE;KACA;KACA;KACA;KACA;KACA;KACA;KACD,CACF;cA8BO,oBAAC;KAAgB,OA7BD,eACf;MACL;MACA;MACA;MACA;MACA;MACD,GACD;MAAC;MAAe;MAAa;MAAoB;MAAY;MAAS,CACvE;eAqBS,oBAAC;MAAiB,OApBH,eAChB;OACL;OACA;OACA;OACA;OACD,GACD;OACE;OACA;OACA;OACA;OACD,CACF;gBAQW,oBAACC;OAAa,GAAI;OAAqB;QAAwB;OAC9C;MACH;KACN;IACS;GACZ;;AAMnB,MAAa,cAAc,YACzBC,gBACA,UACD,CAAC,SAAY,UAAU;CACtB,MAAM,EAAE,oBAAoB,qBAAqB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"}
+{"version":3,"file":"menu.js","names":["Popover.Root","Popover.Trigger","Popover.Anchor","Popover.Content"],"sources":["../../../../src/components/menu/menu.tsx"],"sourcesContent":["\"use client\"\n\nimport type { FC, ReactElement, ReactNode } from \"react\"\nimport type {\n  GenericsComponent,\n  HTMLProps,\n  HTMLStyledProps,\n  ThemeProps,\n  WithoutThemeProps,\n} from \"../../core\"\nimport type { MenuStyle } from \"./menu.style\"\nimport type {\n  MenuOptionGroupType,\n  MenuOptionGroupValue,\n  UseMenuGroupProps,\n  UseMenuItemProps,\n  UseMenuOptionGroupProps,\n  UseMenuOptionItemProps,\n  UseMenuProps,\n  UseMenuReturn,\n} from \"./use-menu\"\nimport { Fragment, useMemo, useState } from \"react\"\nimport { createSlotComponent, styled } from \"../../core\"\nimport { cast, handlerAll } from \"../../utils\"\nimport { CheckIcon, ChevronRightIcon, CircleSmallIcon } from \"../icon\"\nimport { Popover, usePopoverProps } from \"../popover\"\nimport { menuStyle } from \"./menu.style\"\nimport {\n  MainMenuContext,\n  MenuContext,\n  MenuDescendantsContext,\n  MenuGroupContext,\n  MenuOptionGroupContext,\n  useMenu,\n  useMenuContext,\n  useMenuGroup,\n  useMenuGroupContext,\n  useMenuItem,\n  useMenuOptionGroup,\n  useMenuOptionItem,\n} from \"./use-menu\"\n\ninterface MenuSharedItem {\n  label?: ReactNode\n}\n\ninterface MenuItemWithValue extends MenuSharedItem, MenuItemProps {}\n\ninterface MenuOptionItem extends MenuSharedItem, MenuOptionItemProps {}\n\ninterface MenuItemWithSeparator extends MenuSeparatorProps {\n  type: \"separator\"\n}\n\ninterface MenuItemWithRadioGroup<Y extends string = string>\n  extends\n    Omit<MenuItemWithItems, \"defaultValue\" | \"items\" | \"onChange\">,\n    MenuOptionGroupProps<\"radio\", Y> {\n  type: \"radio\"\n  items?: MenuOptionItem[]\n}\n\ninterface MenuItemWithCheckboxGroup<Y extends string[] = string[]>\n  extends\n    Omit<MenuItemWithItems, \"defaultValue\" | \"items\" | \"onChange\">,\n    MenuOptionGroupProps<\"checkbox\", Y> {\n  type: \"checkbox\"\n  items?: MenuOptionItem[]\n}\n\ninterface MenuItemWithItems extends MenuSharedItem, MenuGroupProps {\n  hasEndSeparator?: boolean\n  hasSeparator?: boolean\n  hasStartSeparator?: boolean\n  items?: MenuItemWithValue[]\n  labelProps?: MenuLabelProps\n}\n\nexport type MenuItem =\n  | MenuItemWithCheckboxGroup\n  | MenuItemWithItems\n  | MenuItemWithRadioGroup\n  | MenuItemWithSeparator\n  | MenuItemWithValue\n\ninterface ComponentContext extends Pick<\n  UseMenuReturn,\n  | \"getContentProps\"\n  | \"getContextTriggerProps\"\n  | \"getSeparatorProps\"\n  | \"getTriggerProps\"\n> {}\n\nexport interface MenuRootProps\n  extends\n    UseMenuProps,\n    Omit<\n      WithoutThemeProps<Popover.RootProps, MenuStyle>,\n      \"autoFocus\" | \"modal\" | \"updateRef\" | \"withCloseButton\"\n    >,\n    ThemeProps<MenuStyle> {\n  /**\n   * The placement of the popper relative to its reference.\n   *\n   * @default 'end-start'\n   */\n  placement?: Popover.RootProps[\"placement\"]\n}\n\nconst {\n  ComponentContext,\n  PropsContext: MenuPropsContext,\n  StyleContext,\n  useComponentContext,\n  usePropsContext: useMenuPropsContext,\n  withContext,\n  useRootComponentProps,\n} = createSlotComponent<MenuRootProps, MenuStyle, ComponentContext>(\n  \"menu\",\n  menuStyle,\n)\n\nexport { MenuPropsContext, useMenuPropsContext }\n\n/**\n * `Menu` is a component that displays a common dropdown menu.\n *\n * @see https://yamada-ui.com/docs/components/menu\n */\nexport const MenuRoot: FC<MenuRootProps> = (props) => {\n  const [styleContext, mergedProps] = useRootComponentProps(props)\n  const [\n    { animationScheme, initialFocusRef, offset, placement, ...popoverProps },\n    { children, disabled, ...rest },\n  ] = usePopoverProps(mergedProps, [\n    \"disabled\",\n    \"open\",\n    \"defaultOpen\",\n    \"onOpen\",\n    \"onClose\",\n  ])\n  const {\n    closeOnSelect,\n    descendants,\n    open,\n    subMenu,\n    subMenuDirection,\n    updateRef,\n    getContentProps,\n    getContextTriggerProps,\n    getSeparatorProps,\n    getTriggerProps,\n    onActiveDescendant,\n    onClose,\n    onCloseRef,\n    onCloseSubMenu,\n    onOpen,\n    onSelect,\n  } = useMenu({ disabled, ...rest })\n  const mergedPopoverProps = useMemo<Popover.RootProps>(\n    () => ({\n      ...popoverProps,\n      animationScheme:\n        animationScheme ?? (subMenu ? \"inline-start\" : \"block-start\"),\n      autoFocus: !!initialFocusRef,\n      disabled,\n      initialFocusRef,\n      offset: offset ?? (subMenu ? [0, 0] : undefined),\n      open,\n      placement:\n        placement ?? (subMenu ? `center-${subMenuDirection}` : \"end-start\"),\n      updateRef,\n      onClose,\n      onOpen,\n    }),\n    [\n      animationScheme,\n      disabled,\n      initialFocusRef,\n      offset,\n      onClose,\n      onOpen,\n      open,\n      placement,\n      popoverProps,\n      subMenu,\n      subMenuDirection,\n      updateRef,\n    ],\n  )\n  const menuContext = useMemo(\n    () => ({\n      subMenu,\n      subMenuDirection,\n      onActiveDescendant,\n      onClose,\n      onCloseSubMenu,\n      onOpen,\n      onSelect,\n    }),\n    [\n      onClose,\n      onOpen,\n      onSelect,\n      onActiveDescendant,\n      subMenu,\n      subMenuDirection,\n      onCloseSubMenu,\n    ],\n  )\n  const mainMenuContext = useMemo(\n    () => ({\n      closeOnSelect,\n      descendants,\n      onActiveDescendant,\n      onCloseRef,\n      onSelect,\n    }),\n    [closeOnSelect, descendants, onActiveDescendant, onCloseRef, onSelect],\n  )\n  const componentContext = useMemo(\n    () => ({\n      getContentProps,\n      getContextTriggerProps,\n      getSeparatorProps,\n      getTriggerProps,\n    }),\n    [\n      getContentProps,\n      getContextTriggerProps,\n      getSeparatorProps,\n      getTriggerProps,\n    ],\n  )\n\n  return (\n    <StyleContext value={styleContext}>\n      <MenuDescendantsContext value={descendants}>\n        <MenuContext value={menuContext}>\n          <MainMenuContext value={mainMenuContext}>\n            <ComponentContext value={componentContext}>\n              <Popover.Root {...mergedPopoverProps}>{children}</Popover.Root>\n            </ComponentContext>\n          </MainMenuContext>\n        </MenuContext>\n      </MenuDescendantsContext>\n    </StyleContext>\n  )\n}\n\nexport interface MenuTriggerProps extends Popover.TriggerProps {}\n\nexport const MenuTrigger = withContext<\"button\", MenuTriggerProps>(\n  Popover.Trigger,\n  \"trigger\",\n)(undefined, (props) => {\n  const { getTriggerProps } = useComponentContext()\n\n  return cast<HTMLProps<\"button\">>(getTriggerProps(cast<HTMLProps>(props)))\n})\n\ninterface Rect {\n  left: number\n  top: number\n}\n\nexport interface MenuContextTriggerProps extends HTMLProps {}\n\nexport const MenuContextTrigger = withContext<\"div\", MenuContextTriggerProps>(\n  ({ children, onContextMenu, ...rest }) => {\n    const [rect, setRect] = useState<Rect>({\n      left: 0,\n      top: 0,\n    })\n    const { getContextTriggerProps } = useComponentContext()\n\n    return (\n      <>\n        <MenuAnchor>\n          <styled.div style={{ position: \"fixed\", ...rect }} />\n        </MenuAnchor>\n\n        <styled.div\n          asChild\n          {...getContextTriggerProps({\n            onContextMenu: handlerAll(onContextMenu, (ev) => {\n              setRect({ left: ev.clientX, top: ev.clientY })\n            }),\n            ...rest,\n          })}\n        >\n          {children}\n        </styled.div>\n      </>\n    )\n  },\n  \"contextTrigger\",\n)()\n\nexport interface MenuAnchorProps extends Popover.AnchorProps {}\n\nexport const MenuAnchor = withContext<\"div\", MenuAnchorProps>(\n  Popover.Anchor,\n  \"anchor\",\n)()\n\nexport interface MenuContentProps extends Popover.ContentProps {\n  /**\n   * The footer of the menu.\n   */\n  footer?: ReactNode\n  /**\n   * The header of the menu.\n   */\n  header?: ReactNode\n  /**\n   * If provided, generate elements based on items.\n   */\n  items?: MenuItem[]\n  /**\n   * Props for the footer component.\n   */\n  footerProps?: MenuFooterProps\n  /**\n   * Props for the header component.\n   */\n  headerProps?: MenuHeaderProps\n}\n\nexport const MenuContent = withContext<\"div\", MenuContentProps>(\n  Popover.Content,\n  \"content\",\n)(\n  undefined,\n  ({\n    children,\n    footer,\n    header,\n    items = [],\n    footerProps,\n    headerProps,\n    portalProps,\n    ...rest\n  }) => {\n    const { subMenu } = useMenuContext()\n    const { getContentProps } = useComponentContext()\n    const computedChildren = useMemo(() => {\n      if (children) return children\n\n      return (\n        <>\n          {header ? <MenuHeader {...headerProps}>{header}</MenuHeader> : null}\n\n          {items.map((props, index) => {\n            if (\"type\" in props) {\n              if (props.type === \"radio\") {\n                const {\n                  type,\n                  hasSeparator = true,\n                  hasEndSeparator = hasSeparator,\n                  hasStartSeparator = hasSeparator,\n                  items = [],\n                  ...rest\n                } = props\n\n                return (\n                  <Fragment key={index}>\n                    {hasStartSeparator ? <MenuSeparator /> : null}\n\n                    <MenuOptionGroup type={type} {...rest}>\n                      {items.map(({ label, ...rest }, index) => (\n                        <MenuOptionItem key={index} {...rest}>\n                          {label}\n                        </MenuOptionItem>\n                      ))}\n                    </MenuOptionGroup>\n\n                    {hasEndSeparator ? <MenuSeparator /> : null}\n                  </Fragment>\n                )\n              } else if (props.type === \"checkbox\") {\n                const {\n                  type,\n                  hasSeparator = true,\n                  hasEndSeparator = hasSeparator,\n                  hasStartSeparator = hasSeparator,\n                  items = [],\n                  ...rest\n                } = props\n\n                return (\n                  <Fragment key={index}>\n                    {hasStartSeparator ? <MenuSeparator /> : null}\n\n                    <MenuOptionGroup type={type} {...rest}>\n                      {items.map(({ label, ...rest }, index) => (\n                        <MenuOptionItem key={index} {...rest}>\n                          {label}\n                        </MenuOptionItem>\n                      ))}\n                    </MenuOptionGroup>\n\n                    {hasEndSeparator ? <MenuSeparator /> : null}\n                  </Fragment>\n                )\n              } else {\n                return <MenuSeparator key={index} />\n              }\n            } else if (\"items\" in props) {\n              const {\n                hasSeparator = true,\n                hasEndSeparator = hasSeparator,\n                hasStartSeparator = hasSeparator,\n                items = [],\n                ...rest\n              } = props\n\n              return (\n                <Fragment key={index}>\n                  {hasStartSeparator ? <MenuSeparator /> : null}\n\n                  <MenuGroup {...rest}>\n                    {items.map(({ label, ...rest }, index) => (\n                      <MenuItem key={index} {...rest}>\n                        {label}\n                      </MenuItem>\n                    ))}\n                  </MenuGroup>\n\n                  {hasEndSeparator ? <MenuSeparator /> : null}\n                </Fragment>\n              )\n            } else if (\"value\" in props) {\n              const { label, ...rest } = props\n\n              return (\n                <MenuItem key={index} {...rest}>\n                  {label}\n                </MenuItem>\n              )\n            }\n          })}\n\n          {footer ? <MenuFooter {...footerProps}>{footer}</MenuFooter> : null}\n        </>\n      )\n    }, [children, footer, footerProps, header, headerProps, items])\n\n    return {\n      ...getContentProps(\n        cast<HTMLProps>({ ...rest, children: computedChildren }),\n      ),\n      portalProps: subMenu ? { ...portalProps, disabled: true } : portalProps,\n    }\n  },\n)\n\nexport interface MenuHeaderProps extends HTMLStyledProps {}\n\nexport const MenuHeader = withContext<\"div\", MenuHeaderProps>(\n  \"div\",\n  \"header\",\n)({ \"data-header\": \"\" })\n\nexport interface MenuFooterProps extends HTMLStyledProps {}\n\nexport const MenuFooter = withContext<\"div\", MenuFooterProps>(\n  \"div\",\n  \"footer\",\n)({ \"data-footer\": \"\" })\n\nexport interface MenuLabelProps extends HTMLStyledProps<\"span\"> {}\n\nexport const MenuLabel = withContext<\"span\", MenuLabelProps>(\"span\", \"label\")(\n  undefined,\n  (props) => {\n    const { getLabelProps } = useMenuGroupContext()\n\n    return getLabelProps(props)\n  },\n)\n\nexport interface MenuGroupProps extends UseMenuGroupProps, HTMLStyledProps {\n  /**\n   * The label of the group.\n   */\n  label?: ReactNode\n  /**\n   * Props for the label component.\n   */\n  labelProps?: MenuLabelProps\n}\n\nexport const MenuGroup = withContext<\"div\", MenuGroupProps>(\n  ({ children, label, labelProps, ...rest }) => {\n    const { getGroupProps, getLabelProps } = useMenuGroup(rest)\n    const context = useMemo(() => ({ getLabelProps }), [getLabelProps])\n\n    return (\n      <MenuGroupContext value={context}>\n        <styled.div {...getGroupProps()}>\n          {label ? <MenuLabel {...labelProps}>{label}</MenuLabel> : null}\n          {children}\n        </styled.div>\n      </MenuGroupContext>\n    )\n  },\n  \"group\",\n)()\n\nexport interface MenuOptionGroupProps<\n  Y extends MenuOptionGroupType = \"checkbox\",\n  M extends MenuOptionGroupValue<Y> = MenuOptionGroupValue<Y>,\n>\n  extends\n    UseMenuOptionGroupProps<Y, M>,\n    Omit<MenuGroupProps, \"defaultValue\" | \"onChange\"> {}\n\nexport const MenuOptionGroup = withContext<\"div\", MenuOptionGroupProps>(\n  ({\n    type: typeProp,\n    defaultValue,\n    value: valueProp,\n    onChange: onChangeProp,\n    ...rest\n  }) => {\n    const { type, value, onChange } = useMenuOptionGroup({\n      type: typeProp,\n      defaultValue,\n      value: valueProp,\n      onChange: onChangeProp,\n    })\n    const context = useMemo(\n      () => ({ type, value, onChange }),\n      [type, value, onChange],\n    )\n\n    return (\n      <MenuOptionGroupContext value={context}>\n        <MenuGroup {...rest} />\n      </MenuOptionGroupContext>\n    )\n  },\n  { name: \"OptionGroup\", slot: [\"group\", \"option\"] },\n)() as GenericsComponent<{\n  <\n    Y extends MenuOptionGroupType = \"checkbox\",\n    M extends MenuOptionGroupValue<Y> = MenuOptionGroupValue<Y>,\n  >(\n    props: MenuOptionGroupProps<Y, M>,\n  ): ReactElement\n}>\n\nexport interface MenuItemProps extends HTMLStyledProps, UseMenuItemProps {}\n\nexport const MenuItem = withContext<\"div\", MenuItemProps>(\n  ({ children, ...rest }) => {\n    const { subMenuTrigger, getItemProps } = useMenuItem(rest)\n\n    return (\n      <styled.div {...getItemProps()}>\n        {children}\n\n        {subMenuTrigger ? (\n          <MenuIndicator as={ChevronRightIcon} ms=\"auto\" />\n        ) : null}\n      </styled.div>\n    )\n  },\n  \"item\",\n)()\n\nexport interface MenuOptionItemProps\n  extends HTMLStyledProps, UseMenuOptionItemProps {\n  /**\n   * The icon to be used in the menu option item.\n   */\n  icon?: ReactNode\n}\n\nexport const MenuOptionItem = withContext<\"div\", MenuOptionItemProps>(\n  ({ children, icon, ...rest }) => {\n    const { type, getIndicatorProps, getOptionItemProps } =\n      useMenuOptionItem(rest)\n\n    return (\n      <styled.div {...getOptionItemProps()}>\n        <MenuIndicator {...getIndicatorProps()}>\n          {icon ||\n            (type === \"radio\" ? (\n              <CircleSmallIcon fill=\"currentColor\" />\n            ) : (\n              <CheckIcon />\n            ))}\n        </MenuIndicator>\n        {children}\n      </styled.div>\n    )\n  },\n  { name: \"OptionItem\", slot: [\"item\", \"option\"] },\n)()\n\nexport interface MenuIndicatorProps extends HTMLStyledProps {}\n\nexport const MenuIndicator = withContext<\"div\", MenuIndicatorProps>(\n  \"div\",\n  \"indicator\",\n)()\n\nexport interface MenuCommandProps extends HTMLStyledProps<\"kbd\"> {}\n\nexport const MenuCommand = withContext<\"kbd\", MenuCommandProps>(\n  \"kbd\",\n  \"command\",\n)()\n\nexport interface MenuSeparatorProps extends HTMLStyledProps<\"hr\"> {}\n\nexport const MenuSeparator = withContext<\"hr\", MenuSeparatorProps>(\n  \"hr\",\n  \"separator\",\n)(undefined, (props) => {\n  const { getSeparatorProps } = useComponentContext()\n\n  return getSeparatorProps(props)\n})\n"],"mappings":";;;;;;;;;;;;;;AA6GA,MAAM,EACJ,kBACA,cAAc,kBACd,cACA,qBACA,iBAAiB,qBACjB,aACA,0BACE,oBACF,QACA,UACD;;;;;;AASD,MAAa,YAA+B,UAAU;CACpD,MAAM,CAAC,cAAc,eAAe,sBAAsB,MAAM;CAChE,MAAM,CACJ,EAAE,iBAAiB,iBAAiB,QAAQ,WAAW,GAAG,gBAC1D,EAAE,UAAU,UAAU,GAAG,UACvB,gBAAgB,aAAa;EAC/B;EACA;EACA;EACA;EACA;EACD,CAAC;CACF,MAAM,EACJ,eACA,aACA,MACA,SACA,kBACA,WACA,iBACA,wBACA,mBACA,iBACA,oBACA,SACA,YACA,gBACA,QACA,aACE,QAAQ;EAAE;EAAU,GAAG;EAAM,CAAC;CAClC,MAAM,qBAAqB,eAClB;EACL,GAAG;EACH,iBACE,oBAAoB,UAAU,iBAAiB;EACjD,WAAW,CAAC,CAAC;EACb;EACA;EACA,QAAQ,WAAW,UAAU,CAAC,GAAG,EAAE,GAAG,KAAA;EACtC;EACA,WACE,cAAc,UAAU,UAAU,qBAAqB;EACzD;EACA;EACA;EACD,GACD;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CACF;CA8CD,OACE,oBAAC,cAAD;EAAc,OAAO;YACnB,oBAAC,wBAAD;GAAwB,OAAO;aAC7B,oBAAC,aAAD;IAAa,OAhDC,eACX;KACL;KACA;KACA;KACA;KACA;KACA;KACA;KACD,GACD;KACE;KACA;KACA;KACA;KACA;KACA;KACA;KACD,CA8BkC;cAC7B,oBAAC,iBAAD;KAAiB,OA7BD,eACf;MACL;MACA;MACA;MACA;MACA;MACD,GACD;MAAC;MAAe;MAAa;MAAoB;MAAY;MAAS,CAqBzB;eACrC,oBAAC,kBAAD;MAAkB,OApBH,eAChB;OACL;OACA;OACA;OACA;OACD,GACD;OACE;OACA;OACA;OACA;OACD,CAQgD;gBACvC,oBAACA,aAAD;OAAc,GAAI;OAAqB;OAAwB,CAAA;MAC9C,CAAA;KACH,CAAA;IACN,CAAA;GACS,CAAA;EACZ,CAAA;;AAMnB,MAAa,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"}

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

@@ -1,8 +1,5 @@
 import { defineComponentSlotStyle } from "../../core/system/config.js";
-import "../../core/index.js";
 import { popoverStyle } from "../popover/popover.style.js";
-import "../popover/index.js";
-
 //#region src/components/menu/menu.style.ts
 const menuStyle = defineComponentSlotStyle({
 	base: {
@@ -141,7 +138,7 @@ const menuStyle = defineComponentSlotStyle({
 	},
 	defaultProps: { size: "md" }
 });
-
 //#endregion
 export { menuStyle };
+
 //# sourceMappingURL=menu.style.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"menu.style.js","names":[],"sources":["../../../../src/components/menu/menu.style.ts"],"sourcesContent":["import { defineComponentSlotStyle } from \"../../core\"\nimport { popoverStyle } from \"../popover\"\n\nexport const menuStyle = defineComponentSlotStyle({\n  base: {\n    command: {\n      textStyle: \"mono\",\n      color: \"fg.muted\",\n      ms: \"auto\",\n    },\n    content: {\n      \"&:has([data-footer])\": {\n        scrollPaddingBottom: \"calc({space} + {footer-height} + {border-width})\",\n      },\n      \"&:has([data-header])\": {\n        scrollPaddingTop: \"calc({space} + {header-height} + {border-width})\",\n      },\n      \"--border-width\": \"1px\",\n      \"--footer-height\": \"{item-height}\",\n      \"--header-height\": \"{item-height}\",\n      gap: \"0\",\n      overflow: \"auto\",\n      p: \"{space}\",\n      scrollPaddingBottom: \"{space}\",\n      scrollPaddingTop: \"{space}\",\n    },\n    footer: {\n      alignItems: \"center\",\n      bg: popoverStyle.base?.content?.bg,\n      borderTopWidth: \"{border-width}\",\n      bottom: \"calc({space} * -1)\",\n      display: \"flex\",\n      left: \"0\",\n      mb: \"calc({space} * -1)\",\n      minH: \"{footer-height}\",\n      mt: \"{space}\",\n      mx: \"calc({space} * -1)\",\n      position: \"sticky\",\n      right: \"0\",\n    },\n    group: {\n      display: \"flex\",\n      flexDirection: \"column\",\n    },\n    header: {\n      alignItems: \"center\",\n      bg: popoverStyle.base?.content?.bg,\n      borderBottomWidth: \"{border-width}\",\n      display: \"flex\",\n      left: \"0\",\n      mb: \"{space}\",\n      minH: \"{header-height}\",\n      mt: \"calc({space} * -1)\",\n      mx: \"calc({space} * -1)\",\n      position: \"sticky\",\n      right: \"0\",\n      top: \"calc({space} * -1)\",\n    },\n    indicator: {\n      alignItems: \"center\",\n      display: \"flex\",\n      justifyContent: \"center\",\n    },\n    item: {\n      alignItems: \"center\",\n      display: \"flex\",\n      focusVisibleRing: \"none\",\n      minH: \"{item-height}\",\n      userSelect: \"none\",\n      _activedescendant: { bg: \"bg.subtle\" },\n      _disabled: { layerStyle: \"disabled\" },\n    },\n    label: {\n      alignItems: \"center\",\n      display: \"flex\",\n      fontWeight: \"medium\",\n      minH: \"{item-height}\",\n    },\n    separator: {\n      \"& + hr\": { display: \"none\" },\n      \"&:last-child, &:first-child\": { display: \"none\" },\n      borderBottomWidth: \"{border-width}\",\n      mx: \"calc({space} * -1)\",\n      my: \"{space}\",\n    },\n  },\n\n  sizes: {\n    sm: {\n      command: { fontSize: \"2xs\" },\n      content: {\n        \"--item-height\": \"spaces.7\",\n        \"--space\": \"spaces.1\",\n        fontSize: \"xs\",\n        minW: \"3xs\",\n      },\n      footer: { px: \"1.5\" },\n      header: { px: \"1.5\" },\n      indicator: { fontSize: \"sm\" },\n      item: { gap: \"1.5\", px: \"1.5\", rounded: \"l1\" },\n      label: { px: \"1.5\" },\n    },\n    md: {\n      command: { fontSize: \"xs\" },\n      content: {\n        \"--item-height\": \"spaces.8\",\n        \"--space\": \"spaces.1\",\n        fontSize: \"sm\",\n        minW: \"2xs\",\n      },\n      footer: { px: \"2\" },\n      header: { px: \"2\" },\n      indicator: { fontSize: \"md\" },\n      item: { gap: \"2\", px: \"2\", rounded: \"l1\" },\n      label: { px: \"2\" },\n    },\n    lg: {\n      command: { fontSize: \"sm\" },\n      content: {\n        \"--item-height\": \"spaces.9\",\n        \"--space\": \"spaces.1\",\n        fontSize: \"md\",\n        minW: \"2xs\",\n      },\n      footer: { px: \"2\" },\n      header: { px: \"2\" },\n      indicator: { fontSize: \"lg\" },\n      item: { gap: \"2\", px: \"2\", rounded: \"l1\" },\n      label: { px: \"2\" },\n    },\n  },\n\n  defaultProps: {\n    size: \"md\",\n  },\n})\n\nexport type MenuStyle = typeof menuStyle\n"],"mappings":";;;;;;AAGA,MAAa,YAAY,yBAAyB;CAChD,MAAM;EACJ,SAAS;GACP,WAAW;GACX,OAAO;GACP,IAAI;GACL;EACD,SAAS;GACP,wBAAwB,EACtB,qBAAqB,oDACtB;GACD,wBAAwB,EACtB,kBAAkB,oDACnB;GACD,kBAAkB;GAClB,mBAAmB;GACnB,mBAAmB;GACnB,KAAK;GACL,UAAU;GACV,GAAG;GACH,qBAAqB;GACrB,kBAAkB;GACnB;EACD,QAAQ;GACN,YAAY;GACZ,IAAI,aAAa,MAAM,SAAS;GAChC,gBAAgB;GAChB,QAAQ;GACR,SAAS;GACT,MAAM;GACN,IAAI;GACJ,MAAM;GACN,IAAI;GACJ,IAAI;GACJ,UAAU;GACV,OAAO;GACR;EACD,OAAO;GACL,SAAS;GACT,eAAe;GAChB;EACD,QAAQ;GACN,YAAY;GACZ,IAAI,aAAa,MAAM,SAAS;GAChC,mBAAmB;GACnB,SAAS;GACT,MAAM;GACN,IAAI;GACJ,MAAM;GACN,IAAI;GACJ,IAAI;GACJ,UAAU;GACV,OAAO;GACP,KAAK;GACN;EACD,WAAW;GACT,YAAY;GACZ,SAAS;GACT,gBAAgB;GACjB;EACD,MAAM;GACJ,YAAY;GACZ,SAAS;GACT,kBAAkB;GAClB,MAAM;GACN,YAAY;GACZ,mBAAmB,EAAE,IAAI,aAAa;GACtC,WAAW,EAAE,YAAY,YAAY;GACtC;EACD,OAAO;GACL,YAAY;GACZ,SAAS;GACT,YAAY;GACZ,MAAM;GACP;EACD,WAAW;GACT,UAAU,EAAE,SAAS,QAAQ;GAC7B,+BAA+B,EAAE,SAAS,QAAQ;GAClD,mBAAmB;GACnB,IAAI;GACJ,IAAI;GACL;EACF;CAED,OAAO;EACL,IAAI;GACF,SAAS,EAAE,UAAU,OAAO;GAC5B,SAAS;IACP,iBAAiB;IACjB,WAAW;IACX,UAAU;IACV,MAAM;IACP;GACD,QAAQ,EAAE,IAAI,OAAO;GACrB,QAAQ,EAAE,IAAI,OAAO;GACrB,WAAW,EAAE,UAAU,MAAM;GAC7B,MAAM;IAAE,KAAK;IAAO,IAAI;IAAO,SAAS;IAAM;GAC9C,OAAO,EAAE,IAAI,OAAO;GACrB;EACD,IAAI;GACF,SAAS,EAAE,UAAU,MAAM;GAC3B,SAAS;IACP,iBAAiB;IACjB,WAAW;IACX,UAAU;IACV,MAAM;IACP;GACD,QAAQ,EAAE,IAAI,KAAK;GACnB,QAAQ,EAAE,IAAI,KAAK;GACnB,WAAW,EAAE,UAAU,MAAM;GAC7B,MAAM;IAAE,KAAK;IAAK,IAAI;IAAK,SAAS;IAAM;GAC1C,OAAO,EAAE,IAAI,KAAK;GACnB;EACD,IAAI;GACF,SAAS,EAAE,UAAU,MAAM;GAC3B,SAAS;IACP,iBAAiB;IACjB,WAAW;IACX,UAAU;IACV,MAAM;IACP;GACD,QAAQ,EAAE,IAAI,KAAK;GACnB,QAAQ,EAAE,IAAI,KAAK;GACnB,WAAW,EAAE,UAAU,MAAM;GAC7B,MAAM;IAAE,KAAK;IAAK,IAAI;IAAK,SAAS;IAAM;GAC1C,OAAO,EAAE,IAAI,KAAK;GACnB;EACF;CAED,cAAc,EACZ,MAAM,MACP;CACF,CAAC"}
+{"version":3,"file":"menu.style.js","names":[],"sources":["../../../../src/components/menu/menu.style.ts"],"sourcesContent":["import { defineComponentSlotStyle } from \"../../core\"\nimport { popoverStyle } from \"../popover\"\n\nexport const menuStyle = defineComponentSlotStyle({\n  base: {\n    command: {\n      textStyle: \"mono\",\n      color: \"fg.muted\",\n      ms: \"auto\",\n    },\n    content: {\n      \"&:has([data-footer])\": {\n        scrollPaddingBottom: \"calc({space} + {footer-height} + {border-width})\",\n      },\n      \"&:has([data-header])\": {\n        scrollPaddingTop: \"calc({space} + {header-height} + {border-width})\",\n      },\n      \"--border-width\": \"1px\",\n      \"--footer-height\": \"{item-height}\",\n      \"--header-height\": \"{item-height}\",\n      gap: \"0\",\n      overflow: \"auto\",\n      p: \"{space}\",\n      scrollPaddingBottom: \"{space}\",\n      scrollPaddingTop: \"{space}\",\n    },\n    footer: {\n      alignItems: \"center\",\n      bg: popoverStyle.base?.content?.bg,\n      borderTopWidth: \"{border-width}\",\n      bottom: \"calc({space} * -1)\",\n      display: \"flex\",\n      left: \"0\",\n      mb: \"calc({space} * -1)\",\n      minH: \"{footer-height}\",\n      mt: \"{space}\",\n      mx: \"calc({space} * -1)\",\n      position: \"sticky\",\n      right: \"0\",\n    },\n    group: {\n      display: \"flex\",\n      flexDirection: \"column\",\n    },\n    header: {\n      alignItems: \"center\",\n      bg: popoverStyle.base?.content?.bg,\n      borderBottomWidth: \"{border-width}\",\n      display: \"flex\",\n      left: \"0\",\n      mb: \"{space}\",\n      minH: \"{header-height}\",\n      mt: \"calc({space} * -1)\",\n      mx: \"calc({space} * -1)\",\n      position: \"sticky\",\n      right: \"0\",\n      top: \"calc({space} * -1)\",\n    },\n    indicator: {\n      alignItems: \"center\",\n      display: \"flex\",\n      justifyContent: \"center\",\n    },\n    item: {\n      alignItems: \"center\",\n      display: \"flex\",\n      focusVisibleRing: \"none\",\n      minH: \"{item-height}\",\n      userSelect: \"none\",\n      _activedescendant: { bg: \"bg.subtle\" },\n      _disabled: { layerStyle: \"disabled\" },\n    },\n    label: {\n      alignItems: \"center\",\n      display: \"flex\",\n      fontWeight: \"medium\",\n      minH: \"{item-height}\",\n    },\n    separator: {\n      \"& + hr\": { display: \"none\" },\n      \"&:last-child, &:first-child\": { display: \"none\" },\n      borderBottomWidth: \"{border-width}\",\n      mx: \"calc({space} * -1)\",\n      my: \"{space}\",\n    },\n  },\n\n  sizes: {\n    sm: {\n      command: { fontSize: \"2xs\" },\n      content: {\n        \"--item-height\": \"spaces.7\",\n        \"--space\": \"spaces.1\",\n        fontSize: \"xs\",\n        minW: \"3xs\",\n      },\n      footer: { px: \"1.5\" },\n      header: { px: \"1.5\" },\n      indicator: { fontSize: \"sm\" },\n      item: { gap: \"1.5\", px: \"1.5\", rounded: \"l1\" },\n      label: { px: \"1.5\" },\n    },\n    md: {\n      command: { fontSize: \"xs\" },\n      content: {\n        \"--item-height\": \"spaces.8\",\n        \"--space\": \"spaces.1\",\n        fontSize: \"sm\",\n        minW: \"2xs\",\n      },\n      footer: { px: \"2\" },\n      header: { px: \"2\" },\n      indicator: { fontSize: \"md\" },\n      item: { gap: \"2\", px: \"2\", rounded: \"l1\" },\n      label: { px: \"2\" },\n    },\n    lg: {\n      command: { fontSize: \"sm\" },\n      content: {\n        \"--item-height\": \"spaces.9\",\n        \"--space\": \"spaces.1\",\n        fontSize: \"md\",\n        minW: \"2xs\",\n      },\n      footer: { px: \"2\" },\n      header: { px: \"2\" },\n      indicator: { fontSize: \"lg\" },\n      item: { gap: \"2\", px: \"2\", rounded: \"l1\" },\n      label: { px: \"2\" },\n    },\n  },\n\n  defaultProps: {\n    size: \"md\",\n  },\n})\n\nexport type MenuStyle = typeof menuStyle\n"],"mappings":";;;AAGA,MAAa,YAAY,yBAAyB;CAChD,MAAM;EACJ,SAAS;GACP,WAAW;GACX,OAAO;GACP,IAAI;GACL;EACD,SAAS;GACP,wBAAwB,EACtB,qBAAqB,oDACtB;GACD,wBAAwB,EACtB,kBAAkB,oDACnB;GACD,kBAAkB;GAClB,mBAAmB;GACnB,mBAAmB;GACnB,KAAK;GACL,UAAU;GACV,GAAG;GACH,qBAAqB;GACrB,kBAAkB;GACnB;EACD,QAAQ;GACN,YAAY;GACZ,IAAI,aAAa,MAAM,SAAS;GAChC,gBAAgB;GAChB,QAAQ;GACR,SAAS;GACT,MAAM;GACN,IAAI;GACJ,MAAM;GACN,IAAI;GACJ,IAAI;GACJ,UAAU;GACV,OAAO;GACR;EACD,OAAO;GACL,SAAS;GACT,eAAe;GAChB;EACD,QAAQ;GACN,YAAY;GACZ,IAAI,aAAa,MAAM,SAAS;GAChC,mBAAmB;GACnB,SAAS;GACT,MAAM;GACN,IAAI;GACJ,MAAM;GACN,IAAI;GACJ,IAAI;GACJ,UAAU;GACV,OAAO;GACP,KAAK;GACN;EACD,WAAW;GACT,YAAY;GACZ,SAAS;GACT,gBAAgB;GACjB;EACD,MAAM;GACJ,YAAY;GACZ,SAAS;GACT,kBAAkB;GAClB,MAAM;GACN,YAAY;GACZ,mBAAmB,EAAE,IAAI,aAAa;GACtC,WAAW,EAAE,YAAY,YAAY;GACtC;EACD,OAAO;GACL,YAAY;GACZ,SAAS;GACT,YAAY;GACZ,MAAM;GACP;EACD,WAAW;GACT,UAAU,EAAE,SAAS,QAAQ;GAC7B,+BAA+B,EAAE,SAAS,QAAQ;GAClD,mBAAmB;GACnB,IAAI;GACJ,IAAI;GACL;EACF;CAED,OAAO;EACL,IAAI;GACF,SAAS,EAAE,UAAU,OAAO;GAC5B,SAAS;IACP,iBAAiB;IACjB,WAAW;IACX,UAAU;IACV,MAAM;IACP;GACD,QAAQ,EAAE,IAAI,OAAO;GACrB,QAAQ,EAAE,IAAI,OAAO;GACrB,WAAW,EAAE,UAAU,MAAM;GAC7B,MAAM;IAAE,KAAK;IAAO,IAAI;IAAO,SAAS;IAAM;GAC9C,OAAO,EAAE,IAAI,OAAO;GACrB;EACD,IAAI;GACF,SAAS,EAAE,UAAU,MAAM;GAC3B,SAAS;IACP,iBAAiB;IACjB,WAAW;IACX,UAAU;IACV,MAAM;IACP;GACD,QAAQ,EAAE,IAAI,KAAK;GACnB,QAAQ,EAAE,IAAI,KAAK;GACnB,WAAW,EAAE,UAAU,MAAM;GAC7B,MAAM;IAAE,KAAK;IAAK,IAAI;IAAK,SAAS;IAAM;GAC1C,OAAO,EAAE,IAAI,KAAK;GACnB;EACD,IAAI;GACF,SAAS,EAAE,UAAU,MAAM;GAC3B,SAAS;IACP,iBAAiB;IACjB,WAAW;IACX,UAAU;IACV,MAAM;IACP;GACD,QAAQ,EAAE,IAAI,KAAK;GACnB,QAAQ,EAAE,IAAI,KAAK;GACnB,WAAW,EAAE,UAAU,MAAM;GAC7B,MAAM;IAAE,KAAK;IAAK,IAAI;IAAK,SAAS;IAAM;GAC1C,OAAO,EAAE,IAAI,KAAK;GACnB;EACF;CAED,cAAc,EACZ,MAAM,MACP;CACF,CAAC"}

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

@@ -1,6 +1,5 @@
-import { __exportAll } from "../../_virtual/rolldown_runtime.js";
+import { __exportAll } from "../../_virtual/_rolldown/runtime.js";
 import { MenuAnchor, MenuCommand, MenuContent, MenuContextTrigger, MenuFooter, MenuGroup, MenuHeader, MenuIndicator, MenuItem, MenuLabel, MenuOptionGroup, MenuOptionItem, MenuPropsContext, MenuRoot, MenuSeparator, MenuTrigger, useMenuPropsContext } from "./menu.js";
-
 //#region src/components/menu/namespace.ts
 var namespace_exports = /* @__PURE__ */ __exportAll({
 	Anchor: () => MenuAnchor,
@@ -21,7 +20,7 @@ var namespace_exports = /* @__PURE__ */ __exportAll({
 	Trigger: () => MenuTrigger,
 	usePropsContext: () => useMenuPropsContext
 });
-
 //#endregion
 export { namespace_exports };
+
 //# sourceMappingURL=namespace.js.map