@codefast/ui 0.3.9 → 0.3.10

package/dist/components/item.js

@@ -1 +1,119 @@
-import{jsx as t}from"react/jsx-runtime";import{Separator as e}from"./separator.js";import{cn as a,tv as i}from"@codefast/tailwind-variants";import{Slot as r}from"@radix-ui/react-slot";let n=i({base:a("group/item flex flex-wrap items-center rounded-lg border border-transparent text-sm transition-colors duration-100 outline-hidden","[a]:transition-colors [a]:hover:bg-accent/50","focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-3"),defaultVariants:{size:"default",variant:"default"},variants:{size:{default:"gap-4 p-4",sm:"gap-2.5 px-4 py-3"},variant:{default:"bg-transparent",muted:"bg-muted/50",outline:"border-border"}}}),s=i({base:a("group-has-[[data-slot=item-description]]/item:self-start flex shrink-0 items-center justify-center gap-2","[&_svg]:pointer-events-none group-has-[[data-slot=item-description]]/item:translate-y-0.5"),defaultVariants:{variant:"default"},variants:{variant:{default:"bg-transparent",icon:"size-8 shrink-0 rounded-md border bg-muted [&_svg:not([class*='size-'])]:size-4",image:"size-10 shrink-0 overflow-hidden rounded-md [&_img]:size-full [&_img]:object-cover"}}});function o({className:e,...i}){return t("div",{className:a("group/item-group flex flex-col",e),"data-slot":"item-group",role:"list",...i})}function l({className:i,...r}){return t(e,{className:a("my-0",i),"data-slot":"item-separator",orientation:"horizontal",...r})}function d({asChild:e=!1,className:a,size:i="default",variant:s="default",...o}){return t(e?r:"div",{className:n({className:a,size:i,variant:s}),"data-size":i,"data-slot":"item","data-variant":s,...o})}function m({className:e,variant:a="default",...i}){return t("div",{className:s({className:e,variant:a}),"data-slot":"item-media","data-variant":a,...i})}function u({className:e,...i}){return t("div",{className:a("flex flex-1 flex-col gap-1 [&+[data-slot=item-content]]:flex-none",e),"data-slot":"item-content",...i})}function f({className:e,...i}){return t("div",{className:a("flex w-fit items-center gap-2 text-sm leading-snug font-medium",e),"data-slot":"item-title",...i})}function c({className:e,...i}){return t("p",{className:a("text-muted-foreground line-clamp-2 text-sm leading-normal font-normal text-balance","[&>a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4",e),"data-slot":"item-description",...i})}function p({className:e,...i}){return t("div",{className:a("flex items-center gap-2",e),"data-slot":"item-actions",...i})}function g({className:e,...i}){return t("div",{className:a("flex basis-full items-center justify-between gap-2",e),"data-slot":"item-header",...i})}function v({className:e,...i}){return t("div",{className:a("flex basis-full items-center justify-between gap-2",e),"data-slot":"item-footer",...i})}export{d as Item,p as ItemActions,u as ItemContent,c as ItemDescription,v as ItemFooter,o as ItemGroup,g as ItemHeader,m as ItemMedia,l as ItemSeparator,f as ItemTitle,s as itemMediaVariants,n as itemVariants};
+import { jsx } from "react/jsx-runtime";
+import { cn, tv } from "@codefast/tailwind-variants";
+import { Slot } from "@radix-ui/react-slot";
+import { Separator } from "./separator.js";
+const itemVariants = tv({
+    base: cn('group/item flex flex-wrap items-center rounded-lg border border-transparent text-sm transition-colors duration-100 outline-hidden', '[a]:transition-colors [a]:hover:bg-accent/50', 'focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-3'),
+    defaultVariants: {
+        size: 'default',
+        variant: 'default'
+    },
+    variants: {
+        size: {
+            default: 'gap-4 p-4',
+            sm: 'gap-2.5 px-4 py-3'
+        },
+        variant: {
+            default: 'bg-transparent',
+            muted: 'bg-muted/50',
+            outline: 'border-border'
+        }
+    }
+});
+const itemMediaVariants = tv({
+    base: cn("group-has-[[data-slot=item-description]]/item:self-start flex shrink-0 items-center justify-center gap-2", "[&_svg]:pointer-events-none group-has-[[data-slot=item-description]]/item:translate-y-0.5"),
+    defaultVariants: {
+        variant: 'default'
+    },
+    variants: {
+        variant: {
+            default: 'bg-transparent',
+            icon: "size-8 shrink-0 rounded-md border bg-muted [&_svg:not([class*='size-'])]:size-4",
+            image: 'size-10 shrink-0 overflow-hidden rounded-md [&_img]:size-full [&_img]:object-cover'
+        }
+    }
+});
+function ItemGroup({ className, ...props }) {
+    return /*#__PURE__*/ jsx("div", {
+        className: cn('group/item-group flex flex-col', className),
+        "data-slot": "item-group",
+        role: "list",
+        ...props
+    });
+}
+function ItemSeparator({ className, ...props }) {
+    return /*#__PURE__*/ jsx(Separator, {
+        className: cn('my-0', className),
+        "data-slot": "item-separator",
+        orientation: "horizontal",
+        ...props
+    });
+}
+function Item({ asChild = false, className, size = 'default', variant = 'default', ...props }) {
+    const Component = asChild ? Slot : 'div';
+    return /*#__PURE__*/ jsx(Component, {
+        className: itemVariants({
+            className,
+            size,
+            variant
+        }),
+        "data-size": size,
+        "data-slot": "item",
+        "data-variant": variant,
+        ...props
+    });
+}
+function ItemMedia({ className, variant = 'default', ...props }) {
+    return /*#__PURE__*/ jsx("div", {
+        className: itemMediaVariants({
+            className,
+            variant
+        }),
+        "data-slot": "item-media",
+        "data-variant": variant,
+        ...props
+    });
+}
+function ItemContent({ className, ...props }) {
+    return /*#__PURE__*/ jsx("div", {
+        className: cn('flex flex-1 flex-col gap-1 [&+[data-slot=item-content]]:flex-none', className),
+        "data-slot": "item-content",
+        ...props
+    });
+}
+function ItemTitle({ className, ...props }) {
+    return /*#__PURE__*/ jsx("div", {
+        className: cn('flex w-fit items-center gap-2 text-sm leading-snug font-medium', className),
+        "data-slot": "item-title",
+        ...props
+    });
+}
+function ItemDescription({ className, ...props }) {
+    return /*#__PURE__*/ jsx("p", {
+        className: cn('text-muted-foreground line-clamp-2 text-sm leading-normal font-normal text-balance', '[&>a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4', className),
+        "data-slot": "item-description",
+        ...props
+    });
+}
+function ItemActions({ className, ...props }) {
+    return /*#__PURE__*/ jsx("div", {
+        className: cn('flex items-center gap-2', className),
+        "data-slot": "item-actions",
+        ...props
+    });
+}
+function ItemHeader({ className, ...props }) {
+    return /*#__PURE__*/ jsx("div", {
+        className: cn('flex basis-full items-center justify-between gap-2', className),
+        "data-slot": "item-header",
+        ...props
+    });
+}
+function ItemFooter({ className, ...props }) {
+    return /*#__PURE__*/ jsx("div", {
+        className: cn('flex basis-full items-center justify-between gap-2', className),
+        "data-slot": "item-footer",
+        ...props
+    });
+}
+export { Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemSeparator, ItemTitle, itemMediaVariants, itemVariants };

package/dist/components/kbd.cjs

@@ -1 +1,54 @@
-"use strict";const __rslib_import_meta_url__="undefined"==typeof document?new(require("url".replace("",""))).URL("file:"+__filename).href:document.currentScript&&document.currentScript.src||new URL("main.js",document.baseURI).href;var __webpack_require__={};__webpack_require__.d=(e,_)=>{for(var t in _)__webpack_require__.o(_,t)&&!__webpack_require__.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:_[t]})},__webpack_require__.o=(e,_)=>Object.prototype.hasOwnProperty.call(e,_),__webpack_require__.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var __webpack_exports__={};__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Kbd:()=>Kbd,KbdGroup:()=>KbdGroup});const jsx_runtime_namespaceObject=require("react/jsx-runtime"),tailwind_variants_namespaceObject=require("@codefast/tailwind-variants");function Kbd({className:e,..._}){return(0,jsx_runtime_namespaceObject.jsx)("kbd",{className:(0,tailwind_variants_namespaceObject.cn)("bg-muted text-muted-foreground pointer-events-none inline-flex h-5 w-fit min-w-5 items-center justify-center gap-1 rounded-md px-1 font-sans text-xs font-medium select-none","[&_svg:not([class*='size-'])]:size-3","[[data-slot=tooltip-content]_&]:bg-background/20 [[data-slot=tooltip-content]_&]:text-background dark:[[data-slot=tooltip-content]_&]:bg-background/10",e),"data-slot":"kbd",..._})}function KbdGroup({className:e,..._}){return(0,jsx_runtime_namespaceObject.jsx)("kbd",{className:(0,tailwind_variants_namespaceObject.cn)("inline-flex items-center gap-1",e),"data-slot":"kbd-group",..._})}for(var __webpack_i__ in exports.Kbd=__webpack_exports__.Kbd,exports.KbdGroup=__webpack_exports__.KbdGroup,__webpack_exports__)-1===["Kbd","KbdGroup"].indexOf(__webpack_i__)&&(exports[__webpack_i__]=__webpack_exports__[__webpack_i__]);Object.defineProperty(exports,"__esModule",{value:!0});
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = (exports1, definition)=>{
+        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+            enumerable: true,
+            get: definition[key]
+        });
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    Kbd: ()=>Kbd,
+    KbdGroup: ()=>KbdGroup
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const tailwind_variants_namespaceObject = require("@codefast/tailwind-variants");
+function Kbd({ className, ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("kbd", {
+        className: (0, tailwind_variants_namespaceObject.cn)('bg-muted text-muted-foreground pointer-events-none inline-flex h-5 w-fit min-w-5 items-center justify-center gap-1 rounded-md px-1 font-sans text-xs font-medium select-none', "[&_svg:not([class*='size-'])]:size-3", '[[data-slot=tooltip-content]_&]:bg-background/20 [[data-slot=tooltip-content]_&]:text-background dark:[[data-slot=tooltip-content]_&]:bg-background/10', className),
+        "data-slot": "kbd",
+        ...props
+    });
+}
+function KbdGroup({ className, ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("kbd", {
+        className: (0, tailwind_variants_namespaceObject.cn)('inline-flex items-center gap-1', className),
+        "data-slot": "kbd-group",
+        ...props
+    });
+}
+exports.Kbd = __webpack_exports__.Kbd;
+exports.KbdGroup = __webpack_exports__.KbdGroup;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "Kbd",
+    "KbdGroup"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/components/kbd.d.ts

@@ -1,7 +1,7 @@
-import type { ComponentProps, JSX } from "react";
-type KbdProps = ComponentProps<"kbd">;
+import type { ComponentProps, JSX } from 'react';
+type KbdProps = ComponentProps<'kbd'>;
 declare function Kbd({ className, ...props }: KbdProps): JSX.Element;
-type KbdGroupProps = ComponentProps<"kbd">;
+type KbdGroupProps = ComponentProps<'kbd'>;
 declare function KbdGroup({ className, ...props }: KbdGroupProps): JSX.Element;
 export { Kbd, KbdGroup };
 export type { KbdGroupProps, KbdProps };

package/dist/components/kbd.js

@@ -1 +1,17 @@
-import{jsx as t}from"react/jsx-runtime";import{cn as e}from"@codefast/tailwind-variants";function n({className:n,...o}){return t("kbd",{className:e("bg-muted text-muted-foreground pointer-events-none inline-flex h-5 w-fit min-w-5 items-center justify-center gap-1 rounded-md px-1 font-sans text-xs font-medium select-none","[&_svg:not([class*='size-'])]:size-3","[[data-slot=tooltip-content]_&]:bg-background/20 [[data-slot=tooltip-content]_&]:text-background dark:[[data-slot=tooltip-content]_&]:bg-background/10",n),"data-slot":"kbd",...o})}function o({className:n,...o}){return t("kbd",{className:e("inline-flex items-center gap-1",n),"data-slot":"kbd-group",...o})}export{n as Kbd,o as KbdGroup};
+import { jsx } from "react/jsx-runtime";
+import { cn } from "@codefast/tailwind-variants";
+function Kbd({ className, ...props }) {
+    return /*#__PURE__*/ jsx("kbd", {
+        className: cn('bg-muted text-muted-foreground pointer-events-none inline-flex h-5 w-fit min-w-5 items-center justify-center gap-1 rounded-md px-1 font-sans text-xs font-medium select-none', "[&_svg:not([class*='size-'])]:size-3", '[[data-slot=tooltip-content]_&]:bg-background/20 [[data-slot=tooltip-content]_&]:text-background dark:[[data-slot=tooltip-content]_&]:bg-background/10', className),
+        "data-slot": "kbd",
+        ...props
+    });
+}
+function KbdGroup({ className, ...props }) {
+    return /*#__PURE__*/ jsx("kbd", {
+        className: cn('inline-flex items-center gap-1', className),
+        "data-slot": "kbd-group",
+        ...props
+    });
+}
+export { Kbd, KbdGroup };

package/dist/components/label.cjs

@@ -1,2 +1,46 @@
+"use strict";
 "use client";
-"use strict";const __rslib_import_meta_url__="undefined"==typeof document?new(require("url".replace("",""))).URL("file:"+__filename).href:document.currentScript&&document.currentScript.src||new URL("main.js",document.baseURI).href;var __webpack_require__={};__webpack_require__.d=(e,_)=>{for(var a in _)__webpack_require__.o(_,a)&&!__webpack_require__.o(e,a)&&Object.defineProperty(e,a,{enumerable:!0,get:_[a]})},__webpack_require__.o=(e,_)=>Object.prototype.hasOwnProperty.call(e,_),__webpack_require__.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var __webpack_exports__={};__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Label:()=>Label});const jsx_runtime_namespaceObject=require("react/jsx-runtime"),tailwind_variants_namespaceObject=require("@codefast/tailwind-variants"),react_label_namespaceObject=require("@radix-ui/react-label");function Label({className:e,..._}){return(0,jsx_runtime_namespaceObject.jsx)(react_label_namespaceObject.Root,{className:(0,tailwind_variants_namespaceObject.cn)("data-invalid:text-destructive peer-aria-invalid:text-destructive inline-block text-sm leading-none font-medium group-data-disabled:opacity-50 peer-disabled:opacity-50 peer-data-disabled:opacity-50",e),"data-slot":"label",..._})}for(var __webpack_i__ in exports.Label=__webpack_exports__.Label,__webpack_exports__)-1===["Label"].indexOf(__webpack_i__)&&(exports[__webpack_i__]=__webpack_exports__[__webpack_i__]);Object.defineProperty(exports,"__esModule",{value:!0});
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = (exports1, definition)=>{
+        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+            enumerable: true,
+            get: definition[key]
+        });
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    Label: ()=>Label
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const tailwind_variants_namespaceObject = require("@codefast/tailwind-variants");
+const react_label_namespaceObject = require("@radix-ui/react-label");
+function Label({ className, ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_label_namespaceObject.Root, {
+        className: (0, tailwind_variants_namespaceObject.cn)('data-invalid:text-destructive peer-aria-invalid:text-destructive inline-block text-sm leading-none font-medium group-data-disabled:opacity-50 peer-disabled:opacity-50 peer-data-disabled:opacity-50', className),
+        "data-slot": "label",
+        ...props
+    });
+}
+exports.Label = __webpack_exports__.Label;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "Label"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/components/label.d.ts

@@ -1,5 +1,5 @@
-import type { ComponentProps, JSX } from "react";
-import * as LabelPrimitive from "@radix-ui/react-label";
+import type { ComponentProps, JSX } from 'react';
+import * as LabelPrimitive from '@radix-ui/react-label';
 type LabelProps = ComponentProps<typeof LabelPrimitive.Root>;
 declare function Label({ className, ...props }: LabelProps): JSX.Element;
 export { Label };

package/dist/components/label.js

@@ -1,2 +1,12 @@
 "use client";
-import{jsx as a}from"react/jsx-runtime";import{cn as t}from"@codefast/tailwind-variants";import{Root as e}from"@radix-ui/react-label";function i({className:i,...r}){return a(e,{className:t("data-invalid:text-destructive peer-aria-invalid:text-destructive inline-block text-sm leading-none font-medium group-data-disabled:opacity-50 peer-disabled:opacity-50 peer-data-disabled:opacity-50",i),"data-slot":"label",...r})}export{i as Label};
+import { jsx } from "react/jsx-runtime";
+import { cn } from "@codefast/tailwind-variants";
+import { Root } from "@radix-ui/react-label";
+function Label({ className, ...props }) {
+    return /*#__PURE__*/ jsx(Root, {
+        className: cn('data-invalid:text-destructive peer-aria-invalid:text-destructive inline-block text-sm leading-none font-medium group-data-disabled:opacity-50 peer-disabled:opacity-50 peer-data-disabled:opacity-50', className),
+        "data-slot": "label",
+        ...props
+    });
+}
+export { Label };

package/dist/components/menubar.cjs

@@ -1,2 +1,233 @@
+"use strict";
 "use client";
-"use strict";const __rslib_import_meta_url__="undefined"==typeof document?new(require("url".replace("",""))).URL("file:"+__filename).href:document.currentScript&&document.currentScript.src||new URL("main.js",document.baseURI).href;var __webpack_require__={};__webpack_require__.d=(e,a)=>{for(var t in a)__webpack_require__.o(a,t)&&!__webpack_require__.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:a[t]})},__webpack_require__.o=(e,a)=>Object.prototype.hasOwnProperty.call(e,a),__webpack_require__.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var __webpack_exports__={};__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{MenubarArrow:()=>MenubarArrow,MenubarSeparator:()=>MenubarSeparator,MenubarGroup:()=>MenubarGroup,MenubarRadioItem:()=>MenubarRadioItem,Menubar:()=>Menubar,MenubarLabel:()=>MenubarLabel,MenubarContent:()=>MenubarContent,MenubarCheckboxItem:()=>MenubarCheckboxItem,MenubarItem:()=>MenubarItem,MenubarShortcut:()=>MenubarShortcut,MenubarSubContent:()=>MenubarSubContent,MenubarTrigger:()=>MenubarTrigger,MenubarMenu:()=>MenubarMenu,MenubarSub:()=>MenubarSub,MenubarRadioGroup:()=>MenubarRadioGroup,MenubarSubTrigger:()=>MenubarSubTrigger});const jsx_runtime_namespaceObject=require("react/jsx-runtime"),external_lucide_react_namespaceObject=require("lucide-react"),tailwind_variants_namespaceObject=require("@codefast/tailwind-variants"),react_menubar_namespaceObject=require("@radix-ui/react-menubar");function Menubar({className:e,...a}){return(0,jsx_runtime_namespaceObject.jsx)(react_menubar_namespaceObject.Root,{className:(0,tailwind_variants_namespaceObject.cn)("bg-background flex items-center space-x-1 rounded-lg border p-1",e),"data-slot":"menubar",...a})}function MenubarMenu({...e}){return(0,jsx_runtime_namespaceObject.jsx)(react_menubar_namespaceObject.Menu,{"data-slot":"menubar-menu",...e})}function MenubarGroup({...e}){return(0,jsx_runtime_namespaceObject.jsx)(react_menubar_namespaceObject.Group,{"data-slot":"menubar-group",...e})}function MenubarSub({...e}){return(0,jsx_runtime_namespaceObject.jsx)(react_menubar_namespaceObject.Sub,{"data-slot":"menubar-sub",...e})}function MenubarRadioGroup({...e}){return(0,jsx_runtime_namespaceObject.jsx)(react_menubar_namespaceObject.RadioGroup,{"data-slot":"menubar-radio-group",...e})}function MenubarTrigger({className:e,...a}){return(0,jsx_runtime_namespaceObject.jsx)(react_menubar_namespaceObject.Trigger,{className:(0,tailwind_variants_namespaceObject.cn)("focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex items-center gap-x-2 rounded-sm px-2 py-1.5 text-sm font-medium outline-hidden select-none",e),"data-slot":"menubar-trigger",...a})}function MenubarSubTrigger({children:e,className:a,inset:t,...r}){return(0,jsx_runtime_namespaceObject.jsxs)(react_menubar_namespaceObject.SubTrigger,{className:(0,tailwind_variants_namespaceObject.cn)("focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex cursor-default items-center gap-x-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-inset:pl-8",a),"data-inset":t,"data-slot":"menubar-sub-trigger",...r,children:[e,(0,jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.ChevronRightIcon,{className:"ml-auto size-4"})]})}function MenubarSubContent({className:e,...a}){return(0,jsx_runtime_namespaceObject.jsx)(react_menubar_namespaceObject.Portal,{children:(0,jsx_runtime_namespaceObject.jsx)(react_menubar_namespaceObject.SubContent,{className:(0,tailwind_variants_namespaceObject.cn)("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=open]:data-[side=top]:slide-in-from-bottom-2 data-[state=open]:data-[side=right]:slide-in-from-left-2 data-[state=open]:data-[side=bottom]:slide-in-from-top-2 data-[state=open]:data-[side=left]:slide-in-from-right-2 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=closed]:data-[side=top]:slide-out-to-bottom-2 data-[state=closed]:data-[side=right]:slide-out-to-left-2 data-[state=closed]:data-[side=bottom]:slide-out-to-top-2 data-[state=closed]:data-[side=left]:slide-out-to-right-2 ease-ui z-50 min-w-32 rounded-lg border p-1 shadow-lg",e),"data-slot":"menubar-sub-content",...a})})}function MenubarContent({align:e="start",alignOffset:a=-4,className:t,sideOffset:r=4,...n}){return(0,jsx_runtime_namespaceObject.jsx)(react_menubar_namespaceObject.Portal,{children:(0,jsx_runtime_namespaceObject.jsx)(react_menubar_namespaceObject.Content,{align:e,alignOffset:a,className:(0,tailwind_variants_namespaceObject.cn)("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=open]:data-[side=top]:slide-in-from-bottom-2 data-[state=open]:data-[side=right]:slide-in-from-left-2 data-[state=open]:data-[side=bottom]:slide-in-from-top-2 data-[state=open]:data-[side=left]:slide-in-from-right-2 ease-ui z-50 min-w-32 rounded-lg border p-1 shadow-lg",t),"data-slot":"menubar-content",sideOffset:r,...n})})}function MenubarItem({className:e,inset:a,variant:t,...r}){return(0,jsx_runtime_namespaceObject.jsx)(react_menubar_namespaceObject.Item,{className:(0,tailwind_variants_namespaceObject.cn)("focus:bg-accent focus:text-accent-foreground group/menubar-item data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:[&_svg:not([class*='text-'])]:text-destructive/80 [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-x-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none aria-disabled:opacity-50 data-inset:pl-8 [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",e),"data-inset":a,"data-slot":"menubar-item","data-variant":t,...r})}function MenubarCheckboxItem({checked:e,children:a,className:t,...r}){return(0,jsx_runtime_namespaceObject.jsxs)(react_menubar_namespaceObject.CheckboxItem,{checked:e,className:(0,tailwind_variants_namespaceObject.cn)("focus:bg-accent focus:text-accent-foreground group/menubar-item relative flex cursor-default items-center gap-x-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none aria-disabled:opacity-50 [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",t),"data-slot":"menubar-checkbox-item",...r,children:[(0,jsx_runtime_namespaceObject.jsx)("span",{className:"absolute left-2 flex items-center justify-center",children:(0,jsx_runtime_namespaceObject.jsx)(react_menubar_namespaceObject.ItemIndicator,{children:(0,jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.CheckIcon,{className:"size-4"})})}),a]})}function MenubarRadioItem({children:e,className:a,...t}){return(0,jsx_runtime_namespaceObject.jsxs)(react_menubar_namespaceObject.RadioItem,{className:(0,tailwind_variants_namespaceObject.cn)("focus:bg-accent focus:text-accent-foreground group/menubar-item relative flex cursor-default items-center gap-x-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none aria-disabled:opacity-50 [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",a),"data-slot":"menubar-radio-item",...t,children:[(0,jsx_runtime_namespaceObject.jsx)("span",{className:"absolute left-2 flex items-center justify-center",children:(0,jsx_runtime_namespaceObject.jsx)(react_menubar_namespaceObject.ItemIndicator,{children:(0,jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.DotIcon,{className:"size-4 fill-current"})})}),e]})}function MenubarLabel({className:e,inset:a,...t}){return(0,jsx_runtime_namespaceObject.jsx)(react_menubar_namespaceObject.Label,{className:(0,tailwind_variants_namespaceObject.cn)("flex items-center gap-x-2 px-2 py-1.5 text-sm font-semibold data-inset:pl-8",e),"data-inset":a,"data-slot":"menubar-label",...t})}function MenubarSeparator({className:e,...a}){return(0,jsx_runtime_namespaceObject.jsx)(react_menubar_namespaceObject.Separator,{className:(0,tailwind_variants_namespaceObject.cn)("bg-border mx-2 my-1 h-px",e),"data-slot":"menubar-separator",...a})}function MenubarShortcut({className:e,...a}){return(0,jsx_runtime_namespaceObject.jsx)("span",{className:(0,tailwind_variants_namespaceObject.cn)("text-muted-foreground group-data-[variant=destructive]/menubar-item:text-destructive/80 ml-auto text-xs tracking-widest",e),"data-slot":"menubar-shortcut",...a})}function MenubarArrow({className:e,...a}){return(0,jsx_runtime_namespaceObject.jsx)(react_menubar_namespaceObject.Arrow,{className:(0,tailwind_variants_namespaceObject.cn)("fill-popover",e),"data-slot":"menubar-arrow",...a})}for(var __webpack_i__ in exports.Menubar=__webpack_exports__.Menubar,exports.MenubarArrow=__webpack_exports__.MenubarArrow,exports.MenubarCheckboxItem=__webpack_exports__.MenubarCheckboxItem,exports.MenubarContent=__webpack_exports__.MenubarContent,exports.MenubarGroup=__webpack_exports__.MenubarGroup,exports.MenubarItem=__webpack_exports__.MenubarItem,exports.MenubarLabel=__webpack_exports__.MenubarLabel,exports.MenubarMenu=__webpack_exports__.MenubarMenu,exports.MenubarRadioGroup=__webpack_exports__.MenubarRadioGroup,exports.MenubarRadioItem=__webpack_exports__.MenubarRadioItem,exports.MenubarSeparator=__webpack_exports__.MenubarSeparator,exports.MenubarShortcut=__webpack_exports__.MenubarShortcut,exports.MenubarSub=__webpack_exports__.MenubarSub,exports.MenubarSubContent=__webpack_exports__.MenubarSubContent,exports.MenubarSubTrigger=__webpack_exports__.MenubarSubTrigger,exports.MenubarTrigger=__webpack_exports__.MenubarTrigger,__webpack_exports__)-1===["Menubar","MenubarArrow","MenubarCheckboxItem","MenubarContent","MenubarGroup","MenubarItem","MenubarLabel","MenubarMenu","MenubarRadioGroup","MenubarRadioItem","MenubarSeparator","MenubarShortcut","MenubarSub","MenubarSubContent","MenubarSubTrigger","MenubarTrigger"].indexOf(__webpack_i__)&&(exports[__webpack_i__]=__webpack_exports__[__webpack_i__]);Object.defineProperty(exports,"__esModule",{value:!0});
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = (exports1, definition)=>{
+        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+            enumerable: true,
+            get: definition[key]
+        });
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    MenubarArrow: ()=>MenubarArrow,
+    MenubarSeparator: ()=>MenubarSeparator,
+    MenubarGroup: ()=>MenubarGroup,
+    MenubarRadioItem: ()=>MenubarRadioItem,
+    Menubar: ()=>Menubar,
+    MenubarLabel: ()=>MenubarLabel,
+    MenubarContent: ()=>MenubarContent,
+    MenubarCheckboxItem: ()=>MenubarCheckboxItem,
+    MenubarItem: ()=>MenubarItem,
+    MenubarShortcut: ()=>MenubarShortcut,
+    MenubarSubContent: ()=>MenubarSubContent,
+    MenubarTrigger: ()=>MenubarTrigger,
+    MenubarMenu: ()=>MenubarMenu,
+    MenubarSub: ()=>MenubarSub,
+    MenubarRadioGroup: ()=>MenubarRadioGroup,
+    MenubarSubTrigger: ()=>MenubarSubTrigger
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const tailwind_variants_namespaceObject = require("@codefast/tailwind-variants");
+const react_menubar_namespaceObject = require("@radix-ui/react-menubar");
+const external_lucide_react_namespaceObject = require("lucide-react");
+function Menubar({ className, ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_menubar_namespaceObject.Root, {
+        className: (0, tailwind_variants_namespaceObject.cn)('bg-background flex items-center space-x-1 rounded-lg border p-1', className),
+        "data-slot": "menubar",
+        ...props
+    });
+}
+function MenubarMenu({ ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_menubar_namespaceObject.Menu, {
+        "data-slot": "menubar-menu",
+        ...props
+    });
+}
+function MenubarGroup({ ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_menubar_namespaceObject.Group, {
+        "data-slot": "menubar-group",
+        ...props
+    });
+}
+function MenubarSub({ ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_menubar_namespaceObject.Sub, {
+        "data-slot": "menubar-sub",
+        ...props
+    });
+}
+function MenubarRadioGroup({ ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_menubar_namespaceObject.RadioGroup, {
+        "data-slot": "menubar-radio-group",
+        ...props
+    });
+}
+function MenubarTrigger({ className, ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_menubar_namespaceObject.Trigger, {
+        className: (0, tailwind_variants_namespaceObject.cn)('focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex items-center gap-x-2 rounded-sm px-2 py-1.5 text-sm font-medium outline-hidden select-none', className),
+        "data-slot": "menubar-trigger",
+        ...props
+    });
+}
+function MenubarSubTrigger({ children, className, inset, ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(react_menubar_namespaceObject.SubTrigger, {
+        className: (0, tailwind_variants_namespaceObject.cn)('focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex cursor-default items-center gap-x-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-inset:pl-8', className),
+        "data-inset": inset,
+        "data-slot": "menubar-sub-trigger",
+        ...props,
+        children: [
+            children,
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.ChevronRightIcon, {
+                className: "ml-auto size-4"
+            })
+        ]
+    });
+}
+function MenubarSubContent({ className, ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_menubar_namespaceObject.Portal, {
+        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_menubar_namespaceObject.SubContent, {
+            className: (0, tailwind_variants_namespaceObject.cn)('bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=open]:data-[side=top]:slide-in-from-bottom-2 data-[state=open]:data-[side=right]:slide-in-from-left-2 data-[state=open]:data-[side=bottom]:slide-in-from-top-2 data-[state=open]:data-[side=left]:slide-in-from-right-2 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=closed]:data-[side=top]:slide-out-to-bottom-2 data-[state=closed]:data-[side=right]:slide-out-to-left-2 data-[state=closed]:data-[side=bottom]:slide-out-to-top-2 data-[state=closed]:data-[side=left]:slide-out-to-right-2 ease-ui z-50 min-w-32 origin-(--radix-menubar-content-transform-origin) overflow-hidden rounded-lg border p-1 shadow-lg', className),
+            "data-slot": "menubar-sub-content",
+            ...props
+        })
+    });
+}
+function MenubarContent({ align = 'start', alignOffset = -4, className, sideOffset = 4, ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_menubar_namespaceObject.Portal, {
+        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_menubar_namespaceObject.Content, {
+            align: align,
+            alignOffset: alignOffset,
+            className: (0, tailwind_variants_namespaceObject.cn)('bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=open]:data-[side=top]:slide-in-from-bottom-2 data-[state=open]:data-[side=right]:slide-in-from-left-2 data-[state=open]:data-[side=bottom]:slide-in-from-top-2 data-[state=open]:data-[side=left]:slide-in-from-right-2 ease-ui z-50 min-w-32 origin-(--radix-menubar-content-transform-origin) overflow-hidden rounded-lg border p-1 shadow-lg', className),
+            "data-slot": "menubar-content",
+            sideOffset: sideOffset,
+            ...props
+        })
+    });
+}
+function MenubarItem({ className, inset, variant, ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_menubar_namespaceObject.Item, {
+        className: (0, tailwind_variants_namespaceObject.cn)("focus:bg-accent focus:text-accent-foreground group/menubar-item data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:[&_svg:not([class*='text-'])]:text-destructive/80 [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-x-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none aria-disabled:opacity-50 data-inset:pl-8 [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className),
+        "data-inset": inset,
+        "data-slot": "menubar-item",
+        "data-variant": variant,
+        ...props
+    });
+}
+function MenubarCheckboxItem({ checked, children, className, ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(react_menubar_namespaceObject.CheckboxItem, {
+        checked: checked,
+        className: (0, tailwind_variants_namespaceObject.cn)("focus:bg-accent focus:text-accent-foreground group/menubar-item relative flex cursor-default items-center gap-x-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none aria-disabled:opacity-50 [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className),
+        "data-slot": "menubar-checkbox-item",
+        ...props,
+        children: [
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                className: "absolute left-2 flex items-center justify-center",
+                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_menubar_namespaceObject.ItemIndicator, {
+                    children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.CheckIcon, {
+                        className: "size-4"
+                    })
+                })
+            }),
+            children
+        ]
+    });
+}
+function MenubarRadioItem({ children, className, ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(react_menubar_namespaceObject.RadioItem, {
+        className: (0, tailwind_variants_namespaceObject.cn)("focus:bg-accent focus:text-accent-foreground group/menubar-item relative flex cursor-default items-center gap-x-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none aria-disabled:opacity-50 [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className),
+        "data-slot": "menubar-radio-item",
+        ...props,
+        children: [
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                className: "absolute left-2 flex items-center justify-center",
+                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_menubar_namespaceObject.ItemIndicator, {
+                    children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.DotIcon, {
+                        className: "size-4 fill-current"
+                    })
+                })
+            }),
+            children
+        ]
+    });
+}
+function MenubarLabel({ className, inset, ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_menubar_namespaceObject.Label, {
+        className: (0, tailwind_variants_namespaceObject.cn)('flex items-center gap-x-2 px-2 py-1.5 text-sm font-semibold data-inset:pl-8', className),
+        "data-inset": inset,
+        "data-slot": "menubar-label",
+        ...props
+    });
+}
+function MenubarSeparator({ className, ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_menubar_namespaceObject.Separator, {
+        className: (0, tailwind_variants_namespaceObject.cn)('bg-border mx-2 my-1 h-px', className),
+        "data-slot": "menubar-separator",
+        ...props
+    });
+}
+function MenubarShortcut({ className, ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+        className: (0, tailwind_variants_namespaceObject.cn)('text-muted-foreground group-data-[variant=destructive]/menubar-item:text-destructive/80 ml-auto text-xs tracking-widest', className),
+        "data-slot": "menubar-shortcut",
+        ...props
+    });
+}
+function MenubarArrow({ className, ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_menubar_namespaceObject.Arrow, {
+        className: (0, tailwind_variants_namespaceObject.cn)('fill-popover', className),
+        "data-slot": "menubar-arrow",
+        ...props
+    });
+}
+exports.Menubar = __webpack_exports__.Menubar;
+exports.MenubarArrow = __webpack_exports__.MenubarArrow;
+exports.MenubarCheckboxItem = __webpack_exports__.MenubarCheckboxItem;
+exports.MenubarContent = __webpack_exports__.MenubarContent;
+exports.MenubarGroup = __webpack_exports__.MenubarGroup;
+exports.MenubarItem = __webpack_exports__.MenubarItem;
+exports.MenubarLabel = __webpack_exports__.MenubarLabel;
+exports.MenubarMenu = __webpack_exports__.MenubarMenu;
+exports.MenubarRadioGroup = __webpack_exports__.MenubarRadioGroup;
+exports.MenubarRadioItem = __webpack_exports__.MenubarRadioItem;
+exports.MenubarSeparator = __webpack_exports__.MenubarSeparator;
+exports.MenubarShortcut = __webpack_exports__.MenubarShortcut;
+exports.MenubarSub = __webpack_exports__.MenubarSub;
+exports.MenubarSubContent = __webpack_exports__.MenubarSubContent;
+exports.MenubarSubTrigger = __webpack_exports__.MenubarSubTrigger;
+exports.MenubarTrigger = __webpack_exports__.MenubarTrigger;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "Menubar",
+    "MenubarArrow",
+    "MenubarCheckboxItem",
+    "MenubarContent",
+    "MenubarGroup",
+    "MenubarItem",
+    "MenubarLabel",
+    "MenubarMenu",
+    "MenubarRadioGroup",
+    "MenubarRadioItem",
+    "MenubarSeparator",
+    "MenubarShortcut",
+    "MenubarSub",
+    "MenubarSubContent",
+    "MenubarSubTrigger",
+    "MenubarTrigger"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/components/menubar.d.ts

@@ -1,5 +1,5 @@
-import type { ComponentProps, JSX } from "react";
-import * as MenubarPrimitive from "@radix-ui/react-menubar";
+import type { ComponentProps, JSX } from 'react';
+import * as MenubarPrimitive from '@radix-ui/react-menubar';
 type MenubarProps = ComponentProps<typeof MenubarPrimitive.Root>;
 declare function Menubar({ className, ...props }: MenubarProps): JSX.Element;
 type MenubarMenuProps = ComponentProps<typeof MenubarPrimitive.Menu>;
@@ -22,7 +22,7 @@ type MenubarContentProps = ComponentProps<typeof MenubarPrimitive.Content>;
 declare function MenubarContent({ align, alignOffset, className, sideOffset, ...props }: MenubarContentProps): JSX.Element;
 interface MenubarItemProps extends ComponentProps<typeof MenubarPrimitive.Item> {
     inset?: boolean;
-    variant?: "default" | "destructive";
+    variant?: 'default' | 'destructive';
 }
 declare function MenubarItem({ className, inset, variant, ...props }: MenubarItemProps): JSX.Element;
 type MenubarCheckboxItemProps = ComponentProps<typeof MenubarPrimitive.CheckboxItem>;
@@ -35,7 +35,7 @@ interface MenubarLabelProps extends ComponentProps<typeof MenubarPrimitive.Label
 declare function MenubarLabel({ className, inset, ...props }: MenubarLabelProps): JSX.Element;
 type MenubarSeparatorProps = ComponentProps<typeof MenubarPrimitive.Separator>;
 declare function MenubarSeparator({ className, ...props }: MenubarSeparatorProps): JSX.Element;
-type MenubarShortcutProps = ComponentProps<"span">;
+type MenubarShortcutProps = ComponentProps<'span'>;
 declare function MenubarShortcut({ className, ...props }: MenubarShortcutProps): JSX.Element;
 type MenubarArrowProps = ComponentProps<typeof MenubarPrimitive.Arrow>;
 declare function MenubarArrow({ className, ...props }: MenubarArrowProps): JSX.Element;