@lglab/compose-ui 0.28.0 → 0.29.0

package/dist/lib/tooltip-variants.js

@@ -0,0 +1,36 @@
+import { cva } from "class-variance-authority";
+
+//#region src/lib/tooltip-variants.ts
+const tooltipPopupVariants = cva([
+	"rounded-md px-2 py-1 text-sm",
+	"origin-(--transform-origin)",
+	"transition-[transform,scale,opacity]",
+	"data-starting-style:scale-90 data-starting-style:opacity-0",
+	"data-ending-style:scale-90 data-ending-style:opacity-0",
+	"data-instant:duration-0"
+], {
+	variants: { variant: {
+		default: "bg-foreground text-background",
+		secondary: "bg-secondary text-secondary-foreground",
+		outline: "bg-background text-foreground border border-border shadow-xs"
+	} },
+	defaultVariants: { variant: "default" }
+});
+const tooltipArrowVariants = {
+	default: {
+		fill: "fill-foreground",
+		stroke: "fill-foreground"
+	},
+	secondary: {
+		fill: "fill-secondary",
+		stroke: "fill-secondary"
+	},
+	outline: {
+		fill: "fill-background",
+		stroke: "fill-border"
+	}
+};
+
+//#endregion
+export { tooltipArrowVariants, tooltipPopupVariants };
+//# sourceMappingURL=tooltip-variants.js.map

package/dist/lib/tooltip-variants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip-variants.js","names":[],"sources":["../../src/lib/tooltip-variants.ts"],"sourcesContent":["import { cva } from 'class-variance-authority'\n\nexport type TooltipVariant = 'default' | 'secondary' | 'outline'\n\nexport const tooltipPopupVariants = cva(\n  [\n    'rounded-md px-2 py-1 text-sm',\n    'origin-(--transform-origin)',\n    'transition-[transform,scale,opacity]',\n    'data-starting-style:scale-90 data-starting-style:opacity-0',\n    'data-ending-style:scale-90 data-ending-style:opacity-0',\n    'data-instant:duration-0',\n  ],\n  {\n    variants: {\n      variant: {\n        default: 'bg-foreground text-background',\n        secondary: 'bg-secondary text-secondary-foreground',\n        outline: 'bg-background text-foreground border border-border shadow-xs',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n    },\n  },\n)\n\nexport const tooltipArrowVariants: Record<\n  TooltipVariant,\n  { fill: string; stroke: string }\n> = {\n  default: {\n    fill: 'fill-foreground',\n    stroke: 'fill-foreground',\n  },\n  secondary: {\n    fill: 'fill-secondary',\n    stroke: 'fill-secondary',\n  },\n  outline: {\n    fill: 'fill-background',\n    stroke: 'fill-border',\n  },\n}\n"],"mappings":";;;AAIA,MAAa,uBAAuB,IAClC;CACE;CACA;CACA;CACA;CACA;CACA;CACD,EACD;CACE,UAAU,EACR,SAAS;EACP,SAAS;EACT,WAAW;EACX,SAAS;EACV,EACF;CACD,iBAAiB,EACf,SAAS,WACV;CACF,CACF;AAED,MAAa,uBAGT;CACF,SAAS;EACP,MAAM;EACN,QAAQ;EACT;CACD,WAAW;EACT,MAAM;EACN,QAAQ;EACT;CACD,SAAS;EACP,MAAM;EACN,QAAQ;EACT;CACF"}

package/dist/lib/utils.js

@@ -0,0 +1,11 @@
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+
+//#region src/lib/utils.ts
+function cn(...inputs) {
+	return twMerge(clsx(inputs));
+}
+
+//#endregion
+export { cn };
+//# sourceMappingURL=utils.js.map

package/dist/lib/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","names":[],"sources":["../../src/lib/utils.ts"],"sourcesContent":["import { type ClassValue, clsx } from 'clsx'\nimport { twMerge } from 'tailwind-merge'\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs))\n}\n"],"mappings":";;;;AAGA,SAAgB,GAAG,GAAG,QAAsB;AAC1C,QAAO,QAAQ,KAAK,OAAO,CAAC"}

package/dist/menu.d.ts

@@ -1,138 +1,151 @@
-import { JSX } from 'react/jsx-runtime';
-import { Menu } from '@base-ui/react/menu';
-import * as React_2 from 'react';
-
-export declare const MenuArrow: {
-    ({ className, ...props }: MenuArrowProps): JSX.Element;
-    displayName: string;
-};
-
-export declare type MenuArrowProps = React_2.ComponentProps<typeof Menu.Arrow>;
-
-export declare const MenuCheckboxItem: {
-    ({ className, ...props }: MenuCheckboxItemProps): JSX.Element;
-    displayName: string;
-};
-
-export declare const MenuCheckboxItemIndicator: {
-    ({ className, ...props }: MenuCheckboxItemIndicatorProps): JSX.Element;
-    displayName: string;
-};
-
-export declare type MenuCheckboxItemIndicatorProps = React_2.ComponentProps<typeof Menu.CheckboxItemIndicator>;
-
-export declare const MenuCheckboxItemLabel: {
-    ({ className, ...props }: MenuCheckboxItemLabelProps): JSX.Element;
-    displayName: string;
-};
-
-export declare type MenuCheckboxItemLabelProps = React_2.ComponentProps<'span'>;
-
-export declare type MenuCheckboxItemProps = React_2.ComponentProps<typeof Menu.CheckboxItem>;
-
-export declare const MenuGroup: {
-    ({ className, ...props }: MenuGroupProps): JSX.Element;
-    displayName: string;
-};
-
-export declare const MenuGroupLabel: {
-    ({ className, ...props }: MenuGroupLabelProps): JSX.Element;
-    displayName: string;
-};
-
-export declare type MenuGroupLabelProps = React_2.ComponentProps<typeof Menu.GroupLabel>;
-
-export declare type MenuGroupProps = React_2.ComponentProps<typeof Menu.Group>;
-
-export declare const MenuItem: {
-    ({ className, ...props }: MenuItemProps): JSX.Element;
-    displayName: string;
-};
-
-export declare type MenuItemProps = React_2.ComponentProps<typeof Menu.Item>;
-
-export declare const MenuPopup: {
-    ({ className, ...props }: MenuPopupProps): JSX.Element;
-    displayName: string;
-};
-
-export declare type MenuPopupProps = React_2.ComponentProps<typeof Menu.Popup>;
-
-export declare const MenuPortal: {
-    (props: MenuPortalProps): JSX.Element;
-    displayName: string;
-};
-
-export declare type MenuPortalProps = React_2.ComponentProps<typeof Menu.Portal>;
-
-export declare const MenuPositioner: {
-    ({ className, ...props }: MenuPositionerProps): JSX.Element;
-    displayName: string;
-};
-
-export declare type MenuPositionerProps = React_2.ComponentProps<typeof Menu.Positioner>;
-
-export declare const MenuRadioGroup: {
-    ({ className, ...props }: MenuRadioGroupProps): JSX.Element;
-    displayName: string;
-};
-
-export declare type MenuRadioGroupProps = React_2.ComponentProps<typeof Menu.RadioGroup>;
-
-export declare const MenuRadioItem: {
-    ({ className, ...props }: MenuRadioItemProps): JSX.Element;
-    displayName: string;
-};
-
-export declare const MenuRadioItemIndicator: {
-    ({ className, ...props }: MenuRadioItemIndicatorProps): JSX.Element;
-    displayName: string;
-};
-
-export declare type MenuRadioItemIndicatorProps = React_2.ComponentProps<typeof Menu.RadioItemIndicator>;
-
-export declare const MenuRadioItemLabel: {
-    ({ className, ...props }: MenuRadioItemLabelProps): JSX.Element;
-    displayName: string;
-};
-
-export declare type MenuRadioItemLabelProps = React_2.ComponentProps<'span'>;
-
-export declare type MenuRadioItemProps = React_2.ComponentProps<typeof Menu.RadioItem>;
-
-export declare const MenuRoot: {
-    (props: MenuRootProps): JSX.Element;
-    displayName: string;
-};
-
-export declare type MenuRootProps = React_2.ComponentProps<typeof Menu.Root>;
-
-export declare const MenuSeparator: {
-    ({ className, ...props }: MenuSeparatorProps): JSX.Element;
-    displayName: string;
-};
-
-export declare type MenuSeparatorProps = React_2.ComponentProps<typeof Menu.Separator>;
-
-export declare const MenuSubmenuRoot: {
-    (props: MenuSubmenuRootProps): JSX.Element;
-    displayName: string;
-};
-
-export declare type MenuSubmenuRootProps = React_2.ComponentProps<typeof Menu.SubmenuRoot>;
-
-export declare const MenuSubmenuTrigger: {
-    ({ className, ...props }: MenuSubmenuTriggerProps): JSX.Element;
-    displayName: string;
-};
-
-export declare type MenuSubmenuTriggerProps = React_2.ComponentProps<typeof Menu.SubmenuTrigger>;
-
-export declare const MenuTrigger: {
-    ({ className, ...props }: MenuTriggerProps): JSX.Element;
-    displayName: string;
-};
-
-export declare type MenuTriggerProps = React_2.ComponentProps<typeof Menu.Trigger>;
-
-export { }
+import * as React from "react";
+import * as react_jsx_runtime42 from "react/jsx-runtime";
+import { Menu } from "@base-ui/react/menu";
+
+//#region src/components/menu.d.ts
+type MenuRootProps = React.ComponentProps<typeof Menu.Root>;
+declare const MenuRoot: {
+  (props: MenuRootProps): react_jsx_runtime42.JSX.Element;
+  displayName: string;
+};
+type MenuTriggerProps = React.ComponentProps<typeof Menu.Trigger>;
+declare const MenuTrigger: {
+  ({
+    className,
+    ...props
+  }: MenuTriggerProps): react_jsx_runtime42.JSX.Element;
+  displayName: string;
+};
+type MenuPortalProps = React.ComponentProps<typeof Menu.Portal>;
+declare const MenuPortal: {
+  (props: MenuPortalProps): react_jsx_runtime42.JSX.Element;
+  displayName: string;
+};
+type MenuPositionerProps = React.ComponentProps<typeof Menu.Positioner>;
+declare const MenuPositioner: {
+  ({
+    className,
+    ...props
+  }: MenuPositionerProps): react_jsx_runtime42.JSX.Element;
+  displayName: string;
+};
+type MenuPopupProps = React.ComponentProps<typeof Menu.Popup>;
+declare const MenuPopup: {
+  ({
+    className,
+    ...props
+  }: MenuPopupProps): react_jsx_runtime42.JSX.Element;
+  displayName: string;
+};
+type MenuArrowProps = React.ComponentProps<typeof Menu.Arrow>;
+declare const MenuArrow: {
+  ({
+    className,
+    ...props
+  }: MenuArrowProps): react_jsx_runtime42.JSX.Element;
+  displayName: string;
+};
+type MenuItemProps = React.ComponentProps<typeof Menu.Item>;
+declare const MenuItem: {
+  ({
+    className,
+    ...props
+  }: MenuItemProps): react_jsx_runtime42.JSX.Element;
+  displayName: string;
+};
+type MenuSeparatorProps = React.ComponentProps<typeof Menu.Separator>;
+declare const MenuSeparator: {
+  ({
+    className,
+    ...props
+  }: MenuSeparatorProps): react_jsx_runtime42.JSX.Element;
+  displayName: string;
+};
+type MenuGroupProps = React.ComponentProps<typeof Menu.Group>;
+declare const MenuGroup: {
+  ({
+    className,
+    ...props
+  }: MenuGroupProps): react_jsx_runtime42.JSX.Element;
+  displayName: string;
+};
+type MenuGroupLabelProps = React.ComponentProps<typeof Menu.GroupLabel>;
+declare const MenuGroupLabel: {
+  ({
+    className,
+    ...props
+  }: MenuGroupLabelProps): react_jsx_runtime42.JSX.Element;
+  displayName: string;
+};
+type MenuRadioGroupProps = React.ComponentProps<typeof Menu.RadioGroup>;
+declare const MenuRadioGroup: {
+  ({
+    className,
+    ...props
+  }: MenuRadioGroupProps): react_jsx_runtime42.JSX.Element;
+  displayName: string;
+};
+type MenuRadioItemProps = React.ComponentProps<typeof Menu.RadioItem>;
+declare const MenuRadioItem: {
+  ({
+    className,
+    ...props
+  }: MenuRadioItemProps): react_jsx_runtime42.JSX.Element;
+  displayName: string;
+};
+type MenuCheckboxItemProps = React.ComponentProps<typeof Menu.CheckboxItem>;
+declare const MenuCheckboxItem: {
+  ({
+    className,
+    ...props
+  }: MenuCheckboxItemProps): react_jsx_runtime42.JSX.Element;
+  displayName: string;
+};
+type MenuRadioItemIndicatorProps = React.ComponentProps<typeof Menu.RadioItemIndicator>;
+declare const MenuRadioItemIndicator: {
+  ({
+    className,
+    ...props
+  }: MenuRadioItemIndicatorProps): react_jsx_runtime42.JSX.Element;
+  displayName: string;
+};
+type MenuCheckboxItemIndicatorProps = React.ComponentProps<typeof Menu.CheckboxItemIndicator>;
+declare const MenuCheckboxItemIndicator: {
+  ({
+    className,
+    ...props
+  }: MenuCheckboxItemIndicatorProps): react_jsx_runtime42.JSX.Element;
+  displayName: string;
+};
+type MenuCheckboxItemLabelProps = React.ComponentProps<'span'>;
+declare const MenuCheckboxItemLabel: {
+  ({
+    className,
+    ...props
+  }: MenuCheckboxItemLabelProps): react_jsx_runtime42.JSX.Element;
+  displayName: string;
+};
+type MenuRadioItemLabelProps = React.ComponentProps<'span'>;
+declare const MenuRadioItemLabel: {
+  ({
+    className,
+    ...props
+  }: MenuRadioItemLabelProps): react_jsx_runtime42.JSX.Element;
+  displayName: string;
+};
+type MenuSubmenuTriggerProps = React.ComponentProps<typeof Menu.SubmenuTrigger>;
+declare const MenuSubmenuTrigger: {
+  ({
+    className,
+    ...props
+  }: MenuSubmenuTriggerProps): react_jsx_runtime42.JSX.Element;
+  displayName: string;
+};
+type MenuSubmenuRootProps = React.ComponentProps<typeof Menu.SubmenuRoot>;
+declare const MenuSubmenuRoot: {
+  (props: MenuSubmenuRootProps): react_jsx_runtime42.JSX.Element;
+  displayName: string;
+};
+//#endregion
+export { MenuArrow, type MenuArrowProps, MenuCheckboxItem, MenuCheckboxItemIndicator, type MenuCheckboxItemIndicatorProps, MenuCheckboxItemLabel, type MenuCheckboxItemLabelProps, type MenuCheckboxItemProps, MenuGroup, MenuGroupLabel, type MenuGroupLabelProps, type MenuGroupProps, MenuItem, type MenuItemProps, MenuPopup, type MenuPopupProps, MenuPortal, type MenuPortalProps, MenuPositioner, type MenuPositionerProps, MenuRadioGroup, type MenuRadioGroupProps, MenuRadioItem, MenuRadioItemIndicator, type MenuRadioItemIndicatorProps, MenuRadioItemLabel, type MenuRadioItemLabelProps, type MenuRadioItemProps, MenuRoot, type MenuRootProps, MenuSeparator, type MenuSeparatorProps, MenuSubmenuRoot, type MenuSubmenuRootProps, MenuSubmenuTrigger, type MenuSubmenuTriggerProps, MenuTrigger, type MenuTriggerProps };
+//# sourceMappingURL=menu.d.ts.map

package/dist/menu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu.d.ts","names":[],"sources":["../src/components/menu.tsx"],"sourcesContent":[],"mappings":"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"}

package/dist/menu.js

@@ -1,147 +1,152 @@
-"use client";
-import { jsx as t } from "react/jsx-runtime";
-import { Menu as r } from "@base-ui/react/menu";
-import { A as n } from "./arrow-svg-C6zQTvgS.js";
-import { b as s } from "./button-variants-CbFMPwc8.js";
-import { c as o } from "./utils-B6yFEsav.js";
-const i = (e) => /* @__PURE__ */ t(r.Root, { ...e });
-i.displayName = "MenuRoot";
-const u = ({ className: e, ...a }) => /* @__PURE__ */ t(r.Trigger, { className: o(e), ...a });
-u.displayName = "MenuTrigger";
-const m = (e) => /* @__PURE__ */ t(r.Portal, { ...e });
-m.displayName = "MenuPortal";
-const d = ({ className: e, ...a }) => /* @__PURE__ */ t(
-  r.Positioner,
-  {
-    className: o("z-50 outline-none", e),
-    sideOffset: 8,
-    ...a
-  }
-);
-d.displayName = "MenuPositioner";
-const l = ({ className: e, ...a }) => /* @__PURE__ */ t(
-  r.Popup,
-  {
-    className: o(
-      "rounded-md bg-background p-1 text-foreground shadow-sm border border-border transition-[transform,scale,opacity] data-ending-style:scale-90 data-ending-style:opacity-0 data-starting-style:scale-0 data-starting-style:opacity-0 dark:shadow-none",
-      "min-w-[8rem]",
-      e
-    ),
-    ...a
-  }
-);
-l.displayName = "MenuPopup";
-const c = ({ className: e, ...a }) => /* @__PURE__ */ t(
-  r.Arrow,
-  {
-    className: o(
-      "flex data-[side=bottom]:top-[-8px] data-[side=left]:right-[-13px] data-[side=left]:rotate-90 data-[side=right]:left-[-13px] data-[side=right]:-rotate-90 data-[side=top]:bottom-[-8px] data-[side=top]:rotate-180",
-      e
-    ),
-    ...a,
-    children: /* @__PURE__ */ t(n, {})
-  }
-);
-c.displayName = "MenuArrow";
-const p = ({ className: e, ...a }) => /* @__PURE__ */ t(
-  r.Item,
-  {
-    className: o(
-      s({ variant: "ghost", size: "sm" }),
-      "flex justify-start",
-      e
-    ),
-    ...a
-  }
-);
-p.displayName = "MenuItem";
-const M = ({ className: e, ...a }) => /* @__PURE__ */ t(
-  r.Separator,
-  {
-    className: o("-mx-1 my-1 h-px bg-border", e),
-    ...a
-  }
-);
-M.displayName = "MenuSeparator";
-const N = ({ className: e, ...a }) => /* @__PURE__ */ t(r.Group, { className: o(e), ...a });
-N.displayName = "MenuGroup";
-const b = ({ className: e, ...a }) => /* @__PURE__ */ t(
-  r.GroupLabel,
-  {
-    className: o("px-3 py-1.5 text-sm font-semibold", e),
-    ...a
-  }
-);
-b.displayName = "MenuGroupLabel";
-const g = ({ className: e, ...a }) => /* @__PURE__ */ t(r.RadioGroup, { className: o(e), ...a });
-g.displayName = "MenuRadioGroup";
-const y = ({ className: e, ...a }) => /* @__PURE__ */ t(
-  r.RadioItem,
-  {
-    className: o(
-      s({ variant: "ghost", size: "sm" }),
-      "grid grid-cols-[0.75rem_1fr] gap-2",
-      e
-    ),
-    ...a
-  }
-);
-y.displayName = "MenuRadioItem";
-const I = ({ className: e, ...a }) => /* @__PURE__ */ t(
-  r.CheckboxItem,
-  {
-    className: o(
-      s({ variant: "ghost", size: "sm" }),
-      "grid grid-cols-[0.75rem_1fr] gap-2",
-      e
-    ),
-    ...a
-  }
-);
-I.displayName = "MenuCheckboxItem";
-const x = ({ className: e, ...a }) => /* @__PURE__ */ t(r.RadioItemIndicator, { className: o("col-start-1", e), ...a });
-x.displayName = "MenuRadioItemIndicator";
-const f = ({
-  className: e,
-  ...a
-}) => /* @__PURE__ */ t(r.CheckboxItemIndicator, { className: o("col-start-1", e), ...a });
-f.displayName = "MenuCheckboxItemIndicator";
-const h = ({ className: e, ...a }) => /* @__PURE__ */ t("span", { className: o("col-start-2", e), ...a });
-h.displayName = "MenuCheckboxItemLabel";
-const R = ({ className: e, ...a }) => /* @__PURE__ */ t("span", { className: o("col-start-2", e), ...a });
-R.displayName = "MenuRadioItemLabel";
-const k = ({ className: e, ...a }) => /* @__PURE__ */ t(
-  r.SubmenuTrigger,
-  {
-    className: o(
-      s({ variant: "ghost", size: "sm" }),
-      "flex justify-between",
-      e
-    ),
-    ...a
-  }
-);
-k.displayName = "MenuSubmenuTrigger";
-const S = (e) => /* @__PURE__ */ t(r.SubmenuRoot, { ...e });
-S.displayName = "MenuSubmenuRoot";
-export {
-  c as MenuArrow,
-  I as MenuCheckboxItem,
-  f as MenuCheckboxItemIndicator,
-  h as MenuCheckboxItemLabel,
-  N as MenuGroup,
-  b as MenuGroupLabel,
-  p as MenuItem,
-  l as MenuPopup,
-  m as MenuPortal,
-  d as MenuPositioner,
-  g as MenuRadioGroup,
-  y as MenuRadioItem,
-  x as MenuRadioItemIndicator,
-  R as MenuRadioItemLabel,
-  i as MenuRoot,
-  M as MenuSeparator,
-  S as MenuSubmenuRoot,
-  k as MenuSubmenuTrigger,
-  u as MenuTrigger
+'use client';
+
+import { buttonVariants } from "./lib/button-variants.js";
+import { cn } from "./lib/utils.js";
+import { ArrowSvg } from "./lib/arrow-svg.js";
+import "react";
+import { jsx } from "react/jsx-runtime";
+import { Menu } from "@base-ui/react/menu";
+
+//#region src/components/menu.tsx
+const MenuRoot = (props) => {
+	return /* @__PURE__ */ jsx(Menu.Root, { ...props });
 };
+MenuRoot.displayName = "MenuRoot";
+const MenuTrigger = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(Menu.Trigger, {
+		className: cn(className),
+		...props
+	});
+};
+MenuTrigger.displayName = "MenuTrigger";
+const MenuPortal = (props) => {
+	return /* @__PURE__ */ jsx(Menu.Portal, { ...props });
+};
+MenuPortal.displayName = "MenuPortal";
+const MenuPositioner = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(Menu.Positioner, {
+		className: cn("z-50 outline-none", className),
+		sideOffset: 8,
+		...props
+	});
+};
+MenuPositioner.displayName = "MenuPositioner";
+const MenuPopup = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(Menu.Popup, {
+		className: cn("rounded-md bg-background p-1 text-foreground shadow-sm border border-border transition-[transform,scale,opacity] data-ending-style:scale-90 data-ending-style:opacity-0 data-starting-style:scale-0 data-starting-style:opacity-0 dark:shadow-none", "min-w-[8rem]", className),
+		...props
+	});
+};
+MenuPopup.displayName = "MenuPopup";
+const MenuArrow = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(Menu.Arrow, {
+		className: cn("flex data-[side=bottom]:top-[-8px] data-[side=left]:right-[-13px] data-[side=left]:rotate-90 data-[side=right]:left-[-13px] data-[side=right]:-rotate-90 data-[side=top]:bottom-[-8px] data-[side=top]:rotate-180", className),
+		...props,
+		children: /* @__PURE__ */ jsx(ArrowSvg, {})
+	});
+};
+MenuArrow.displayName = "MenuArrow";
+const MenuItem = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(Menu.Item, {
+		className: cn(buttonVariants({
+			variant: "ghost",
+			size: "sm"
+		}), "flex justify-start", className),
+		...props
+	});
+};
+MenuItem.displayName = "MenuItem";
+const MenuSeparator = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(Menu.Separator, {
+		className: cn("-mx-1 my-1 h-px bg-border", className),
+		...props
+	});
+};
+MenuSeparator.displayName = "MenuSeparator";
+const MenuGroup = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(Menu.Group, {
+		className: cn(className),
+		...props
+	});
+};
+MenuGroup.displayName = "MenuGroup";
+const MenuGroupLabel = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(Menu.GroupLabel, {
+		className: cn("px-3 py-1.5 text-sm font-semibold", className),
+		...props
+	});
+};
+MenuGroupLabel.displayName = "MenuGroupLabel";
+const MenuRadioGroup = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(Menu.RadioGroup, {
+		className: cn(className),
+		...props
+	});
+};
+MenuRadioGroup.displayName = "MenuRadioGroup";
+const MenuRadioItem = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(Menu.RadioItem, {
+		className: cn(buttonVariants({
+			variant: "ghost",
+			size: "sm"
+		}), "grid grid-cols-[0.75rem_1fr] gap-2", className),
+		...props
+	});
+};
+MenuRadioItem.displayName = "MenuRadioItem";
+const MenuCheckboxItem = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(Menu.CheckboxItem, {
+		className: cn(buttonVariants({
+			variant: "ghost",
+			size: "sm"
+		}), "grid grid-cols-[0.75rem_1fr] gap-2", className),
+		...props
+	});
+};
+MenuCheckboxItem.displayName = "MenuCheckboxItem";
+const MenuRadioItemIndicator = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(Menu.RadioItemIndicator, {
+		className: cn("col-start-1", className),
+		...props
+	});
+};
+MenuRadioItemIndicator.displayName = "MenuRadioItemIndicator";
+const MenuCheckboxItemIndicator = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(Menu.CheckboxItemIndicator, {
+		className: cn("col-start-1", className),
+		...props
+	});
+};
+MenuCheckboxItemIndicator.displayName = "MenuCheckboxItemIndicator";
+const MenuCheckboxItemLabel = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx("span", {
+		className: cn("col-start-2", className),
+		...props
+	});
+};
+MenuCheckboxItemLabel.displayName = "MenuCheckboxItemLabel";
+const MenuRadioItemLabel = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx("span", {
+		className: cn("col-start-2", className),
+		...props
+	});
+};
+MenuRadioItemLabel.displayName = "MenuRadioItemLabel";
+const MenuSubmenuTrigger = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(Menu.SubmenuTrigger, {
+		className: cn(buttonVariants({
+			variant: "ghost",
+			size: "sm"
+		}), "flex justify-between", className),
+		...props
+	});
+};
+MenuSubmenuTrigger.displayName = "MenuSubmenuTrigger";
+const MenuSubmenuRoot = (props) => {
+	return /* @__PURE__ */ jsx(Menu.SubmenuRoot, { ...props });
+};
+MenuSubmenuRoot.displayName = "MenuSubmenuRoot";
+
+//#endregion
+export { MenuArrow, MenuCheckboxItem, MenuCheckboxItemIndicator, MenuCheckboxItemLabel, MenuGroup, MenuGroupLabel, MenuItem, MenuPopup, MenuPortal, MenuPositioner, MenuRadioGroup, MenuRadioItem, MenuRadioItemIndicator, MenuRadioItemLabel, MenuRoot, MenuSeparator, MenuSubmenuRoot, MenuSubmenuTrigger, MenuTrigger };
+//# sourceMappingURL=menu.js.map