@nuka-ui/core 1.0.3 → 1.1.0

package/dist/components/CommandMenu/CommandMenu.context.js

@@ -0,0 +1,13 @@
+"use client";
+import { createContext as e, useContext as t } from "react";
+//#region src/components/CommandMenu/CommandMenu.context.tsx
+var n = e(null);
+function r() {
+	let e = t(n);
+	if (e === null) throw Error("CommandMenu compound components must be used within <CommandMenu>.");
+	return e;
+}
+//#endregion
+export { n as CommandMenuContext, r as useCommandMenuContext };
+
+//# sourceMappingURL=CommandMenu.context.js.map

package/dist/components/CommandMenu/CommandMenu.context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommandMenu.context.js","names":[],"sources":["../../../src/components/CommandMenu/CommandMenu.context.tsx"],"sourcesContent":["\"use client\";\nimport { createContext, useContext } from \"react\";\n\nexport interface CommandMenuContextValue {\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n  filter: string;\n  setFilter: (value: string) => void;\n  activeItemId: string | null;\n  setActiveItemId: (id: string | null) => void;\n  visibleCount: number;\n  baseId: string;\n  listboxId: string;\n  inputId: string;\n  listRef: React.RefObject<HTMLDivElement | null>;\n}\n\nconst CommandMenuContext = createContext<CommandMenuContextValue | null>(null);\n\nfunction useCommandMenuContext(): CommandMenuContextValue {\n  const ctx = useContext(CommandMenuContext);\n  if (ctx === null) {\n    throw new Error(\n      \"CommandMenu compound components must be used within <CommandMenu>.\",\n    );\n  }\n  return ctx;\n}\n\nexport { CommandMenuContext, useCommandMenuContext };\n"],"mappings":";;;AAiBA,IAAM,IAAqB,EAA8C,KAAK;AAE9E,SAAS,IAAiD;CACxD,IAAM,IAAM,EAAW,EAAmB;AAC1C,KAAI,MAAQ,KACV,OAAU,MACR,qEACD;AAEH,QAAO"}

package/dist/components/CommandMenu/CommandMenu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CommandMenu.d.ts","sourceRoot":"","sources":["../../../src/components/CommandMenu/CommandMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAa/B,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CACxC;AAaD,iBAAS,WAAW,CAAC,EACnB,QAAQ,EACR,IAAI,EAAE,cAAc,EACpB,WAAmB,EACnB,YAAY,GACb,EAAE,gBAAgB,kDAsGlB;kBA3GQ,WAAW;;;AA6HpB,MAAM,WAAW,qBAAsB,SAAQ,IAAI,CACjD,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAC3C,OAAO,GAAG,UAAU,CACrB;CAAG;AAEJ,QAAA,MAAM,gBAAgB,gGAqIpB,CAAC;AAIH,MAAM,WAAW,oBAAqB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAErF,QAAA,MAAM,eAAe,6FA0BpB,CAAC;AAIF,MAAM,WAAW,qBAAsB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAEtF,QAAA,MAAM,gBAAgB,8FAoBpB,CAAC;AAIH,MAAM,WAAW,qBAAsB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACjF,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,QAAA,MAAM,gBAAgB,8FAoDpB,CAAC;AAIH,MAAM,WAAW,oBAAqB,SAAQ,IAAI,CAChD,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EACpC,UAAU,CACX;IACC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,QAAA,MAAM,eAAe,6FAiEpB,CAAC;AAIF,MAAM,WAAW,wBAAyB,SAAQ,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;CAAG;AAE1F,QAAA,MAAM,mBAAmB,kGAUvB,CAAC;AAIH,OAAO,EACL,WAAW,EACX,gBAAgB,EAChB,eAAe,EACf,gBAAgB,EAChB,gBAAgB,EAChB,eAAe,EACf,mBAAmB,GACpB,CAAC"}
+{"version":3,"file":"CommandMenu.d.ts","sourceRoot":"","sources":["../../../src/components/CommandMenu/CommandMenu.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAa/B,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CACxC;AAaD,iBAAS,WAAW,CAAC,EACnB,QAAQ,EACR,IAAI,EAAE,cAAc,EACpB,WAAmB,EACnB,YAAY,GACb,EAAE,gBAAgB,kDAyGlB;kBA9GQ,WAAW;;;AAgIpB,MAAM,WAAW,qBAAsB,SAAQ,IAAI,CACjD,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAC3C,OAAO,GAAG,UAAU,CACrB;CAAG;AAEJ,QAAA,MAAM,gBAAgB,gGAqIpB,CAAC;AAIH,MAAM,WAAW,oBAAqB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAErF,QAAA,MAAM,eAAe,6FA0BpB,CAAC;AAIF,MAAM,WAAW,qBAAsB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAEtF,QAAA,MAAM,gBAAgB,8FAoBpB,CAAC;AAIH,MAAM,WAAW,qBAAsB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACjF,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,QAAA,MAAM,gBAAgB,8FAoDpB,CAAC;AAIH,MAAM,WAAW,oBAAqB,SAAQ,IAAI,CAChD,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EACpC,UAAU,CACX;IACC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,QAAA,MAAM,eAAe,6FAiEpB,CAAC;AAIF,MAAM,WAAW,wBAAyB,SAAQ,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;CAAG;AAE1F,QAAA,MAAM,mBAAmB,kGAUvB,CAAC;AAIH,OAAO,EACL,WAAW,EACX,gBAAgB,EAChB,eAAe,EACf,gBAAgB,EAChB,gBAAgB,EAChB,eAAe,EACf,mBAAmB,GACpB,CAAC"}

package/dist/components/CommandMenu/CommandMenu.js

@@ -0,0 +1,230 @@
+"use client";
+import { cn as e } from "../../utils/cn.js";
+import { useControllableState as t } from "../../hooks/use-controllable-state.js";
+import { Icon as n } from "../Icon/Icon.js";
+import { Text as r } from "../Text/Text.js";
+import { Portal as i } from "../../utils/portal.js";
+import { useScrollLock as a } from "../../hooks/use-scroll-lock.js";
+import { useEscapeKey as o } from "../../hooks/use-escape-key.js";
+import { CommandMenuContext as s, useCommandMenuContext as c } from "./CommandMenu.context.js";
+import * as l from "react";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
+//#region src/components/CommandMenu/CommandMenu.tsx
+function f(e) {
+	return e.current == null ? [] : Array.from(e.current.querySelectorAll("[role=\"option\"]:not([hidden])"));
+}
+function p({ children: n, open: r, defaultOpen: c = !1, onOpenChange: p }) {
+	let [m, h] = t(r, c, p), [g, _] = l.useState(""), [v, y] = l.useState(null), [b, x] = l.useState(0), S = l.useId(), C = `${S}-listbox`, w = `${S}-input`, T = l.useRef(null), E = l.useRef(null);
+	a(m), o(l.useCallback(() => h(!1), [h]), m), l.useEffect(() => {
+		if (!m) return;
+		let e = f(T).length;
+		x(e);
+	}, [m, g]), l.useEffect(() => {
+		m ? E.current = document.activeElement : E.current != null && (E.current.focus(), E.current = null);
+	}, [m]), l.useEffect(() => {
+		m || (_(""), y(null));
+	}, [m]);
+	let D = l.useMemo(() => ({
+		open: m,
+		onOpenChange: h,
+		filter: g,
+		setFilter: _,
+		activeItemId: v,
+		setActiveItemId: y,
+		visibleCount: b,
+		baseId: S,
+		listboxId: C,
+		inputId: w,
+		listRef: T
+	}), [
+		m,
+		h,
+		g,
+		v,
+		b,
+		S,
+		C,
+		w
+	]);
+	return m ? /* @__PURE__ */ u(s, {
+		value: D,
+		children: /* @__PURE__ */ d(i, { children: [/* @__PURE__ */ u("div", {
+			className: e("fixed inset-0 z-(--nuka-z-modal)", "bg-(--nuka-bg-overlay)"),
+			onClick: () => h(!1),
+			"aria-hidden": "true"
+		}), /* @__PURE__ */ u("div", {
+			role: "dialog",
+			"aria-modal": "true",
+			"aria-label": "Command menu",
+			className: e("fixed z-(--nuka-z-modal)", "left-1/2 top-[20%] -translate-x-1/2", "w-full max-w-lg", "rounded-(--radius-xl) border border-(--nuka-border-base)", "bg-(--nuka-bg-base) shadow-(--nuka-shadow-modal)", "overflow-hidden"),
+			children: n
+		})] })
+	}) : null;
+}
+p.displayName = "CommandMenu";
+var m = () => /* @__PURE__ */ d("svg", {
+	viewBox: "0 0 24 24",
+	fill: "none",
+	stroke: "currentColor",
+	strokeWidth: 2,
+	strokeLinecap: "round",
+	strokeLinejoin: "round",
+	children: [/* @__PURE__ */ u("circle", {
+		cx: "11",
+		cy: "11",
+		r: "8"
+	}), /* @__PURE__ */ u("path", { d: "m21 21-4.3-4.3" })]
+}), h = l.forwardRef(({ className: t, ...r }, i) => {
+	let a = c(), o = l.useRef(null), s = l.useCallback((e) => {
+		o.current = e, typeof i == "function" ? i(e) : i != null && (i.current = e);
+	}, [i]);
+	l.useEffect(() => {
+		a.open && requestAnimationFrame(() => {
+			o.current?.focus();
+		});
+	}, [a.open]);
+	let p = (e) => {
+		let t = f(a.listRef);
+		switch (e.key) {
+			case "ArrowDown": {
+				if (e.preventDefault(), t.length === 0) return;
+				let n = t.findIndex((e) => e.id === a.activeItemId), r = t[n === -1 ? 0 : (n + 1) % t.length];
+				r != null && a.setActiveItemId(r.id);
+				break;
+			}
+			case "ArrowUp": {
+				if (e.preventDefault(), t.length === 0) return;
+				let n = t.findIndex((e) => e.id === a.activeItemId), r = t[n === -1 ? t.length - 1 : (n - 1 + t.length) % t.length];
+				r != null && a.setActiveItemId(r.id);
+				break;
+			}
+			case "Home": {
+				e.preventDefault();
+				let n = t[0];
+				n != null && a.setActiveItemId(n.id);
+				break;
+			}
+			case "End": {
+				e.preventDefault();
+				let n = t[t.length - 1];
+				n != null && a.setActiveItemId(n.id);
+				break;
+			}
+			case "Enter":
+				if (e.preventDefault(), a.activeItemId != null) {
+					let e = document.getElementById(a.activeItemId);
+					e != null && e.getAttribute("aria-disabled") !== "true" && e.click();
+				}
+				break;
+			case "Tab":
+				a.onOpenChange(!1);
+				break;
+			default: break;
+		}
+	}, h = (e) => {
+		a.setFilter(e.target.value), a.setActiveItemId(null);
+	}, g = a.activeItemId ?? void 0;
+	return /* @__PURE__ */ d("div", {
+		className: e("flex items-center gap-(--space-2) px-(--space-3)", "border-b border-(--nuka-border-base)"),
+		children: [/* @__PURE__ */ u(n, {
+			size: "sm",
+			color: "muted",
+			children: /* @__PURE__ */ u(m, {})
+		}), /* @__PURE__ */ u("input", {
+			ref: s,
+			id: a.inputId,
+			role: "combobox",
+			"aria-autocomplete": "list",
+			"aria-expanded": !0,
+			"aria-controls": a.listboxId,
+			"aria-activedescendant": g,
+			value: a.filter,
+			onChange: h,
+			onKeyDown: p,
+			className: e("flex-1 bg-transparent py-(--space-3)", "text-sm text-(--nuka-text-base)", "placeholder:text-(--nuka-text-muted)", "outline-none", t),
+			...r
+		})]
+	});
+});
+h.displayName = "CommandMenuInput";
+var g = l.forwardRef(({ className: t, ...n }, r) => {
+	let i = c();
+	return /* @__PURE__ */ u("div", {
+		ref: l.useCallback((e) => {
+			i.listRef.current = e, typeof r == "function" ? r(e) : r != null && (r.current = e);
+		}, [r, i.listRef]),
+		id: i.listboxId,
+		role: "listbox",
+		"aria-label": "Suggestions",
+		className: e("overflow-y-auto max-h-80 p-(--space-1)", t),
+		...n
+	});
+});
+g.displayName = "CommandMenuList";
+var _ = l.forwardRef(({ className: t, children: n, ...i }, a) => c().visibleCount > 0 ? null : /* @__PURE__ */ u("div", {
+	ref: a,
+	role: "presentation",
+	className: e("py-(--space-8) text-center", t),
+	...i,
+	children: /* @__PURE__ */ u(r, {
+		size: "sm",
+		color: "muted",
+		children: n
+	})
+}));
+_.displayName = "CommandMenuEmpty";
+var v = l.forwardRef(({ heading: t, className: n, children: r, ...i }, a) => {
+	let o = l.useId(), s = l.useRef(null), [f, p] = l.useState(!0), m = c(), h = l.useCallback((e) => {
+		s.current = e, typeof a == "function" ? a(e) : a != null && (a.current = e);
+	}, [a]);
+	return l.useEffect(() => {
+		s.current != null && p(s.current.querySelector("[role=\"option\"]:not([hidden])") !== null);
+	}, [m.filter]), /* @__PURE__ */ d("div", {
+		ref: h,
+		role: "group",
+		"aria-labelledby": t == null ? void 0 : o,
+		hidden: !f || void 0,
+		className: e(n),
+		...i,
+		children: [t != null && /* @__PURE__ */ u("div", {
+			id: o,
+			role: "presentation",
+			className: e("text-xs font-medium text-(--nuka-text-muted)", "px-(--space-3) py-(--space-2)"),
+			children: t
+		}), r]
+	});
+});
+v.displayName = "CommandMenuGroup";
+var y = l.forwardRef(({ value: t, disabled: n = !1, onSelect: r, className: i, children: a, ...o }, s) => {
+	let d = c(), f = l.useId(), p = l.useRef(null), m = l.useCallback((e) => {
+		p.current = e, typeof s == "function" ? s(e) : s != null && (s.current = e);
+	}, [s]), h = t != null && d.filter !== "" && !t.toLowerCase().includes(d.filter.toLowerCase()), g = d.activeItemId === f;
+	return l.useEffect(() => {
+		g && p.current != null && p.current.scrollIntoView({ block: "nearest" });
+	}, [g]), /* @__PURE__ */ u("div", {
+		ref: m,
+		id: f,
+		role: "option",
+		"aria-selected": g,
+		"aria-disabled": n || void 0,
+		hidden: h || void 0,
+		onClick: () => {
+			n || (r?.(), d.onOpenChange(!1));
+		},
+		className: e("flex items-center gap-(--space-2)", "px-(--space-3) py-(--space-2)", "rounded-(--radius-md) text-sm cursor-default", "select-none", g && "bg-(--nuka-bg-muted)", n ? "text-(--nuka-text-disabled)" : "text-(--nuka-text-base)", i),
+		...o,
+		children: a
+	});
+});
+y.displayName = "CommandMenuItem";
+var b = l.forwardRef(({ className: t, ...n }, r) => /* @__PURE__ */ u("span", {
+	ref: r,
+	"aria-hidden": "true",
+	className: e("ml-auto text-xs text-(--nuka-text-muted)", t),
+	...n
+}));
+b.displayName = "CommandMenuShortcut";
+//#endregion
+export { p as CommandMenu, _ as CommandMenuEmpty, v as CommandMenuGroup, h as CommandMenuInput, y as CommandMenuItem, g as CommandMenuList, b as CommandMenuShortcut };
+
+//# sourceMappingURL=CommandMenu.js.map

package/dist/components/CommandMenu/CommandMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommandMenu.js","names":[],"sources":["../../../src/components/CommandMenu/CommandMenu.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { Portal } from \"@nuka/utils/portal\";\nimport { useScrollLock } from \"@nuka/hooks/use-scroll-lock\";\nimport { useEscapeKey } from \"@nuka/hooks/use-escape-key\";\nimport { useControllableState } from \"@nuka/hooks/use-controllable-state\";\nimport { Icon } from \"@nuka/components/Icon\";\nimport { Text } from \"@nuka/components/Text\";\nimport {\n  CommandMenuContext,\n  useCommandMenuContext,\n} from \"@nuka/components/CommandMenu/CommandMenu.context\";\n\nexport interface CommandMenuProps {\n  children: React.ReactNode;\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n}\n\nfunction getVisibleItems(\n  listRef: React.RefObject<HTMLDivElement | null>,\n): HTMLElement[] {\n  if (listRef.current == null) return [];\n  return Array.from(\n    listRef.current.querySelectorAll<HTMLElement>(\n      '[role=\"option\"]:not([hidden])',\n    ),\n  );\n}\n\nfunction CommandMenu({\n  children,\n  open: controlledOpen,\n  defaultOpen = false,\n  onOpenChange,\n}: CommandMenuProps) {\n  const [open, setOpen] = useControllableState(\n    controlledOpen,\n    defaultOpen,\n    onOpenChange,\n  );\n\n  const [filter, setFilter] = React.useState(\"\");\n  const [activeItemId, setActiveItemId] = React.useState<string | null>(null);\n  const [visibleCount, setVisibleCount] = React.useState(0);\n\n  const baseId = React.useId();\n  const listboxId = `${baseId}-listbox`;\n  const inputId = `${baseId}-input`;\n  const listRef = React.useRef<HTMLDivElement>(null);\n  const restoreRef = React.useRef<HTMLElement | null>(null);\n\n  useScrollLock(open);\n  useEscapeKey(\n    React.useCallback(() => setOpen(false), [setOpen]),\n    open,\n  );\n\n  // Update visibleCount after each filter change\n  React.useEffect(() => {\n    if (!open) return;\n    const count = getVisibleItems(listRef).length;\n    setVisibleCount(count);\n  }, [open, filter]);\n\n  // Save focus on open, restore on close\n  React.useEffect(() => {\n    if (open) {\n      restoreRef.current = document.activeElement as HTMLElement | null;\n    } else if (restoreRef.current != null) {\n      restoreRef.current.focus();\n      restoreRef.current = null;\n    }\n  }, [open]);\n\n  // Reset filter and active item when closing\n  React.useEffect(() => {\n    if (!open) {\n      setFilter(\"\");\n      setActiveItemId(null);\n    }\n  }, [open]);\n\n  const contextValue = React.useMemo(\n    () => ({\n      open,\n      onOpenChange: setOpen,\n      filter,\n      setFilter,\n      activeItemId,\n      setActiveItemId,\n      visibleCount,\n      baseId,\n      listboxId,\n      inputId,\n      listRef,\n    }),\n    [\n      open,\n      setOpen,\n      filter,\n      activeItemId,\n      visibleCount,\n      baseId,\n      listboxId,\n      inputId,\n    ],\n  );\n\n  if (!open) return null;\n\n  return (\n    <CommandMenuContext value={contextValue}>\n      <Portal>\n        <div\n          className={cn(\n            \"fixed inset-0 z-(--nuka-z-modal)\",\n            \"bg-(--nuka-bg-overlay)\",\n          )}\n          onClick={() => setOpen(false)}\n          aria-hidden=\"true\"\n        />\n        <div\n          role=\"dialog\"\n          aria-modal=\"true\"\n          aria-label=\"Command menu\"\n          className={cn(\n            \"fixed z-(--nuka-z-modal)\",\n            \"left-1/2 top-[20%] -translate-x-1/2\",\n            \"w-full max-w-lg\",\n            \"rounded-(--radius-xl) border border-(--nuka-border-base)\",\n            \"bg-(--nuka-bg-base) shadow-(--nuka-shadow-modal)\",\n            \"overflow-hidden\",\n          )}\n        >\n          {children}\n        </div>\n      </Portal>\n    </CommandMenuContext>\n  );\n}\n\nCommandMenu.displayName = \"CommandMenu\";\n\nconst SearchIcon = () => (\n  <svg\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    stroke=\"currentColor\"\n    strokeWidth={2}\n    strokeLinecap=\"round\"\n    strokeLinejoin=\"round\"\n  >\n    <circle cx=\"11\" cy=\"11\" r=\"8\" />\n    <path d=\"m21 21-4.3-4.3\" />\n  </svg>\n);\n\nexport interface CommandMenuInputProps extends Omit<\n  React.InputHTMLAttributes<HTMLInputElement>,\n  \"value\" | \"onChange\"\n> {}\n\nconst CommandMenuInput = React.forwardRef<\n  HTMLInputElement,\n  CommandMenuInputProps\n>(({ className, ...props }, ref) => {\n  const ctx = useCommandMenuContext();\n  const internalRef = React.useRef<HTMLInputElement>(null);\n  const composedRef = React.useCallback(\n    (node: HTMLInputElement | null) => {\n      internalRef.current = node;\n      if (typeof ref === \"function\") {\n        ref(node);\n      } else if (ref != null) {\n        ref.current = node;\n      }\n    },\n    [ref],\n  );\n\n  // Focus input when the menu opens\n  React.useEffect(() => {\n    if (ctx.open) {\n      requestAnimationFrame(() => {\n        internalRef.current?.focus();\n      });\n    }\n  }, [ctx.open]);\n\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {\n    const items = getVisibleItems(ctx.listRef);\n\n    switch (e.key) {\n      case \"ArrowDown\": {\n        e.preventDefault();\n        if (items.length === 0) return;\n        const currentIdx = items.findIndex((el) => el.id === ctx.activeItemId);\n        const nextIdx = currentIdx === -1 ? 0 : (currentIdx + 1) % items.length;\n        const next = items[nextIdx];\n        if (next != null) {\n          ctx.setActiveItemId(next.id);\n        }\n        break;\n      }\n      case \"ArrowUp\": {\n        e.preventDefault();\n        if (items.length === 0) return;\n        const currentIdx = items.findIndex((el) => el.id === ctx.activeItemId);\n        const prevIdx =\n          currentIdx === -1\n            ? items.length - 1\n            : (currentIdx - 1 + items.length) % items.length;\n        const prev = items[prevIdx];\n        if (prev != null) {\n          ctx.setActiveItemId(prev.id);\n        }\n        break;\n      }\n      case \"Home\": {\n        e.preventDefault();\n        const first = items[0];\n        if (first != null) {\n          ctx.setActiveItemId(first.id);\n        }\n        break;\n      }\n      case \"End\": {\n        e.preventDefault();\n        const last = items[items.length - 1];\n        if (last != null) {\n          ctx.setActiveItemId(last.id);\n        }\n        break;\n      }\n      case \"Enter\": {\n        e.preventDefault();\n        if (ctx.activeItemId != null) {\n          const activeEl = document.getElementById(ctx.activeItemId);\n          if (\n            activeEl != null &&\n            activeEl.getAttribute(\"aria-disabled\") !== \"true\"\n          ) {\n            activeEl.click();\n          }\n        }\n        break;\n      }\n      case \"Tab\": {\n        ctx.onOpenChange(false);\n        break;\n      }\n      default:\n        break;\n    }\n  };\n\n  const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    ctx.setFilter(e.target.value);\n    ctx.setActiveItemId(null);\n  };\n\n  const activedescendant = ctx.activeItemId ?? undefined;\n\n  return (\n    <div\n      className={cn(\n        \"flex items-center gap-(--space-2) px-(--space-3)\",\n        \"border-b border-(--nuka-border-base)\",\n      )}\n    >\n      <Icon size=\"sm\" color=\"muted\">\n        <SearchIcon />\n      </Icon>\n      <input\n        ref={composedRef}\n        id={ctx.inputId}\n        role=\"combobox\"\n        aria-autocomplete=\"list\"\n        aria-expanded={true}\n        aria-controls={ctx.listboxId}\n        aria-activedescendant={activedescendant}\n        value={ctx.filter}\n        onChange={handleChange}\n        onKeyDown={handleKeyDown}\n        className={cn(\n          \"flex-1 bg-transparent py-(--space-3)\",\n          \"text-sm text-(--nuka-text-base)\",\n          \"placeholder:text-(--nuka-text-muted)\",\n          \"outline-none\",\n          className,\n        )}\n        {...props}\n      />\n    </div>\n  );\n});\n\nCommandMenuInput.displayName = \"CommandMenuInput\";\n\nexport interface CommandMenuListProps extends React.HTMLAttributes<HTMLDivElement> {}\n\nconst CommandMenuList = React.forwardRef<HTMLDivElement, CommandMenuListProps>(\n  ({ className, ...props }, ref) => {\n    const ctx = useCommandMenuContext();\n    const composedRef = React.useCallback(\n      (node: HTMLDivElement | null) => {\n        ctx.listRef.current = node;\n        if (typeof ref === \"function\") {\n          ref(node);\n        } else if (ref != null) {\n          ref.current = node;\n        }\n      },\n      [ref, ctx.listRef],\n    );\n\n    return (\n      <div\n        ref={composedRef}\n        id={ctx.listboxId}\n        role=\"listbox\"\n        aria-label=\"Suggestions\"\n        className={cn(\"overflow-y-auto max-h-80 p-(--space-1)\", className)}\n        {...props}\n      />\n    );\n  },\n);\n\nCommandMenuList.displayName = \"CommandMenuList\";\n\nexport interface CommandMenuEmptyProps extends React.HTMLAttributes<HTMLDivElement> {}\n\nconst CommandMenuEmpty = React.forwardRef<\n  HTMLDivElement,\n  CommandMenuEmptyProps\n>(({ className, children, ...props }, ref) => {\n  const ctx = useCommandMenuContext();\n\n  if (ctx.visibleCount > 0) return null;\n\n  return (\n    <div\n      ref={ref}\n      role=\"presentation\"\n      className={cn(\"py-(--space-8) text-center\", className)}\n      {...props}\n    >\n      <Text size=\"sm\" color=\"muted\">\n        {children}\n      </Text>\n    </div>\n  );\n});\n\nCommandMenuEmpty.displayName = \"CommandMenuEmpty\";\n\nexport interface CommandMenuGroupProps extends React.HTMLAttributes<HTMLDivElement> {\n  heading?: string;\n}\n\nconst CommandMenuGroup = React.forwardRef<\n  HTMLDivElement,\n  CommandMenuGroupProps\n>(({ heading, className, children, ...props }, ref) => {\n  const headingId = React.useId();\n  const groupRef = React.useRef<HTMLDivElement>(null);\n  const [hasVisibleItems, setHasVisibleItems] = React.useState(true);\n  const ctx = useCommandMenuContext();\n\n  const composedRef = React.useCallback(\n    (node: HTMLDivElement | null) => {\n      groupRef.current = node;\n      if (typeof ref === \"function\") {\n        ref(node);\n      } else if (ref != null) {\n        ref.current = node;\n      }\n    },\n    [ref],\n  );\n\n  React.useEffect(() => {\n    if (groupRef.current == null) return;\n    const visible =\n      groupRef.current.querySelector('[role=\"option\"]:not([hidden])') !== null;\n    setHasVisibleItems(visible);\n  }, [ctx.filter]);\n\n  return (\n    <div\n      ref={composedRef}\n      role=\"group\"\n      aria-labelledby={heading != null ? headingId : undefined}\n      hidden={!hasVisibleItems || undefined}\n      className={cn(className)}\n      {...props}\n    >\n      {heading != null && (\n        <div\n          id={headingId}\n          role=\"presentation\"\n          className={cn(\n            \"text-xs font-medium text-(--nuka-text-muted)\",\n            \"px-(--space-3) py-(--space-2)\",\n          )}\n        >\n          {heading}\n        </div>\n      )}\n      {children}\n    </div>\n  );\n});\n\nCommandMenuGroup.displayName = \"CommandMenuGroup\";\n\nexport interface CommandMenuItemProps extends Omit<\n  React.HTMLAttributes<HTMLDivElement>,\n  \"onSelect\"\n> {\n  value?: string;\n  disabled?: boolean;\n  onSelect?: () => void;\n}\n\nconst CommandMenuItem = React.forwardRef<HTMLDivElement, CommandMenuItemProps>(\n  (\n    { value, disabled = false, onSelect, className, children, ...props },\n    ref,\n  ) => {\n    const ctx = useCommandMenuContext();\n    const itemId = React.useId();\n    const internalRef = React.useRef<HTMLDivElement>(null);\n\n    const composedRef = React.useCallback(\n      (node: HTMLDivElement | null) => {\n        internalRef.current = node;\n        if (typeof ref === \"function\") {\n          ref(node);\n        } else if (ref != null) {\n          ref.current = node;\n        }\n      },\n      [ref],\n    );\n\n    const isFiltered =\n      value != null &&\n      ctx.filter !== \"\" &&\n      !value.toLowerCase().includes(ctx.filter.toLowerCase());\n\n    const isActive = ctx.activeItemId === itemId;\n\n    // Auto-scroll active item into view\n    React.useEffect(() => {\n      if (isActive && internalRef.current != null) {\n        internalRef.current.scrollIntoView({ block: \"nearest\" });\n      }\n    }, [isActive]);\n\n    const handleClick = () => {\n      if (disabled) return;\n      onSelect?.();\n      ctx.onOpenChange(false);\n    };\n\n    return (\n      <div\n        ref={composedRef}\n        id={itemId}\n        role=\"option\"\n        aria-selected={isActive}\n        aria-disabled={disabled || undefined}\n        hidden={isFiltered || undefined}\n        onClick={handleClick}\n        className={cn(\n          \"flex items-center gap-(--space-2)\",\n          \"px-(--space-3) py-(--space-2)\",\n          \"rounded-(--radius-md) text-sm cursor-default\",\n          \"select-none\",\n          isActive && \"bg-(--nuka-bg-muted)\",\n          disabled ? \"text-(--nuka-text-disabled)\" : \"text-(--nuka-text-base)\",\n          className,\n        )}\n        {...props}\n      >\n        {children}\n      </div>\n    );\n  },\n);\n\nCommandMenuItem.displayName = \"CommandMenuItem\";\n\nexport interface CommandMenuShortcutProps extends React.HTMLAttributes<HTMLSpanElement> {}\n\nconst CommandMenuShortcut = React.forwardRef<\n  HTMLSpanElement,\n  CommandMenuShortcutProps\n>(({ className, ...props }, ref) => (\n  <span\n    ref={ref}\n    aria-hidden=\"true\"\n    className={cn(\"ml-auto text-xs text-(--nuka-text-muted)\", className)}\n    {...props}\n  />\n));\n\nCommandMenuShortcut.displayName = \"CommandMenuShortcut\";\n\nexport {\n  CommandMenu,\n  CommandMenuInput,\n  CommandMenuList,\n  CommandMenuEmpty,\n  CommandMenuGroup,\n  CommandMenuItem,\n  CommandMenuShortcut,\n};\n"],"mappings":"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"}

package/dist/components/Container/Container.cjs

@@ -0,0 +1,2 @@
+const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`),n=require(`../../utils/slot.cjs`);let r=require(`react`);r=e.__toESM(r,1);let i=require(`react/jsx-runtime`);var a={sm:`max-w-screen-sm`,md:`max-w-screen-md`,lg:`max-w-screen-lg`,xl:`max-w-screen-xl`,"2xl":`max-w-screen-2xl`,full:`max-w-full`},o=r.forwardRef(({className:e,size:r=`xl`,padded:o=!0,centered:s=!0,asChild:c=!1,...l},u)=>(0,i.jsx)(c?n.Slot:`div`,{ref:u,className:t.cn(`w-full`,a[r],s&&`mx-auto`,o&&`px-4 sm:px-6 lg:px-8`,e),...l}));o.displayName=`Container`,exports.Container=o;
+//# sourceMappingURL=Container.cjs.map

package/dist/components/Container/Container.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Container.cjs","names":[],"sources":["../../../src/components/Container/Container.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Slot } from \"@nuka/utils/slot\";\nimport { cn } from \"@nuka/utils/cn\";\n\nexport type ContainerSize = \"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\" | \"full\";\n\nexport interface ContainerProps extends React.HTMLAttributes<HTMLDivElement> {\n  size?: ContainerSize;\n  padded?: boolean;\n  centered?: boolean;\n  asChild?: boolean;\n}\n\nconst sizeClasses: Record<ContainerSize, string> = {\n  sm: \"max-w-screen-sm\",\n  md: \"max-w-screen-md\",\n  lg: \"max-w-screen-lg\",\n  xl: \"max-w-screen-xl\",\n  \"2xl\": \"max-w-screen-2xl\",\n  full: \"max-w-full\",\n};\n\nconst Container = React.forwardRef<HTMLDivElement, ContainerProps>(\n  (\n    {\n      className,\n      size = \"xl\",\n      padded = true,\n      centered = true,\n      asChild = false,\n      ...props\n    },\n    ref,\n  ) => {\n    const Comp = asChild ? Slot : \"div\";\n\n    return (\n      <Comp\n        ref={ref}\n        className={cn(\n          \"w-full\",\n          sizeClasses[size],\n          centered && \"mx-auto\",\n          padded && \"px-4 sm:px-6 lg:px-8\",\n          className,\n        )}\n        {...props}\n      />\n    );\n  },\n);\n\nContainer.displayName = \"Container\";\n\nexport { Container };\n"],"mappings":"qMAaA,IAAM,EAA6C,CACjD,GAAI,kBACJ,GAAI,kBACJ,GAAI,kBACJ,GAAI,kBACJ,MAAO,mBACP,KAAM,aACP,CAEK,EAAY,EAAM,YAEpB,CACE,YACA,OAAO,KACP,SAAS,GACT,WAAW,GACX,UAAU,GACV,GAAG,GAEL,KAKE,EAAA,EAAA,KAHW,EAAU,EAAA,KAAO,MAG5B,CACO,MACL,UAAW,EAAA,GACT,SACA,EAAY,GACZ,GAAY,UACZ,GAAU,uBACV,EACD,CACD,GAAI,EACJ,CAAA,CAGP,CAED,EAAU,YAAc"}

package/dist/components/Container/Container.js

@@ -0,0 +1,22 @@
+import { cn as e } from "../../utils/cn.js";
+import { Slot as t } from "../../utils/slot.js";
+import * as n from "react";
+import { jsx as r } from "react/jsx-runtime";
+//#region src/components/Container/Container.tsx
+var i = {
+	sm: "max-w-screen-sm",
+	md: "max-w-screen-md",
+	lg: "max-w-screen-lg",
+	xl: "max-w-screen-xl",
+	"2xl": "max-w-screen-2xl",
+	full: "max-w-full"
+}, a = n.forwardRef(({ className: n, size: a = "xl", padded: o = !0, centered: s = !0, asChild: c = !1, ...l }, u) => /* @__PURE__ */ r(c ? t : "div", {
+	ref: u,
+	className: e("w-full", i[a], s && "mx-auto", o && "px-4 sm:px-6 lg:px-8", n),
+	...l
+}));
+a.displayName = "Container";
+//#endregion
+export { a as Container };
+
+//# sourceMappingURL=Container.js.map

package/dist/components/Container/Container.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Container.js","names":[],"sources":["../../../src/components/Container/Container.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Slot } from \"@nuka/utils/slot\";\nimport { cn } from \"@nuka/utils/cn\";\n\nexport type ContainerSize = \"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\" | \"full\";\n\nexport interface ContainerProps extends React.HTMLAttributes<HTMLDivElement> {\n  size?: ContainerSize;\n  padded?: boolean;\n  centered?: boolean;\n  asChild?: boolean;\n}\n\nconst sizeClasses: Record<ContainerSize, string> = {\n  sm: \"max-w-screen-sm\",\n  md: \"max-w-screen-md\",\n  lg: \"max-w-screen-lg\",\n  xl: \"max-w-screen-xl\",\n  \"2xl\": \"max-w-screen-2xl\",\n  full: \"max-w-full\",\n};\n\nconst Container = React.forwardRef<HTMLDivElement, ContainerProps>(\n  (\n    {\n      className,\n      size = \"xl\",\n      padded = true,\n      centered = true,\n      asChild = false,\n      ...props\n    },\n    ref,\n  ) => {\n    const Comp = asChild ? Slot : \"div\";\n\n    return (\n      <Comp\n        ref={ref}\n        className={cn(\n          \"w-full\",\n          sizeClasses[size],\n          centered && \"mx-auto\",\n          padded && \"px-4 sm:px-6 lg:px-8\",\n          className,\n        )}\n        {...props}\n      />\n    );\n  },\n);\n\nContainer.displayName = \"Container\";\n\nexport { Container };\n"],"mappings":";;;;;AAaA,IAAM,IAA6C;CACjD,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,OAAO;CACP,MAAM;CACP,EAEK,IAAY,EAAM,YAEpB,EACE,cACA,UAAO,MACP,YAAS,IACT,cAAW,IACX,aAAU,IACV,GAAG,KAEL,MAKE,kBAHW,IAAU,IAAO,OAG5B;CACO;CACL,WAAW,EACT,UACA,EAAY,IACZ,KAAY,WACZ,KAAU,wBACV,EACD;CACD,GAAI;CACJ,CAAA,CAGP;AAED,EAAU,cAAc"}

package/dist/components/ContextMenu/ContextMenu.cjs

@@ -0,0 +1,2 @@
+"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../node_modules/@floating-ui/dom/dist/floating-ui.dom.cjs`),n=require(`../../node_modules/@floating-ui/react-dom/dist/floating-ui.react-dom.cjs`),r=require(`../../node_modules/@floating-ui/react/dist/floating-ui.react.cjs`),i=require(`./ContextMenu.context.cjs`);let a=require(`react`);a=e.__toESM(a,1);let o=require(`react/jsx-runtime`);function s({children:e,onOpenChange:s}){let[c,l]=a.useState(!1),u=a.useCallback(e=>{l(e),s?.(e)},[s]),{refs:d,floatingStyles:f,context:p}=r.useFloating({open:c,onOpenChange:u,placement:`bottom-start`,middleware:[n.offset(0),n.flip(),n.shift({padding:8})],whileElementsMounted:t.autoUpdate,strategy:`fixed`}),{getFloatingProps:m}=r.useInteractions([r.useDismiss(p),r.useRole(p,{role:`menu`})]);return(0,o.jsx)(i.ContextMenuContext,{value:a.useMemo(()=>({open:c,onOpenChange:u,refs:d,floatingStyles:f,getFloatingProps:m}),[c,u,d,f,m]),children:e})}s.displayName=`ContextMenu`,exports.ContextMenu=s;
+//# sourceMappingURL=ContextMenu.cjs.map

package/dist/components/ContextMenu/ContextMenu.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContextMenu.cjs","names":[],"sources":["../../../src/components/ContextMenu/ContextMenu.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport {\n  useFloating,\n  useDismiss,\n  useRole,\n  useInteractions,\n  offset,\n  flip,\n  shift,\n  autoUpdate,\n} from \"@floating-ui/react\";\nimport { ContextMenuContext } from \"@nuka/components/ContextMenu/ContextMenu.context\";\nimport type { ContextMenuContextValue } from \"@nuka/components/ContextMenu/ContextMenu.context\";\n\nexport interface ContextMenuProps {\n  children: React.ReactNode;\n  onOpenChange?: (open: boolean) => void;\n}\n\nfunction ContextMenu({ children, onOpenChange }: ContextMenuProps) {\n  const [open, setOpen] = React.useState(false);\n\n  const handleOpenChange = React.useCallback(\n    (next: boolean) => {\n      setOpen(next);\n      onOpenChange?.(next);\n    },\n    [onOpenChange],\n  );\n\n  const { refs, floatingStyles, context } = useFloating({\n    open,\n    onOpenChange: handleOpenChange,\n    placement: \"bottom-start\",\n    middleware: [offset(0), flip(), shift({ padding: 8 })],\n    whileElementsMounted: autoUpdate,\n    strategy: \"fixed\",\n  });\n\n  const dismiss = useDismiss(context);\n  const role = useRole(context, { role: \"menu\" });\n\n  const { getFloatingProps } = useInteractions([dismiss, role]);\n\n  const contextValue: ContextMenuContextValue = React.useMemo(\n    () => ({\n      open,\n      onOpenChange: handleOpenChange,\n      refs,\n      floatingStyles,\n      getFloatingProps,\n    }),\n    [open, handleOpenChange, refs, floatingStyles, getFloatingProps],\n  );\n\n  return (\n    <ContextMenuContext value={contextValue}>{children}</ContextMenuContext>\n  );\n}\n\nContextMenu.displayName = \"ContextMenu\";\n\nexport { ContextMenu };\n"],"mappings":"qaAoBA,SAAS,EAAY,CAAE,WAAU,gBAAkC,CACjE,GAAM,CAAC,EAAM,GAAW,EAAM,SAAS,GAAM,CAEvC,EAAmB,EAAM,YAC5B,GAAkB,CACjB,EAAQ,EAAK,CACb,IAAe,EAAK,EAEtB,CAAC,EAAa,CACf,CAEK,CAAE,OAAM,iBAAgB,WAAY,EAAA,YAAY,CACpD,OACA,aAAc,EACd,UAAW,eACX,WAAY,CAAC,EAAA,OAAO,EAAE,CAAE,EAAA,MAAM,CAAE,EAAA,MAAM,CAAE,QAAS,EAAG,CAAC,CAAC,CACtD,qBAAsB,EAAA,WACtB,SAAU,QACX,CAAC,CAKI,CAAE,oBAAqB,EAAA,gBAAgB,CAH7B,EAAA,WAAW,EAAQ,CACtB,EAAA,QAAQ,EAAS,CAAE,KAAM,OAAQ,CAAC,CAEa,CAAC,CAa7D,OACE,EAAA,EAAA,KAAC,EAAA,mBAAD,CAAoB,MAZwB,EAAM,aAC3C,CACL,OACA,aAAc,EACd,OACA,iBACA,mBACD,EACD,CAAC,EAAM,EAAkB,EAAM,EAAgB,EAAiB,CACjE,CAG2C,WAA8B,CAAA,CAI5E,EAAY,YAAc"}

package/dist/components/ContextMenu/ContextMenu.context.cjs

@@ -0,0 +1,2 @@
+"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`);let t=require(`react`);t=e.__toESM(t,1);var n=t.createContext(void 0);function r(){let e=t.useContext(n);if(e===void 0)throw Error(`useContextMenuContext must be used within a <ContextMenu> component`);return e}exports.ContextMenuContext=n,exports.useContextMenuContext=r;
+//# sourceMappingURL=ContextMenu.context.cjs.map

package/dist/components/ContextMenu/ContextMenu.context.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContextMenu.context.cjs","names":[],"sources":["../../../src/components/ContextMenu/ContextMenu.context.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport type { useFloating, useInteractions } from \"@floating-ui/react\";\n\nexport interface ContextMenuContextValue {\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n  refs: ReturnType<typeof useFloating>[\"refs\"];\n  floatingStyles: React.CSSProperties;\n  getFloatingProps: ReturnType<typeof useInteractions>[\"getFloatingProps\"];\n}\n\nconst ContextMenuContext = React.createContext<\n  ContextMenuContextValue | undefined\n>(undefined);\n\nfunction useContextMenuContext(): ContextMenuContextValue {\n  const context = React.useContext(ContextMenuContext);\n  if (context === undefined) {\n    throw new Error(\n      \"useContextMenuContext must be used within a <ContextMenu> component\",\n    );\n  }\n  return context;\n}\n\nexport { ContextMenuContext, useContextMenuContext };\n"],"mappings":"6GAYA,IAAM,EAAqB,EAAM,cAE/B,IAAA,GAAU,CAEZ,SAAS,GAAiD,CACxD,IAAM,EAAU,EAAM,WAAW,EAAmB,CACpD,GAAI,IAAY,IAAA,GACd,MAAU,MACR,sEACD,CAEH,OAAO"}

package/dist/components/ContextMenu/ContextMenu.context.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ContextMenu.context.d.ts","sourceRoot":"","sources":["../../../src/components/ContextMenu/ContextMenu.context.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAEvE,MAAM,WAAW,uBAAuB;IACtC,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,IAAI,EAAE,UAAU,CAAC,OAAO,WAAW,CAAC,CAAC,MAAM,CAAC,CAAC;IAC7C,cAAc,EAAE,KAAK,CAAC,aAAa,CAAC;IACpC,gBAAgB,EAAE,UAAU,CAAC,OAAO,eAAe,CAAC,CAAC,kBAAkB,CAAC,CAAC;CAC1E;AAED,QAAA,MAAM,kBAAkB,oDAEZ,CAAC;AAEb,iBAAS,qBAAqB,IAAI,uBAAuB,CAQxD;AAED,OAAO,EAAE,kBAAkB,EAAE,qBAAqB,EAAE,CAAC"}
+{"version":3,"file":"ContextMenu.context.d.ts","sourceRoot":"","sources":["../../../src/components/ContextMenu/ContextMenu.context.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAEvE,MAAM,WAAW,uBAAuB;IACtC,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,IAAI,EAAE,UAAU,CAAC,OAAO,WAAW,CAAC,CAAC,MAAM,CAAC,CAAC;IAC7C,cAAc,EAAE,KAAK,CAAC,aAAa,CAAC;IACpC,gBAAgB,EAAE,UAAU,CAAC,OAAO,eAAe,CAAC,CAAC,kBAAkB,CAAC,CAAC;CAC1E;AAED,QAAA,MAAM,kBAAkB,oDAEZ,CAAC;AAEb,iBAAS,qBAAqB,IAAI,uBAAuB,CAQxD;AAED,OAAO,EAAE,kBAAkB,EAAE,qBAAqB,EAAE,CAAC"}

package/dist/components/ContextMenu/ContextMenu.context.js

@@ -0,0 +1,13 @@
+"use client";
+import * as e from "react";
+//#region src/components/ContextMenu/ContextMenu.context.tsx
+var t = e.createContext(void 0);
+function n() {
+	let n = e.useContext(t);
+	if (n === void 0) throw Error("useContextMenuContext must be used within a <ContextMenu> component");
+	return n;
+}
+//#endregion
+export { t as ContextMenuContext, n as useContextMenuContext };
+
+//# sourceMappingURL=ContextMenu.context.js.map

package/dist/components/ContextMenu/ContextMenu.context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContextMenu.context.js","names":[],"sources":["../../../src/components/ContextMenu/ContextMenu.context.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport type { useFloating, useInteractions } from \"@floating-ui/react\";\n\nexport interface ContextMenuContextValue {\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n  refs: ReturnType<typeof useFloating>[\"refs\"];\n  floatingStyles: React.CSSProperties;\n  getFloatingProps: ReturnType<typeof useInteractions>[\"getFloatingProps\"];\n}\n\nconst ContextMenuContext = React.createContext<\n  ContextMenuContextValue | undefined\n>(undefined);\n\nfunction useContextMenuContext(): ContextMenuContextValue {\n  const context = React.useContext(ContextMenuContext);\n  if (context === undefined) {\n    throw new Error(\n      \"useContextMenuContext must be used within a <ContextMenu> component\",\n    );\n  }\n  return context;\n}\n\nexport { ContextMenuContext, useContextMenuContext };\n"],"mappings":";;;AAYA,IAAM,IAAqB,EAAM,cAE/B,KAAA,EAAU;AAEZ,SAAS,IAAiD;CACxD,IAAM,IAAU,EAAM,WAAW,EAAmB;AACpD,KAAI,MAAY,KAAA,EACd,OAAU,MACR,sEACD;AAEH,QAAO"}

package/dist/components/ContextMenu/ContextMenu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ContextMenu.d.ts","sourceRoot":"","sources":["../../../src/components/ContextMenu/ContextMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAc/B,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CACxC;AAED,iBAAS,WAAW,CAAC,EAAE,QAAQ,EAAE,YAAY,EAAE,EAAE,gBAAgB,2CAuChE;kBAvCQ,WAAW;;;AA2CpB,OAAO,EAAE,WAAW,EAAE,CAAC"}
+{"version":3,"file":"ContextMenu.d.ts","sourceRoot":"","sources":["../../../src/components/ContextMenu/ContextMenu.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAc/B,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CACxC;AAED,iBAAS,WAAW,CAAC,EAAE,QAAQ,EAAE,YAAY,EAAE,EAAE,gBAAgB,2CAuChE;kBAvCQ,WAAW;;;AA2CpB,OAAO,EAAE,WAAW,EAAE,CAAC"}

package/dist/components/ContextMenu/ContextMenu.js

@@ -0,0 +1,45 @@
+"use client";
+import { autoUpdate as e } from "../../node_modules/@floating-ui/dom/dist/floating-ui.dom.js";
+import { flip as t, offset as n, shift as r } from "../../node_modules/@floating-ui/react-dom/dist/floating-ui.react-dom.js";
+import { useDismiss as i, useFloating as a, useInteractions as o, useRole as s } from "../../node_modules/@floating-ui/react/dist/floating-ui.react.js";
+import { ContextMenuContext as c } from "./ContextMenu.context.js";
+import * as l from "react";
+import { jsx as u } from "react/jsx-runtime";
+//#region src/components/ContextMenu/ContextMenu.tsx
+function d({ children: d, onOpenChange: f }) {
+	let [p, m] = l.useState(!1), h = l.useCallback((e) => {
+		m(e), f?.(e);
+	}, [f]), { refs: g, floatingStyles: _, context: v } = a({
+		open: p,
+		onOpenChange: h,
+		placement: "bottom-start",
+		middleware: [
+			n(0),
+			t(),
+			r({ padding: 8 })
+		],
+		whileElementsMounted: e,
+		strategy: "fixed"
+	}), { getFloatingProps: y } = o([i(v), s(v, { role: "menu" })]);
+	return /* @__PURE__ */ u(c, {
+		value: l.useMemo(() => ({
+			open: p,
+			onOpenChange: h,
+			refs: g,
+			floatingStyles: _,
+			getFloatingProps: y
+		}), [
+			p,
+			h,
+			g,
+			_,
+			y
+		]),
+		children: d
+	});
+}
+d.displayName = "ContextMenu";
+//#endregion
+export { d as ContextMenu };
+
+//# sourceMappingURL=ContextMenu.js.map

package/dist/components/ContextMenu/ContextMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContextMenu.js","names":[],"sources":["../../../src/components/ContextMenu/ContextMenu.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport {\n  useFloating,\n  useDismiss,\n  useRole,\n  useInteractions,\n  offset,\n  flip,\n  shift,\n  autoUpdate,\n} from \"@floating-ui/react\";\nimport { ContextMenuContext } from \"@nuka/components/ContextMenu/ContextMenu.context\";\nimport type { ContextMenuContextValue } from \"@nuka/components/ContextMenu/ContextMenu.context\";\n\nexport interface ContextMenuProps {\n  children: React.ReactNode;\n  onOpenChange?: (open: boolean) => void;\n}\n\nfunction ContextMenu({ children, onOpenChange }: ContextMenuProps) {\n  const [open, setOpen] = React.useState(false);\n\n  const handleOpenChange = React.useCallback(\n    (next: boolean) => {\n      setOpen(next);\n      onOpenChange?.(next);\n    },\n    [onOpenChange],\n  );\n\n  const { refs, floatingStyles, context } = useFloating({\n    open,\n    onOpenChange: handleOpenChange,\n    placement: \"bottom-start\",\n    middleware: [offset(0), flip(), shift({ padding: 8 })],\n    whileElementsMounted: autoUpdate,\n    strategy: \"fixed\",\n  });\n\n  const dismiss = useDismiss(context);\n  const role = useRole(context, { role: \"menu\" });\n\n  const { getFloatingProps } = useInteractions([dismiss, role]);\n\n  const contextValue: ContextMenuContextValue = React.useMemo(\n    () => ({\n      open,\n      onOpenChange: handleOpenChange,\n      refs,\n      floatingStyles,\n      getFloatingProps,\n    }),\n    [open, handleOpenChange, refs, floatingStyles, getFloatingProps],\n  );\n\n  return (\n    <ContextMenuContext value={contextValue}>{children}</ContextMenuContext>\n  );\n}\n\nContextMenu.displayName = \"ContextMenu\";\n\nexport { ContextMenu };\n"],"mappings":";;;;;;;;AAoBA,SAAS,EAAY,EAAE,aAAU,mBAAkC;CACjE,IAAM,CAAC,GAAM,KAAW,EAAM,SAAS,GAAM,EAEvC,IAAmB,EAAM,aAC5B,MAAkB;AAEjB,EADA,EAAQ,EAAK,EACb,IAAe,EAAK;IAEtB,CAAC,EAAa,CACf,EAEK,EAAE,SAAM,mBAAgB,eAAY,EAAY;EACpD;EACA,cAAc;EACd,WAAW;EACX,YAAY;GAAC,EAAO,EAAE;GAAE,GAAM;GAAE,EAAM,EAAE,SAAS,GAAG,CAAC;GAAC;EACtD,sBAAsB;EACtB,UAAU;EACX,CAAC,EAKI,EAAE,wBAAqB,EAAgB,CAH7B,EAAW,EAAQ,EACtB,EAAQ,GAAS,EAAE,MAAM,QAAQ,CAAC,CAEa,CAAC;AAa7D,QACE,kBAAC,GAAD;EAAoB,OAZwB,EAAM,eAC3C;GACL;GACA,cAAc;GACd;GACA;GACA;GACD,GACD;GAAC;GAAM;GAAkB;GAAM;GAAgB;GAAiB,CACjE;EAG2C;EAA8B,CAAA;;AAI5E,EAAY,cAAc"}

package/dist/components/ContextMenu/ContextMenuCheckboxItem.cjs

@@ -0,0 +1,2 @@
+"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../Menu/MenuContentBase.cjs`);let n=require(`react`);n=e.__toESM(n,1);let r=require(`react/jsx-runtime`);var i=n.forwardRef((e,n)=>(0,r.jsx)(t.MenuCheckboxItemWithNav,{ref:n,...e}));i.displayName=`ContextMenuCheckboxItem`,exports.ContextMenuCheckboxItem=i;
+//# sourceMappingURL=ContextMenuCheckboxItem.cjs.map

package/dist/components/ContextMenu/ContextMenuCheckboxItem.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContextMenuCheckboxItem.cjs","names":[],"sources":["../../../src/components/ContextMenu/ContextMenuCheckboxItem.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { MenuCheckboxItemWithNav } from \"@nuka/components/Menu/MenuContentBase\";\nimport type { MenuCheckboxItemWithNavProps } from \"@nuka/components/Menu/MenuContentBase\";\n\nexport type ContextMenuCheckboxItemProps = MenuCheckboxItemWithNavProps;\n\nconst ContextMenuCheckboxItem = React.forwardRef<\n  HTMLDivElement,\n  ContextMenuCheckboxItemProps\n>((props, ref) => <MenuCheckboxItemWithNav ref={ref} {...props} />);\n\nContextMenuCheckboxItem.displayName = \"ContextMenuCheckboxItem\";\n\nexport { ContextMenuCheckboxItem };\n"],"mappings":"yLAOA,IAAM,EAA0B,EAAM,YAGnC,EAAO,KAAQ,EAAA,EAAA,KAAC,EAAA,wBAAD,CAA8B,MAAK,GAAI,EAAS,CAAA,CAAC,CAEnE,EAAwB,YAAc"}

package/dist/components/ContextMenu/ContextMenuCheckboxItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ContextMenuCheckboxItem.d.ts","sourceRoot":"","sources":["../../../src/components/ContextMenu/ContextMenuCheckboxItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,uCAAuC,CAAC;AAE1F,MAAM,MAAM,4BAA4B,GAAG,4BAA4B,CAAC;AAExE,QAAA,MAAM,uBAAuB,qGAGsC,CAAC;AAIpE,OAAO,EAAE,uBAAuB,EAAE,CAAC"}
+{"version":3,"file":"ContextMenuCheckboxItem.d.ts","sourceRoot":"","sources":["../../../src/components/ContextMenu/ContextMenuCheckboxItem.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,uCAAuC,CAAC;AAE1F,MAAM,MAAM,4BAA4B,GAAG,4BAA4B,CAAC;AAExE,QAAA,MAAM,uBAAuB,qGAGsC,CAAC;AAIpE,OAAO,EAAE,uBAAuB,EAAE,CAAC"}

package/dist/components/ContextMenu/ContextMenuCheckboxItem.js

@@ -0,0 +1,14 @@
+"use client";
+import { MenuCheckboxItemWithNav as e } from "../Menu/MenuContentBase.js";
+import * as t from "react";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/components/ContextMenu/ContextMenuCheckboxItem.tsx
+var r = t.forwardRef((t, r) => /* @__PURE__ */ n(e, {
+	ref: r,
+	...t
+}));
+r.displayName = "ContextMenuCheckboxItem";
+//#endregion
+export { r as ContextMenuCheckboxItem };
+
+//# sourceMappingURL=ContextMenuCheckboxItem.js.map

package/dist/components/ContextMenu/ContextMenuCheckboxItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContextMenuCheckboxItem.js","names":[],"sources":["../../../src/components/ContextMenu/ContextMenuCheckboxItem.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { MenuCheckboxItemWithNav } from \"@nuka/components/Menu/MenuContentBase\";\nimport type { MenuCheckboxItemWithNavProps } from \"@nuka/components/Menu/MenuContentBase\";\n\nexport type ContextMenuCheckboxItemProps = MenuCheckboxItemWithNavProps;\n\nconst ContextMenuCheckboxItem = React.forwardRef<\n  HTMLDivElement,\n  ContextMenuCheckboxItemProps\n>((props, ref) => <MenuCheckboxItemWithNav ref={ref} {...props} />);\n\nContextMenuCheckboxItem.displayName = \"ContextMenuCheckboxItem\";\n\nexport { ContextMenuCheckboxItem };\n"],"mappings":";;;;;AAOA,IAAM,IAA0B,EAAM,YAGnC,GAAO,MAAQ,kBAAC,GAAD;CAA8B;CAAK,GAAI;CAAS,CAAA,CAAC;AAEnE,EAAwB,cAAc"}

package/dist/components/ContextMenu/ContextMenuContent.cjs

@@ -0,0 +1,2 @@
+"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`),n=require(`../../utils/slot.cjs`),r=require(`../../utils/portal.cjs`),i=require(`./ContextMenu.context.cjs`),a=require(`../../hooks/use-menu-navigation.cjs`),o=require(`../Menu/menuItemVariants.cjs`),s=require(`../Menu/MenuContentBase.cjs`);let c=require(`react`);c=e.__toESM(c,1);let l=require(`react/jsx-runtime`);var u=c.forwardRef(({className:e,children:u,...d},f)=>{let p=i.useContextMenuContext(),m=n.composeRefs(f,c.useRef(null),p.refs.setFloating),{getItemProps:h,focusItem:g,itemsRef:_,resetTypeAhead:v}=a.useMenuNavigation({onEscape:()=>p.onOpenChange(!1),onTab:()=>p.onOpenChange(!1)}),y=c.useRef(0);if(c.useEffect(()=>{p.open||v()},[p.open,v]),s.useAutoFocusFirstItem(p.open,g,_,y),!p.open)return null;y.current=0;let b=p.getFloatingProps(d);return(0,l.jsx)(r.Portal,{children:(0,l.jsx)(s.MenuItemContext,{value:{getItemProps:h,indexRef:y,close:()=>p.onOpenChange(!1)},children:(0,l.jsx)(`div`,{ref:m,style:p.floatingStyles,"data-state":`open`,...b,className:t.cn(o.menuContentVariants(),e),children:u})})})});u.displayName=`ContextMenuContent`,exports.ContextMenuContent=u;
+//# sourceMappingURL=ContextMenuContent.cjs.map

package/dist/components/ContextMenu/ContextMenuContent.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContextMenuContent.cjs","names":[],"sources":["../../../src/components/ContextMenu/ContextMenuContent.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { composeRefs } from \"@nuka/utils/slot\";\nimport { useMenuNavigation } from \"@nuka/hooks/use-menu-navigation\";\nimport { Portal } from \"@nuka/utils/portal\";\nimport { useContextMenuContext } from \"@nuka/components/ContextMenu/ContextMenu.context\";\nimport { menuContentVariants } from \"@nuka/components/Menu/menuItemVariants\";\nimport {\n  MenuItemContext,\n  useAutoFocusFirstItem,\n} from \"@nuka/components/Menu/MenuContentBase\";\n\nexport interface ContextMenuContentProps extends React.HTMLAttributes<HTMLDivElement> {}\n\nconst ContextMenuContent = React.forwardRef<\n  HTMLDivElement,\n  ContextMenuContentProps\n>(({ className, children, ...props }, ref) => {\n  const ctx = useContextMenuContext();\n  const contentRef = React.useRef<HTMLDivElement>(null);\n  const composedRef = composeRefs(ref, contentRef, ctx.refs.setFloating);\n\n  const { getItemProps, focusItem, itemsRef, resetTypeAhead } =\n    useMenuNavigation({\n      onEscape: () => ctx.onOpenChange(false),\n      onTab: () => ctx.onOpenChange(false),\n    });\n\n  const itemIndexRef = React.useRef(0);\n\n  React.useEffect(() => {\n    if (!ctx.open) resetTypeAhead();\n  }, [ctx.open, resetTypeAhead]);\n\n  useAutoFocusFirstItem(ctx.open, focusItem, itemsRef, itemIndexRef);\n\n  if (!ctx.open) return null;\n\n  itemIndexRef.current = 0;\n\n  const floatingProps = ctx.getFloatingProps(props);\n\n  return (\n    <Portal>\n      <MenuItemContext\n        value={{\n          getItemProps,\n          indexRef: itemIndexRef,\n          close: () => ctx.onOpenChange(false),\n        }}\n      >\n        <div\n          ref={composedRef}\n          style={ctx.floatingStyles}\n          data-state=\"open\"\n          {...floatingProps}\n          className={cn(menuContentVariants(), className)}\n        >\n          {children}\n        </div>\n      </MenuItemContext>\n    </Portal>\n  );\n});\n\nContextMenuContent.displayName = \"ContextMenuContent\";\n\nexport { ContextMenuContent };\n"],"mappings":"iaAeA,IAAM,EAAqB,EAAM,YAG9B,CAAE,YAAW,WAAU,GAAG,GAAS,IAAQ,CAC5C,IAAM,EAAM,EAAA,uBAAuB,CAE7B,EAAc,EAAA,YAAY,EADb,EAAM,OAAuB,KAAK,CACJ,EAAI,KAAK,YAAY,CAEhE,CAAE,eAAc,YAAW,WAAU,kBACzC,EAAA,kBAAkB,CAChB,aAAgB,EAAI,aAAa,GAAM,CACvC,UAAa,EAAI,aAAa,GAAM,CACrC,CAAC,CAEE,EAAe,EAAM,OAAO,EAAE,CAQpC,GANA,EAAM,cAAgB,CACf,EAAI,MAAM,GAAgB,EAC9B,CAAC,EAAI,KAAM,EAAe,CAAC,CAE9B,EAAA,sBAAsB,EAAI,KAAM,EAAW,EAAU,EAAa,CAE9D,CAAC,EAAI,KAAM,OAAO,KAEtB,EAAa,QAAU,EAEvB,IAAM,EAAgB,EAAI,iBAAiB,EAAM,CAEjD,OACE,EAAA,EAAA,KAAC,EAAA,OAAD,CAAA,UACE,EAAA,EAAA,KAAC,EAAA,gBAAD,CACE,MAAO,CACL,eACA,SAAU,EACV,UAAa,EAAI,aAAa,GAAM,CACrC,WAED,EAAA,EAAA,KAAC,MAAD,CACE,IAAK,EACL,MAAO,EAAI,eACX,aAAW,OACX,GAAI,EACJ,UAAW,EAAA,GAAG,EAAA,qBAAqB,CAAE,EAAU,CAE9C,WACG,CAAA,CACU,CAAA,CACX,CAAA,EAEX,CAEF,EAAmB,YAAc"}

package/dist/components/ContextMenu/ContextMenuContent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ContextMenuContent.d.ts","sourceRoot":"","sources":["../../../src/components/ContextMenu/ContextMenuContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAY/B,MAAM,WAAW,uBAAwB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAExF,QAAA,MAAM,kBAAkB,gGA4CtB,CAAC;AAIH,OAAO,EAAE,kBAAkB,EAAE,CAAC"}
+{"version":3,"file":"ContextMenuContent.d.ts","sourceRoot":"","sources":["../../../src/components/ContextMenu/ContextMenuContent.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAY/B,MAAM,WAAW,uBAAwB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAExF,QAAA,MAAM,kBAAkB,gGAiDtB,CAAC;AAIH,OAAO,EAAE,kBAAkB,EAAE,CAAC"}

package/dist/components/ContextMenu/ContextMenuContent.js

@@ -0,0 +1,42 @@
+"use client";
+import { cn as e } from "../../utils/cn.js";
+import { composeRefs as t } from "../../utils/slot.js";
+import { Portal as n } from "../../utils/portal.js";
+import { useContextMenuContext as r } from "./ContextMenu.context.js";
+import { useMenuNavigation as i } from "../../hooks/use-menu-navigation.js";
+import { menuContentVariants as a } from "../Menu/menuItemVariants.js";
+import { MenuItemContext as o, useAutoFocusFirstItem as s } from "../Menu/MenuContentBase.js";
+import * as c from "react";
+import { jsx as l } from "react/jsx-runtime";
+//#region src/components/ContextMenu/ContextMenuContent.tsx
+var u = c.forwardRef(({ className: u, children: d, ...f }, p) => {
+	let m = r(), h = t(p, c.useRef(null), m.refs.setFloating), { getItemProps: g, focusItem: _, itemsRef: v, resetTypeAhead: y } = i({
+		onEscape: () => m.onOpenChange(!1),
+		onTab: () => m.onOpenChange(!1)
+	}), b = c.useRef(0);
+	if (c.useEffect(() => {
+		m.open || y();
+	}, [m.open, y]), s(m.open, _, v, b), !m.open) return null;
+	b.current = 0;
+	let x = m.getFloatingProps(f);
+	return /* @__PURE__ */ l(n, { children: /* @__PURE__ */ l(o, {
+		value: {
+			getItemProps: g,
+			indexRef: b,
+			close: () => m.onOpenChange(!1)
+		},
+		children: /* @__PURE__ */ l("div", {
+			ref: h,
+			style: m.floatingStyles,
+			"data-state": "open",
+			...x,
+			className: e(a(), u),
+			children: d
+		})
+	}) });
+});
+u.displayName = "ContextMenuContent";
+//#endregion
+export { u as ContextMenuContent };
+
+//# sourceMappingURL=ContextMenuContent.js.map

package/dist/components/ContextMenu/ContextMenuContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContextMenuContent.js","names":[],"sources":["../../../src/components/ContextMenu/ContextMenuContent.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { composeRefs } from \"@nuka/utils/slot\";\nimport { useMenuNavigation } from \"@nuka/hooks/use-menu-navigation\";\nimport { Portal } from \"@nuka/utils/portal\";\nimport { useContextMenuContext } from \"@nuka/components/ContextMenu/ContextMenu.context\";\nimport { menuContentVariants } from \"@nuka/components/Menu/menuItemVariants\";\nimport {\n  MenuItemContext,\n  useAutoFocusFirstItem,\n} from \"@nuka/components/Menu/MenuContentBase\";\n\nexport interface ContextMenuContentProps extends React.HTMLAttributes<HTMLDivElement> {}\n\nconst ContextMenuContent = React.forwardRef<\n  HTMLDivElement,\n  ContextMenuContentProps\n>(({ className, children, ...props }, ref) => {\n  const ctx = useContextMenuContext();\n  const contentRef = React.useRef<HTMLDivElement>(null);\n  const composedRef = composeRefs(ref, contentRef, ctx.refs.setFloating);\n\n  const { getItemProps, focusItem, itemsRef, resetTypeAhead } =\n    useMenuNavigation({\n      onEscape: () => ctx.onOpenChange(false),\n      onTab: () => ctx.onOpenChange(false),\n    });\n\n  const itemIndexRef = React.useRef(0);\n\n  React.useEffect(() => {\n    if (!ctx.open) resetTypeAhead();\n  }, [ctx.open, resetTypeAhead]);\n\n  useAutoFocusFirstItem(ctx.open, focusItem, itemsRef, itemIndexRef);\n\n  if (!ctx.open) return null;\n\n  itemIndexRef.current = 0;\n\n  const floatingProps = ctx.getFloatingProps(props);\n\n  return (\n    <Portal>\n      <MenuItemContext\n        value={{\n          getItemProps,\n          indexRef: itemIndexRef,\n          close: () => ctx.onOpenChange(false),\n        }}\n      >\n        <div\n          ref={composedRef}\n          style={ctx.floatingStyles}\n          data-state=\"open\"\n          {...floatingProps}\n          className={cn(menuContentVariants(), className)}\n        >\n          {children}\n        </div>\n      </MenuItemContext>\n    </Portal>\n  );\n});\n\nContextMenuContent.displayName = \"ContextMenuContent\";\n\nexport { ContextMenuContent };\n"],"mappings":";;;;;;;;;;;AAeA,IAAM,IAAqB,EAAM,YAG9B,EAAE,cAAW,aAAU,GAAG,KAAS,MAAQ;CAC5C,IAAM,IAAM,GAAuB,EAE7B,IAAc,EAAY,GADb,EAAM,OAAuB,KAAK,EACJ,EAAI,KAAK,YAAY,EAEhE,EAAE,iBAAc,cAAW,aAAU,sBACzC,EAAkB;EAChB,gBAAgB,EAAI,aAAa,GAAM;EACvC,aAAa,EAAI,aAAa,GAAM;EACrC,CAAC,EAEE,IAAe,EAAM,OAAO,EAAE;AAQpC,KANA,EAAM,gBAAgB;AACpB,EAAK,EAAI,QAAM,GAAgB;IAC9B,CAAC,EAAI,MAAM,EAAe,CAAC,EAE9B,EAAsB,EAAI,MAAM,GAAW,GAAU,EAAa,EAE9D,CAAC,EAAI,KAAM,QAAO;AAEtB,GAAa,UAAU;CAEvB,IAAM,IAAgB,EAAI,iBAAiB,EAAM;AAEjD,QACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;EACE,OAAO;GACL;GACA,UAAU;GACV,aAAa,EAAI,aAAa,GAAM;GACrC;YAED,kBAAC,OAAD;GACE,KAAK;GACL,OAAO,EAAI;GACX,cAAW;GACX,GAAI;GACJ,WAAW,EAAG,GAAqB,EAAE,EAAU;GAE9C;GACG,CAAA;EACU,CAAA,EACX,CAAA;EAEX;AAEF,EAAmB,cAAc"}

package/dist/components/ContextMenu/ContextMenuItem.cjs

@@ -0,0 +1,2 @@
+"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../Menu/MenuContentBase.cjs`);let n=require(`react`);n=e.__toESM(n,1);let r=require(`react/jsx-runtime`);var i=n.forwardRef((e,n)=>(0,r.jsx)(t.MenuItemWithNav,{ref:n,...e}));i.displayName=`ContextMenuItem`,exports.ContextMenuItem=i;
+//# sourceMappingURL=ContextMenuItem.cjs.map

package/dist/components/ContextMenu/ContextMenuItem.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContextMenuItem.cjs","names":[],"sources":["../../../src/components/ContextMenu/ContextMenuItem.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { MenuItemWithNav } from \"@nuka/components/Menu/MenuContentBase\";\nimport type { MenuItemWithNavProps } from \"@nuka/components/Menu/MenuContentBase\";\n\nexport type ContextMenuItemProps = MenuItemWithNavProps;\n\nconst ContextMenuItem = React.forwardRef<HTMLDivElement, ContextMenuItemProps>(\n  (props, ref) => <MenuItemWithNav ref={ref} {...props} />,\n);\n\nContextMenuItem.displayName = \"ContextMenuItem\";\n\nexport { ContextMenuItem };\n"],"mappings":"yLAOA,IAAM,EAAkB,EAAM,YAC3B,EAAO,KAAQ,EAAA,EAAA,KAAC,EAAA,gBAAD,CAAsB,MAAK,GAAI,EAAS,CAAA,CACzD,CAED,EAAgB,YAAc"}

package/dist/components/ContextMenu/ContextMenuItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ContextMenuItem.d.ts","sourceRoot":"","sources":["../../../src/components/ContextMenu/ContextMenuItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,uCAAuC,CAAC;AAElF,MAAM,MAAM,oBAAoB,GAAG,oBAAoB,CAAC;AAExD,QAAA,MAAM,eAAe,6FAEpB,CAAC;AAIF,OAAO,EAAE,eAAe,EAAE,CAAC"}
+{"version":3,"file":"ContextMenuItem.d.ts","sourceRoot":"","sources":["../../../src/components/ContextMenu/ContextMenuItem.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,uCAAuC,CAAC;AAElF,MAAM,MAAM,oBAAoB,GAAG,oBAAoB,CAAC;AAExD,QAAA,MAAM,eAAe,6FAEpB,CAAC;AAIF,OAAO,EAAE,eAAe,EAAE,CAAC"}

package/dist/components/ContextMenu/ContextMenuItem.js

@@ -0,0 +1,14 @@
+"use client";
+import { MenuItemWithNav as e } from "../Menu/MenuContentBase.js";
+import * as t from "react";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/components/ContextMenu/ContextMenuItem.tsx
+var r = t.forwardRef((t, r) => /* @__PURE__ */ n(e, {
+	ref: r,
+	...t
+}));
+r.displayName = "ContextMenuItem";
+//#endregion
+export { r as ContextMenuItem };
+
+//# sourceMappingURL=ContextMenuItem.js.map

package/dist/components/ContextMenu/ContextMenuItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContextMenuItem.js","names":[],"sources":["../../../src/components/ContextMenu/ContextMenuItem.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { MenuItemWithNav } from \"@nuka/components/Menu/MenuContentBase\";\nimport type { MenuItemWithNavProps } from \"@nuka/components/Menu/MenuContentBase\";\n\nexport type ContextMenuItemProps = MenuItemWithNavProps;\n\nconst ContextMenuItem = React.forwardRef<HTMLDivElement, ContextMenuItemProps>(\n  (props, ref) => <MenuItemWithNav ref={ref} {...props} />,\n);\n\nContextMenuItem.displayName = \"ContextMenuItem\";\n\nexport { ContextMenuItem };\n"],"mappings":";;;;;AAOA,IAAM,IAAkB,EAAM,YAC3B,GAAO,MAAQ,kBAAC,GAAD;CAAsB;CAAK,GAAI;CAAS,CAAA,CACzD;AAED,EAAgB,cAAc"}

package/dist/components/ContextMenu/ContextMenuLabel.cjs

@@ -0,0 +1,2 @@
+"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../Menu/MenuLabelBase.cjs`);let n=require(`react`);n=e.__toESM(n,1);let r=require(`react/jsx-runtime`);var i=n.forwardRef((e,n)=>(0,r.jsx)(t.MenuLabelBase,{ref:n,...e}));i.displayName=`ContextMenuLabel`,exports.ContextMenuLabel=i;
+//# sourceMappingURL=ContextMenuLabel.cjs.map

package/dist/components/ContextMenu/ContextMenuLabel.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContextMenuLabel.cjs","names":[],"sources":["../../../src/components/ContextMenu/ContextMenuLabel.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { MenuLabelBase } from \"@nuka/components/Menu/MenuLabelBase\";\n\nexport interface ContextMenuLabelProps extends React.HTMLAttributes<HTMLDivElement> {}\n\nconst ContextMenuLabel = React.forwardRef<\n  HTMLDivElement,\n  ContextMenuLabelProps\n>((props, ref) => <MenuLabelBase ref={ref} {...props} />);\n\nContextMenuLabel.displayName = \"ContextMenuLabel\";\n\nexport { ContextMenuLabel };\n"],"mappings":"uLAMA,IAAM,EAAmB,EAAM,YAG5B,EAAO,KAAQ,EAAA,EAAA,KAAC,EAAA,cAAD,CAAoB,MAAK,GAAI,EAAS,CAAA,CAAC,CAEzD,EAAiB,YAAc"}