@inspirare/design-system 0.0.22 → 0.0.24

package/dist/components/ui/input-group.js

@@ -3,24 +3,24 @@ import { cn as e } from "../../lib/utils.js";
 import { Button as t } from "./button.js";
 import { Input as n } from "./input.js";
 import { Textarea as r } from "./textarea.js";
-import "react";
 import { jsx as i } from "react/jsx-runtime";
+import "react";
 import { cva as a } from "class-variance-authority";
 //#region src/components/ui/input-group.tsx
 function o({ className: t, ...n }) {
 	return /* @__PURE__ */ i("div", {
 		"data-slot": "input-group",
 		role: "group",
-		className: e("group/input-group border-input dark:bg-input/30 shadow-xs relative flex w-full items-center rounded-md border outline-none transition-[color,box-shadow]", "h-9 has-[>textarea]:h-auto", "has-[>[data-align=inline-start]]:[&>input]:pl-2", "has-[>[data-align=inline-end]]:[&>input]:pr-2", "has-[>[data-align=block-start]]:h-auto has-[>[data-align=block-start]]:flex-col has-[>[data-align=block-start]]:[&>input]:pb-3", "has-[>[data-align=block-end]]:h-auto has-[>[data-align=block-end]]:flex-col has-[>[data-align=block-end]]:[&>input]:pt-3", "has-[[data-slot=input-group-control]:focus-visible]:ring-ring has-[[data-slot=input-group-control]:focus-visible]:ring-1", "has-[[data-slot][aria-invalid=true]]:ring-destructive/20 has-[[data-slot][aria-invalid=true]]:border-destructive dark:has-[[data-slot][aria-invalid=true]]:ring-destructive/40", t),
+		className: e("group/input-group relative flex h-8 w-full min-w-0 items-center rounded-lg border border-input transition-colors outline-none in-data-[slot=combobox-content]:focus-within:border-inherit in-data-[slot=combobox-content]:focus-within:ring-0 has-disabled:bg-input/50 has-disabled:opacity-50 has-[[data-slot=input-group-control]:focus-visible]:border-ring has-[[data-slot=input-group-control]:focus-visible]:ring-3 has-[[data-slot=input-group-control]:focus-visible]:ring-ring/50 has-[[data-slot][aria-invalid=true]]:border-destructive has-[[data-slot][aria-invalid=true]]:ring-3 has-[[data-slot][aria-invalid=true]]:ring-destructive/20 has-[>[data-align=block-end]]:h-auto has-[>[data-align=block-end]]:flex-col has-[>[data-align=block-start]]:h-auto has-[>[data-align=block-start]]:flex-col has-[>textarea]:h-auto dark:bg-input/30 dark:has-disabled:bg-input/80 dark:has-[[data-slot][aria-invalid=true]]:ring-destructive/40 has-[>[data-align=block-end]]:[&>input]:pt-3 has-[>[data-align=block-start]]:[&>input]:pb-3 has-[>[data-align=inline-end]]:[&>input]:pr-1.5 has-[>[data-align=inline-start]]:[&>input]:pl-1.5", t),
 		...n
 	});
 }
-var s = a("text-muted-foreground flex h-auto cursor-text select-none items-center justify-center gap-2 py-1.5 text-sm font-medium group-data-[disabled=true]/input-group:opacity-50 [&>kbd]:rounded-[calc(var(--radius)-5px)] [&>svg:not([class*='size-'])]:size-4", {
+var s = a("flex h-auto cursor-text items-center justify-center gap-2 py-1.5 text-sm font-medium text-muted-foreground select-none group-data-[disabled=true]/input-group:opacity-50 [&>kbd]:rounded-[calc(var(--radius)-5px)] [&>svg:not([class*='size-'])]:size-4", {
 	variants: { align: {
-		"inline-start": "order-first pl-3 has-[>button]:ml-[-0.45rem] has-[>kbd]:ml-[-0.35rem]",
-		"inline-end": "order-last pr-3 has-[>button]:mr-[-0.4rem] has-[>kbd]:mr-[-0.35rem]",
-		"block-start": "[.border-b]:pb-3 order-first w-full justify-start px-3 pt-3 group-has-[>input]/input-group:pt-2.5",
-		"block-end": "[.border-t]:pt-3 order-last w-full justify-start px-3 pb-3 group-has-[>input]/input-group:pb-2.5"
+		"inline-start": "order-first pl-2 has-[>button]:ml-[-0.3rem] has-[>kbd]:ml-[-0.15rem]",
+		"inline-end": "order-last pr-2 has-[>button]:mr-[-0.3rem] has-[>kbd]:mr-[-0.15rem]",
+		"block-start": "order-first w-full justify-start px-2.5 pt-2 group-has-[>input]/input-group:pt-2 [.border-b]:pb-2",
+		"block-end": "order-last w-full justify-start px-2.5 pb-2 group-has-[>input]/input-group:pb-2 [.border-t]:pt-2"
 	} },
 	defaultVariants: { align: "inline-start" }
 });
@@ -33,14 +33,17 @@ function c({ className: t, align: n = "inline-start", ...r }) {
 		onClick: (e) => {
 			e.target.closest("button") || e.currentTarget.parentElement?.querySelector("input")?.focus();
 		},
+		onKeyDown: (e) => {
+			(e.key === "Enter" || e.key === " ") && e.currentTarget.parentElement?.querySelector("input")?.focus();
+		},
 		...r
 	});
 }
 var l = a("flex items-center gap-2 text-sm shadow-none", {
 	variants: { size: {
-		xs: "h-6 gap-1 rounded-[calc(var(--radius)-5px)] px-2 has-[>svg]:px-2 [&>svg:not([class*='size-'])]:size-3.5",
-		sm: "h-8 gap-1.5 rounded-md px-2.5 has-[>svg]:px-2.5",
-		"icon-xs": "size-6 rounded-[calc(var(--radius)-5px)] p-0 has-[>svg]:p-0",
+		xs: "h-6 gap-1 rounded-[calc(var(--radius)-3px)] px-1.5 [&>svg:not([class*='size-'])]:size-3.5",
+		sm: "",
+		"icon-xs": "size-6 rounded-[calc(var(--radius)-3px)] p-0 has-[>svg]:p-0",
 		"icon-sm": "size-8 p-0 has-[>svg]:p-0"
 	} },
 	defaultVariants: { size: "xs" }
@@ -56,21 +59,21 @@ function u({ className: n, type: r = "button", variant: a = "ghost", size: o = "
 }
 function d({ className: t, ...n }) {
 	return /* @__PURE__ */ i("span", {
-		className: e("text-muted-foreground flex items-center gap-2 text-sm [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none", t),
+		className: e("flex items-center gap-2 text-sm text-muted-foreground [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4", t),
 		...n
 	});
 }
 function f({ className: t, ...r }) {
 	return /* @__PURE__ */ i(n, {
 		"data-slot": "input-group-control",
-		className: e("flex-1 rounded-none border-0 bg-transparent shadow-none focus-visible:ring-0 dark:bg-transparent", t),
+		className: e("flex-1 rounded-none border-0 bg-transparent shadow-none ring-0 focus-visible:ring-0 disabled:bg-transparent aria-invalid:ring-0 dark:bg-transparent dark:disabled:bg-transparent", t),
 		...r
 	});
 }
 function p({ className: t, ...n }) {
 	return /* @__PURE__ */ i(r, {
 		"data-slot": "input-group-control",
-		className: e("flex-1 resize-none rounded-none border-0 bg-transparent py-3 shadow-none focus-visible:ring-0 dark:bg-transparent", t),
+		className: e("flex-1 resize-none rounded-none border-0 bg-transparent py-2 shadow-none ring-0 focus-visible:ring-0 disabled:bg-transparent aria-invalid:ring-0 dark:bg-transparent dark:disabled:bg-transparent", t),
 		...n
 	});
 }

package/dist/components/ui/input-otp.js

@@ -1,42 +1,47 @@
 "use client";
 import { cn as e } from "../../lib/utils.js";
-import * as t from "react";
-import { Dot as n } from "lucide-react";
-import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import { MinusIcon as t } from "lucide-react";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import * as i from "react";
 import { OTPInput as a, OTPInputContext as o } from "input-otp";
 //#region src/components/ui/input-otp.tsx
-var s = t.forwardRef(({ className: t, containerClassName: n, ...i }, o) => /* @__PURE__ */ r(a, {
-	ref: o,
-	containerClassName: e("flex items-center gap-2 has-[:disabled]:opacity-50", n),
-	className: e("disabled:cursor-not-allowed", t),
-	...i
-}));
-s.displayName = "InputOTP";
-var c = t.forwardRef(({ className: t, ...n }, i) => /* @__PURE__ */ r("div", {
-	ref: i,
-	className: e("flex items-center", t),
-	...n
-}));
-c.displayName = "InputOTPGroup";
-var l = t.forwardRef(({ index: n, className: a, ...s }, c) => {
-	let { char: l, hasFakeCaret: u, isActive: d } = t.useContext(o).slots[n];
-	return /* @__PURE__ */ i("div", {
-		ref: c,
-		className: e("relative flex h-10 w-10 items-center justify-center border-y border-r border-input text-sm transition-all first:rounded-l-md first:border-l last:rounded-r-md", d && "z-10 ring-2 ring-ring ring-offset-background", a),
+function s({ className: t, containerClassName: r, ...i }) {
+	return /* @__PURE__ */ n(a, {
+		"data-slot": "input-otp",
+		containerClassName: e("cn-input-otp flex items-center has-disabled:opacity-50", r),
+		spellCheck: !1,
+		className: e("disabled:cursor-not-allowed", t),
+		...i
+	});
+}
+function c({ className: t, ...r }) {
+	return /* @__PURE__ */ n("div", {
+		"data-slot": "input-otp-group",
+		className: e("flex items-center rounded-lg has-aria-invalid:border-destructive has-aria-invalid:ring-3 has-aria-invalid:ring-destructive/20 dark:has-aria-invalid:ring-destructive/40", t),
+		...r
+	});
+}
+function l({ index: t, className: a, ...s }) {
+	let { char: c, hasFakeCaret: l, isActive: u } = i.useContext(o)?.slots[t] ?? {};
+	return /* @__PURE__ */ r("div", {
+		"data-slot": "input-otp-slot",
+		"data-active": u,
+		className: e("relative flex size-8 items-center justify-center border-y border-r border-input text-sm transition-all outline-none first:rounded-l-lg first:border-l last:rounded-r-lg aria-invalid:border-destructive data-[active=true]:z-10 data-[active=true]:border-ring data-[active=true]:ring-3 data-[active=true]:ring-ring/50 data-[active=true]:aria-invalid:border-destructive data-[active=true]:aria-invalid:ring-destructive/20 dark:bg-input/30 dark:data-[active=true]:aria-invalid:ring-destructive/40", a),
 		...s,
-		children: [l, u && /* @__PURE__ */ r("div", {
+		children: [c, l && /* @__PURE__ */ n("div", {
 			className: "pointer-events-none absolute inset-0 flex items-center justify-center",
-			children: /* @__PURE__ */ r("div", { className: "h-4 w-px animate-caret-blink bg-foreground duration-1000" })
+			children: /* @__PURE__ */ n("div", { className: "h-4 w-px animate-caret-blink bg-foreground duration-1000" })
 		})]
 	});
-});
-l.displayName = "InputOTPSlot";
-var u = t.forwardRef(({ ...e }, t) => /* @__PURE__ */ r("div", {
-	ref: t,
-	role: "separator",
-	...e,
-	children: /* @__PURE__ */ r(n, {})
-}));
-u.displayName = "InputOTPSeparator";
+}
+function u({ ...e }) {
+	return /* @__PURE__ */ n("div", {
+		"data-slot": "input-otp-separator",
+		className: "flex items-center [&_svg:not([class*='size-'])]:size-4",
+		role: "separator",
+		...e,
+		children: /* @__PURE__ */ n(t, {})
+	});
+}
 //#endregion
 export { s as InputOTP, c as InputOTPGroup, u as InputOTPSeparator, l as InputOTPSlot };

package/dist/components/ui/input.js

@@ -1,14 +1,16 @@
+"use client";
 import { cn as e } from "../../lib/utils.js";
-import "react";
 import { jsx as t } from "react/jsx-runtime";
+import "react";
+import { Input as n } from "@base-ui/react/input";
 //#region src/components/ui/input.tsx
-function n({ className: n, type: r, ...i }) {
-	return /* @__PURE__ */ t("input", {
-		type: r,
+function r({ className: r, type: i, ...a }) {
+	return /* @__PURE__ */ t(n, {
+		type: i,
 		"data-slot": "input",
-		className: e("file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input flex h-9 w-full min-w-0 rounded-md border bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm", "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]", "aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive", n),
-		...i
+		className: e("h-8 w-full min-w-0 rounded-lg border border-input bg-transparent px-2.5 py-1 text-base transition-colors outline-none file:inline-flex file:h-6 file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:pointer-events-none disabled:cursor-not-allowed disabled:bg-input/50 disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 md:text-sm dark:bg-input/30 dark:disabled:bg-input/80 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40", r),
+		...a
 	});
 }
 //#endregion
-export { n as Input };
+export { r as Input };

package/dist/components/ui/item.js

@@ -1,36 +1,39 @@
+"use client";
 import { cn as e } from "../../lib/utils.js";
 import { Separator as t } from "./separator.js";
-import "react";
 import { jsx as n } from "react/jsx-runtime";
+import "react";
 import { cva as r } from "class-variance-authority";
-import { Slot as i } from "@radix-ui/react-slot";
+import { mergeProps as i } from "@base-ui/react/merge-props";
+import { useRender as a } from "@base-ui/react/use-render";
 //#region src/components/ui/item.tsx
-function a({ className: t, ...r }) {
+function o({ className: t, ...r }) {
 	return /* @__PURE__ */ n("div", {
 		role: "list",
 		"data-slot": "item-group",
-		className: e("group/item-group flex flex-col", t),
+		className: e("group/item-group flex w-full flex-col gap-4 has-data-[size=sm]:gap-2.5 has-data-[size=xs]:gap-2", t),
 		...r
 	});
 }
-function o({ className: r, ...i }) {
+function s({ className: r, ...i }) {
 	return /* @__PURE__ */ n(t, {
 		"data-slot": "item-separator",
 		orientation: "horizontal",
-		className: e("my-0", r),
+		className: e("my-2", r),
 		...i
 	});
 }
-var s = r("group/item [a]:hover:bg-accent/50 focus-visible:border-ring focus-visible:ring-ring/50 [a]:transition-colors flex flex-wrap items-center rounded-md border border-transparent text-sm outline-none transition-colors duration-100 focus-visible:ring-[3px]", {
+var c = r("group/item flex w-full flex-wrap items-center rounded-lg border text-sm transition-colors duration-100 outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 [a]:transition-colors [a]:hover:bg-muted", {
 	variants: {
 		variant: {
-			default: "bg-transparent",
+			default: "border-transparent",
 			outline: "border-border",
-			muted: "bg-muted/50"
+			muted: "border-transparent bg-muted/50"
 		},
 		size: {
-			default: "gap-4 p-4 ",
-			sm: "gap-2.5 px-4 py-3"
+			default: "gap-2.5 px-3 py-2.5",
+			sm: "gap-2.5 px-3 py-2.5",
+			xs: "gap-2 px-2.5 py-2 in-data-[slot=dropdown-menu-content]:p-0"
 		}
 	},
 	defaultVariants: {
@@ -38,74 +41,77 @@ var s = r("group/item [a]:hover:bg-accent/50 focus-visible:border-ring focus-vis
 		size: "default"
 	}
 });
-function c({ className: t, variant: r = "default", size: a = "default", asChild: o = !1, ...c }) {
-	return /* @__PURE__ */ n(o ? i : "div", {
-		"data-slot": "item",
-		"data-variant": r,
-		"data-size": a,
-		className: e(s({
-			variant: r,
-			size: a,
+function l({ className: t, variant: n = "default", size: r = "default", render: o, ...s }) {
+	return a({
+		defaultTagName: "div",
+		props: i({ className: e(c({
+			variant: n,
+			size: r,
 			className: t
-		})),
-		...c
+		})) }, s),
+		render: o,
+		state: {
+			slot: "item",
+			variant: n,
+			size: r
+		}
 	});
 }
-var l = r("flex shrink-0 items-center justify-center gap-2 group-has-[[data-slot=item-description]]/item:translate-y-0.5 group-has-[[data-slot=item-description]]/item:self-start [&_svg]:pointer-events-none", {
+var u = r("flex shrink-0 items-center justify-center gap-2 group-has-data-[slot=item-description]/item:translate-y-0.5 group-has-data-[slot=item-description]/item:self-start [&_svg]:pointer-events-none", {
 	variants: { variant: {
 		default: "bg-transparent",
-		icon: "bg-muted size-8 rounded-sm border [&_svg:not([class*='size-'])]:size-4",
-		image: "size-10 overflow-hidden rounded-sm [&_img]:size-full [&_img]:object-cover"
+		icon: "[&_svg:not([class*='size-'])]:size-4",
+		image: "size-10 overflow-hidden rounded-sm group-data-[size=sm]/item:size-8 group-data-[size=xs]/item:size-6 [&_img]:size-full [&_img]:object-cover"
 	} },
 	defaultVariants: { variant: "default" }
 });
-function u({ className: t, variant: r = "default", ...i }) {
+function d({ className: t, variant: r = "default", ...i }) {
 	return /* @__PURE__ */ n("div", {
 		"data-slot": "item-media",
 		"data-variant": r,
-		className: e(l({
+		className: e(u({
 			variant: r,
 			className: t
 		})),
 		...i
 	});
 }
-function d({ className: t, ...r }) {
+function f({ className: t, ...r }) {
 	return /* @__PURE__ */ n("div", {
 		"data-slot": "item-content",
-		className: e("flex flex-1 flex-col gap-1 [&+[data-slot=item-content]]:flex-none", t),
+		className: e("flex flex-1 flex-col gap-1 group-data-[size=xs]/item:gap-0 [&+[data-slot=item-content]]:flex-none", t),
 		...r
 	});
 }
-function f({ className: t, ...r }) {
+function p({ className: t, ...r }) {
 	return /* @__PURE__ */ n("div", {
 		"data-slot": "item-title",
-		className: e("flex w-fit items-center gap-2 text-sm font-medium leading-snug", t),
+		className: e("line-clamp-1 flex w-fit items-center gap-2 text-sm leading-snug font-medium underline-offset-4", t),
 		...r
 	});
 }
-function p({ className: t, ...r }) {
+function m({ className: t, ...r }) {
 	return /* @__PURE__ */ n("p", {
 		"data-slot": "item-description",
-		className: e("text-muted-foreground line-clamp-2 text-balance text-sm font-normal leading-normal", "[&>a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4", t),
+		className: e("line-clamp-2 text-left text-sm leading-normal font-normal text-muted-foreground group-data-[size=xs]/item:text-xs [&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-primary", t),
 		...r
 	});
 }
-function m({ className: t, ...r }) {
+function h({ className: t, ...r }) {
 	return /* @__PURE__ */ n("div", {
 		"data-slot": "item-actions",
 		className: e("flex items-center gap-2", t),
 		...r
 	});
 }
-function h({ className: t, ...r }) {
+function g({ className: t, ...r }) {
 	return /* @__PURE__ */ n("div", {
 		"data-slot": "item-header",
 		className: e("flex basis-full items-center justify-between gap-2", t),
 		...r
 	});
 }
-function g({ className: t, ...r }) {
+function _({ className: t, ...r }) {
 	return /* @__PURE__ */ n("div", {
 		"data-slot": "item-footer",
 		className: e("flex basis-full items-center justify-between gap-2", t),
@@ -113,4 +119,4 @@ function g({ className: t, ...r }) {
 	});
 }
 //#endregion
-export { c as Item, m as ItemActions, d as ItemContent, p as ItemDescription, g as ItemFooter, a as ItemGroup, h as ItemHeader, u as ItemMedia, o as ItemSeparator, f as ItemTitle };
+export { l as Item, h as ItemActions, f as ItemContent, m as ItemDescription, _ as ItemFooter, o as ItemGroup, g as ItemHeader, d as ItemMedia, s as ItemSeparator, p as ItemTitle };

package/dist/components/ui/kbd.js

@@ -1,10 +1,11 @@
+"use client";
 import { cn as e } from "../../lib/utils.js";
 import { jsx as t } from "react/jsx-runtime";
 //#region src/components/ui/kbd.tsx
 function n({ className: n, ...r }) {
 	return /* @__PURE__ */ t("kbd", {
 		"data-slot": "kbd",
-		className: e("bg-muted text-muted-foreground pointer-events-none inline-flex h-5 w-fit min-w-5 select-none items-center justify-center gap-1 rounded-sm px-1 font-sans text-xs font-medium", "[&_svg:not([class*='size-'])]:size-3", "[[data-slot=tooltip-content]_&]:bg-background/20 [[data-slot=tooltip-content]_&]:text-background dark:[[data-slot=tooltip-content]_&]:bg-background/10", n),
+		className: e("pointer-events-none inline-flex h-5 w-fit min-w-5 items-center justify-center gap-1 rounded-sm bg-muted px-1 font-sans text-xs font-medium text-muted-foreground select-none in-data-[slot=tooltip-content]:bg-background/20 in-data-[slot=tooltip-content]:text-background dark:in-data-[slot=tooltip-content]:bg-background/10 [&_svg:not([class*='size-'])]:size-3", n),
 		...r
 	});
 }

package/dist/components/ui/label.js

@@ -1,15 +1,14 @@
 "use client";
 import { cn as e } from "../../lib/utils.js";
-import "react";
 import { jsx as t } from "react/jsx-runtime";
-import * as n from "@radix-ui/react-label";
+import "react";
 //#region src/components/ui/label.tsx
-function r({ className: r, ...i }) {
-	return /* @__PURE__ */ t(n.Root, {
+function n({ className: n, ...r }) {
+	return /* @__PURE__ */ t("label", {
 		"data-slot": "label",
-		className: e("flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50", r),
-		...i
+		className: e("flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50", n),
+		...r
 	});
 }
 //#endregion
-export { r as Label };
+export { n as Label };

package/dist/components/ui/menubar.js

@@ -1,105 +1,136 @@
 "use client";
 import { cn as e } from "../../lib/utils.js";
-import * as t from "react";
-import { Check as n, ChevronRight as r, Circle as i } from "lucide-react";
-import { jsx as a, jsxs as o } from "react/jsx-runtime";
-import * as s from "@radix-ui/react-menubar";
+import { DropdownMenu as t, DropdownMenuContent as n, DropdownMenuGroup as r, DropdownMenuItem as i, DropdownMenuLabel as a, DropdownMenuPortal as o, DropdownMenuRadioGroup as s, DropdownMenuSeparator as c, DropdownMenuShortcut as l, DropdownMenuSub as u, DropdownMenuSubContent as d, DropdownMenuSubTrigger as f, DropdownMenuTrigger as p } from "./dropdown-menu.js";
+import { CheckIcon as m } from "lucide-react";
+import { jsx as h, jsxs as g } from "react/jsx-runtime";
+import "react";
+import { Menu as _ } from "@base-ui/react/menu";
+import { Menubar as v } from "@base-ui/react/menubar";
 //#region src/components/ui/menubar.tsx
-function c({ ...e }) {
-	return /* @__PURE__ */ a(s.Menu, { ...e });
+function y({ className: t, ...n }) {
+	return /* @__PURE__ */ h(v, {
+		"data-slot": "menubar",
+		className: e("flex h-8 items-center gap-0.5 rounded-lg border p-[3px]", t),
+		...n
+	});
+}
+function b({ ...e }) {
+	return /* @__PURE__ */ h(t, {
+		"data-slot": "menubar-menu",
+		...e
+	});
+}
+function x({ ...e }) {
+	return /* @__PURE__ */ h(r, {
+		"data-slot": "menubar-group",
+		...e
+	});
+}
+function S({ ...e }) {
+	return /* @__PURE__ */ h(o, {
+		"data-slot": "menubar-portal",
+		...e
+	});
+}
+function C({ className: t, ...n }) {
+	return /* @__PURE__ */ h(p, {
+		"data-slot": "menubar-trigger",
+		className: e("flex items-center rounded-sm px-1.5 py-[2px] text-sm font-medium outline-hidden select-none hover:bg-muted aria-expanded:bg-muted", t),
+		...n
+	});
+}
+function w({ className: t, align: r = "start", alignOffset: i = -4, sideOffset: a = 8, ...o }) {
+	return /* @__PURE__ */ h(n, {
+		"data-slot": "menubar-content",
+		align: r,
+		alignOffset: i,
+		sideOffset: a,
+		className: e("min-w-36 rounded-lg bg-popover p-1 text-popover-foreground shadow-md ring-1 ring-foreground/10 duration-100 data-[side=bottom]:slide-in-from-top-2 data-[side=inline-end]:slide-in-from-left-2 data-[side=inline-start]:slide-in-from-right-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 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95", t),
+		...o
+	});
+}
+function T({ className: t, inset: n, variant: r = "default", ...a }) {
+	return /* @__PURE__ */ h(i, {
+		"data-slot": "menubar-item",
+		"data-inset": n,
+		"data-variant": r,
+		className: e("group/menubar-item gap-1.5 rounded-md px-1.5 py-1 text-sm focus:bg-accent focus:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground data-inset:pl-7 data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 data-[variant=destructive]:focus:text-destructive dark:data-[variant=destructive]:focus:bg-destructive/20 data-disabled:opacity-50 [&_svg:not([class*='size-'])]:size-4 data-[variant=destructive]:*:[svg]:text-destructive!", t),
+		...a
+	});
+}
+function E({ className: t, children: n, checked: r, inset: i, ...a }) {
+	return /* @__PURE__ */ g(_.CheckboxItem, {
+		"data-slot": "menubar-checkbox-item",
+		"data-inset": i,
+		className: e("relative flex cursor-pointer items-center gap-1.5 rounded-md py-1 pr-1.5 pl-7 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground data-inset:pl-7 data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0", t),
+		checked: r,
+		...a,
+		children: [/* @__PURE__ */ h("span", {
+			className: "pointer-events-none absolute left-1.5 flex size-4 items-center justify-center [&_svg:not([class*='size-'])]:size-4",
+			children: /* @__PURE__ */ h(_.CheckboxItemIndicator, { children: /* @__PURE__ */ h(m, {}) })
+		}), n]
+	});
 }
-function l({ ...e }) {
-	return /* @__PURE__ */ a(s.Group, { ...e });
+function D({ ...e }) {
+	return /* @__PURE__ */ h(s, {
+		"data-slot": "menubar-radio-group",
+		...e
+	});
 }
-function u({ ...e }) {
-	return /* @__PURE__ */ a(s.Portal, { ...e });
+function O({ className: t, children: n, inset: r, ...i }) {
+	return /* @__PURE__ */ g(_.RadioItem, {
+		"data-slot": "menubar-radio-item",
+		"data-inset": r,
+		className: e("relative flex cursor-pointer items-center gap-1.5 rounded-md py-1 pr-1.5 pl-7 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground data-inset:pl-7 data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", t),
+		...i,
+		children: [/* @__PURE__ */ h("span", {
+			className: "pointer-events-none absolute left-1.5 flex size-4 items-center justify-center [&_svg:not([class*='size-'])]:size-4",
+			children: /* @__PURE__ */ h(_.RadioItemIndicator, { children: /* @__PURE__ */ h(m, {}) })
+		}), n]
+	});
 }
-function d({ ...e }) {
-	return /* @__PURE__ */ a(s.RadioGroup, { ...e });
+function k({ className: t, inset: n, ...r }) {
+	return /* @__PURE__ */ h(a, {
+		"data-slot": "menubar-label",
+		"data-inset": n,
+		className: e("px-1.5 py-1 text-sm font-medium data-inset:pl-7", t),
+		...r
+	});
 }
-function f({ ...e }) {
-	return /* @__PURE__ */ a(s.Sub, {
+function A({ className: t, ...n }) {
+	return /* @__PURE__ */ h(c, {
+		"data-slot": "menubar-separator",
+		className: e("-mx-1 my-1 h-px bg-border", t),
+		...n
+	});
+}
+function j({ className: t, ...n }) {
+	return /* @__PURE__ */ h(l, {
+		"data-slot": "menubar-shortcut",
+		className: e("ml-auto text-xs tracking-widest text-muted-foreground group-focus/menubar-item:text-accent-foreground", t),
+		...n
+	});
+}
+function M({ ...e }) {
+	return /* @__PURE__ */ h(u, {
 		"data-slot": "menubar-sub",
 		...e
 	});
 }
-var p = t.forwardRef(({ className: t, ...n }, r) => /* @__PURE__ */ a(s.Root, {
-	ref: r,
-	className: e("flex h-10 items-center space-x-1 rounded-md border bg-background p-1", t),
-	...n
-}));
-p.displayName = s.Root.displayName;
-var m = t.forwardRef(({ className: t, ...n }, r) => /* @__PURE__ */ a(s.Trigger, {
-	ref: r,
-	className: e("flex cursor-default select-none items-center rounded-sm px-3 py-1.5 text-sm font-medium outline-none focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground", t),
-	...n
-}));
-m.displayName = s.Trigger.displayName;
-var h = t.forwardRef(({ className: t, inset: n, children: i, ...c }, l) => /* @__PURE__ */ o(s.SubTrigger, {
-	ref: l,
-	className: e("flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground", n && "pl-8", t),
-	...c,
-	children: [i, /* @__PURE__ */ a(r, { className: "ml-auto h-4 w-4" })]
-}));
-h.displayName = s.SubTrigger.displayName;
-var g = t.forwardRef(({ className: t, ...n }, r) => /* @__PURE__ */ a(s.SubContent, {
-	ref: r,
-	className: e("z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=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 origin-[--radix-menubar-content-transform-origin]", t),
-	...n
-}));
-g.displayName = s.SubContent.displayName;
-var _ = t.forwardRef(({ className: t, align: n = "start", alignOffset: r = -4, sideOffset: i = 8, ...o }, c) => /* @__PURE__ */ a(s.Portal, { children: /* @__PURE__ */ a(s.Content, {
-	ref: c,
-	align: n,
-	alignOffset: r,
-	sideOffset: i,
-	className: e("z-50 min-w-[12rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=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 origin-[--radix-menubar-content-transform-origin]", t),
-	...o
-}) }));
-_.displayName = s.Content.displayName;
-var v = t.forwardRef(({ className: t, inset: n, ...r }, i) => /* @__PURE__ */ a(s.Item, {
-	ref: i,
-	className: e("relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50", n && "pl-8", t),
-	...r
-}));
-v.displayName = s.Item.displayName;
-var y = t.forwardRef(({ className: t, children: r, checked: i, ...c }, l) => /* @__PURE__ */ o(s.CheckboxItem, {
-	ref: l,
-	className: e("relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50", t),
-	checked: i,
-	...c,
-	children: [/* @__PURE__ */ a("span", {
-		className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center",
-		children: /* @__PURE__ */ a(s.ItemIndicator, { children: /* @__PURE__ */ a(n, { className: "h-4 w-4" }) })
-	}), r]
-}));
-y.displayName = s.CheckboxItem.displayName;
-var b = t.forwardRef(({ className: t, children: n, ...r }, c) => /* @__PURE__ */ o(s.RadioItem, {
-	ref: c,
-	className: e("relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50", t),
-	...r,
-	children: [/* @__PURE__ */ a("span", {
-		className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center",
-		children: /* @__PURE__ */ a(s.ItemIndicator, { children: /* @__PURE__ */ a(i, { className: "h-2 w-2 fill-current" }) })
-	}), n]
-}));
-b.displayName = s.RadioItem.displayName;
-var x = t.forwardRef(({ className: t, inset: n, ...r }, i) => /* @__PURE__ */ a(s.Label, {
-	ref: i,
-	className: e("px-2 py-1.5 text-sm font-semibold", n && "pl-8", t),
-	...r
-}));
-x.displayName = s.Label.displayName;
-var S = t.forwardRef(({ className: t, ...n }, r) => /* @__PURE__ */ a(s.Separator, {
-	ref: r,
-	className: e("-mx-1 my-1 h-px bg-muted", t),
-	...n
-}));
-S.displayName = s.Separator.displayName;
-var C = ({ className: t, ...n }) => /* @__PURE__ */ a("span", {
-	className: e("ml-auto text-xs tracking-widest text-muted-foreground", t),
-	...n
-});
-C.displayname = "MenubarShortcut";
+function N({ className: t, inset: n, ...r }) {
+	return /* @__PURE__ */ h(f, {
+		"data-slot": "menubar-sub-trigger",
+		"data-inset": n,
+		className: e("gap-1.5 rounded-md px-1.5 py-1 text-sm focus:bg-accent focus:text-accent-foreground data-inset:pl-7 data-open:bg-accent data-open:text-accent-foreground [&_svg:not([class*='size-'])]:size-4", t),
+		...r
+	});
+}
+function P({ className: t, ...n }) {
+	return /* @__PURE__ */ h(d, {
+		"data-slot": "menubar-sub-content",
+		className: e("min-w-32 rounded-lg bg-popover p-1 text-popover-foreground shadow-lg ring-1 ring-foreground/10 duration-100 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 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95", t),
+		...n
+	});
+}
 //#endregion
-export { p as Menubar, y as MenubarCheckboxItem, _ as MenubarContent, l as MenubarGroup, v as MenubarItem, x as MenubarLabel, c as MenubarMenu, u as MenubarPortal, d as MenubarRadioGroup, b as MenubarRadioItem, S as MenubarSeparator, C as MenubarShortcut, f as MenubarSub, g as MenubarSubContent, h as MenubarSubTrigger, m as MenubarTrigger };
+export { y as Menubar, E as MenubarCheckboxItem, w as MenubarContent, x as MenubarGroup, T as MenubarItem, k as MenubarLabel, b as MenubarMenu, S as MenubarPortal, D as MenubarRadioGroup, O as MenubarRadioItem, A as MenubarSeparator, j as MenubarShortcut, M as MenubarSub, P as MenubarSubContent, N as MenubarSubTrigger, C as MenubarTrigger };