@kuzenbo/core 0.0.1 → 0.0.3

package/dist/menubar-trigger-BSEAK4Hv.js

@@ -1,427 +0,0 @@
-import { t as mergeBaseUIClassName } from "./merge-base-ui-class-name-u6eS5MaQ.js";
-import { S as DropdownMenuArrow, _ as DropdownMenuPortal, a as DropdownMenuShortcut, c as DropdownMenuRadioGroup, d as DropdownMenuLabel, g as DropdownMenuPositioner, i as DropdownMenuSub, m as DropdownMenuGroup, n as DropdownMenuSubTrigger, o as DropdownMenuSeparator, p as dropdownMenuItemVariants, r as DropdownMenuSubContent, t as DropdownMenuTrigger, u as dropdownMenuLinkItemVariants, v as DropdownMenuPopup, x as DropdownMenuBackdrop } from "./dropdown-menu-trigger-PvBaqoOj.js";
-import { DropdownMenu } from "./dropdown-menu.js";
-import { cn, tv } from "tailwind-variants";
-import { createContext, useContext } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { Tick02Icon } from "@hugeicons/core-free-icons";
-import { HugeiconsIcon } from "@hugeicons/react";
-import { Menu } from "@base-ui/react/menu";
-
-//#region src/ui/menubar/menubar-arrow.tsx
-const MenubarArrow = ({ ...props }) => /* @__PURE__ */ jsx(DropdownMenuArrow, {
-	"data-slot": "menubar-arrow",
-	...props
-});
-
-//#endregion
-//#region src/ui/menubar/menubar-backdrop.tsx
-const MenubarBackdrop = ({ ...props }) => /* @__PURE__ */ jsx(DropdownMenuBackdrop, {
-	"data-slot": "menubar-backdrop",
-	...props
-});
-
-//#endregion
-//#region src/ui/menubar/menubar-context.tsx
-const MenubarContext = createContext({ size: "md" });
-
-//#endregion
-//#region src/ui/menubar/menubar-overlay-context.tsx
-const MenubarOverlayContext = createContext({});
-
-//#endregion
-//#region src/ui/menubar/menubar-checkbox-item.tsx
-const menubarCheckboxItemVariants = tv({
-	slots: {
-		indicator: "pointer-events-none absolute flex items-center justify-center [&_svg]:pointer-events-none [&_svg]:shrink-0",
-		root: "relative flex cursor-pointer items-center rounded-md outline-hidden select-none focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground data-disabled:pointer-events-none data-disabled:cursor-not-allowed data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0"
-	},
-	variants: { size: {
-		xs: {
-			indicator: "left-1 size-3 [&_svg:not([class*='size-'])]:size-3",
-			root: "gap-1 rounded-[min(var(--radius-md),8px)] py-1 pr-1.5 pl-6 text-xs [&_svg:not([class*='size-'])]:size-3"
-		},
-		sm: {
-			indicator: "left-1 size-3.5 [&_svg:not([class*='size-'])]:size-3.5",
-			root: "gap-1.5 rounded-[min(var(--radius-md),10px)] py-1 pr-1.5 pl-6.5 text-sm [&_svg:not([class*='size-'])]:size-3.5"
-		},
-		md: {
-			indicator: "left-1.5 size-4 [&_svg:not([class*='size-'])]:size-4",
-			root: "gap-1.5 py-1 pr-1.5 pl-7 text-sm [&_svg:not([class*='size-'])]:size-4"
-		},
-		lg: {
-			indicator: "left-2 size-4 [&_svg:not([class*='size-'])]:size-4",
-			root: "gap-2 py-1.5 pr-2 pl-8 text-sm [&_svg:not([class*='size-'])]:size-4"
-		},
-		xl: {
-			indicator: "left-2.5 size-5 [&_svg:not([class*='size-'])]:size-5",
-			root: "gap-2.5 py-2 pr-2.5 pl-9 text-base [&_svg:not([class*='size-'])]:size-5"
-		}
-	} },
-	defaultVariants: { size: "md" }
-});
-const MenubarCheckboxItem = ({ className, children, checked, size, ...props }) => {
-	const { size: rootSize } = useContext(MenubarContext);
-	const { size: overlaySize } = useContext(MenubarOverlayContext);
-	const resolvedSize = size ?? overlaySize ?? rootSize ?? "md";
-	const { indicator, root } = menubarCheckboxItemVariants({ size: resolvedSize });
-	return /* @__PURE__ */ jsxs(Menu.CheckboxItem, {
-		checked,
-		className: cn(root(), className),
-		"data-size": resolvedSize,
-		"data-slot": "menubar-checkbox-item",
-		...props,
-		children: [/* @__PURE__ */ jsx("span", {
-			className: indicator(),
-			children: /* @__PURE__ */ jsx(Menu.CheckboxItemIndicator, { children: /* @__PURE__ */ jsx(HugeiconsIcon, {
-				icon: Tick02Icon,
-				strokeWidth: 2
-			}) })
-		}), children]
-	});
-};
-
-//#endregion
-//#region src/ui/menubar/menubar-popup.tsx
-const menubarPopupVariants = tv({
-	base: "bg-popover text-popover-foreground shadow-md ring-1 ring-foreground/10 duration-100 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
-	variants: { size: {
-		xs: "min-w-28 rounded-[min(var(--radius-lg),10px)]",
-		sm: "min-w-32 rounded-[min(var(--radius-lg),12px)]",
-		md: "min-w-36 rounded-lg",
-		lg: "min-w-40 rounded-lg",
-		xl: "min-w-44 rounded-xl"
-	} },
-	defaultVariants: { size: "md" }
-});
-const MenubarPopup = ({ className, size, ...props }) => {
-	const { size: rootSize } = useContext(MenubarContext);
-	const { size: overlaySize } = useContext(MenubarOverlayContext);
-	const resolvedSize = size ?? overlaySize ?? rootSize ?? "md";
-	return /* @__PURE__ */ jsx(DropdownMenuPopup, {
-		className: cn(menubarPopupVariants({ size: resolvedSize }), className),
-		"data-size": resolvedSize,
-		"data-slot": "menubar-popup",
-		size: resolvedSize,
-		...props
-	});
-};
-
-//#endregion
-//#region src/ui/menubar/menubar-portal.tsx
-const MenubarPortal = ({ ...props }) => /* @__PURE__ */ jsx(DropdownMenuPortal, {
-	"data-slot": "menubar-portal",
-	...props
-});
-
-//#endregion
-//#region src/ui/menubar/menubar-positioner.tsx
-const MenubarPositioner = ({ className, ...props }) => /* @__PURE__ */ jsx(DropdownMenuPositioner, {
-	className: cn(className),
-	"data-slot": "menubar-positioner",
-	...props
-});
-
-//#endregion
-//#region src/ui/menubar/menubar-content.tsx
-const MenubarContent = ({ className, align = "start", alignOffset = -4, side = "bottom", sideOffset = 8, size, ...props }) => {
-	const { size: rootSize } = useContext(MenubarContext);
-	const resolvedSize = size ?? rootSize ?? "md";
-	return /* @__PURE__ */ jsx(MenubarOverlayContext.Provider, {
-		value: { size: resolvedSize },
-		children: /* @__PURE__ */ jsx(MenubarPortal, { children: /* @__PURE__ */ jsx(MenubarPositioner, {
-			align,
-			alignOffset,
-			side,
-			sideOffset,
-			children: /* @__PURE__ */ jsx(MenubarPopup, {
-				className,
-				"data-size": resolvedSize,
-				"data-slot": "menubar-content",
-				size: resolvedSize,
-				...props
-			})
-		}) })
-	});
-};
-
-//#endregion
-//#region src/ui/menubar/menubar-group.tsx
-const MenubarGroup = ({ ...props }) => /* @__PURE__ */ jsx(DropdownMenuGroup, {
-	"data-slot": "menubar-group",
-	...props
-});
-
-//#endregion
-//#region src/ui/menubar/menubar-item.tsx
-const menubarItemVariants = tv({
-	base: "group/menubar-item focus:bg-accent focus:text-accent-foreground data-[disabled]:opacity-50",
-	extend: dropdownMenuItemVariants,
-	variants: { variant: {
-		danger: "*:[svg]:!text-danger-foreground",
-		default: "focus:**:text-accent-foreground"
-	} }
-});
-const MenubarItem = ({ className, inset, size, variant = "default", ...props }) => {
-	const { size: rootSize } = useContext(MenubarContext);
-	const { size: overlaySize } = useContext(MenubarOverlayContext);
-	const resolvedSize = size ?? overlaySize ?? rootSize ?? "md";
-	return /* @__PURE__ */ jsx(Menu.Item, {
-		className: mergeBaseUIClassName(menubarItemVariants({
-			inset: Boolean(inset),
-			size: resolvedSize,
-			variant
-		}), className),
-		"data-inset": inset,
-		"data-size": resolvedSize,
-		"data-slot": "menubar-item",
-		"data-variant": variant,
-		...props
-	});
-};
-
-//#endregion
-//#region src/ui/menubar/menubar-label.tsx
-const menubarLabelVariants = tv({
-	base: "font-medium data-[inset]:pl-8",
-	variants: { size: {
-		xs: "px-1.5 py-1 text-xs",
-		sm: "px-1.5 py-1 text-xs",
-		md: "px-1.5 py-1 text-sm",
-		lg: "px-2 py-1.5 text-sm",
-		xl: "px-2.5 py-1.5 text-base"
-	} },
-	defaultVariants: { size: "md" }
-});
-const MenubarLabel = ({ className, inset, size, ...props }) => {
-	const { size: rootSize } = useContext(MenubarContext);
-	const { size: overlaySize } = useContext(MenubarOverlayContext);
-	const resolvedSize = size ?? overlaySize ?? rootSize ?? "md";
-	return /* @__PURE__ */ jsx(DropdownMenuLabel, {
-		className: cn(menubarLabelVariants({ size: resolvedSize }), className),
-		"data-inset": inset,
-		"data-size": resolvedSize,
-		"data-slot": "menubar-label",
-		size: resolvedSize,
-		...props
-	});
-};
-
-//#endregion
-//#region src/ui/menubar/menubar-link-item.tsx
-const menubarLinkItemVariants = tv({
-	base: "group/menubar-link-item focus:bg-accent focus:text-accent-foreground data-[disabled]:opacity-50",
-	extend: dropdownMenuLinkItemVariants,
-	variants: { variant: {
-		danger: "*:[svg]:!text-danger-foreground",
-		default: "focus:**:text-accent-foreground"
-	} }
-});
-const MenubarLinkItem = ({ className, inset, size, variant = "default", ...props }) => {
-	const { size: rootSize } = useContext(MenubarContext);
-	const { size: overlaySize } = useContext(MenubarOverlayContext);
-	const resolvedSize = size ?? overlaySize ?? rootSize ?? "md";
-	return /* @__PURE__ */ jsx(Menu.LinkItem, {
-		className: mergeBaseUIClassName(menubarLinkItemVariants({
-			inset: Boolean(inset),
-			size: resolvedSize,
-			variant
-		}), className),
-		"data-inset": inset,
-		"data-size": resolvedSize,
-		"data-slot": "menubar-link-item",
-		"data-variant": variant,
-		...props
-	});
-};
-
-//#endregion
-//#region src/ui/menubar/menubar-menu.tsx
-const MenubarMenu = ({ size, ...props }) => {
-	const { size: rootSize } = useContext(MenubarContext);
-	const resolvedSize = size ?? rootSize ?? "md";
-	return /* @__PURE__ */ jsx(DropdownMenu, {
-		"data-slot": "menubar-menu",
-		size: resolvedSize,
-		...props
-	});
-};
-
-//#endregion
-//#region src/ui/menubar/menubar-radio-group.tsx
-const MenubarRadioGroup = ({ ...props }) => /* @__PURE__ */ jsx(DropdownMenuRadioGroup, {
-	"data-slot": "menubar-radio-group",
-	...props
-});
-
-//#endregion
-//#region src/ui/menubar/menubar-radio-item.tsx
-const menubarRadioItemVariants = tv({
-	slots: {
-		indicator: "pointer-events-none absolute flex items-center justify-center [&_svg]:pointer-events-none [&_svg]:shrink-0",
-		root: "relative flex cursor-pointer items-center rounded-md outline-hidden select-none focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground data-disabled:pointer-events-none data-disabled:cursor-not-allowed data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0"
-	},
-	variants: { size: {
-		xs: {
-			indicator: "left-1 size-3 [&_svg:not([class*='size-'])]:size-3",
-			root: "gap-1 rounded-[min(var(--radius-md),8px)] py-1 pr-1.5 pl-6 text-xs [&_svg:not([class*='size-'])]:size-3"
-		},
-		sm: {
-			indicator: "left-1 size-3.5 [&_svg:not([class*='size-'])]:size-3.5",
-			root: "gap-1.5 rounded-[min(var(--radius-md),10px)] py-1 pr-1.5 pl-6.5 text-sm [&_svg:not([class*='size-'])]:size-3.5"
-		},
-		md: {
-			indicator: "left-1.5 size-4 [&_svg:not([class*='size-'])]:size-4",
-			root: "gap-1.5 py-1 pr-1.5 pl-7 text-sm [&_svg:not([class*='size-'])]:size-4"
-		},
-		lg: {
-			indicator: "left-2 size-4 [&_svg:not([class*='size-'])]:size-4",
-			root: "gap-2 py-1.5 pr-2 pl-8 text-sm [&_svg:not([class*='size-'])]:size-4"
-		},
-		xl: {
-			indicator: "left-2.5 size-5 [&_svg:not([class*='size-'])]:size-5",
-			root: "gap-2.5 py-2 pr-2.5 pl-9 text-base [&_svg:not([class*='size-'])]:size-5"
-		}
-	} },
-	defaultVariants: { size: "md" }
-});
-const MenubarRadioItem = ({ className, children, size, ...props }) => {
-	const { size: rootSize } = useContext(MenubarContext);
-	const { size: overlaySize } = useContext(MenubarOverlayContext);
-	const resolvedSize = size ?? overlaySize ?? rootSize ?? "md";
-	const { indicator, root } = menubarRadioItemVariants({ size: resolvedSize });
-	return /* @__PURE__ */ jsxs(Menu.RadioItem, {
-		className: cn(root(), className),
-		"data-size": resolvedSize,
-		"data-slot": "menubar-radio-item",
-		...props,
-		children: [/* @__PURE__ */ jsx("span", {
-			className: indicator(),
-			children: /* @__PURE__ */ jsx(Menu.RadioItemIndicator, { children: /* @__PURE__ */ jsx(HugeiconsIcon, {
-				icon: Tick02Icon,
-				strokeWidth: 2
-			}) })
-		}), children]
-	});
-};
-
-//#endregion
-//#region src/ui/menubar/menubar-separator.tsx
-const MenubarSeparator = ({ className, ...props }) => /* @__PURE__ */ jsx(DropdownMenuSeparator, {
-	className: cn("-mx-1 my-1 h-px bg-border", className),
-	"data-slot": "menubar-separator",
-	...props
-});
-
-//#endregion
-//#region src/ui/menubar/menubar-shortcut.tsx
-const menubarShortcutVariants = tv({
-	base: "ml-auto text-muted-foreground group-focus/menubar-item:text-accent-foreground",
-	variants: { size: {
-		xs: "text-[10px] tracking-wide",
-		sm: "text-xs tracking-wider",
-		md: "text-xs tracking-widest",
-		lg: "text-xs tracking-widest",
-		xl: "text-sm tracking-wide"
-	} },
-	defaultVariants: { size: "md" }
-});
-const MenubarShortcut = ({ className, size, ...props }) => {
-	const { size: rootSize } = useContext(MenubarContext);
-	const { size: overlaySize } = useContext(MenubarOverlayContext);
-	const resolvedSize = size ?? overlaySize ?? rootSize ?? "md";
-	return /* @__PURE__ */ jsx(DropdownMenuShortcut, {
-		className: cn(menubarShortcutVariants({ size: resolvedSize }), className),
-		"data-size": resolvedSize,
-		"data-slot": "menubar-shortcut",
-		size: resolvedSize,
-		...props
-	});
-};
-
-//#endregion
-//#region src/ui/menubar/menubar-sub.tsx
-const MenubarSub = ({ ...props }) => /* @__PURE__ */ jsx(DropdownMenuSub, {
-	"data-slot": "menubar-sub",
-	...props
-});
-
-//#endregion
-//#region src/ui/menubar/menubar-sub-content.tsx
-const menubarSubContentVariants = tv({
-	base: "shadow-lg",
-	variants: { size: {
-		xs: "min-w-28 rounded-[min(var(--radius-lg),10px)]",
-		sm: "min-w-32 rounded-[min(var(--radius-lg),12px)]",
-		md: "min-w-32 rounded-lg",
-		lg: "min-w-36 rounded-lg",
-		xl: "min-w-40 rounded-xl"
-	} },
-	defaultVariants: { size: "md" }
-});
-const MenubarSubContent = ({ className, size, ...props }) => {
-	const { size: rootSize } = useContext(MenubarContext);
-	const { size: overlaySize } = useContext(MenubarOverlayContext);
-	const resolvedSize = size ?? overlaySize ?? rootSize ?? "md";
-	return /* @__PURE__ */ jsx(DropdownMenuSubContent, {
-		className: cn(menubarSubContentVariants({ size: resolvedSize }), className),
-		"data-size": resolvedSize,
-		"data-slot": "menubar-sub-content",
-		size: resolvedSize,
-		...props
-	});
-};
-
-//#endregion
-//#region src/ui/menubar/menubar-sub-trigger.tsx
-const menubarSubTriggerVariants = tv({
-	variants: { size: {
-		xs: "text-xs",
-		sm: "text-sm",
-		md: "text-sm",
-		lg: "text-sm",
-		xl: "text-base"
-	} },
-	defaultVariants: { size: "md" }
-});
-const MenubarSubTrigger = ({ className, inset, size, ...props }) => {
-	const { size: rootSize } = useContext(MenubarContext);
-	const { size: overlaySize } = useContext(MenubarOverlayContext);
-	const resolvedSize = size ?? overlaySize ?? rootSize ?? "md";
-	return /* @__PURE__ */ jsx(DropdownMenuSubTrigger, {
-		className: cn(menubarSubTriggerVariants({ size: resolvedSize }), className),
-		"data-inset": inset,
-		"data-size": resolvedSize,
-		"data-slot": "menubar-sub-trigger",
-		size: resolvedSize,
-		...props
-	});
-};
-
-//#endregion
-//#region src/ui/menubar/menubar-trigger.tsx
-const menubarTriggerVariants = tv({
-	base: "flex cursor-pointer items-center font-medium outline-hidden select-none hover:bg-muted aria-expanded:bg-muted",
-	variants: { size: {
-		xs: "h-5 rounded-[min(var(--radius-md),8px)] px-1.5 text-xs",
-		sm: "h-6 rounded-[min(var(--radius-md),10px)] px-1.5 text-xs",
-		md: "h-7 rounded-sm px-1.5 text-sm",
-		lg: "h-8 rounded-md px-2 text-sm",
-		xl: "h-9 rounded-md px-2.5 text-base"
-	} },
-	defaultVariants: { size: "md" }
-});
-const MenubarTrigger = ({ className, size, ...props }) => {
-	const { size: rootSize } = useContext(MenubarContext);
-	const resolvedSize = size ?? rootSize ?? "md";
-	return /* @__PURE__ */ jsx(DropdownMenuTrigger, {
-		className: cn(menubarTriggerVariants({ size: resolvedSize }), className),
-		"data-size": resolvedSize,
-		"data-slot": "menubar-trigger",
-		...props
-	});
-};
-
-//#endregion
-export { MenubarPopup as _, MenubarShortcut as a, MenubarBackdrop as b, MenubarRadioGroup as c, MenubarLabel as d, MenubarItem as f, MenubarPortal as g, MenubarPositioner as h, MenubarSub as i, MenubarMenu as l, MenubarContent as m, MenubarSubTrigger as n, MenubarSeparator as o, MenubarGroup as p, MenubarSubContent as r, MenubarRadioItem as s, MenubarTrigger as t, MenubarLinkItem as u, MenubarCheckboxItem as v, MenubarArrow as x, MenubarContext as y };
-//# sourceMappingURL=menubar-trigger-BSEAK4Hv.js.map

package/dist/menubar-trigger-BSEAK4Hv.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"menubar-trigger-BSEAK4Hv.js","names":["MenuPrimitive","MenuPrimitive","MenuPrimitive","MenuPrimitive"],"sources":["../src/ui/menubar/menubar-arrow.tsx","../src/ui/menubar/menubar-backdrop.tsx","../src/ui/menubar/menubar-context.tsx","../src/ui/menubar/menubar-overlay-context.tsx","../src/ui/menubar/menubar-checkbox-item.tsx","../src/ui/menubar/menubar-popup.tsx","../src/ui/menubar/menubar-portal.tsx","../src/ui/menubar/menubar-positioner.tsx","../src/ui/menubar/menubar-content.tsx","../src/ui/menubar/menubar-group.tsx","../src/ui/menubar/menubar-item.tsx","../src/ui/menubar/menubar-label.tsx","../src/ui/menubar/menubar-link-item.tsx","../src/ui/menubar/menubar-menu.tsx","../src/ui/menubar/menubar-radio-group.tsx","../src/ui/menubar/menubar-radio-item.tsx","../src/ui/menubar/menubar-separator.tsx","../src/ui/menubar/menubar-shortcut.tsx","../src/ui/menubar/menubar-sub.tsx","../src/ui/menubar/menubar-sub-content.tsx","../src/ui/menubar/menubar-sub-trigger.tsx","../src/ui/menubar/menubar-trigger.tsx"],"sourcesContent":["import type { ComponentProps } from \"react\";\n\nimport { DropdownMenuArrow } from \"../dropdown-menu/dropdown-menu\";\nexport type MenubarArrowProps = ComponentProps<typeof DropdownMenuArrow>;\n\nconst MenubarArrow = ({ ...props }: MenubarArrowProps) => (\n  <DropdownMenuArrow data-slot=\"menubar-arrow\" {...props} />\n);\n\nexport { MenubarArrow };\n","import type { ComponentProps } from \"react\";\n\nimport { DropdownMenuBackdrop } from \"../dropdown-menu/dropdown-menu\";\nexport type MenubarBackdropProps = ComponentProps<typeof DropdownMenuBackdrop>;\n\nconst MenubarBackdrop = ({ ...props }: MenubarBackdropProps) => (\n  <DropdownMenuBackdrop data-slot=\"menubar-backdrop\" {...props} />\n);\n\nexport { MenubarBackdrop };\n","import { createContext } from \"react\";\n\nimport type { InputSize } from \"../input/input\";\n\nexport interface MenubarContextValue {\n  size?: InputSize;\n}\n\nconst MenubarContext = createContext<MenubarContextValue>({\n  size: \"md\",\n});\n\nexport { MenubarContext };\n","import { createContext } from \"react\";\n\nimport type { InputSize } from \"../input/input\";\n\nexport interface MenubarOverlayContextValue {\n  size?: InputSize;\n}\n\nconst MenubarOverlayContext = createContext<MenubarOverlayContextValue>({});\n\nexport { MenubarOverlayContext };\n","import { Menu as MenuPrimitive } from \"@base-ui/react/menu\";\nimport { Tick02Icon } from \"@hugeicons/core-free-icons\";\nimport { HugeiconsIcon } from \"@hugeicons/react\";\nimport { useContext } from \"react\";\nimport { cn, tv, type VariantProps } from \"tailwind-variants\";\n\nimport type { InputSize } from \"../input/input\";\n\nimport { MenubarContext } from \"./menubar-context\";\nimport { MenubarOverlayContext } from \"./menubar-overlay-context\";\n\nconst menubarCheckboxItemVariants = tv({\n  slots: {\n    indicator:\n      \"pointer-events-none absolute flex items-center justify-center [&_svg]:pointer-events-none [&_svg]:shrink-0\",\n    root: \"relative flex cursor-pointer items-center rounded-md outline-hidden select-none focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground data-disabled:pointer-events-none data-disabled:cursor-not-allowed data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0\",\n  },\n  variants: {\n    size: {\n      xs: {\n        indicator: \"left-1 size-3 [&_svg:not([class*='size-'])]:size-3\",\n        root: \"gap-1 rounded-[min(var(--radius-md),8px)] py-1 pr-1.5 pl-6 text-xs [&_svg:not([class*='size-'])]:size-3\",\n      },\n      sm: {\n        indicator: \"left-1 size-3.5 [&_svg:not([class*='size-'])]:size-3.5\",\n        root: \"gap-1.5 rounded-[min(var(--radius-md),10px)] py-1 pr-1.5 pl-6.5 text-sm [&_svg:not([class*='size-'])]:size-3.5\",\n      },\n      md: {\n        indicator: \"left-1.5 size-4 [&_svg:not([class*='size-'])]:size-4\",\n        root: \"gap-1.5 py-1 pr-1.5 pl-7 text-sm [&_svg:not([class*='size-'])]:size-4\",\n      },\n      lg: {\n        indicator: \"left-2 size-4 [&_svg:not([class*='size-'])]:size-4\",\n        root: \"gap-2 py-1.5 pr-2 pl-8 text-sm [&_svg:not([class*='size-'])]:size-4\",\n      },\n      xl: {\n        indicator: \"left-2.5 size-5 [&_svg:not([class*='size-'])]:size-5\",\n        root: \"gap-2.5 py-2 pr-2.5 pl-9 text-base [&_svg:not([class*='size-'])]:size-5\",\n      },\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n});\n\nexport type MenubarCheckboxItemProps = MenuPrimitive.CheckboxItem.Props &\n  VariantProps<typeof menubarCheckboxItemVariants>;\n\nconst MenubarCheckboxItem = ({\n  className,\n  children,\n  checked,\n  size,\n  ...props\n}: MenubarCheckboxItemProps) => {\n  const { size: rootSize } = useContext(MenubarContext);\n  const { size: overlaySize } = useContext(MenubarOverlayContext);\n  const resolvedSize: InputSize = size ?? overlaySize ?? rootSize ?? \"md\";\n  const { indicator, root } = menubarCheckboxItemVariants({\n    size: resolvedSize,\n  });\n\n  return (\n    <MenuPrimitive.CheckboxItem\n      checked={checked}\n      className={cn(root(), className)}\n      data-size={resolvedSize}\n      data-slot=\"menubar-checkbox-item\"\n      {...props}\n    >\n      <span className={indicator()}>\n        <MenuPrimitive.CheckboxItemIndicator>\n          <HugeiconsIcon icon={Tick02Icon} strokeWidth={2} />\n        </MenuPrimitive.CheckboxItemIndicator>\n      </span>\n      {children}\n    </MenuPrimitive.CheckboxItem>\n  );\n};\n\nexport { MenubarCheckboxItem };\n","import type { ComponentProps } from \"react\";\n\nimport { useContext } from \"react\";\nimport { cn, tv, type VariantProps } from \"tailwind-variants\";\n\nimport type { InputSize } from \"../input/input\";\n\nimport { DropdownMenuPopup } from \"../dropdown-menu/dropdown-menu\";\nimport { MenubarContext } from \"./menubar-context\";\nimport { MenubarOverlayContext } from \"./menubar-overlay-context\";\n\nconst menubarPopupVariants = tv({\n  base: \"bg-popover text-popover-foreground shadow-md ring-1 ring-foreground/10 duration-100 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2\",\n  variants: {\n    size: {\n      xs: \"min-w-28 rounded-[min(var(--radius-lg),10px)]\",\n      sm: \"min-w-32 rounded-[min(var(--radius-lg),12px)]\",\n      md: \"min-w-36 rounded-lg\",\n      lg: \"min-w-40 rounded-lg\",\n      xl: \"min-w-44 rounded-xl\",\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n});\n\nexport type MenubarPopupProps = ComponentProps<typeof DropdownMenuPopup> &\n  VariantProps<typeof menubarPopupVariants> & {\n    size?: InputSize;\n  };\n\nconst MenubarPopup = ({ className, size, ...props }: MenubarPopupProps) => {\n  const { size: rootSize } = useContext(MenubarContext);\n  const { size: overlaySize } = useContext(MenubarOverlayContext);\n  const resolvedSize: InputSize = size ?? overlaySize ?? rootSize ?? \"md\";\n\n  return (\n    <DropdownMenuPopup\n      className={cn(menubarPopupVariants({ size: resolvedSize }), className)}\n      data-size={resolvedSize}\n      data-slot=\"menubar-popup\"\n      size={resolvedSize}\n      {...props}\n    />\n  );\n};\n\nexport { MenubarPopup };\n","import type { ComponentProps } from \"react\";\n\nimport { DropdownMenuPortal } from \"../dropdown-menu/dropdown-menu\";\nexport type MenubarPortalProps = ComponentProps<typeof DropdownMenuPortal>;\n\nconst MenubarPortal = ({ ...props }: MenubarPortalProps) => (\n  <DropdownMenuPortal data-slot=\"menubar-portal\" {...props} />\n);\n\nexport { MenubarPortal };\n","import type { ComponentProps } from \"react\";\n\nimport { cn } from \"tailwind-variants\";\n\nimport { DropdownMenuPositioner } from \"../dropdown-menu/dropdown-menu\";\nexport type MenubarPositionerProps = ComponentProps<\n  typeof DropdownMenuPositioner\n>;\n\nconst MenubarPositioner = ({ className, ...props }: MenubarPositionerProps) => (\n  <DropdownMenuPositioner\n    className={cn(className)}\n    data-slot=\"menubar-positioner\"\n    {...props}\n  />\n);\n\nexport { MenubarPositioner };\n","import type { Menu as MenuPrimitive } from \"@base-ui/react/menu\";\nimport type { ComponentProps } from \"react\";\n\nimport { useContext } from \"react\";\n\nimport type { InputSize } from \"../input/input\";\n\nimport { MenubarContext } from \"./menubar-context\";\nimport { MenubarOverlayContext } from \"./menubar-overlay-context\";\nimport { MenubarPopup } from \"./menubar-popup\";\nimport { MenubarPortal } from \"./menubar-portal\";\nimport { MenubarPositioner } from \"./menubar-positioner\";\nexport type MenubarContentProps = ComponentProps<typeof MenubarPopup> &\n  Pick<\n    MenuPrimitive.Positioner.Props,\n    \"align\" | \"alignOffset\" | \"side\" | \"sideOffset\"\n  > & {\n    size?: InputSize;\n  };\n\nconst MenubarContent = ({\n  className,\n  align = \"start\",\n  alignOffset = -4,\n  side = \"bottom\",\n  sideOffset = 8,\n  size,\n  ...props\n}: MenubarContentProps) => {\n  const { size: rootSize } = useContext(MenubarContext);\n  const resolvedSize = size ?? rootSize ?? \"md\";\n\n  return (\n    <MenubarOverlayContext.Provider value={{ size: resolvedSize }}>\n      <MenubarPortal>\n        <MenubarPositioner\n          align={align}\n          alignOffset={alignOffset}\n          side={side}\n          sideOffset={sideOffset}\n        >\n          <MenubarPopup\n            className={className}\n            data-size={resolvedSize}\n            data-slot=\"menubar-content\"\n            size={resolvedSize}\n            {...props}\n          />\n        </MenubarPositioner>\n      </MenubarPortal>\n    </MenubarOverlayContext.Provider>\n  );\n};\n\nexport { MenubarContent };\n","import type { ComponentProps } from \"react\";\n\nimport { DropdownMenuGroup } from \"../dropdown-menu/dropdown-menu\";\nexport type MenubarGroupProps = ComponentProps<typeof DropdownMenuGroup>;\n\nconst MenubarGroup = ({ ...props }: MenubarGroupProps) => (\n  <DropdownMenuGroup data-slot=\"menubar-group\" {...props} />\n);\n\nexport { MenubarGroup };\n","import { Menu as MenuPrimitive } from \"@base-ui/react/menu\";\nimport { useContext } from \"react\";\nimport { tv, type VariantProps } from \"tailwind-variants\";\n\nimport type { InputSize } from \"../input/input\";\n\nimport { mergeBaseUIClassName } from \"../../utils/merge-base-ui-class-name\";\nimport { dropdownMenuItemVariants } from \"../dropdown-menu/dropdown-menu-item\";\nimport { MenubarContext } from \"./menubar-context\";\nimport { MenubarOverlayContext } from \"./menubar-overlay-context\";\n\nconst menubarItemVariants = tv({\n  base: \"group/menubar-item focus:bg-accent focus:text-accent-foreground data-[disabled]:opacity-50\",\n  extend: dropdownMenuItemVariants,\n  variants: {\n    variant: {\n      danger: \"*:[svg]:!text-danger-foreground\",\n      default: \"focus:**:text-accent-foreground\",\n    },\n  },\n});\n\nexport type MenubarItemProps = MenuPrimitive.Item.Props &\n  VariantProps<typeof menubarItemVariants>;\n\nconst MenubarItem = ({\n  className,\n  inset,\n  size,\n  variant = \"default\",\n  ...props\n}: MenubarItemProps) => {\n  const { size: rootSize } = useContext(MenubarContext);\n  const { size: overlaySize } = useContext(MenubarOverlayContext);\n  const resolvedSize: InputSize = size ?? overlaySize ?? rootSize ?? \"md\";\n\n  return (\n    <MenuPrimitive.Item\n      className={mergeBaseUIClassName<MenuPrimitive.Item.State>(\n        menubarItemVariants({\n          inset: Boolean(inset),\n          size: resolvedSize,\n          variant,\n        }),\n        className\n      )}\n      data-inset={inset}\n      data-size={resolvedSize}\n      data-slot=\"menubar-item\"\n      data-variant={variant}\n      {...props}\n    />\n  );\n};\n\nexport { MenubarItem };\n","import type { ComponentProps } from \"react\";\n\nimport { useContext } from \"react\";\nimport { cn, tv, type VariantProps } from \"tailwind-variants\";\n\nimport type { InputSize } from \"../input/input\";\n\nimport { DropdownMenuLabel } from \"../dropdown-menu/dropdown-menu\";\nimport { MenubarContext } from \"./menubar-context\";\nimport { MenubarOverlayContext } from \"./menubar-overlay-context\";\n\nconst menubarLabelVariants = tv({\n  base: \"font-medium data-[inset]:pl-8\",\n  variants: {\n    size: {\n      xs: \"px-1.5 py-1 text-xs\",\n      sm: \"px-1.5 py-1 text-xs\",\n      md: \"px-1.5 py-1 text-sm\",\n      lg: \"px-2 py-1.5 text-sm\",\n      xl: \"px-2.5 py-1.5 text-base\",\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n});\n\nexport type MenubarLabelProps = ComponentProps<typeof DropdownMenuLabel> &\n  VariantProps<typeof menubarLabelVariants> & {\n    size?: InputSize;\n  };\n\nconst MenubarLabel = ({\n  className,\n  inset,\n  size,\n  ...props\n}: MenubarLabelProps) => {\n  const { size: rootSize } = useContext(MenubarContext);\n  const { size: overlaySize } = useContext(MenubarOverlayContext);\n  const resolvedSize: InputSize = size ?? overlaySize ?? rootSize ?? \"md\";\n\n  return (\n    <DropdownMenuLabel\n      className={cn(menubarLabelVariants({ size: resolvedSize }), className)}\n      data-inset={inset}\n      data-size={resolvedSize}\n      data-slot=\"menubar-label\"\n      size={resolvedSize}\n      {...props}\n    />\n  );\n};\n\nexport { MenubarLabel };\n","import { Menu as MenuPrimitive } from \"@base-ui/react/menu\";\nimport { useContext } from \"react\";\nimport { tv, type VariantProps } from \"tailwind-variants\";\n\nimport type { InputSize } from \"../input/input\";\n\nimport { mergeBaseUIClassName } from \"../../utils/merge-base-ui-class-name\";\nimport { dropdownMenuLinkItemVariants } from \"../dropdown-menu/dropdown-menu-link-item\";\nimport { MenubarContext } from \"./menubar-context\";\nimport { MenubarOverlayContext } from \"./menubar-overlay-context\";\n\nconst menubarLinkItemVariants = tv({\n  base: \"group/menubar-link-item focus:bg-accent focus:text-accent-foreground data-[disabled]:opacity-50\",\n  extend: dropdownMenuLinkItemVariants,\n  variants: {\n    variant: {\n      danger: \"*:[svg]:!text-danger-foreground\",\n      default: \"focus:**:text-accent-foreground\",\n    },\n  },\n});\n\nexport type MenubarLinkItemProps = MenuPrimitive.LinkItem.Props &\n  VariantProps<typeof menubarLinkItemVariants>;\n\nconst MenubarLinkItem = ({\n  className,\n  inset,\n  size,\n  variant = \"default\",\n  ...props\n}: MenubarLinkItemProps) => {\n  const { size: rootSize } = useContext(MenubarContext);\n  const { size: overlaySize } = useContext(MenubarOverlayContext);\n  const resolvedSize: InputSize = size ?? overlaySize ?? rootSize ?? \"md\";\n\n  return (\n    <MenuPrimitive.LinkItem\n      className={mergeBaseUIClassName<MenuPrimitive.LinkItem.State>(\n        menubarLinkItemVariants({\n          inset: Boolean(inset),\n          size: resolvedSize,\n          variant,\n        }),\n        className\n      )}\n      data-inset={inset}\n      data-size={resolvedSize}\n      data-slot=\"menubar-link-item\"\n      data-variant={variant}\n      {...props}\n    />\n  );\n};\n\nexport { MenubarLinkItem };\n","import type { ComponentProps } from \"react\";\n\nimport { useContext } from \"react\";\n\nimport { DropdownMenu } from \"../dropdown-menu/dropdown-menu\";\nimport { MenubarContext } from \"./menubar-context\";\nexport type MenubarMenuProps = ComponentProps<typeof DropdownMenu>;\n\nconst MenubarMenu = ({ size, ...props }: MenubarMenuProps) => {\n  const { size: rootSize } = useContext(MenubarContext);\n  const resolvedSize = size ?? rootSize ?? \"md\";\n\n  return (\n    <DropdownMenu data-slot=\"menubar-menu\" size={resolvedSize} {...props} />\n  );\n};\n\nexport { MenubarMenu };\n","import type { ComponentProps } from \"react\";\n\nimport { DropdownMenuRadioGroup } from \"../dropdown-menu/dropdown-menu\";\nexport type MenubarRadioGroupProps = ComponentProps<\n  typeof DropdownMenuRadioGroup\n>;\n\nconst MenubarRadioGroup = ({ ...props }: MenubarRadioGroupProps) => (\n  <DropdownMenuRadioGroup data-slot=\"menubar-radio-group\" {...props} />\n);\n\nexport { MenubarRadioGroup };\n","import { Menu as MenuPrimitive } from \"@base-ui/react/menu\";\nimport { Tick02Icon } from \"@hugeicons/core-free-icons\";\nimport { HugeiconsIcon } from \"@hugeicons/react\";\nimport { useContext } from \"react\";\nimport { cn, tv, type VariantProps } from \"tailwind-variants\";\n\nimport type { InputSize } from \"../input/input\";\n\nimport { MenubarContext } from \"./menubar-context\";\nimport { MenubarOverlayContext } from \"./menubar-overlay-context\";\n\nconst menubarRadioItemVariants = tv({\n  slots: {\n    indicator:\n      \"pointer-events-none absolute flex items-center justify-center [&_svg]:pointer-events-none [&_svg]:shrink-0\",\n    root: \"relative flex cursor-pointer items-center rounded-md outline-hidden select-none focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground data-disabled:pointer-events-none data-disabled:cursor-not-allowed data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0\",\n  },\n  variants: {\n    size: {\n      xs: {\n        indicator: \"left-1 size-3 [&_svg:not([class*='size-'])]:size-3\",\n        root: \"gap-1 rounded-[min(var(--radius-md),8px)] py-1 pr-1.5 pl-6 text-xs [&_svg:not([class*='size-'])]:size-3\",\n      },\n      sm: {\n        indicator: \"left-1 size-3.5 [&_svg:not([class*='size-'])]:size-3.5\",\n        root: \"gap-1.5 rounded-[min(var(--radius-md),10px)] py-1 pr-1.5 pl-6.5 text-sm [&_svg:not([class*='size-'])]:size-3.5\",\n      },\n      md: {\n        indicator: \"left-1.5 size-4 [&_svg:not([class*='size-'])]:size-4\",\n        root: \"gap-1.5 py-1 pr-1.5 pl-7 text-sm [&_svg:not([class*='size-'])]:size-4\",\n      },\n      lg: {\n        indicator: \"left-2 size-4 [&_svg:not([class*='size-'])]:size-4\",\n        root: \"gap-2 py-1.5 pr-2 pl-8 text-sm [&_svg:not([class*='size-'])]:size-4\",\n      },\n      xl: {\n        indicator: \"left-2.5 size-5 [&_svg:not([class*='size-'])]:size-5\",\n        root: \"gap-2.5 py-2 pr-2.5 pl-9 text-base [&_svg:not([class*='size-'])]:size-5\",\n      },\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n});\n\nexport type MenubarRadioItemProps = MenuPrimitive.RadioItem.Props &\n  VariantProps<typeof menubarRadioItemVariants>;\n\nconst MenubarRadioItem = ({\n  className,\n  children,\n  size,\n  ...props\n}: MenubarRadioItemProps) => {\n  const { size: rootSize } = useContext(MenubarContext);\n  const { size: overlaySize } = useContext(MenubarOverlayContext);\n  const resolvedSize: InputSize = size ?? overlaySize ?? rootSize ?? \"md\";\n  const { indicator, root } = menubarRadioItemVariants({\n    size: resolvedSize,\n  });\n\n  return (\n    <MenuPrimitive.RadioItem\n      className={cn(root(), className)}\n      data-size={resolvedSize}\n      data-slot=\"menubar-radio-item\"\n      {...props}\n    >\n      <span className={indicator()}>\n        <MenuPrimitive.RadioItemIndicator>\n          <HugeiconsIcon icon={Tick02Icon} strokeWidth={2} />\n        </MenuPrimitive.RadioItemIndicator>\n      </span>\n      {children}\n    </MenuPrimitive.RadioItem>\n  );\n};\n\nexport { MenubarRadioItem };\n","import type { ComponentProps } from \"react\";\n\nimport { cn } from \"tailwind-variants\";\n\nimport { DropdownMenuSeparator } from \"../dropdown-menu/dropdown-menu\";\nexport type MenubarSeparatorProps = ComponentProps<\n  typeof DropdownMenuSeparator\n>;\n\nconst MenubarSeparator = ({ className, ...props }: MenubarSeparatorProps) => (\n  <DropdownMenuSeparator\n    className={cn(\"-mx-1 my-1 h-px bg-border\", className)}\n    data-slot=\"menubar-separator\"\n    {...props}\n  />\n);\n\nexport { MenubarSeparator };\n","import type { ComponentProps } from \"react\";\n\nimport { useContext } from \"react\";\nimport { cn, tv, type VariantProps } from \"tailwind-variants\";\n\nimport type { InputSize } from \"../input/input\";\n\nimport { DropdownMenuShortcut } from \"../dropdown-menu/dropdown-menu\";\nimport { MenubarContext } from \"./menubar-context\";\nimport { MenubarOverlayContext } from \"./menubar-overlay-context\";\n\nconst menubarShortcutVariants = tv({\n  base: \"ml-auto text-muted-foreground group-focus/menubar-item:text-accent-foreground\",\n  variants: {\n    size: {\n      xs: \"text-[10px] tracking-wide\",\n      sm: \"text-xs tracking-wider\",\n      md: \"text-xs tracking-widest\",\n      lg: \"text-xs tracking-widest\",\n      xl: \"text-sm tracking-wide\",\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n});\n\nexport type MenubarShortcutProps = ComponentProps<typeof DropdownMenuShortcut> &\n  VariantProps<typeof menubarShortcutVariants> & {\n    size?: InputSize;\n  };\n\nconst MenubarShortcut = ({\n  className,\n  size,\n  ...props\n}: MenubarShortcutProps) => {\n  const { size: rootSize } = useContext(MenubarContext);\n  const { size: overlaySize } = useContext(MenubarOverlayContext);\n  const resolvedSize: InputSize = size ?? overlaySize ?? rootSize ?? \"md\";\n\n  return (\n    <DropdownMenuShortcut\n      className={cn(menubarShortcutVariants({ size: resolvedSize }), className)}\n      data-size={resolvedSize}\n      data-slot=\"menubar-shortcut\"\n      size={resolvedSize}\n      {...props}\n    />\n  );\n};\n\nexport { MenubarShortcut };\n","import type { ComponentProps } from \"react\";\n\nimport { DropdownMenuSub } from \"../dropdown-menu/dropdown-menu\";\nexport type MenubarSubProps = ComponentProps<typeof DropdownMenuSub>;\n\nconst MenubarSub = ({ ...props }: MenubarSubProps) => (\n  <DropdownMenuSub data-slot=\"menubar-sub\" {...props} />\n);\n\nexport { MenubarSub };\n","import type { ComponentProps } from \"react\";\n\nimport { useContext } from \"react\";\nimport { cn, tv, type VariantProps } from \"tailwind-variants\";\n\nimport type { InputSize } from \"../input/input\";\n\nimport { DropdownMenuSubContent } from \"../dropdown-menu/dropdown-menu\";\nimport { MenubarContext } from \"./menubar-context\";\nimport { MenubarOverlayContext } from \"./menubar-overlay-context\";\n\nconst menubarSubContentVariants = tv({\n  base: \"shadow-lg\",\n  variants: {\n    size: {\n      xs: \"min-w-28 rounded-[min(var(--radius-lg),10px)]\",\n      sm: \"min-w-32 rounded-[min(var(--radius-lg),12px)]\",\n      md: \"min-w-32 rounded-lg\",\n      lg: \"min-w-36 rounded-lg\",\n      xl: \"min-w-40 rounded-xl\",\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n});\n\nexport type MenubarSubContentProps = ComponentProps<\n  typeof DropdownMenuSubContent\n> &\n  VariantProps<typeof menubarSubContentVariants> & {\n    size?: InputSize;\n  };\n\nconst MenubarSubContent = ({\n  className,\n  size,\n  ...props\n}: MenubarSubContentProps) => {\n  const { size: rootSize } = useContext(MenubarContext);\n  const { size: overlaySize } = useContext(MenubarOverlayContext);\n  const resolvedSize: InputSize = size ?? overlaySize ?? rootSize ?? \"md\";\n\n  return (\n    <DropdownMenuSubContent\n      className={cn(\n        menubarSubContentVariants({ size: resolvedSize }),\n        className\n      )}\n      data-size={resolvedSize}\n      data-slot=\"menubar-sub-content\"\n      size={resolvedSize}\n      {...props}\n    />\n  );\n};\n\nexport { MenubarSubContent };\n","import type { ComponentProps } from \"react\";\n\nimport { useContext } from \"react\";\nimport { cn, tv, type VariantProps } from \"tailwind-variants\";\n\nimport type { InputSize } from \"../input/input\";\n\nimport { DropdownMenuSubTrigger } from \"../dropdown-menu/dropdown-menu\";\nimport { MenubarContext } from \"./menubar-context\";\nimport { MenubarOverlayContext } from \"./menubar-overlay-context\";\n\nconst menubarSubTriggerVariants = tv({\n  variants: {\n    size: {\n      xs: \"text-xs\",\n      sm: \"text-sm\",\n      md: \"text-sm\",\n      lg: \"text-sm\",\n      xl: \"text-base\",\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n});\n\nexport type MenubarSubTriggerProps = ComponentProps<\n  typeof DropdownMenuSubTrigger\n> & {\n  inset?: boolean;\n} & VariantProps<typeof menubarSubTriggerVariants> & {\n    size?: InputSize;\n  };\n\nconst MenubarSubTrigger = ({\n  className,\n  inset,\n  size,\n  ...props\n}: MenubarSubTriggerProps) => {\n  const { size: rootSize } = useContext(MenubarContext);\n  const { size: overlaySize } = useContext(MenubarOverlayContext);\n  const resolvedSize: InputSize = size ?? overlaySize ?? rootSize ?? \"md\";\n\n  return (\n    <DropdownMenuSubTrigger\n      className={cn(\n        menubarSubTriggerVariants({ size: resolvedSize }),\n        className\n      )}\n      data-inset={inset}\n      data-size={resolvedSize}\n      data-slot=\"menubar-sub-trigger\"\n      size={resolvedSize}\n      {...props}\n    />\n  );\n};\n\nexport { MenubarSubTrigger };\n","import type { ComponentProps } from \"react\";\n\nimport { useContext } from \"react\";\nimport { cn, tv, type VariantProps } from \"tailwind-variants\";\n\nimport type { InputSize } from \"../input/input\";\n\nimport { DropdownMenuTrigger } from \"../dropdown-menu/dropdown-menu\";\nimport { MenubarContext } from \"./menubar-context\";\n\nconst menubarTriggerVariants = tv({\n  base: \"flex cursor-pointer items-center font-medium outline-hidden select-none hover:bg-muted aria-expanded:bg-muted\",\n  variants: {\n    size: {\n      xs: \"h-5 rounded-[min(var(--radius-md),8px)] px-1.5 text-xs\",\n      sm: \"h-6 rounded-[min(var(--radius-md),10px)] px-1.5 text-xs\",\n      md: \"h-7 rounded-sm px-1.5 text-sm\",\n      lg: \"h-8 rounded-md px-2 text-sm\",\n      xl: \"h-9 rounded-md px-2.5 text-base\",\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n});\n\nexport type MenubarTriggerProps = ComponentProps<typeof DropdownMenuTrigger> &\n  VariantProps<typeof menubarTriggerVariants> & {\n    size?: InputSize;\n  };\n\nconst MenubarTrigger = ({ className, size, ...props }: MenubarTriggerProps) => {\n  const { size: rootSize } = useContext(MenubarContext);\n  const resolvedSize: InputSize = size ?? rootSize ?? \"md\";\n\n  return (\n    <DropdownMenuTrigger\n      className={cn(menubarTriggerVariants({ size: resolvedSize }), className)}\n      data-size={resolvedSize}\n      data-slot=\"menubar-trigger\"\n      {...props}\n    />\n  );\n};\n\nexport { MenubarTrigger };\n"],"mappings":"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"}