@kuzenbo/core 0.0.4 → 0.0.6

package/dist/ui/menubar.js

@@ -2,9 +2,8 @@
 
 import { a as useComponentSize } from "../size-provider-18EvJgDT.js";
 import { t as mergeBaseUIClassName } from "../merge-base-ui-class-name-HKsgjcXj.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-COnFGfDa.js";
-import { DropdownMenu } from "./dropdown-menu.js";
-import { createContext, useContext } from "react";
+import { S as DropdownMenuArrow, _ as DropdownMenuPositioner, a as DropdownMenuSub, d as dropdownMenuLinkItemVariants, f as DropdownMenuLabel, h as DropdownMenuGroup, i as DropdownMenuSubContent, l as DropdownMenuRadioGroup, m as dropdownMenuItemVariants, n as DropdownMenuTrigger, o as DropdownMenuShortcut, r as DropdownMenuSubTrigger, s as DropdownMenuSeparator, t as DropdownMenu, v as DropdownMenuPortal, x as DropdownMenuBackdrop, y as DropdownMenuPopup } from "../dropdown-menu-DOVY76ue.js";
+import { createContext, useContext, useMemo } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { cn, tv } from "tailwind-variants";
 import { Tick02Icon } from "@hugeicons/core-free-icons";
@@ -36,33 +35,33 @@ const MenubarOverlayContext = createContext({});
 //#endregion
 //#region src/ui/menubar/menubar-checkbox-item.tsx
 const menubarCheckboxItemVariants = tv({
+	defaultVariants: { size: "md" },
 	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"
+		root: "cursor-clickable focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground relative flex items-center rounded-md outline-hidden select-none 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"
+		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"
 		},
 		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"
+		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"
 		},
 		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"
+		},
+		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"
 		}
-	} },
-	defaultVariants: { size: "md" }
+	} }
 });
 const MenubarCheckboxItem = ({ className, children, checked, size, ...props }) => {
 	const { size: rootSize } = useContext(MenubarContext);
@@ -88,15 +87,15 @@ const MenubarCheckboxItem = ({ className, children, checked, size, ...props }) =
 //#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",
+	base: "bg-popover text-popover-foreground ring-foreground/10 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 shadow-md ring-1 duration-100",
+	defaultVariants: { size: "md" },
 	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" }
+		md: "min-w-36 rounded-lg",
+		sm: "min-w-32 rounded-[min(var(--radius-lg),12px)]",
+		xl: "min-w-44 rounded-xl",
+		xs: "min-w-28 rounded-[min(var(--radius-lg),10px)]"
+	} }
 });
 const MenubarPopup = ({ className, size, ...props }) => {
 	const { size: rootSize } = useContext(MenubarContext);
@@ -131,8 +130,9 @@ const MenubarPositioner = ({ className, ...props }) => /* @__PURE__ */ jsx(Dropd
 const MenubarContent = ({ className, align = "start", alignOffset = -4, side = "bottom", sideOffset = 8, size, ...props }) => {
 	const { size: rootSize } = useContext(MenubarContext);
 	const resolvedSize = size ?? rootSize ?? "md";
+	const contextValue = useMemo(() => ({ size: resolvedSize }), [resolvedSize]);
 	return /* @__PURE__ */ jsx(MenubarOverlayContext.Provider, {
-		value: { size: resolvedSize },
+		value: contextValue,
 		children: /* @__PURE__ */ jsx(MenubarPortal, { children: /* @__PURE__ */ jsx(MenubarPositioner, {
 			align,
 			alignOffset,
@@ -159,7 +159,7 @@ const MenubarGroup = ({ ...props }) => /* @__PURE__ */ jsx(DropdownMenuGroup, {
 //#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",
+	base: "group/menubar-item cursor-clickable focus:bg-accent focus:text-accent-foreground data-[disabled]:opacity-50",
 	extend: dropdownMenuItemVariants,
 	variants: { variant: {
 		danger: "*:[svg]:!text-danger-foreground",
@@ -188,14 +188,14 @@ const MenubarItem = ({ className, inset, size, variant = "default", ...props })
 //#region src/ui/menubar/menubar-label.tsx
 const menubarLabelVariants = tv({
 	base: "font-medium data-[inset]:pl-8",
+	defaultVariants: { size: "md" },
 	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" }
+		md: "px-1.5 py-1 text-sm",
+		sm: "px-1.5 py-1 text-xs",
+		xl: "px-2.5 py-1.5 text-base",
+		xs: "px-1.5 py-1 text-xs"
+	} }
 });
 const MenubarLabel = ({ className, inset, size, ...props }) => {
 	const { size: rootSize } = useContext(MenubarContext);
@@ -214,7 +214,7 @@ const MenubarLabel = ({ className, inset, size, ...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",
+	base: "group/menubar-link-item cursor-clickable focus:bg-accent focus:text-accent-foreground data-[disabled]:opacity-50",
 	extend: dropdownMenuLinkItemVariants,
 	variants: { variant: {
 		danger: "*:[svg]:!text-danger-foreground",
@@ -261,33 +261,33 @@ const MenubarRadioGroup = ({ ...props }) => /* @__PURE__ */ jsx(DropdownMenuRadi
 //#endregion
 //#region src/ui/menubar/menubar-radio-item.tsx
 const menubarRadioItemVariants = tv({
+	defaultVariants: { size: "md" },
 	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"
+		root: "cursor-clickable focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground relative flex items-center rounded-md outline-hidden select-none 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"
+		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"
 		},
 		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"
+		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"
 		},
 		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"
+		},
+		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"
 		}
-	} },
-	defaultVariants: { size: "md" }
+	} }
 });
 const MenubarRadioItem = ({ className, children, size, ...props }) => {
 	const { size: rootSize } = useContext(MenubarContext);
@@ -312,7 +312,7 @@ const MenubarRadioItem = ({ className, children, size, ...props }) => {
 //#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),
+	className: cn("bg-border -mx-1 my-1 h-px", className),
 	"data-slot": "menubar-separator",
 	...props
 });
@@ -320,15 +320,15 @@ const MenubarSeparator = ({ className, ...props }) => /* @__PURE__ */ jsx(Dropdo
 //#endregion
 //#region src/ui/menubar/menubar-shortcut.tsx
 const menubarShortcutVariants = tv({
-	base: "ml-auto text-muted-foreground group-focus/menubar-item:text-accent-foreground",
+	base: "text-muted-foreground group-focus/menubar-item:text-accent-foreground ml-auto",
+	defaultVariants: { size: "md" },
 	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" }
+		md: "text-xs tracking-widest",
+		sm: "text-xs tracking-wider",
+		xl: "text-sm tracking-wide",
+		xs: "text-[10px] tracking-wide"
+	} }
 });
 const MenubarShortcut = ({ className, size, ...props }) => {
 	const { size: rootSize } = useContext(MenubarContext);
@@ -354,14 +354,14 @@ const MenubarSub = ({ ...props }) => /* @__PURE__ */ jsx(DropdownMenuSub, {
 //#region src/ui/menubar/menubar-sub-content.tsx
 const menubarSubContentVariants = tv({
 	base: "shadow-lg",
+	defaultVariants: { size: "md" },
 	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" }
+		md: "min-w-32 rounded-lg",
+		sm: "min-w-32 rounded-[min(var(--radius-lg),12px)]",
+		xl: "min-w-40 rounded-xl",
+		xs: "min-w-28 rounded-[min(var(--radius-lg),10px)]"
+	} }
 });
 const MenubarSubContent = ({ className, size, ...props }) => {
 	const { size: rootSize } = useContext(MenubarContext);
@@ -379,21 +379,21 @@ const MenubarSubContent = ({ className, size, ...props }) => {
 //#endregion
 //#region src/ui/menubar/menubar-sub-trigger.tsx
 const menubarSubTriggerVariants = tv({
+	defaultVariants: { size: "md" },
 	variants: { size: {
-		xs: "text-xs",
-		sm: "text-sm",
-		md: "text-sm",
 		lg: "text-sm",
-		xl: "text-base"
-	} },
-	defaultVariants: { size: "md" }
+		md: "text-sm",
+		sm: "text-sm",
+		xl: "text-base",
+		xs: "text-xs"
+	} }
 });
 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),
+		className: cn("cursor-clickable", menubarSubTriggerVariants({ size: resolvedSize }), className),
 		"data-inset": inset,
 		"data-size": resolvedSize,
 		"data-slot": "menubar-sub-trigger",
@@ -405,15 +405,15 @@ const MenubarSubTrigger = ({ className, inset, size, ...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",
+	base: "cursor-clickable hover:bg-muted aria-expanded:bg-muted flex items-center font-medium outline-hidden select-none",
+	defaultVariants: { size: "md" },
 	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" }
+		md: "h-7 rounded-sm px-1.5 text-sm",
+		sm: "h-6 rounded-[min(var(--radius-md),10px)] px-1.5 text-xs",
+		xl: "h-9 rounded-md px-2.5 text-base",
+		xs: "h-5 rounded-[min(var(--radius-md),8px)] px-1.5 text-xs"
+	} }
 });
 const MenubarTrigger = ({ className, size, ...props }) => {
 	const { size: rootSize } = useContext(MenubarContext);
@@ -429,20 +429,21 @@ const MenubarTrigger = ({ className, size, ...props }) => {
 //#endregion
 //#region src/ui/menubar/menubar.tsx
 const menubarVariants = tv({
-	base: "flex items-center border border-border bg-background",
+	base: "border-border bg-background flex items-center border",
+	defaultVariants: { size: "md" },
 	variants: { size: {
-		xs: "h-7 gap-0.5 rounded-[min(var(--radius-md),8px)] p-0.5",
-		sm: "h-8 gap-0.5 rounded-[min(var(--radius-md),10px)] p-0.5",
-		md: "h-9 gap-1 rounded-md p-1",
 		lg: "h-10 gap-1 rounded-md p-1",
-		xl: "h-11 gap-1.5 rounded-md p-1.5"
-	} },
-	defaultVariants: { size: "md" }
+		md: "h-9 gap-1 rounded-md p-1",
+		sm: "h-8 gap-0.5 rounded-[min(var(--radius-md),10px)] p-0.5",
+		xl: "h-11 gap-1.5 rounded-md p-1.5",
+		xs: "h-7 gap-0.5 rounded-[min(var(--radius-md),8px)] p-0.5"
+	} }
 });
 const Menubar = ({ className, size: providedSize, ...props }) => {
 	const size = useComponentSize(providedSize);
+	const contextValue = useMemo(() => ({ size }), [size]);
 	return /* @__PURE__ */ jsx(MenubarContext.Provider, {
-		value: { size },
+		value: contextValue,
 		children: /* @__PURE__ */ jsx(Menubar$1, {
 			className: cn(menubarVariants({ size }), className),
 			"data-size": size,

package/dist/ui/menubar.js.map

@@ -1 +1 @@
-{"version":3,"file":"menubar.js","names":["MenuPrimitive","MenuPrimitive","MenuPrimitive","MenuPrimitive","MenubarPrimitive"],"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","../../src/ui/menubar/menubar.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","\"use client\";\n\nimport { 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","\"use client\";\n\nimport { 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","\"use client\";\n\nimport { Menubar as MenubarPrimitive } from \"@base-ui/react/menubar\";\nimport { cn, tv, type VariantProps } from \"tailwind-variants\";\n\nimport type { InputSize } from \"../input/input\";\n\nimport { useComponentSize } from \"../shared/size/size-provider\";\nimport { MenubarArrow } from \"./menubar-arrow\";\nimport { MenubarBackdrop } from \"./menubar-backdrop\";\nimport { MenubarCheckboxItem } from \"./menubar-checkbox-item\";\nimport { MenubarContent } from \"./menubar-content\";\nimport { MenubarContext } from \"./menubar-context\";\nimport { MenubarGroup } from \"./menubar-group\";\nimport { MenubarItem } from \"./menubar-item\";\nimport { MenubarLabel } from \"./menubar-label\";\nimport { MenubarLinkItem } from \"./menubar-link-item\";\nimport { MenubarMenu } from \"./menubar-menu\";\nimport { MenubarPopup } from \"./menubar-popup\";\nimport { MenubarPortal } from \"./menubar-portal\";\nimport { MenubarPositioner } from \"./menubar-positioner\";\nimport { MenubarRadioGroup } from \"./menubar-radio-group\";\nimport { MenubarRadioItem } from \"./menubar-radio-item\";\nimport { MenubarSeparator } from \"./menubar-separator\";\nimport { MenubarShortcut } from \"./menubar-shortcut\";\nimport { MenubarSub } from \"./menubar-sub\";\nimport { MenubarSubContent } from \"./menubar-sub-content\";\nimport { MenubarSubTrigger } from \"./menubar-sub-trigger\";\nimport { MenubarTrigger } from \"./menubar-trigger\";\n\nconst menubarVariants = tv({\n  base: \"flex items-center border border-border bg-background\",\n  variants: {\n    size: {\n      xs: \"h-7 gap-0.5 rounded-[min(var(--radius-md),8px)] p-0.5\",\n      sm: \"h-8 gap-0.5 rounded-[min(var(--radius-md),10px)] p-0.5\",\n      md: \"h-9 gap-1 rounded-md p-1\",\n      lg: \"h-10 gap-1 rounded-md p-1\",\n      xl: \"h-11 gap-1.5 rounded-md p-1.5\",\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n});\n\nexport type MenubarProps = MenubarPrimitive.Props &\n  VariantProps<typeof menubarVariants> & {\n    size?: InputSize;\n  };\n\nconst Menubar = ({ className, size: providedSize, ...props }: MenubarProps) => {\n  const size = useComponentSize(providedSize);\n\n  return (\n    <MenubarContext.Provider value={{ size }}>\n      <MenubarPrimitive\n        className={cn(menubarVariants({ size }), className)}\n        data-size={size}\n        data-slot=\"menubar\"\n        {...props}\n      />\n    </MenubarContext.Provider>\n  );\n};\n\nMenubar.Arrow = MenubarArrow;\nMenubar.Backdrop = MenubarBackdrop;\nMenubar.CheckboxItem = MenubarCheckboxItem;\nMenubar.Content = MenubarContent;\nMenubar.Group = MenubarGroup;\nMenubar.Item = MenubarItem;\nMenubar.Label = MenubarLabel;\nMenubar.LinkItem = MenubarLinkItem;\nMenubar.Menu = MenubarMenu;\nMenubar.Portal = MenubarPortal;\nMenubar.Popup = MenubarPopup;\nMenubar.Positioner = MenubarPositioner;\nMenubar.RadioGroup = MenubarRadioGroup;\nMenubar.RadioItem = MenubarRadioItem;\nMenubar.Separator = MenubarSeparator;\nMenubar.Shortcut = MenubarShortcut;\nMenubar.Sub = MenubarSub;\nMenubar.SubContent = MenubarSubContent;\nMenubar.SubTrigger = MenubarSubTrigger;\nMenubar.Trigger = MenubarTrigger;\n\nexport {\n  Menubar,\n  MenubarArrow,\n  MenubarBackdrop,\n  MenubarCheckboxItem,\n  MenubarContent,\n  MenubarGroup,\n  MenubarItem,\n  MenubarLabel,\n  MenubarLinkItem,\n  MenubarMenu,\n  MenubarPortal,\n  MenubarPopup,\n  MenubarPositioner,\n  MenubarRadioGroup,\n  MenubarRadioItem,\n  MenubarSeparator,\n  MenubarShortcut,\n  MenubarSub,\n  MenubarSubContent,\n  MenubarSubTrigger,\n  MenubarTrigger,\n};\n\nexport type { MenubarArrowProps } from \"./menubar-arrow\";\nexport type { MenubarBackdropProps } from \"./menubar-backdrop\";\nexport type { MenubarCheckboxItemProps } from \"./menubar-checkbox-item\";\nexport type { MenubarContentProps } from \"./menubar-content\";\nexport type { MenubarGroupProps } from \"./menubar-group\";\nexport type { MenubarItemProps } from \"./menubar-item\";\nexport type { MenubarLabelProps } from \"./menubar-label\";\nexport type { MenubarLinkItemProps } from \"./menubar-link-item\";\nexport type { MenubarMenuProps } from \"./menubar-menu\";\nexport type { MenubarPopupProps } from \"./menubar-popup\";\nexport type { MenubarPortalProps } from \"./menubar-portal\";\nexport type { MenubarPositionerProps } from \"./menubar-positioner\";\nexport type { MenubarRadioGroupProps } from \"./menubar-radio-group\";\nexport type { MenubarRadioItemProps } from \"./menubar-radio-item\";\nexport type { MenubarSeparatorProps } from \"./menubar-separator\";\nexport type { MenubarShortcutProps } from \"./menubar-shortcut\";\nexport type { MenubarSubProps } from \"./menubar-sub\";\nexport type { MenubarSubContentProps } from \"./menubar-sub-content\";\nexport type { MenubarSubTriggerProps } from \"./menubar-sub-trigger\";\nexport type { MenubarTriggerProps } from \"./menubar-trigger\";\n"],"mappings":"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"}
+{"version":3,"file":"menubar.js","names":["MenuPrimitive","MenuPrimitive","MenuPrimitive","MenuPrimitive","MenubarPrimitive"],"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","../../src/ui/menubar/menubar.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","\"use client\";\n\nimport { 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","\"use client\";\n\nimport { 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 } from \"tailwind-variants\";\nimport type { VariantProps } from \"tailwind-variants\";\n\nimport type { InputSize } from \"../input/input\";\nimport { MenubarContext } from \"./menubar-context\";\nimport { MenubarOverlayContext } from \"./menubar-overlay-context\";\n\nconst menubarCheckboxItemVariants = tv({\n  defaultVariants: {\n    size: \"md\",\n  },\n  slots: {\n    indicator:\n      \"pointer-events-none absolute flex items-center justify-center [&_svg]:pointer-events-none [&_svg]:shrink-0\",\n    root: \"cursor-clickable focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground relative flex items-center rounded-md outline-hidden select-none 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      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      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      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      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      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    },\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\";\nimport { useContext } from \"react\";\nimport { cn, tv } from \"tailwind-variants\";\nimport type { VariantProps } from \"tailwind-variants\";\n\nimport { DropdownMenuPopup } from \"../dropdown-menu/dropdown-menu\";\nimport type { InputSize } from \"../input/input\";\nimport { MenubarContext } from \"./menubar-context\";\nimport { MenubarOverlayContext } from \"./menubar-overlay-context\";\n\nconst menubarPopupVariants = tv({\n  base: \"bg-popover text-popover-foreground ring-foreground/10 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 shadow-md ring-1 duration-100\",\n  defaultVariants: {\n    size: \"md\",\n  },\n  variants: {\n    size: {\n      lg: \"min-w-40 rounded-lg\",\n      md: \"min-w-36 rounded-lg\",\n      sm: \"min-w-32 rounded-[min(var(--radius-lg),12px)]\",\n      xl: \"min-w-44 rounded-xl\",\n      xs: \"min-w-28 rounded-[min(var(--radius-lg),10px)]\",\n    },\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\";\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\";\nimport { useContext, useMemo } from \"react\";\n\nimport type { InputSize } from \"../input/input\";\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  const contextValue = useMemo(() => ({ size: resolvedSize }), [resolvedSize]);\n\n  return (\n    <MenubarOverlayContext.Provider value={contextValue}>\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 } from \"tailwind-variants\";\nimport type { VariantProps } from \"tailwind-variants\";\n\nimport { mergeBaseUIClassName } from \"../../utils/merge-base-ui-class-name\";\nimport { dropdownMenuItemVariants } from \"../dropdown-menu/dropdown-menu-item\";\nimport type { InputSize } from \"../input/input\";\nimport { MenubarContext } from \"./menubar-context\";\nimport { MenubarOverlayContext } from \"./menubar-overlay-context\";\n\nconst menubarItemVariants = tv({\n  base: \"group/menubar-item cursor-clickable 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\";\nimport { useContext } from \"react\";\nimport { cn, tv } from \"tailwind-variants\";\nimport type { VariantProps } from \"tailwind-variants\";\n\nimport { DropdownMenuLabel } from \"../dropdown-menu/dropdown-menu\";\nimport type { InputSize } from \"../input/input\";\nimport { MenubarContext } from \"./menubar-context\";\nimport { MenubarOverlayContext } from \"./menubar-overlay-context\";\n\nconst menubarLabelVariants = tv({\n  base: \"font-medium data-[inset]:pl-8\",\n  defaultVariants: {\n    size: \"md\",\n  },\n  variants: {\n    size: {\n      lg: \"px-2 py-1.5 text-sm\",\n      md: \"px-1.5 py-1 text-sm\",\n      sm: \"px-1.5 py-1 text-xs\",\n      xl: \"px-2.5 py-1.5 text-base\",\n      xs: \"px-1.5 py-1 text-xs\",\n    },\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 } from \"tailwind-variants\";\nimport type { VariantProps } from \"tailwind-variants\";\n\nimport { mergeBaseUIClassName } from \"../../utils/merge-base-ui-class-name\";\nimport { dropdownMenuLinkItemVariants } from \"../dropdown-menu/dropdown-menu-link-item\";\nimport type { InputSize } from \"../input/input\";\nimport { MenubarContext } from \"./menubar-context\";\nimport { MenubarOverlayContext } from \"./menubar-overlay-context\";\n\nconst menubarLinkItemVariants = tv({\n  base: \"group/menubar-link-item cursor-clickable 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\";\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 } from \"tailwind-variants\";\nimport type { VariantProps } from \"tailwind-variants\";\n\nimport type { InputSize } from \"../input/input\";\nimport { MenubarContext } from \"./menubar-context\";\nimport { MenubarOverlayContext } from \"./menubar-overlay-context\";\n\nconst menubarRadioItemVariants = tv({\n  defaultVariants: {\n    size: \"md\",\n  },\n  slots: {\n    indicator:\n      \"pointer-events-none absolute flex items-center justify-center [&_svg]:pointer-events-none [&_svg]:shrink-0\",\n    root: \"cursor-clickable focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground relative flex items-center rounded-md outline-hidden select-none 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      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      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      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      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      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    },\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\";\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(\"bg-border -mx-1 my-1 h-px\", className)}\n    data-slot=\"menubar-separator\"\n    {...props}\n  />\n);\n\nexport { MenubarSeparator };\n","import type { ComponentProps } from \"react\";\nimport { useContext } from \"react\";\nimport { cn, tv } from \"tailwind-variants\";\nimport type { VariantProps } from \"tailwind-variants\";\n\nimport { DropdownMenuShortcut } from \"../dropdown-menu/dropdown-menu\";\nimport type { InputSize } from \"../input/input\";\nimport { MenubarContext } from \"./menubar-context\";\nimport { MenubarOverlayContext } from \"./menubar-overlay-context\";\n\nconst menubarShortcutVariants = tv({\n  base: \"text-muted-foreground group-focus/menubar-item:text-accent-foreground ml-auto\",\n  defaultVariants: {\n    size: \"md\",\n  },\n  variants: {\n    size: {\n      lg: \"text-xs tracking-widest\",\n      md: \"text-xs tracking-widest\",\n      sm: \"text-xs tracking-wider\",\n      xl: \"text-sm tracking-wide\",\n      xs: \"text-[10px] tracking-wide\",\n    },\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\";\nimport { useContext } from \"react\";\nimport { cn, tv } from \"tailwind-variants\";\nimport type { VariantProps } from \"tailwind-variants\";\n\nimport { DropdownMenuSubContent } from \"../dropdown-menu/dropdown-menu\";\nimport type { InputSize } from \"../input/input\";\nimport { MenubarContext } from \"./menubar-context\";\nimport { MenubarOverlayContext } from \"./menubar-overlay-context\";\n\nconst menubarSubContentVariants = tv({\n  base: \"shadow-lg\",\n  defaultVariants: {\n    size: \"md\",\n  },\n  variants: {\n    size: {\n      lg: \"min-w-36 rounded-lg\",\n      md: \"min-w-32 rounded-lg\",\n      sm: \"min-w-32 rounded-[min(var(--radius-lg),12px)]\",\n      xl: \"min-w-40 rounded-xl\",\n      xs: \"min-w-28 rounded-[min(var(--radius-lg),10px)]\",\n    },\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\";\nimport { useContext } from \"react\";\nimport { cn, tv } from \"tailwind-variants\";\nimport type { VariantProps } from \"tailwind-variants\";\n\nimport { DropdownMenuSubTrigger } from \"../dropdown-menu/dropdown-menu\";\nimport type { InputSize } from \"../input/input\";\nimport { MenubarContext } from \"./menubar-context\";\nimport { MenubarOverlayContext } from \"./menubar-overlay-context\";\n\nconst menubarSubTriggerVariants = tv({\n  defaultVariants: {\n    size: \"md\",\n  },\n  variants: {\n    size: {\n      lg: \"text-sm\",\n      md: \"text-sm\",\n      sm: \"text-sm\",\n      xl: \"text-base\",\n      xs: \"text-xs\",\n    },\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        \"cursor-clickable\",\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\";\nimport { useContext } from \"react\";\nimport { cn, tv } from \"tailwind-variants\";\nimport type { VariantProps } from \"tailwind-variants\";\n\nimport { DropdownMenuTrigger } from \"../dropdown-menu/dropdown-menu\";\nimport type { InputSize } from \"../input/input\";\nimport { MenubarContext } from \"./menubar-context\";\n\nconst menubarTriggerVariants = tv({\n  base: \"cursor-clickable hover:bg-muted aria-expanded:bg-muted flex items-center font-medium outline-hidden select-none\",\n  defaultVariants: {\n    size: \"md\",\n  },\n  variants: {\n    size: {\n      lg: \"h-8 rounded-md px-2 text-sm\",\n      md: \"h-7 rounded-sm px-1.5 text-sm\",\n      sm: \"h-6 rounded-[min(var(--radius-md),10px)] px-1.5 text-xs\",\n      xl: \"h-9 rounded-md px-2.5 text-base\",\n      xs: \"h-5 rounded-[min(var(--radius-md),8px)] px-1.5 text-xs\",\n    },\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","\"use client\";\n\nimport { Menubar as MenubarPrimitive } from \"@base-ui/react/menubar\";\nimport { useMemo } from \"react\";\nimport { cn, tv } from \"tailwind-variants\";\nimport type { VariantProps } from \"tailwind-variants\";\n\nimport type { InputSize } from \"../input/input\";\nimport { useComponentSize } from \"../shared/size/size-provider\";\nimport { MenubarArrow } from \"./menubar-arrow\";\nimport { MenubarBackdrop } from \"./menubar-backdrop\";\nimport { MenubarCheckboxItem } from \"./menubar-checkbox-item\";\nimport { MenubarContent } from \"./menubar-content\";\nimport { MenubarContext } from \"./menubar-context\";\nimport { MenubarGroup } from \"./menubar-group\";\nimport { MenubarItem } from \"./menubar-item\";\nimport { MenubarLabel } from \"./menubar-label\";\nimport { MenubarLinkItem } from \"./menubar-link-item\";\nimport { MenubarMenu } from \"./menubar-menu\";\nimport { MenubarPopup } from \"./menubar-popup\";\nimport { MenubarPortal } from \"./menubar-portal\";\nimport { MenubarPositioner } from \"./menubar-positioner\";\nimport { MenubarRadioGroup } from \"./menubar-radio-group\";\nimport { MenubarRadioItem } from \"./menubar-radio-item\";\nimport { MenubarSeparator } from \"./menubar-separator\";\nimport { MenubarShortcut } from \"./menubar-shortcut\";\nimport { MenubarSub } from \"./menubar-sub\";\nimport { MenubarSubContent } from \"./menubar-sub-content\";\nimport { MenubarSubTrigger } from \"./menubar-sub-trigger\";\nimport { MenubarTrigger } from \"./menubar-trigger\";\n\nconst menubarVariants = tv({\n  base: \"border-border bg-background flex items-center border\",\n  defaultVariants: {\n    size: \"md\",\n  },\n  variants: {\n    size: {\n      lg: \"h-10 gap-1 rounded-md p-1\",\n      md: \"h-9 gap-1 rounded-md p-1\",\n      sm: \"h-8 gap-0.5 rounded-[min(var(--radius-md),10px)] p-0.5\",\n      xl: \"h-11 gap-1.5 rounded-md p-1.5\",\n      xs: \"h-7 gap-0.5 rounded-[min(var(--radius-md),8px)] p-0.5\",\n    },\n  },\n});\n\nexport type MenubarProps = MenubarPrimitive.Props &\n  VariantProps<typeof menubarVariants> & {\n    size?: InputSize;\n  };\n\nconst Menubar = ({ className, size: providedSize, ...props }: MenubarProps) => {\n  const size = useComponentSize(providedSize);\n  const contextValue = useMemo(() => ({ size }), [size]);\n\n  return (\n    <MenubarContext.Provider value={contextValue}>\n      <MenubarPrimitive\n        className={cn(menubarVariants({ size }), className)}\n        data-size={size}\n        data-slot=\"menubar\"\n        {...props}\n      />\n    </MenubarContext.Provider>\n  );\n};\n\nMenubar.Arrow = MenubarArrow;\nMenubar.Backdrop = MenubarBackdrop;\nMenubar.CheckboxItem = MenubarCheckboxItem;\nMenubar.Content = MenubarContent;\nMenubar.Group = MenubarGroup;\nMenubar.Item = MenubarItem;\nMenubar.Label = MenubarLabel;\nMenubar.LinkItem = MenubarLinkItem;\nMenubar.Menu = MenubarMenu;\nMenubar.Portal = MenubarPortal;\nMenubar.Popup = MenubarPopup;\nMenubar.Positioner = MenubarPositioner;\nMenubar.RadioGroup = MenubarRadioGroup;\nMenubar.RadioItem = MenubarRadioItem;\nMenubar.Separator = MenubarSeparator;\nMenubar.Shortcut = MenubarShortcut;\nMenubar.Sub = MenubarSub;\nMenubar.SubContent = MenubarSubContent;\nMenubar.SubTrigger = MenubarSubTrigger;\nMenubar.Trigger = MenubarTrigger;\n\nexport {\n  Menubar,\n  MenubarArrow,\n  MenubarBackdrop,\n  MenubarCheckboxItem,\n  MenubarContent,\n  MenubarGroup,\n  MenubarItem,\n  MenubarLabel,\n  MenubarLinkItem,\n  MenubarMenu,\n  MenubarPortal,\n  MenubarPopup,\n  MenubarPositioner,\n  MenubarRadioGroup,\n  MenubarRadioItem,\n  MenubarSeparator,\n  MenubarShortcut,\n  MenubarSub,\n  MenubarSubContent,\n  MenubarSubTrigger,\n  MenubarTrigger,\n};\n\nexport type { MenubarArrowProps } from \"./menubar-arrow\";\nexport type { MenubarBackdropProps } from \"./menubar-backdrop\";\nexport type { MenubarCheckboxItemProps } from \"./menubar-checkbox-item\";\nexport type { MenubarContentProps } from \"./menubar-content\";\nexport type { MenubarGroupProps } from \"./menubar-group\";\nexport type { MenubarItemProps } from \"./menubar-item\";\nexport type { MenubarLabelProps } from \"./menubar-label\";\nexport type { MenubarLinkItemProps } from \"./menubar-link-item\";\nexport type { MenubarMenuProps } from \"./menubar-menu\";\nexport type { MenubarPopupProps } from \"./menubar-popup\";\nexport type { MenubarPortalProps } from \"./menubar-portal\";\nexport type { MenubarPositionerProps } from \"./menubar-positioner\";\nexport type { MenubarRadioGroupProps } from \"./menubar-radio-group\";\nexport type { MenubarRadioItemProps } from \"./menubar-radio-item\";\nexport type { MenubarSeparatorProps } from \"./menubar-separator\";\nexport type { MenubarShortcutProps } from \"./menubar-shortcut\";\nexport type { MenubarSubProps } from \"./menubar-sub\";\nexport type { MenubarSubContentProps } from \"./menubar-sub-content\";\nexport type { MenubarSubTriggerProps } from \"./menubar-sub-trigger\";\nexport type { MenubarTriggerProps } from \"./menubar-trigger\";\n"],"mappings":"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"}

package/dist/ui/meter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"meter.d.ts","names":[],"sources":["../../src/ui/meter/meter-indicator.tsx","../../src/ui/meter/meter-label.tsx","../../src/ui/meter/meter-track.tsx","../../src/ui/meter/meter-value.tsx","../../src/ui/meter/meter.tsx"],"mappings":";;;;;KAMY,mBAAA,GAAsB,cAAA,QAAsB,OAAA,CAAU,SAAA;AAAA,cAErD,cAAA;EAAkB,SAAA;EAAA,GAAA;AAAA,GAG5B,mBAAA,KAAmB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KCLV,eAAA,GAAkB,cAAA,QAAsB,OAAA,CAAU,KAAA;AAAA,cAEjD,UAAA;EAAc,SAAA;EAAA,GAAA;AAAA,GAAyB,eAAA,KAAe,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KCFvD,eAAA,GAAkB,cAAA,QAAsB,OAAA,CAAU,KAAA;AAAA,cAEjD,UAAA;EAAc,SAAA;EAAA,GAAA;AAAA,GAAyB,eAAA,KAAe,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KCFvD,eAAA,GAAkB,cAAA,QAAsB,OAAA,CAAU,KAAA;AAAA,cAEjD,UAAA;EAAc,SAAA;EAAA,GAAA;AAAA,GAAyB,eAAA,KAAe,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KCIvD,UAAA,GAAa,cAAA,QAAsB,OAAA,CAAU,IAAA;AAAA,cAEnD,KAAA;EAAA;;;;KAA4C,UAAA,GAAU,kBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"meter.d.ts","names":[],"sources":["../../src/ui/meter/meter-indicator.tsx","../../src/ui/meter/meter-label.tsx","../../src/ui/meter/meter-track.tsx","../../src/ui/meter/meter-value.tsx","../../src/ui/meter/meter.tsx"],"mappings":";;;;;KAKY,mBAAA,GAAsB,cAAA,QAAsB,OAAA,CAAU,SAAA;AAAA,cAErD,cAAA;EAAkB,SAAA;EAAA,GAAA;AAAA,GAG5B,mBAAA,KAAmB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KCLV,eAAA,GAAkB,cAAA,QAAsB,OAAA,CAAU,KAAA;AAAA,cAEjD,UAAA;EAAc,SAAA;EAAA,GAAA;AAAA,GAAyB,eAAA,KAAe,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KCFvD,eAAA,GAAkB,cAAA,QAAsB,OAAA,CAAU,KAAA;AAAA,cAEjD,UAAA;EAAc,SAAA;EAAA,GAAA;AAAA,GAAyB,eAAA,KAAe,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KCFvD,eAAA,GAAkB,cAAA,QAAsB,OAAA,CAAU,KAAA;AAAA,cAEjD,UAAA;EAAc,SAAA;EAAA,GAAA;AAAA,GAAyB,eAAA,KAAe,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KCIvD,UAAA,GAAa,cAAA,QAAsB,OAAA,CAAU,IAAA;AAAA,cAEnD,KAAA;EAAA;;;;KAA4C,UAAA,GAAU,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/ui/meter.js.map

@@ -1 +1 @@
-{"version":3,"file":"meter.js","names":["BaseMeter","BaseMeter","BaseMeter","BaseMeter","BaseMeter"],"sources":["../../src/ui/meter/meter-indicator.tsx","../../src/ui/meter/meter-label.tsx","../../src/ui/meter/meter-track.tsx","../../src/ui/meter/meter-value.tsx","../../src/ui/meter/meter.tsx"],"sourcesContent":["import type { ComponentProps } from \"react\";\n\nimport { Meter as BaseMeter } from \"@base-ui/react/meter\";\n\nimport { mergeBaseUIClassName } from \"../../utils/merge-base-ui-class-name\";\n\nexport type MeterIndicatorProps = ComponentProps<typeof BaseMeter.Indicator>;\n\nexport const MeterIndicator = ({\n  className,\n  ...props\n}: MeterIndicatorProps) => (\n  <BaseMeter.Indicator\n    className={mergeBaseUIClassName<BaseMeter.Root.State>(\n      \"bg-primary\",\n      className\n    )}\n    data-slot=\"meter-indicator\"\n    {...props}\n  />\n);\n","import type { ComponentProps } from \"react\";\n\nimport { Meter as BaseMeter } from \"@base-ui/react/meter\";\n\nimport { mergeBaseUIClassName } from \"../../utils/merge-base-ui-class-name\";\n\nexport type MeterLabelProps = ComponentProps<typeof BaseMeter.Label>;\n\nexport const MeterLabel = ({ className, ...props }: MeterLabelProps) => (\n  <BaseMeter.Label\n    className={mergeBaseUIClassName<BaseMeter.Root.State>(\n      \"text-sm font-medium\",\n      className\n    )}\n    data-slot=\"meter-label\"\n    {...props}\n  />\n);\n","import type { ComponentProps } from \"react\";\n\nimport { Meter as BaseMeter } from \"@base-ui/react/meter\";\n\nimport { mergeBaseUIClassName } from \"../../utils/merge-base-ui-class-name\";\n\nexport type MeterTrackProps = ComponentProps<typeof BaseMeter.Track>;\n\nexport const MeterTrack = ({ className, ...props }: MeterTrackProps) => (\n  <BaseMeter.Track\n    className={mergeBaseUIClassName<BaseMeter.Root.State>(\n      \"h-2 w-full overflow-hidden rounded-xs bg-primary/20\",\n      className\n    )}\n    data-slot=\"meter-track\"\n    {...props}\n  />\n);\n","import type { ComponentProps } from \"react\";\n\nimport { Meter as BaseMeter } from \"@base-ui/react/meter\";\n\nimport { mergeBaseUIClassName } from \"../../utils/merge-base-ui-class-name\";\n\nexport type MeterValueProps = ComponentProps<typeof BaseMeter.Value>;\n\nexport const MeterValue = ({ className, ...props }: MeterValueProps) => (\n  <BaseMeter.Value\n    className={mergeBaseUIClassName<BaseMeter.Root.State>(\"text-sm\", className)}\n    data-slot=\"meter-value\"\n    {...props}\n  />\n);\n","\"use client\";\n\nimport type { ComponentProps } from \"react\";\n\nimport { Meter as BaseMeter } from \"@base-ui/react/meter\";\n\nimport { mergeBaseUIClassName } from \"../../utils/merge-base-ui-class-name\";\nimport { MeterIndicator } from \"./meter-indicator\";\nimport { MeterLabel } from \"./meter-label\";\nimport { MeterTrack } from \"./meter-track\";\nimport { MeterValue } from \"./meter-value\";\n\nexport type MeterProps = ComponentProps<typeof BaseMeter.Root>;\n\nconst Meter = ({ className, children, ...props }: MeterProps) => (\n  <BaseMeter.Root\n    className={mergeBaseUIClassName<BaseMeter.Root.State>(\n      \"w-full space-y-1.5\",\n      className\n    )}\n    data-slot=\"meter\"\n    {...props}\n  >\n    {children}\n    <MeterTrack>\n      <MeterIndicator />\n    </MeterTrack>\n  </BaseMeter.Root>\n);\n\nMeter.Indicator = MeterIndicator;\nMeter.Label = MeterLabel;\nMeter.Track = MeterTrack;\nMeter.Value = MeterValue;\n\nexport { Meter, MeterIndicator, MeterLabel, MeterTrack, MeterValue };\n\nexport type { MeterIndicatorProps } from \"./meter-indicator\";\nexport type { MeterLabelProps } from \"./meter-label\";\nexport type { MeterTrackProps } from \"./meter-track\";\nexport type { MeterValueProps } from \"./meter-value\";\n"],"mappings":";;;;;;;AAQA,MAAa,kBAAkB,EAC7B,WACA,GAAG,YAEH,oBAACA,QAAU;CACT,WAAW,qBACT,cACA,UACD;CACD,aAAU;CACV,GAAI;EACJ;;;;ACXJ,MAAa,cAAc,EAAE,WAAW,GAAG,YACzC,oBAACC,QAAU;CACT,WAAW,qBACT,uBACA,UACD;CACD,aAAU;CACV,GAAI;EACJ;;;;ACRJ,MAAa,cAAc,EAAE,WAAW,GAAG,YACzC,oBAACC,QAAU;CACT,WAAW,qBACT,uDACA,UACD;CACD,aAAU;CACV,GAAI;EACJ;;;;ACRJ,MAAa,cAAc,EAAE,WAAW,GAAG,YACzC,oBAACC,QAAU;CACT,WAAW,qBAA2C,WAAW,UAAU;CAC3E,aAAU;CACV,GAAI;EACJ;;;;ACCJ,MAAM,SAAS,EAAE,WAAW,UAAU,GAAG,YACvC,qBAACC,QAAU;CACT,WAAW,qBACT,sBACA,UACD;CACD,aAAU;CACV,GAAI;YAEH,UACD,oBAAC,wBACC,oBAAC,mBAAiB,GACP;EACE;AAGnB,MAAM,YAAY;AAClB,MAAM,QAAQ;AACd,MAAM,QAAQ;AACd,MAAM,QAAQ"}
+{"version":3,"file":"meter.js","names":["BaseMeter","BaseMeter","BaseMeter","BaseMeter","BaseMeter"],"sources":["../../src/ui/meter/meter-indicator.tsx","../../src/ui/meter/meter-label.tsx","../../src/ui/meter/meter-track.tsx","../../src/ui/meter/meter-value.tsx","../../src/ui/meter/meter.tsx"],"sourcesContent":["import { Meter as BaseMeter } from \"@base-ui/react/meter\";\nimport type { ComponentProps } from \"react\";\n\nimport { mergeBaseUIClassName } from \"../../utils/merge-base-ui-class-name\";\n\nexport type MeterIndicatorProps = ComponentProps<typeof BaseMeter.Indicator>;\n\nexport const MeterIndicator = ({\n  className,\n  ...props\n}: MeterIndicatorProps) => (\n  <BaseMeter.Indicator\n    className={mergeBaseUIClassName<BaseMeter.Root.State>(\n      \"bg-primary\",\n      className\n    )}\n    data-slot=\"meter-indicator\"\n    {...props}\n  />\n);\n","import { Meter as BaseMeter } from \"@base-ui/react/meter\";\nimport type { ComponentProps } from \"react\";\n\nimport { mergeBaseUIClassName } from \"../../utils/merge-base-ui-class-name\";\n\nexport type MeterLabelProps = ComponentProps<typeof BaseMeter.Label>;\n\nexport const MeterLabel = ({ className, ...props }: MeterLabelProps) => (\n  <BaseMeter.Label\n    className={mergeBaseUIClassName<BaseMeter.Root.State>(\n      \"text-sm font-medium\",\n      className\n    )}\n    data-slot=\"meter-label\"\n    {...props}\n  />\n);\n","import { Meter as BaseMeter } from \"@base-ui/react/meter\";\nimport type { ComponentProps } from \"react\";\n\nimport { mergeBaseUIClassName } from \"../../utils/merge-base-ui-class-name\";\n\nexport type MeterTrackProps = ComponentProps<typeof BaseMeter.Track>;\n\nexport const MeterTrack = ({ className, ...props }: MeterTrackProps) => (\n  <BaseMeter.Track\n    className={mergeBaseUIClassName<BaseMeter.Root.State>(\n      \"h-2 w-full overflow-hidden rounded-xs bg-primary/20\",\n      className\n    )}\n    data-slot=\"meter-track\"\n    {...props}\n  />\n);\n","import { Meter as BaseMeter } from \"@base-ui/react/meter\";\nimport type { ComponentProps } from \"react\";\n\nimport { mergeBaseUIClassName } from \"../../utils/merge-base-ui-class-name\";\n\nexport type MeterValueProps = ComponentProps<typeof BaseMeter.Value>;\n\nexport const MeterValue = ({ className, ...props }: MeterValueProps) => (\n  <BaseMeter.Value\n    className={mergeBaseUIClassName<BaseMeter.Root.State>(\"text-sm\", className)}\n    data-slot=\"meter-value\"\n    {...props}\n  />\n);\n","\"use client\";\n\nimport { Meter as BaseMeter } from \"@base-ui/react/meter\";\nimport type { ComponentProps } from \"react\";\n\nimport { mergeBaseUIClassName } from \"../../utils/merge-base-ui-class-name\";\nimport { MeterIndicator } from \"./meter-indicator\";\nimport { MeterLabel } from \"./meter-label\";\nimport { MeterTrack } from \"./meter-track\";\nimport { MeterValue } from \"./meter-value\";\n\nexport type MeterProps = ComponentProps<typeof BaseMeter.Root>;\n\nconst Meter = ({ className, children, ...props }: MeterProps) => (\n  <BaseMeter.Root\n    className={mergeBaseUIClassName<BaseMeter.Root.State>(\n      \"w-full space-y-1.5\",\n      className\n    )}\n    data-slot=\"meter\"\n    {...props}\n  >\n    {children}\n    <MeterTrack>\n      <MeterIndicator />\n    </MeterTrack>\n  </BaseMeter.Root>\n);\n\nMeter.Indicator = MeterIndicator;\nMeter.Label = MeterLabel;\nMeter.Track = MeterTrack;\nMeter.Value = MeterValue;\n\nexport { Meter, MeterIndicator, MeterLabel, MeterTrack, MeterValue };\n\nexport type { MeterIndicatorProps } from \"./meter-indicator\";\nexport type { MeterLabelProps } from \"./meter-label\";\nexport type { MeterTrackProps } from \"./meter-track\";\nexport type { MeterValueProps } from \"./meter-value\";\n"],"mappings":";;;;;;;AAOA,MAAa,kBAAkB,EAC7B,WACA,GAAG,YAEH,oBAACA,QAAU,WAAX;CACE,WAAW,qBACT,cACA,UACD;CACD,aAAU;CACV,GAAI;CACJ;;;;ACXJ,MAAa,cAAc,EAAE,WAAW,GAAG,YACzC,oBAACC,QAAU,OAAX;CACE,WAAW,qBACT,uBACA,UACD;CACD,aAAU;CACV,GAAI;CACJ;;;;ACRJ,MAAa,cAAc,EAAE,WAAW,GAAG,YACzC,oBAACC,QAAU,OAAX;CACE,WAAW,qBACT,uDACA,UACD;CACD,aAAU;CACV,GAAI;CACJ;;;;ACRJ,MAAa,cAAc,EAAE,WAAW,GAAG,YACzC,oBAACC,QAAU,OAAX;CACE,WAAW,qBAA2C,WAAW,UAAU;CAC3E,aAAU;CACV,GAAI;CACJ;;;;ACCJ,MAAM,SAAS,EAAE,WAAW,UAAU,GAAG,YACvC,qBAACC,QAAU,MAAX;CACE,WAAW,qBACT,sBACA,UACD;CACD,aAAU;CACV,GAAI;WANN,CAQG,UACD,oBAAC,YAAD,YACE,oBAAC,gBAAD,EAAkB,GACP,EACE;;AAGnB,MAAM,YAAY;AAClB,MAAM,QAAQ;AACd,MAAM,QAAQ;AACd,MAAM,QAAQ"}