@saas-ui/react 3.0.0-alpha.9 → 3.0.0-next.0

package/dist/components/loader/index.js

@@ -0,0 +1,8 @@
+'use client'
+import {
+  Loader
+} from "../../chunk-DHFAFRZ4.js";
+import "../../chunk-RTMS5TJN.js";
+export {
+  Loader
+};

package/dist/components/loading-overlay/index.cjs

@@ -33,12 +33,13 @@ __export(loading_overlay_exports, {
   Spinner: () => LoadingOverlaySpinner,
   Text: () => LoadingOverlayText
 });
+var import_react3 = require("react");
 var import_presence = require("@ark-ui/react/presence");
 var import_react4 = require("@chakra-ui/react");
 
 // src/components/spinner/spinner.tsx
 var import_react = require("react");
-var import_react2 = require("@chakra-ui/react");
+var import_spinner = require("@chakra-ui/react/spinner");
 var import_jsx_runtime = require("react/jsx-runtime");
 var Spinner = (0, import_react.forwardRef)(
   function Spinner2(props, ref) {
@@ -46,27 +47,29 @@ var Spinner = (0, import_react.forwardRef)(
     if (loading === false) {
       return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children });
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react2.Spinner, { ref, ...rest });
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_spinner.Spinner, { ref, ...rest });
   }
 );
 
 // src/components/loading-overlay/loading-overlay.context.ts
-var import_react3 = require("@chakra-ui/react");
+var import_react2 = require("@chakra-ui/react");
 var {
   useStyles: useLoadingOverlayStyles,
   withContext,
   withProvider
-} = (0, import_react3.createSlotRecipeContext)({
+} = (0, import_react2.createSlotRecipeContext)({
   key: "suiLoadingOverlay"
 });
 
 // src/components/loading-overlay/loading-overlay.tsx
 var import_jsx_runtime2 = require("react/jsx-runtime");
-var LoadingOverlay = (props) => {
-  const { children, loading = true, ...rest } = props;
-  const [presenceProps, rootProps] = (0, import_presence.splitPresenceProps)(rest);
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_presence.Presence, { present: loading, ...presenceProps, asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react4.chakra.div, { ...rootProps, children }) });
-};
+var LoadingOverlay = (0, import_react3.forwardRef)(
+  (props, ref) => {
+    const { children, loading = true, ...rest } = props;
+    const [presenceProps, rootProps] = (0, import_presence.splitPresenceProps)(rest);
+    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_presence.Presence, { present: loading, ...presenceProps, asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react4.chakra.div, { ref, ...rootProps, children }) });
+  }
+);
 var LoadingOverlayRoot = withProvider(
   LoadingOverlay,
   "root"

package/dist/components/loading-overlay/index.d.cts

@@ -1,26 +1,10 @@
-import { SpinnerProps } from '../spinner/index.cjs';
-import react__default from 'react';
-import { PresenceBaseProps } from '@ark-ui/react/presence';
+export { l as LoadingOverlay } from '../../loading-overlay-afP_W7ru.cjs';
 import * as _chakra_ui_react from '@chakra-ui/react';
-import { HTMLChakraProps, SlotRecipeProps } from '@chakra-ui/react';
-
-interface LoadingOverlayProps extends HTMLChakraProps<'div'>, SlotRecipeProps<'suiLoadingOverlay'>, PresenceBaseProps {
-    /**
-     * Show or hide the LoadingOverlay.
-     * @default true
-     */
-    loading?: boolean;
-}
-declare const LoadingOverlayRoot: react__default.ForwardRefExoticComponent<LoadingOverlayProps & react__default.RefAttributes<HTMLDivElement>>;
-declare const LoadingOverlaySpinner: react__default.ForwardRefExoticComponent<SpinnerProps & react__default.RefAttributes<HTMLDivElement>>;
-interface LoadingTextProps extends HTMLChakraProps<'p'> {
-}
-declare const LoadingOverlayText: react__default.ForwardRefExoticComponent<LoadingTextProps & react__default.RefAttributes<HTMLParagraphElement>>;
-
-declare namespace loadingOverlay {
-  export { LoadingOverlayRoot as Root, type LoadingOverlayProps as RootProps, LoadingOverlaySpinner as Spinner, LoadingOverlayText as Text, type LoadingTextProps as TextProps };
-}
+import '../spinner/index.cjs';
+import 'react';
+import '@chakra-ui/react/spinner';
+import '@ark-ui/react/presence';
 
 declare const useLoadingOverlayStyles: () => Record<string, _chakra_ui_react.SystemStyleObject>;
 
-export { loadingOverlay as LoadingOverlay, useLoadingOverlayStyles };
+export { useLoadingOverlayStyles };

package/dist/components/loading-overlay/index.d.ts

@@ -1,26 +1,10 @@
-import { SpinnerProps } from '../spinner/index.js';
-import react__default from 'react';
-import { PresenceBaseProps } from '@ark-ui/react/presence';
+export { l as LoadingOverlay } from '../../loading-overlay-BQ4lOS6T.js';
 import * as _chakra_ui_react from '@chakra-ui/react';
-import { HTMLChakraProps, SlotRecipeProps } from '@chakra-ui/react';
-
-interface LoadingOverlayProps extends HTMLChakraProps<'div'>, SlotRecipeProps<'suiLoadingOverlay'>, PresenceBaseProps {
-    /**
-     * Show or hide the LoadingOverlay.
-     * @default true
-     */
-    loading?: boolean;
-}
-declare const LoadingOverlayRoot: react__default.ForwardRefExoticComponent<LoadingOverlayProps & react__default.RefAttributes<HTMLDivElement>>;
-declare const LoadingOverlaySpinner: react__default.ForwardRefExoticComponent<SpinnerProps & react__default.RefAttributes<HTMLDivElement>>;
-interface LoadingTextProps extends HTMLChakraProps<'p'> {
-}
-declare const LoadingOverlayText: react__default.ForwardRefExoticComponent<LoadingTextProps & react__default.RefAttributes<HTMLParagraphElement>>;
-
-declare namespace loadingOverlay {
-  export { LoadingOverlayRoot as Root, type LoadingOverlayProps as RootProps, LoadingOverlaySpinner as Spinner, LoadingOverlayText as Text, type LoadingTextProps as TextProps };
-}
+import '../spinner/index.js';
+import 'react';
+import '@chakra-ui/react/spinner';
+import '@ark-ui/react/presence';
 
 declare const useLoadingOverlayStyles: () => Record<string, _chakra_ui_react.SystemStyleObject>;
 
-export { loadingOverlay as LoadingOverlay, useLoadingOverlayStyles };
+export { useLoadingOverlayStyles };

package/dist/components/loading-overlay/index.js

@@ -2,8 +2,8 @@
 import {
   loading_overlay_exports,
   useLoadingOverlayStyles
-} from "../../chunk-7VSTNV2B.js";
-import "../../chunk-32JGENDB.js";
+} from "../../chunk-BDS3APRG.js";
+import "../../chunk-MK3OG2I4.js";
 import "../../chunk-RTMS5TJN.js";
 export {
   loading_overlay_exports as LoadingOverlay,

package/dist/components/mark/index.cjs

@@ -0,0 +1,31 @@
+'use client'
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/mark/index.ts
+var mark_exports = {};
+__export(mark_exports, {
+  Mark: () => import_typography.Mark
+});
+module.exports = __toCommonJS(mark_exports);
+var import_typography = require("@chakra-ui/react/typography");
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Mark
+});

package/dist/components/mark/index.d.cts

@@ -0,0 +1 @@
+export { Mark } from '@chakra-ui/react/typography';

package/dist/components/mark/index.d.ts

@@ -0,0 +1 @@
+export { Mark } from '@chakra-ui/react/typography';

package/dist/components/mark/index.js

@@ -0,0 +1,8 @@
+'use client'
+import {
+  Mark
+} from "../../chunk-EWCBYJA7.js";
+import "../../chunk-RTMS5TJN.js";
+export {
+  Mark
+};

package/dist/components/menu/index.cjs

@@ -45,48 +45,18 @@ __export(menu_exports, {
   Trigger: () => MenuTrigger,
   TriggerItem: () => MenuTriggerItem
 });
-var import_react4 = require("react");
-var import_react5 = require("@chakra-ui/react");
-
-// src/components/button/button.tsx
 var import_react = require("react");
-var import_react2 = require("@chakra-ui/react");
-var import_jsx_runtime = require("react/jsx-runtime");
-var Button = (0, import_react.forwardRef)(
-  function Button2(props, ref) {
-    const {
-      loading,
-      disabled,
-      loadingText,
-      children,
-      variant = "glass",
-      colorPalette = variant === "glass" ? "accent" : "gray",
-      ...rest
-    } = props;
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      import_react2.Button,
-      {
-        colorPalette,
-        disabled: loading || disabled,
-        variant,
-        ref,
-        ...rest,
-        children: loading && !loadingText ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react2.AbsoluteCenter, { display: "inline-flex", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react2.Spinner, { size: "inherit", color: "inherit" }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react2.Span, { opacity: 0, children })
-        ] }) : loading && loadingText ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react2.Spinner, { size: "inherit", color: "inherit" }),
-          loadingText
-        ] }) : children
-      }
-    );
-  }
-);
+var import_center = require("@chakra-ui/react/center");
+var import_menu = require("@chakra-ui/react/menu");
+var import_portal = require("@chakra-ui/react/portal");
+
+// src/components/button/index.ts
+var import_button = require("@chakra-ui/react/button");
 
 // src/components/icons/create-icon.tsx
-var import_react3 = require("@chakra-ui/react");
+var import_icon = require("@chakra-ui/react/icon");
 var createIcon = (props) => {
-  return (0, import_react3.createIcon)({
+  return (0, import_icon.createIcon)({
     viewBox: "0 0 24 24",
     defaultProps: {
       fill: "none",
@@ -100,149 +70,172 @@ var createIcon = (props) => {
 };
 
 // src/components/icons/icons.tsx
-var import_jsx_runtime2 = require("react/jsx-runtime");
+var import_jsx_runtime = require("react/jsx-runtime");
 var ChevronUpIcon = createIcon({
   displayName: "ChevronUpIcon",
-  path: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("polyline", { points: "18 15 12 9 6 15" })
+  path: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("polyline", { points: "18 15 12 9 6 15" })
 });
 var ChevronDownIcon = createIcon({
   displayName: "ChevronDownIcon",
-  path: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("polyline", { points: "6 9 12 15 18 9" })
+  path: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("polyline", { points: "6 9 12 15 18 9" })
 });
 var ChevronLeftIcon = createIcon({
   displayName: "ChevronLeftIcon",
-  path: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("polyline", { points: "15 18 9 12 15 6" })
+  path: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("polyline", { points: "15 18 9 12 15 6" })
 });
 var ChevronRightIcon = createIcon({
   displayName: "ChevronRightIcon",
-  path: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("polyline", { points: "9 18 15 12 9 6" })
+  path: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("polyline", { points: "9 18 15 12 9 6" })
 });
 var HamburgerIcon = createIcon({
   displayName: "ChevronDownIcon",
-  path: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("g", { fill: "none", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("line", { x1: "3", y1: "12", x2: "21", y2: "12" }),
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("line", { x1: "3", y1: "6", x2: "21", y2: "6" }),
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("line", { x1: "3", y1: "18", x2: "21", y2: "18" })
+  path: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("g", { fill: "none", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "3", y1: "12", x2: "21", y2: "12" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "3", y1: "6", x2: "21", y2: "6" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "3", y1: "18", x2: "21", y2: "18" })
   ] })
 });
 var CloseIcon = createIcon({
   displayName: "CloseIcon",
-  path: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("g", { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
+  path: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("g", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
   ] })
 });
 var FilterIcon = createIcon({
   displayName: "FilterIcon",
-  path: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("polygon", { points: "22 3 2 3 10 12.46 10 19 14 21 14 12.46 22 3" })
+  path: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("polygon", { points: "22 3 2 3 10 12.46 10 19 14 21 14 12.46 22 3" })
 });
 var CalendarIcon = createIcon({
   displayName: "CalendarIcon",
-  path: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("g", { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("rect", { x: "3", y: "4", width: "18", height: "18", rx: "2", ry: "2" }),
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("line", { x1: "16", y1: "2", x2: "16", y2: "6" }),
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("line", { x1: "8", y1: "2", x2: "8", y2: "6" }),
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("line", { x1: "3", y1: "10", x2: "21", y2: "10" })
+  path: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("g", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("rect", { x: "3", y: "4", width: "18", height: "18", rx: "2", ry: "2" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "16", y1: "2", x2: "16", y2: "6" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "8", y1: "2", x2: "8", y2: "6" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "3", y1: "10", x2: "21", y2: "10" })
   ] })
 });
 var PlusIcon = createIcon({
   displayName: "PlusIcon",
-  path: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("g", { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("line", { x1: "12", y1: "5", x2: "12", y2: "19" }),
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("line", { x1: "5", y1: "12", x2: "19", y2: "12" })
+  path: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("g", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "12", y1: "5", x2: "12", y2: "19" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "5", y1: "12", x2: "19", y2: "12" })
   ] })
 });
 var MinusIcon = createIcon({
   displayName: "MinusIcon",
-  path: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("g", { children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("line", { x1: "5", y1: "12", x2: "19", y2: "12" }) })
+  path: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("g", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "5", y1: "12", x2: "19", y2: "12" }) })
 });
 var ViewOffIcon = createIcon({
   displayName: "ViewOffIcon",
-  path: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("g", { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", { d: "M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19m-6.72-1.07a3 3 0 1 1-4.24-4.24" }),
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("line", { x1: "1", y1: "1", x2: "23", y2: "23" })
+  path: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("g", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19m-6.72-1.07a3 3 0 1 1-4.24-4.24" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "1", y1: "1", x2: "23", y2: "23" })
   ] })
 });
 var ViewIcon = createIcon({
   displayName: "ViewOffIcon",
-  path: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("g", { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", { d: "M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z" }),
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("circle", { cx: "12", cy: "12", r: "3" })
+  path: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("g", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "12", cy: "12", r: "3" })
   ] })
 });
 var SearchIcon = createIcon({
   displayName: "SearchIcon",
-  path: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("g", { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("circle", { cx: "11", cy: "11", r: "8" }),
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("line", { x1: "21", y1: "21", x2: "16.65", y2: "16.65" })
+  path: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("g", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "11", cy: "11", r: "8" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "21", y1: "21", x2: "16.65", y2: "16.65" })
   ] })
 });
 var CheckIcon = createIcon({
   displayName: "CheckIcon",
-  path: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("g", { children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("polyline", { points: "20 6 9 17 4 12" }) })
+  path: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("g", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("polyline", { points: "20 6 9 17 4 12" }) })
+});
+var EllipsisIcon = createIcon({
+  displayName: "EllipsisIcon",
+  path: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("g", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "12", cy: "12", r: "1" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "19", cy: "12", r: "1" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "5", cy: "12", r: "1" })
+  ] })
+});
+var CopyIcon = createIcon({
+  displayName: "CopyIcon",
+  path: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("g", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("rect", { width: "14", height: "14", x: "8", y: "8", rx: "2", ry: "2" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2" })
+  ] })
+});
+var InfoIcon = createIcon({
+  displayName: "InfoIcon",
+  path: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("g", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "12", cy: "12", r: "10" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M12 16v-4" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M12 8h.01" })
+  ] })
 });
 
 // src/components/menu/menu.tsx
-var import_jsx_runtime3 = require("react/jsx-runtime");
-var MenuContent = (0, import_react4.forwardRef)(
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var MenuContent = (0, import_react.forwardRef)(
   function MenuContent2(props, ref) {
     const { portalled = true, portalRef, ...rest } = props;
-    return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react5.Portal, { disabled: !portalled, container: portalRef, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react5.Menu.Positioner, { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react5.Menu.Content, { ref, ...rest }) }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_portal.Portal, { disabled: !portalled, container: portalRef, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_menu.Menu.Positioner, { children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_menu.Menu.Content, { ref, ...rest }) }) });
   }
 );
-var MenuArrow = (0, import_react4.forwardRef)(
+var MenuArrow = (0, import_react.forwardRef)(
   function MenuArrow2(props, ref) {
-    return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react5.Menu.Arrow, { ref, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react5.Menu.ArrowTip, {}) });
+    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_menu.Menu.Arrow, { ref, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_menu.Menu.ArrowTip, {}) });
   }
 );
-var MenuCheckboxItem = (0, import_react4.forwardRef)(function MenuCheckboxItem2(props, ref) {
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react5.Menu.CheckboxItem, { ref, ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react5.Menu.ItemIndicator, { hidden: false, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(CheckIcon, {}) }),
+var MenuCheckboxItem = (0, import_react.forwardRef)(function MenuCheckboxItem2(props, ref) {
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_menu.Menu.CheckboxItem, { ref, ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_menu.Menu.ItemIndicator, { hidden: false, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(CheckIcon, {}) }),
     props.children
   ] });
 });
-var MenuRadioItem = (0, import_react4.forwardRef)(
+var MenuRadioItem = (0, import_react.forwardRef)(
   function MenuRadioItem2(props, ref) {
     const { children, ...rest } = props;
-    return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react5.Menu.RadioItem, { ps: "8", ref, ...rest, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react5.AbsoluteCenter, { axis: "horizontal", left: "4", asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react5.Menu.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(CheckIcon, {}) }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react5.Menu.ItemText, { children })
+    return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_menu.Menu.RadioItem, { ps: "8", ref, ...rest, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_center.AbsoluteCenter, { axis: "horizontal", left: "4", asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_menu.Menu.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(CheckIcon, {}) }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_menu.Menu.ItemText, { children })
     ] });
   }
 );
-var MenuItemGroup = (0, import_react4.forwardRef)(
+var MenuItemGroup = (0, import_react.forwardRef)(
   function MenuItemGroup2(props, ref) {
     const { title, children, ...rest } = props;
-    return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react5.Menu.ItemGroup, { ref, ...rest, children: [
-      title && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react5.Menu.ItemGroupLabel, { userSelect: "none", children: title }),
+    return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_menu.Menu.ItemGroup, { ref, ...rest, children: [
+      title && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_menu.Menu.ItemGroupLabel, { userSelect: "none", children: title }),
       children
     ] });
   }
 );
-var MenuTriggerItem = (0, import_react4.forwardRef)(
+var MenuTriggerItem = (0, import_react.forwardRef)(
   function MenuTriggerItem2(props, ref) {
     const { startIcon, children, ...rest } = props;
-    return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react5.Menu.TriggerItem, { ref, ...rest, children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_menu.Menu.TriggerItem, { ref, ...rest, children: [
       startIcon,
       children,
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(ChevronRightIcon, {})
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(ChevronRightIcon, {})
     ] });
   }
 );
-var MenuButton = (0, import_react4.forwardRef)(
+var MenuButton = (0, import_react.forwardRef)(
   function MenuButton2(props, ref) {
-    return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(MenuTrigger, { ref, ...props, asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Button, {}) });
+    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(MenuTrigger, { ref, asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_button.Button, { ...props }) });
   }
 );
-var MenuRadioItemGroup = import_react5.Menu.RadioItemGroup;
-var MenuContextTrigger = import_react5.Menu.ContextTrigger;
-var MenuRoot = import_react5.Menu.Root;
-var MenuSeparator = import_react5.Menu.Separator;
-var MenuContext = import_react5.Menu.Context;
-var MenuItem = import_react5.Menu.Item;
-var MenuItemText = import_react5.Menu.ItemText;
-var MenuItemCommand = import_react5.Menu.ItemCommand;
-var MenuTrigger = import_react5.Menu.Trigger;
+var MenuRadioItemGroup = import_menu.Menu.RadioItemGroup;
+var MenuContextTrigger = import_menu.Menu.ContextTrigger;
+var MenuRoot = import_menu.Menu.Root;
+var MenuSeparator = import_menu.Menu.Separator;
+var MenuContext = import_menu.Menu.Context;
+var MenuItem = import_menu.Menu.Item;
+var MenuItemText = import_menu.Menu.ItemText;
+var MenuItemCommand = import_menu.Menu.ItemCommand;
+var MenuTrigger = import_menu.Menu.Trigger;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Menu

package/dist/components/menu/index.d.cts

@@ -1,6 +1,7 @@
 import * as _ark_ui_react from '@ark-ui/react';
 import * as react from 'react';
-import { Menu, ButtonProps } from '@chakra-ui/react';
+import { Menu } from '@chakra-ui/react/menu';
+import { ButtonProps } from '@chakra-ui/react/button';
 
 interface MenuContentProps extends Menu.ContentProps {
     portalled?: boolean;

package/dist/components/menu/index.d.ts

@@ -1,6 +1,7 @@
 import * as _ark_ui_react from '@ark-ui/react';
 import * as react from 'react';
-import { Menu, ButtonProps } from '@chakra-ui/react';
+import { Menu } from '@chakra-ui/react/menu';
+import { ButtonProps } from '@chakra-ui/react/button';
 
 interface MenuContentProps extends Menu.ContentProps {
     portalled?: boolean;

package/dist/components/menu/index.js

@@ -1,10 +1,10 @@
 'use client'
 import {
   menu_exports
-} from "../../chunk-JGHXJ3PI.js";
+} from "../../chunk-UNF77J24.js";
 import "../../chunk-KTLWEUNW.js";
-import "../../chunk-BCNPBZZK.js";
-import "../../chunk-VDXTEASE.js";
+import "../../chunk-5HVAMQYO.js";
+import "../../chunk-4XB7B73X.js";
 import "../../chunk-RTMS5TJN.js";
 export {
   menu_exports as Menu