@saas-ui/react 3.0.0-next.3 → 3.0.0-next.30

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

@@ -1,2 +1,2 @@
-export { Link_alias_1 as Link } from '../../_tsup-dts-rollup.js';
-export { LinkProps_alias_1 as LinkProps } from '../../_tsup-dts-rollup.js';
+export { Link } from './link.tsx';
+export type { LinkProps } from './link.tsx';

package/dist/components/link/index.js

@@ -1,9 +1 @@
-'use client'
-import {
-  Link
-} from "../../chunk-LIOV5MU4.js";
-import "../../chunk-ZULBHMWG.js";
-import "../../chunk-RTMS5TJN.js";
-export {
-  Link
-};
+export { Link } from "./link.js";

package/dist/components/link/link.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { type LinkProps } from '@chakra-ui/react/link';
+export type { LinkProps };
+/**
+ * Chakra UI `Link` component wrapped in a router specific link component.
+ * Falls back to a plain `Link` if no Saas UI context is available or no `linkComponent` is configured
+ * The router link component can be configured in `SaasProvider`.
+ * @see https://saas-ui.dev/docs/core/getting-started
+ */
+export declare const Link: React.ForwardRefExoticComponent<LinkProps & React.RefAttributes<HTMLAnchorElement>>;

package/dist/components/link/link.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import { Link as ChakraLink } from '@chakra-ui/react/link';
+import { useLink } from "../../provider/use-link.js";
+/**
+ * Chakra UI `Link` component wrapped in a router specific link component.
+ * Falls back to a plain `Link` if no Saas UI context is available or no `linkComponent` is configured
+ * The router link component can be configured in `SaasProvider`.
+ * @see https://saas-ui.dev/docs/core/getting-started
+ */
+export const Link = React.forwardRef((props, ref) => {
+    const LinkComponent = useLink();
+    return (_jsx(ChakraLink, { asChild: true, children: _jsx(LinkComponent, { ref: ref, ...props }) }));
+});
+Link.displayName = 'Link';

package/dist/components/link/link.recipe.d.ts

@@ -0,0 +1,18 @@
+export declare const linkRecipe: import("@chakra-ui/react").RecipeDefinition<{
+    variant: {
+        underline: {
+            color: "colorPalette.fg";
+            textDecoration: "underline";
+            textUnderlineOffset: "3px";
+            textDecorationColor: "currentColor/20";
+        };
+        plain: {
+            color: "colorPalette.fg";
+            _hover: {
+                textDecoration: "underline";
+                textUnderlineOffset: "3px";
+                textDecorationColor: "currentColor/20";
+            };
+        };
+    };
+}>;

package/dist/components/link/link.recipe.js

@@ -0,0 +1,34 @@
+import { defineRecipe } from '@chakra-ui/react/styled-system';
+export const linkRecipe = defineRecipe({
+    className: 'chakra-link',
+    base: {
+        display: 'inline-flex',
+        alignItems: 'center',
+        outline: 'none',
+        gap: '1.5',
+        cursor: 'pointer',
+        borderRadius: 'control.sm',
+        focusRing: 'outside',
+    },
+    variants: {
+        variant: {
+            underline: {
+                color: 'colorPalette.fg',
+                textDecoration: 'underline',
+                textUnderlineOffset: '3px',
+                textDecorationColor: 'currentColor/20',
+            },
+            plain: {
+                color: 'colorPalette.fg',
+                _hover: {
+                    textDecoration: 'underline',
+                    textUnderlineOffset: '3px',
+                    textDecorationColor: 'currentColor/20',
+                },
+            },
+        },
+    },
+    defaultVariants: {
+        variant: 'plain',
+    },
+});

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

@@ -1 +1 @@
-export { List_alias_1 as List } from '../../_tsup-dts-rollup.js';
+export { List } from '@chakra-ui/react/list';

package/dist/components/list/index.js

@@ -1,8 +1 @@
-'use client'
-import {
-  List
-} from "../../chunk-C5KFNMWU.js";
-import "../../chunk-RTMS5TJN.js";
-export {
-  List
-};
+export { List } from '@chakra-ui/react/list';

package/dist/components/list/list.recipe.d.ts

@@ -0,0 +1,38 @@
+export declare const listSlotRecipe: import("@chakra-ui/react").SlotRecipeDefinition<"indicator" | "root" | "item", {
+    variant: {
+        marker: {
+            root: {
+                listStyle: "revert";
+                listStylePosition: "inside";
+            };
+            item: {
+                _marker: {
+                    color: "fg.subtle";
+                };
+            };
+        };
+        plain: {
+            item: {
+                alignItems: "flex-start";
+                display: "inline-flex";
+            };
+        };
+    };
+    align: {
+        center: {
+            item: {
+                alignItems: "center";
+            };
+        };
+        start: {
+            item: {
+                alignItems: "flex-start";
+            };
+        };
+        end: {
+            item: {
+                alignItems: "flex-end";
+            };
+        };
+    };
+}>;

package/dist/components/list/list.recipe.js

@@ -0,0 +1,62 @@
+import { listAnatomy } from '@chakra-ui/react/anatomy';
+import { defineSlotRecipe } from '@chakra-ui/react/styled-system';
+export const listSlotRecipe = defineSlotRecipe({
+    className: 'chakra-list',
+    slots: listAnatomy.keys(),
+    base: {
+        root: {
+            display: 'flex',
+            flexDirection: 'column',
+            gap: 'var(--list-gap)',
+            '& :where(ul, ol)': {
+                marginTop: 'var(--list-gap)',
+            },
+        },
+        item: {
+            whiteSpace: 'normal',
+            display: 'list-item',
+        },
+        indicator: {
+            marginEnd: '2',
+            minHeight: '1lh',
+            flexShrink: 0,
+            display: 'inline-block',
+            verticalAlign: 'middle',
+        },
+    },
+    variants: {
+        variant: {
+            marker: {
+                root: {
+                    listStyle: 'revert',
+                    listStylePosition: 'inside',
+                },
+                item: {
+                    _marker: {
+                        color: 'fg.subtle',
+                    },
+                },
+            },
+            plain: {
+                item: {
+                    alignItems: 'flex-start',
+                    display: 'inline-flex',
+                },
+            },
+        },
+        align: {
+            center: {
+                item: { alignItems: 'center' },
+            },
+            start: {
+                item: { alignItems: 'flex-start' },
+            },
+            end: {
+                item: { alignItems: 'flex-end' },
+            },
+        },
+    },
+    defaultVariants: {
+        variant: 'marker',
+    },
+});

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

@@ -1 +1 @@
-export { Loader_alias_1 as Loader } from '../../_tsup-dts-rollup.js';
+export { Loader } from '@chakra-ui/react/loader';

package/dist/components/loader/index.js

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

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

@@ -1,2 +1,2 @@
-export { LoadingOverlay_alias_1 as LoadingOverlay } from '../../_tsup-dts-rollup.js';
-export { useLoadingOverlayStyles } from '../../_tsup-dts-rollup.js';
+export * as LoadingOverlay from './loading-overlay.tsx';
+export { useLoadingOverlayStyles } from './loading-overlay.context.ts';

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

@@ -1,11 +1,2 @@
-'use client'
-import {
-  loading_overlay_exports,
-  useLoadingOverlayStyles
-} from "../../chunk-BDS3APRG.js";
-import "../../chunk-MK3OG2I4.js";
-import "../../chunk-RTMS5TJN.js";
-export {
-  loading_overlay_exports as LoadingOverlay,
-  useLoadingOverlayStyles
-};
+export * as LoadingOverlay from "./loading-overlay.js";
+export { useLoadingOverlayStyles } from "./loading-overlay.context.js";

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

@@ -0,0 +1 @@
+export declare const useLoadingOverlayStyles: () => Record<string, import("@chakra-ui/react").SystemStyleObject>, withContext: <T, P_1>(Component: React.ElementType<any>, slot?: string | undefined, options?: import("@chakra-ui/react").WithContextOptions<P_1> | undefined) => import("react").ForwardRefExoticComponent<import("react").PropsWithoutRef<P_1> & import("react").RefAttributes<T>>, withProvider: <T, P>(Component: React.ElementType<any>, slot: string, options?: import("@chakra-ui/react").WithProviderOptions<P> | undefined) => import("react").ForwardRefExoticComponent<import("react").PropsWithoutRef<P> & import("react").RefAttributes<T>>;

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

@@ -0,0 +1,4 @@
+import { createSlotRecipeContext } from '@chakra-ui/react';
+export const { useStyles: useLoadingOverlayStyles, withContext, withProvider, } = createSlotRecipeContext({
+    key: 'suiLoadingOverlay',
+});

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

@@ -0,0 +1,17 @@
+import React from 'react';
+import { type PresenceBaseProps } from '@ark-ui/react/presence';
+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.ForwardRefExoticComponent<LoadingOverlayProps & React.RefAttributes<HTMLDivElement>>;
+declare const LoadingOverlaySpinner: React.ForwardRefExoticComponent<import("../spinner/spinner.tsx").SpinnerProps & React.RefAttributes<HTMLDivElement>>;
+interface LoadingTextProps extends HTMLChakraProps<'p'> {
+}
+declare const LoadingOverlayText: React.ForwardRefExoticComponent<LoadingTextProps & React.RefAttributes<HTMLParagraphElement>>;
+export { LoadingOverlayRoot as Root, LoadingOverlaySpinner as Spinner, LoadingOverlayText as Text, };
+export type { LoadingOverlayProps as RootProps, LoadingTextProps as TextProps };

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

@@ -0,0 +1,16 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import { Presence, splitPresenceProps, } from '@ark-ui/react/presence';
+import { chakra } from '@chakra-ui/react';
+import { Spinner } from "../spinner/index.js";
+import { withContext, withProvider } from "./loading-overlay.context.js";
+const LoadingOverlay = forwardRef((props, ref) => {
+    const { children, loading = true, ...rest } = props;
+    const [presenceProps, rootProps] = splitPresenceProps(rest);
+    return (_jsx(Presence, { present: loading, ...presenceProps, asChild: true, children: _jsx(chakra.div, { ref: ref, ...rootProps, children: children }) }));
+});
+const LoadingOverlayRoot = withProvider(LoadingOverlay, 'root');
+LoadingOverlayRoot.displayName = 'LoadingOverlay';
+const LoadingOverlaySpinner = Spinner;
+const LoadingOverlayText = withContext('p', 'text');
+export { LoadingOverlayRoot as Root, LoadingOverlaySpinner as Spinner, LoadingOverlayText as Text, };

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

@@ -0,0 +1,26 @@
+export declare const loadingOverlaySlotRecipe: import("@chakra-ui/react").SlotRecipeDefinition<"text" | "root", {
+    variant: {
+        fill: {
+            root: {
+                flex: number;
+                height: "100%";
+                bg: "currentBg";
+            };
+        };
+        fullscreen: {
+            root: {
+                position: "fixed";
+                inset: number;
+                zIndex: "modal";
+                bg: "bg";
+            };
+        };
+        overlay: {
+            root: {
+                position: "absolute";
+                inset: number;
+                bg: "currentBg/50";
+            };
+        };
+    };
+}>;

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

@@ -0,0 +1,51 @@
+import { defineSlotRecipe } from '@chakra-ui/react';
+export const loadingOverlaySlotRecipe = defineSlotRecipe({
+    className: 'sui-loading-overlay',
+    slots: ['root', 'text'],
+    base: {
+        root: {
+            display: 'flex',
+            flexDirection: 'column',
+            alignItems: 'center',
+            justifyContent: 'center',
+            p: 4,
+            transitionProperty: 'opacity',
+            transitionDuration: 'slower',
+            _open: {
+                opacity: 1,
+            },
+            _closed: {
+                opacity: 0,
+            },
+        },
+    },
+    variants: {
+        variant: {
+            fill: {
+                root: {
+                    flex: 1,
+                    height: '100%',
+                    bg: 'currentBg',
+                },
+            },
+            fullscreen: {
+                root: {
+                    position: 'fixed',
+                    inset: 0,
+                    zIndex: 'modal',
+                    bg: 'bg',
+                },
+            },
+            overlay: {
+                root: {
+                    position: 'absolute',
+                    inset: 0,
+                    bg: 'currentBg/50',
+                },
+            },
+        },
+    },
+    defaultVariants: {
+        variant: 'fill',
+    },
+});

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

@@ -1,3 +1 @@
-export { LocaleProvider } from '../../_tsup-dts-rollup.js';
-export { LocaleProviderProps } from '../../_tsup-dts-rollup.js';
-export { useLocaleContext } from '../../_tsup-dts-rollup.js';
+export { LocaleProvider, type LocaleProviderProps, useLocaleContext, } from '@chakra-ui/react/locale';

package/dist/components/locale/index.js

@@ -1,12 +1 @@
-'use client'
-import "../../chunk-RTMS5TJN.js";
-
-// src/components/locale/index.ts
-import {
-  LocaleProvider,
-  useLocaleContext
-} from "@chakra-ui/react/locale";
-export {
-  LocaleProvider,
-  useLocaleContext
-};
+export { LocaleProvider, useLocaleContext, } from '@chakra-ui/react/locale';

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

@@ -1 +1 @@
-export { Mark_alias_1 as Mark } from '../../_tsup-dts-rollup.js';
+export { Mark } from '@chakra-ui/react/typography';

package/dist/components/mark/index.js

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

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

@@ -0,0 +1,16 @@
+export declare const markRecipe: import("@chakra-ui/react").RecipeDefinition<{
+    variant: {
+        subtle: {
+            bg: "colorPalette.subtle";
+            color: "inherit";
+        };
+        solid: {
+            bg: "colorPalette.solid";
+            color: "colorPalette.contrast";
+        };
+        text: {
+            fontWeight: "medium";
+        };
+        plain: {};
+    };
+}>;

package/dist/components/mark/mark.recipe.js

@@ -0,0 +1,25 @@
+import { defineRecipe } from '@chakra-ui/react/styled-system';
+export const markRecipe = defineRecipe({
+    className: 'chakra-mark',
+    base: {
+        bg: 'transparent',
+        color: 'inherit',
+        whiteSpace: 'nowrap',
+    },
+    variants: {
+        variant: {
+            subtle: {
+                bg: 'colorPalette.subtle',
+                color: 'inherit',
+            },
+            solid: {
+                bg: 'colorPalette.solid',
+                color: 'colorPalette.contrast',
+            },
+            text: {
+                fontWeight: 'medium',
+            },
+            plain: {},
+        },
+    },
+});

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

@@ -1 +1 @@
-export { Menu_alias_1 as Menu } from '../../_tsup-dts-rollup.js';
+export * as Menu from './menu.tsx';

package/dist/components/menu/index.js

@@ -1,11 +1 @@
-'use client'
-import {
-  menu_exports
-} from "../../chunk-ZNQNBTWF.js";
-import "../../chunk-KTLWEUNW.js";
-import "../../chunk-5HVAMQYO.js";
-import "../../chunk-OME35FUG.js";
-import "../../chunk-RTMS5TJN.js";
-export {
-  menu_exports as Menu
-};
+export * as Menu from "./menu.js";

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

@@ -0,0 +1,41 @@
+import { Menu as ChakraMenu } from '@chakra-ui/react/menu';
+import { type ButtonProps } from '../button/index.ts';
+interface MenuContentProps extends ChakraMenu.ContentProps {
+    portalled?: boolean;
+    portalRef?: React.RefObject<HTMLElement>;
+}
+declare const MenuContent: import("react").ForwardRefExoticComponent<MenuContentProps & import("react").RefAttributes<HTMLDivElement>>;
+declare const MenuArrow: import("react").ForwardRefExoticComponent<ChakraMenu.ArrowProps & import("react").RefAttributes<HTMLDivElement>>;
+interface MenuCheckboxItemProps extends ChakraMenu.CheckboxItemProps {
+    startElement?: React.ReactNode;
+    endElement?: React.ReactNode;
+}
+declare const MenuCheckboxItem: import("react").ForwardRefExoticComponent<MenuCheckboxItemProps & import("react").RefAttributes<HTMLDivElement>>;
+interface MenuRadioItemProps extends ChakraMenu.RadioItemProps {
+    startElement?: React.ReactNode;
+    endElement?: React.ReactNode;
+}
+declare const MenuRadioItem: import("react").ForwardRefExoticComponent<MenuRadioItemProps & import("react").RefAttributes<HTMLDivElement>>;
+declare const MenuItemIndicator: import("react").ForwardRefExoticComponent<ChakraMenu.ItemIndicatorProps & import("react").RefAttributes<HTMLDivElement>>;
+declare const MenuItemGroup: import("react").ForwardRefExoticComponent<ChakraMenu.ItemGroupProps & import("react").RefAttributes<HTMLDivElement>>;
+interface MenuTriggerItemProps extends ChakraMenu.ItemProps {
+    startIcon?: React.ReactNode;
+}
+declare const MenuTriggerItem: import("react").ForwardRefExoticComponent<MenuTriggerItemProps & import("react").RefAttributes<HTMLDivElement>>;
+interface MenuButtonProps extends ButtonProps, ChakraMenu.TriggerProps {
+}
+declare const MenuButton: import("react").ForwardRefExoticComponent<MenuButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
+declare const MenuRadioItemGroup: import("react").ForwardRefExoticComponent<ChakraMenu.RadioItemGroupProps & import("react").RefAttributes<HTMLDivElement>>;
+declare const MenuContextTrigger: import("react").ForwardRefExoticComponent<ChakraMenu.ContextTriggerProps & import("react").RefAttributes<HTMLElement>>;
+declare const MenuRoot: import("react").FC<ChakraMenu.RootProps>;
+declare const MenuSeparator: import("react").ForwardRefExoticComponent<ChakraMenu.SeparatorProps & import("react").RefAttributes<HTMLDivElement>>;
+declare const MenuContext: (props: import("@ark-ui/react").MenuContextProps) => import("react").ReactNode;
+declare const MenuItem: import("react").ForwardRefExoticComponent<ChakraMenu.ItemProps & import("react").RefAttributes<HTMLDivElement>>;
+declare const MenuItemText: import("react").ForwardRefExoticComponent<ChakraMenu.ItemTextProps & import("react").RefAttributes<HTMLDivElement>>;
+declare const MenuItemCommand: import("react").ForwardRefExoticComponent<ChakraMenu.CommandProps & import("react").RefAttributes<HTMLElement>>;
+declare const MenuTrigger: import("react").ForwardRefExoticComponent<ChakraMenu.TriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
+export { MenuRoot as Root, MenuContent as Content, MenuArrow as Arrow, MenuCheckboxItem as CheckboxItem, MenuRadioItem as RadioItem, MenuItemIndicator as ItemIndicator, MenuItemGroup as ItemGroup, MenuTriggerItem as TriggerItem, MenuRadioItemGroup as RadioItemGroup, MenuContextTrigger as ContextTrigger, MenuSeparator as Separator, MenuItem as Item, MenuItemText as ItemText, MenuItemCommand as ItemCommand, MenuTrigger as Trigger, MenuButton as Button, MenuContext as Context, };
+type MenuRootProps = ChakraMenu.RootProps;
+type MenuTriggerProps = ChakraMenu.TriggerProps;
+type MenuItemProps = ChakraMenu.ItemProps;
+export type { MenuRootProps as RootProps, MenuContentProps as ContentProps, MenuTriggerProps as TriggerProps, MenuTriggerItemProps as TriggerItemProps, MenuItemProps as ItemProps, MenuButtonProps as ButtonProps, MenuRadioItemProps as RadioItemProps, };

package/dist/components/menu/menu.js

@@ -0,0 +1,48 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import { Flex } from '@chakra-ui/react';
+import { Menu as ChakraMenu } from '@chakra-ui/react/menu';
+import { Portal } from '@chakra-ui/react/portal';
+import { Button } from "../button/index.js";
+import { CheckIcon, ChevronRightIcon } from "../icons/index.js";
+const MenuContent = forwardRef(function MenuContent(props, ref) {
+    const { portalled = true, portalRef, ...rest } = props;
+    return (_jsx(Portal, { disabled: !portalled, container: portalRef, children: _jsx(ChakraMenu.Positioner, { children: _jsx(ChakraMenu.Content, { ref: ref, ...rest }) }) }));
+});
+const MenuArrow = forwardRef(function MenuArrow(props, ref) {
+    return (_jsx(ChakraMenu.Arrow, { ref: ref, ...props, children: _jsx(ChakraMenu.ArrowTip, {}) }));
+});
+const MenuCheckboxItem = forwardRef(function MenuCheckboxItem(props, ref) {
+    const { children, startElement, endElement, ...rest } = props;
+    return (_jsxs(ChakraMenu.CheckboxItem, { ref: ref, ...rest, children: [startElement, _jsx(ChakraMenu.ItemText, { children: children }), endElement] }));
+});
+const MenuRadioItem = forwardRef(function MenuRadioItem(props, ref) {
+    const { children, startElement, endElement, ...rest } = props;
+    return (_jsxs(ChakraMenu.RadioItem, { ref: ref, ...rest, children: [startElement, _jsx(ChakraMenu.ItemText, { children: children }), endElement] }));
+});
+const MenuItemIndicator = forwardRef(function MenuItemIndicator(props, ref) {
+    const { children = _jsx(CheckIcon, {}), ...rest } = props;
+    return (_jsx(Flex, { alignItems: "center", justifyContent: "center", w: "4", children: _jsx(ChakraMenu.ItemIndicator, { ref: ref, ...rest, children: children }) }));
+});
+const MenuItemGroup = forwardRef(function MenuItemGroup(props, ref) {
+    const { title, children, ...rest } = props;
+    return (_jsxs(ChakraMenu.ItemGroup, { ref: ref, ...rest, children: [title && (_jsx(ChakraMenu.ItemGroupLabel, { userSelect: "none", children: title })), children] }));
+});
+const MenuTriggerItem = forwardRef(function MenuTriggerItem(props, ref) {
+    const { startIcon, children, ...rest } = props;
+    return (_jsxs(ChakraMenu.TriggerItem, { ref: ref, ...rest, children: [startIcon, children, _jsx(ChevronRightIcon, {})] }));
+});
+const MenuButton = forwardRef(function MenuButton(props, ref) {
+    return (_jsx(MenuTrigger, { ref: ref, asChild: true, children: _jsx(Button, { ...props }) }));
+});
+const MenuRadioItemGroup = ChakraMenu.RadioItemGroup;
+const MenuContextTrigger = ChakraMenu.ContextTrigger;
+const MenuRoot = ChakraMenu.Root;
+const MenuSeparator = ChakraMenu.Separator;
+const MenuContext = ChakraMenu.Context;
+const MenuItem = ChakraMenu.Item;
+const MenuItemText = ChakraMenu.ItemText;
+const MenuItemCommand = ChakraMenu.ItemCommand;
+const MenuTrigger = ChakraMenu.Trigger;
+export { MenuRoot as Root, MenuContent as Content, MenuArrow as Arrow, MenuCheckboxItem as CheckboxItem, MenuRadioItem as RadioItem, MenuItemIndicator as ItemIndicator, MenuItemGroup as ItemGroup, MenuTriggerItem as TriggerItem, MenuRadioItemGroup as RadioItemGroup, MenuContextTrigger as ContextTrigger, MenuSeparator as Separator, MenuItem as Item, MenuItemText as ItemText, MenuItemCommand as ItemCommand, MenuTrigger as Trigger, MenuButton as Button, MenuContext as Context, };

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

@@ -0,0 +1,57 @@
+export declare const menuSlotRecipe: import("@chakra-ui/react").SlotRecipeDefinition<"content" | "indicator" | "item" | "itemIndicator" | "positioner" | "separator" | "trigger" | "itemGroup" | "arrow" | "arrowTip" | "contextTrigger" | "itemGroupLabel" | "itemText" | "triggerItem" | "itemCommand", {
+    variant: {
+        subtle: {
+            item: {
+                _highlighted: {
+                    bg: "bg.subtle";
+                };
+            };
+        };
+        solid: {
+            item: {
+                _highlighted: {
+                    bg: "colorPalette.solid";
+                    color: "colorPalette.contrast";
+                };
+            };
+        };
+    };
+    size: {
+        sm: {
+            content: {
+                minW: "8rem";
+                padding: "0.5";
+            };
+            item: {
+                gap: "1";
+                textStyle: "xs";
+                py: "1";
+                px: "1.5";
+                ps: "var(--menu-item-inset, {sizes.1.5})";
+            };
+            itemGroupLabel: {
+                textStyle: "xs";
+                py: "1";
+                px: "1.5";
+            };
+        };
+        md: {
+            content: {
+                minW: "8rem";
+                padding: "1";
+            };
+            item: {
+                gap: "2";
+                textStyle: "sm";
+                py: "1.5";
+                px: "2";
+                ps: "var(--menu-item-inset, {sizes.2})";
+            };
+            itemGroupLabel: {
+                textStyle: "sm";
+                py: "1.5";
+                px: "2";
+            };
+        };
+    };
+}>;