@yamada-ui/menu 1.1.0-dev-20240421014947 → 1.1.0

package/dist/{chunk-JZ57SWSI.mjs → chunk-LCBUXCJ2.mjs}

@@ -9281,11 +9281,11 @@ var require_react_dom_development = __commonJS({
           if (node2.hasOwnProperty(valueField) || typeof descriptor === "undefined" || typeof descriptor.get !== "function" || typeof descriptor.set !== "function") {
             return;
           }
-          var get11 = descriptor.get, set2 = descriptor.set;
+          var get12 = descriptor.get, set2 = descriptor.set;
           Object.defineProperty(node2, valueField, {
             configurable: true,
             get: function() {
-              return get11.call(this);
+              return get12.call(this);
             },
             set: function(value) {
               {
@@ -11197,7 +11197,7 @@ var require_react_dom_development = __commonJS({
             throw new Error("clearCaughtError was called but no error was captured. This error is likely caused by a bug in React. Please file an issue.");
           }
         }
-        function get10(key) {
+        function get11(key) {
           return key._reactInternals;
         }
         function has(key) {
@@ -11372,7 +11372,7 @@ var require_react_dom_development = __commonJS({
               instance._warnedAboutRefsInRender = true;
             }
           }
-          var fiber = get10(component);
+          var fiber = get11(component);
           if (!fiber) {
             return false;
           }
@@ -18037,7 +18037,7 @@ var require_react_dom_development = __commonJS({
         var classComponentUpdater = {
           isMounted,
           enqueueSetState: function(inst, payload, callback) {
-            var fiber = get10(inst);
+            var fiber = get11(inst);
             var eventTime = requestEventTime();
             var lane = requestUpdateLane(fiber);
             var update = createUpdate(eventTime, lane);
@@ -18058,7 +18058,7 @@ var require_react_dom_development = __commonJS({
             }
           },
           enqueueReplaceState: function(inst, payload, callback) {
-            var fiber = get10(inst);
+            var fiber = get11(inst);
             var eventTime = requestEventTime();
             var lane = requestUpdateLane(fiber);
             var update = createUpdate(eventTime, lane);
@@ -18080,7 +18080,7 @@ var require_react_dom_development = __commonJS({
             }
           },
           enqueueForceUpdate: function(inst, callback) {
-            var fiber = get10(inst);
+            var fiber = get11(inst);
             var eventTime = requestEventTime();
             var lane = requestUpdateLane(fiber);
             var update = createUpdate(eventTime, lane);
@@ -28100,7 +28100,7 @@ var require_react_dom_development = __commonJS({
           if (!parentComponent) {
             return emptyContextObject;
           }
-          var fiber = get10(parentComponent);
+          var fiber = get11(parentComponent);
           var parentContext = findCurrentUnmaskedContext(fiber);
           if (fiber.tag === ClassComponent) {
             var Component = fiber.type;
@@ -28112,7 +28112,7 @@ var require_react_dom_development = __commonJS({
         }
         function findHostInstanceWithWarning(component, methodName) {
           {
-            var fiber = get10(component);
+            var fiber = get11(component);
             if (fiber === void 0) {
               if (typeof component.render === "function") {
                 throw new Error("Unable to find node on an unmounted component.");
@@ -35409,10 +35409,71 @@ var Divider = {
   defaultProps: { variant: "solid" }
 };
 
-// ../../theme/src/components/drawer.ts
+// ../../theme/src/components/donut-chart.ts
+import { mergeMultiStyle as mergeMultiStyle12 } from "@yamada-ui/core";
+
+// ../../theme/src/components/pie-chart.ts
 import { mergeMultiStyle as mergeMultiStyle11 } from "@yamada-ui/core";
+import { calc, getMemoizedObject as get5 } from "@yamada-ui/utils";
+var PieChart = mergeMultiStyle11(LineChart, {
+  baseStyle: {
+    pie: {},
+    activeShape: {},
+    inactiveShape: {},
+    label: {},
+    labelLine: {},
+    cell: {}
+  },
+  sizes: {
+    sm: ({ theme: t, withLegend, withLabels }) => ({
+      container: {
+        w: withLegend ? "full" : calc.add(
+          get5(t, "sizes.3xs"),
+          withLabels ? get5(t, "sizes.16") : "0px"
+        ),
+        h: calc.add(get5(t, "sizes.3xs"), get5(t, "sizes.1"))
+      },
+      label: {
+        fontSize: "xs"
+      }
+    }),
+    md: ({ theme: t, withLegend, withLabels }) => ({
+      container: {
+        w: withLegend ? "full" : calc.add(
+          get5(t, "sizes.2xs"),
+          withLabels ? get5(t, "sizes.16") : "0px"
+        ),
+        h: "2xs"
+      },
+      label: {
+        fontSize: "sm"
+      }
+    }),
+    lg: ({ theme: t, withLegend, withLabels }) => ({
+      container: {
+        w: withLegend ? "full" : calc.add(
+          get5(t, "sizes.xs"),
+          withLabels ? get5(t, "sizes.16") : "0px"
+        ),
+        h: "xs"
+      },
+      label: {
+        fontSize: "md"
+      }
+    })
+  },
+  defaultProps: {
+    size: "md"
+  }
+})({ omit: ["line", "grid", "sizes.full"] });
+
+// ../../theme/src/components/donut-chart.ts
+var DonutChart = mergeMultiStyle12(PieChart)();
+
+// ../../theme/src/components/drawer.ts
+import { mergeMultiStyle as mergeMultiStyle13 } from "@yamada-ui/core";
 import { antonym, toCamelCase } from "@yamada-ui/utils";
-var Drawer = mergeMultiStyle11(Modal, {
+var Drawer = mergeMultiStyle13(Modal, {
   baseStyle: {
     container: ({ isFullHeight, placement }) => ({
       ...isFullHeight ? { height: "100dvh", rounded: 0 } : {},
@@ -35671,8 +35732,8 @@ var Editable = {
 };
 
 // ../../theme/src/components/file-input.ts
-import { mergeMultiStyle as mergeMultiStyle12 } from "@yamada-ui/core";
-var FileInput = mergeMultiStyle12(Input)();
+import { mergeMultiStyle as mergeMultiStyle14 } from "@yamada-ui/core";
+var FileInput = mergeMultiStyle14(Input)();
 
 // ../../theme/src/components/form-control.ts
 var FormControl = {
@@ -35984,16 +36045,16 @@ var Markdown = {
 };
 
 // ../../theme/src/components/month-picker.ts
-import { mergeMultiStyle as mergeMultiStyle13 } from "@yamada-ui/core";
-var MonthPicker = mergeMultiStyle13(DatePicker)();
+import { mergeMultiStyle as mergeMultiStyle15 } from "@yamada-ui/core";
+var MonthPicker = mergeMultiStyle15(DatePicker)();
 
 // ../../theme/src/components/multi-autocomplete.ts
-import { mergeMultiStyle as mergeMultiStyle14 } from "@yamada-ui/core";
-var MultiAutocomplete = mergeMultiStyle14(MultiSelect)();
+import { mergeMultiStyle as mergeMultiStyle16 } from "@yamada-ui/core";
+var MultiAutocomplete = mergeMultiStyle16(MultiSelect)();
 
 // ../../theme/src/components/multi-date-picker.ts
-import { mergeMultiStyle as mergeMultiStyle15 } from "@yamada-ui/core";
-var MultiDatePicker = mergeMultiStyle15(DatePicker)();
+import { mergeMultiStyle as mergeMultiStyle17 } from "@yamada-ui/core";
+var MultiDatePicker = mergeMultiStyle17(DatePicker)();
 
 // ../../theme/src/components/native-table.ts
 import { transparentizeColor as transparentizeColor5, isGray as isGray6, tintColor as tintColor5 } from "@yamada-ui/utils";
@@ -36248,8 +36309,8 @@ var NativeTable = {
 };
 
 // ../../theme/src/components/number-input.ts
-import { mergeMultiStyle as mergeMultiStyle16 } from "@yamada-ui/core";
-var NumberInput = mergeMultiStyle16(Input, {
+import { mergeMultiStyle as mergeMultiStyle18 } from "@yamada-ui/core";
+var NumberInput = mergeMultiStyle18(Input, {
   baseStyle: {
     stepper: {
       borderStart: "1px solid",
@@ -36558,11 +36619,11 @@ var Pagination = {
 };
 
 // ../../theme/src/components/paging-table.ts
-import { mergeMultiStyle as mergeMultiStyle18 } from "@yamada-ui/core";
+import { mergeMultiStyle as mergeMultiStyle20 } from "@yamada-ui/core";
 
 // ../../theme/src/components/table.ts
-import { mergeMultiStyle as mergeMultiStyle17 } from "@yamada-ui/core";
-var Table = mergeMultiStyle17(NativeTable, {
+import { mergeMultiStyle as mergeMultiStyle19 } from "@yamada-ui/core";
+var Table = mergeMultiStyle19(NativeTable, {
   baseStyle: {
     sortIcon: {}
   },
@@ -36591,7 +36652,7 @@ var Table = mergeMultiStyle17(NativeTable, {
 })();
 
 // ../../theme/src/components/paging-table.ts
-var PagingTable = mergeMultiStyle18(Table, {
+var PagingTable = mergeMultiStyle20(Table, {
   baseStyle: {
     pagingControl: {
       gridTemplateColumns: "1fr 5fr 1fr"
@@ -36622,8 +36683,8 @@ var PagingTable = mergeMultiStyle18(Table, {
 })();
 
 // ../../theme/src/components/pin-input.ts
-import { mergeMultiStyle as mergeMultiStyle19 } from "@yamada-ui/core";
-var PinInput = mergeMultiStyle19(Input, {
+import { mergeMultiStyle as mergeMultiStyle21 } from "@yamada-ui/core";
+var PinInput = mergeMultiStyle21(Input, {
   baseStyle: {
     container: {
       gap: "sm"
@@ -36784,8 +36845,8 @@ var Progress = {
 };
 
 // ../../theme/src/components/radar-chart.ts
-import { mergeMultiStyle as mergeMultiStyle20 } from "@yamada-ui/core";
-var RadarChart = mergeMultiStyle20(LineChart, {
+import { mergeMultiStyle as mergeMultiStyle22 } from "@yamada-ui/core";
+var RadarChart = mergeMultiStyle22(LineChart, {
   baseStyle: {
     radar: {},
     polarGrid: {
@@ -36929,11 +36990,11 @@ var Radio = {
 };
 
 // ../../theme/src/components/range-date-picker.ts
-import { mergeMultiStyle as mergeMultiStyle21 } from "@yamada-ui/core";
-var RangeDatePicker = mergeMultiStyle21(DatePicker)();
+import { mergeMultiStyle as mergeMultiStyle23 } from "@yamada-ui/core";
+var RangeDatePicker = mergeMultiStyle23(DatePicker)();
 
 // ../../theme/src/components/range-slider.ts
-import { mergeMultiStyle as mergeMultiStyle22 } from "@yamada-ui/core";
+import { mergeMultiStyle as mergeMultiStyle24 } from "@yamada-ui/core";
 
 // ../../theme/src/components/slider.ts
 import { shadeColor as shadeColor7, tintColor as tintColor6 } from "@yamada-ui/utils";
@@ -37025,7 +37086,7 @@ var Slider = {
 };
 
 // ../../theme/src/components/range-slider.ts
-var RangeSlider = mergeMultiStyle22(Slider)();
+var RangeSlider = mergeMultiStyle24(Slider)();
 
 // ../../theme/src/components/rating.ts
 var Rating = {
@@ -37514,7 +37575,7 @@ var Stat = {
 };
 
 // ../../theme/src/components/stepper.ts
-import { getMemoizedObject as get5 } from "@yamada-ui/utils";
+import { getMemoizedObject as get6 } from "@yamada-ui/utils";
 var Stepper = {
   baseStyle: ({ colorScheme: c = "primary" }) => ({
     stepper: {
@@ -37615,9 +37676,9 @@ var Stepper = {
         fontSize: "sm"
       },
       separator: {
-        maxHeight: `calc(100% - ${get5(t, "sizes.6")} - 8px)`,
-        top: `calc(${get5(t, "sizes.6")} + 4px)`,
-        insetStart: `calc(${get5(t, "sizes.6")} / 2 - 1px)`
+        maxHeight: `calc(100% - ${get6(t, "sizes.6")} - 8px)`,
+        top: `calc(${get6(t, "sizes.6")} + 4px)`,
+        insetStart: `calc(${get6(t, "sizes.6")} / 2 - 1px)`
       }
     }),
     md: ({ theme: t }) => ({
@@ -37639,9 +37700,9 @@ var Stepper = {
         fontSize: "md"
       },
       separator: {
-        maxHeight: `calc(100% - ${get5(t, "sizes.8")} - 8px)`,
-        top: `calc(${get5(t, "sizes.8")} + 4px)`,
-        insetStart: `calc(${get5(t, "sizes.8")} / 2 - 1px)`
+        maxHeight: `calc(100% - ${get6(t, "sizes.8")} - 8px)`,
+        top: `calc(${get6(t, "sizes.8")} + 4px)`,
+        insetStart: `calc(${get6(t, "sizes.8")} / 2 - 1px)`
       }
     }),
     lg: ({ theme: t }) => ({
@@ -37663,9 +37724,9 @@ var Stepper = {
         fontSize: "lg"
       },
       separator: {
-        maxHeight: `calc(100% - ${get5(t, "sizes.10")} - 8px)`,
-        top: `calc(${get5(t, "sizes.10")} + 4px)`,
-        insetStart: `calc(${get5(t, "sizes.10")} / 2 - 1px)`
+        maxHeight: `calc(100% - ${get6(t, "sizes.10")} - 8px)`,
+        top: `calc(${get6(t, "sizes.10")} + 4px)`,
+        insetStart: `calc(${get6(t, "sizes.10")} / 2 - 1px)`
       }
     })
   },
@@ -38026,7 +38087,7 @@ var Tabs = {
 // ../../theme/src/components/tag.ts
 import { mode as mode10 } from "@yamada-ui/core";
 import {
-  getMemoizedObject as get6,
+  getMemoizedObject as get7,
   getColor as getColor9,
   isGray as isGray12,
   shadeColor as shadeColor10,
@@ -38105,7 +38166,7 @@ var Tag = {
         minW: "6",
         fontSize: "xs",
         px: "2",
-        lineHeight: get6(t, "sizes.6")
+        lineHeight: get7(t, "sizes.6")
       }
     }),
     md: ({ theme: t }) => ({
@@ -38114,7 +38175,7 @@ var Tag = {
         minW: "7",
         fontSize: "sm",
         px: "2",
-        lineHeight: get6(t, "sizes.7")
+        lineHeight: get7(t, "sizes.7")
       }
     }),
     lg: ({ theme: t }) => ({
@@ -38123,7 +38184,7 @@ var Tag = {
         minW: "8",
         fontSize: "md",
         px: "3",
-        lineHeight: get6(t, "sizes.8")
+        lineHeight: get7(t, "sizes.8")
       }
     })
   },
@@ -38171,7 +38232,7 @@ var Textarea = mergeStyle2(pickStyle(Input, "field"), {
 
 // ../../theme/src/components/toggle.ts
 import {
-  getMemoizedObject as get7,
+  getMemoizedObject as get8,
   isAccessible as isAccessible5,
   isGray as isGray13,
   shadeColor as shadeColor11,
@@ -38278,22 +38339,22 @@ var Toggle = {
     xs: ({ theme: t }) => ({
       minBoxSize: 6,
       fontSize: "xs",
-      lineHeight: get7(t, "sizes.6")
+      lineHeight: get8(t, "sizes.6")
     }),
     sm: ({ theme: t }) => ({
       minBoxSize: 8,
       fontSize: "sm",
-      lineHeight: get7(t, "sizes.8")
+      lineHeight: get8(t, "sizes.8")
     }),
     md: ({ theme: t }) => ({
       minBoxSize: 10,
       fontSize: "md",
-      lineHeight: get7(t, "sizes.10")
+      lineHeight: get8(t, "sizes.10")
     }),
     lg: ({ theme: t }) => ({
       minBoxSize: 12,
       fontSize: "lg",
-      lineHeight: get7(t, "sizes.12")
+      lineHeight: get8(t, "sizes.12")
     })
   },
   defaultProps: {
@@ -38346,6 +38407,7 @@ var components_default = {
   DatePicker,
   Dialog,
   Divider,
+  DonutChart,
   Drawer,
   Dropzone,
   Editable,
@@ -38372,6 +38434,7 @@ var components_default = {
   NumberInput,
   Pagination,
   PagingTable,
+  PieChart,
   PinInput,
   Popover,
   Progress,
@@ -39357,7 +39420,7 @@ import * as utils_star from "@yamada-ui/utils";
 // ../../theme-tools/src/extend-theme.ts
 import {
   merge as mergeObject,
-  getMemoizedObject as get8,
+  getMemoizedObject as get9,
   runIfFunc as runIfFunc2,
   omitObject,
   pickObject,
@@ -39384,7 +39447,7 @@ var createExtendTheme = (initialTheme = defaultTheme) => (...extensions) => ({ m
 };
 var extendTheme = createExtendTheme(defaultTheme);
 var extendBaseTheme = createExtendTheme(baseTheme);
-var extendToken = (token, tokens) => mergeObject(get8(defaultTheme, token, {}), tokens != null ? tokens : {});
+var extendToken = (token, tokens) => mergeObject(get9(defaultTheme, token, {}), tokens != null ? tokens : {});
 var extendStyle = (name, style) => {
   var _a;
   const props = {
@@ -39396,12 +39459,12 @@ var extendStyle = (name, style) => {
     }
   };
   return mergeObject(
-    runIfFunc2(get8(defaultTheme, `styles.${name}`, {}), props),
+    runIfFunc2(get9(defaultTheme, `styles.${name}`, {}), props),
     (_a = runIfFunc2(style, props)) != null ? _a : {}
   );
 };
 var extendComponent = (name, componentStyle) => mergeObject(
-  get8(
+  get9(
     defaultTheme,
     `components.${name}`,
     {}
@@ -39409,11 +39472,11 @@ var extendComponent = (name, componentStyle) => mergeObject(
   componentStyle != null ? componentStyle : {}
 );
 var extendComponentSize = (name, componentSizes) => mergeObject(
-  get8(defaultTheme, `components.${name}.sizes`, {}),
+  get9(defaultTheme, `components.${name}.sizes`, {}),
   componentSizes != null ? componentSizes : {}
 );
 var extendComponentVariant = (name, componentVariants) => mergeObject(
-  get8(
+  get9(
     defaultTheme,
     `components.${name}.variants`,
     {}
@@ -39421,7 +39484,7 @@ var extendComponentVariant = (name, componentVariants) => mergeObject(
   componentVariants != null ? componentVariants : {}
 );
 var extendComponentDefaultProps = (name, componentDefaultProps) => mergeObject(
-  get8(
+  get9(
     defaultTheme,
     `components.${name}.defaultProps`,
     {}
@@ -40798,7 +40861,7 @@ var Center = ui19("div", {
 
 // ../layouts/src/grid.tsx
 import { ui as ui20, forwardRef as forwardRef26, useTheme as useTheme4, transforms } from "@yamada-ui/core";
-import { replaceObject as replaceObject2, getMemoizedObject as get9 } from "@yamada-ui/utils";
+import { replaceObject as replaceObject2, getMemoizedObject as get10 } from "@yamada-ui/utils";
 import { jsx as jsx33 } from "react/jsx-runtime";
 var Grid2 = forwardRef26(
   ({
@@ -40837,7 +40900,7 @@ var Grid2 = forwardRef26(
 var transformColumns = (columns, minWidth) => (theme) => {
   if (minWidth) {
     return replaceObject2(minWidth, (value) => {
-      value = get9(theme, `sizes.${value}`, transforms.px(value));
+      value = get10(theme, `sizes.${value}`, transforms.px(value));
       return value != null ? `repeat(auto-fit, minmax(${value}, 1fr))` : void 0;
     });
   } else {
@@ -62856,7 +62919,7 @@ var Snack = forwardRef141(
 // ../snacks/src/snacks.tsx
 import { ui as ui126, forwardRef as forwardRef142, useTheme as useTheme8 } from "@yamada-ui/core";
 import { AnimatePresence as AnimatePresence7, Motion as Motion6, useIsPresent as useIsPresent2 } from "@yamada-ui/motion";
-import { calc, cx as cx132, noop as noop2, runIfFunc as runIfFunc12, useUpdateEffect as useUpdateEffect17 } from "@yamada-ui/utils";
+import { calc as calc2, cx as cx132, noop as noop2, runIfFunc as runIfFunc12, useUpdateEffect as useUpdateEffect17 } from "@yamada-ui/utils";
 import { createRef as createRef4, memo as memo3, useEffect as useEffect43, useMemo as useMemo31, useRef as useRef47, useState as useState51 } from "react";
 import { jsx as jsx153 } from "react/jsx-runtime";
 var defaultContainerVariants = {
@@ -62906,8 +62969,8 @@ var Snacks = forwardRef142(
     );
     const top2 = (_a = useToken("spaces", useValue(gutter[0]))) != null ? _a : 0;
     const bottom2 = (_b = useToken("spaces", useValue(gutter[1]))) != null ? _b : 0;
-    const negatedTop = calc(top2).negate().toString();
-    const negatedBottom = calc(bottom2).negate().toString();
+    const negatedTop = calc2(top2).negate().toString();
+    const negatedBottom = calc2(bottom2).negate().toString();
     const isShow = !!count || isExist;
     const css = {
       w: "100%",
@@ -63717,4 +63780,4 @@ object-assign/index.js:
   @license MIT
   *)
 */
-//# sourceMappingURL=chunk-JZ57SWSI.mjs.map
+//# sourceMappingURL=chunk-LCBUXCJ2.mjs.map