jaci-ui 0.6.3 → 0.8.0

package/dist/components/image/image.js

@@ -0,0 +1,112 @@
+"use client";
+import { cx } from "../../styled-system/css/cx.js";
+import { image } from "../../styled-system/recipes/image.js";
+import { useThemePortalProps } from "../../theme/theme-scope.js";
+import { forwardRef, useEffect, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Dialog } from "@base-ui/react/dialog";
+//#region src/components/image/image.tsx
+const Image = forwardRef(function Image({ alt, aspectRatio, className, defaultOpen, fallback, fit = "cover", lightbox = false, lightboxLabel = "Open image", onError, onLoad, onOpenChange, onStatusChange, open, position, src, style, ...props }, ref) {
+	const [status, setStatus] = useState("loading");
+	useEffect(() => {
+		setStatus("loading");
+	}, [src]);
+	useEffect(() => {
+		onStatusChange?.(status);
+	}, [onStatusChange, status]);
+	const styles = image({
+		fit,
+		status
+	});
+	const scopedPortalProps = useThemePortalProps({});
+	const rootStyle = {
+		...aspectRatio && Number.isFinite(aspectRatio) && aspectRatio > 0 ? { aspectRatio } : void 0,
+		...style
+	};
+	const content = /* @__PURE__ */ jsxs("span", {
+		"aria-busy": status === "loading" || void 0,
+		className: styles.root,
+		"data-fit": fit,
+		"data-jaci-component": "image",
+		"data-slot": "image",
+		"data-status": status,
+		style: rootStyle,
+		children: [/* @__PURE__ */ jsx("img", {
+			...props,
+			ref,
+			alt,
+			className: cx(styles.image, className),
+			"data-slot": "image-content",
+			onError: (event) => {
+				setStatus("error");
+				onError?.(event);
+			},
+			onLoad: (event) => {
+				setStatus("loaded");
+				onLoad?.(event);
+			},
+			src,
+			style: { objectPosition: position }
+		}), status === "error" && fallback ? /* @__PURE__ */ jsx("span", {
+			"aria-live": "polite",
+			className: styles.fallback,
+			"data-slot": "image-fallback",
+			children: fallback
+		}) : null]
+	});
+	if (!lightbox) return content;
+	return /* @__PURE__ */ jsxs(Dialog.Root, {
+		defaultOpen,
+		onOpenChange: (nextOpen) => onOpenChange?.(nextOpen),
+		open,
+		children: [/* @__PURE__ */ jsx(Dialog.Trigger, {
+			"aria-label": lightboxLabel,
+			className: styles.trigger,
+			"data-jaci-component": "image-trigger",
+			"data-slot": "image-trigger",
+			children: content
+		}), /* @__PURE__ */ jsxs(Dialog.Portal, {
+			...scopedPortalProps,
+			children: [/* @__PURE__ */ jsx(Dialog.Backdrop, {
+				className: styles.backdrop,
+				"data-slot": "image-lightbox-backdrop"
+			}), /* @__PURE__ */ jsx(Dialog.Viewport, {
+				className: styles.viewport,
+				"data-slot": "image-lightbox-viewport",
+				children: /* @__PURE__ */ jsxs(Dialog.Popup, {
+					"aria-label": alt || lightboxLabel,
+					className: styles.popup,
+					"data-jaci-component": "image-lightbox",
+					"data-slot": "image-lightbox-popup",
+					children: [
+						/* @__PURE__ */ jsx(Dialog.Title, {
+							className: styles.title,
+							children: alt || lightboxLabel
+						}),
+						/* @__PURE__ */ jsx("div", {
+							className: styles.closeRow,
+							"data-slot": "image-lightbox-close-row",
+							children: /* @__PURE__ */ jsx(Dialog.Close, {
+								"aria-label": "Close image",
+								className: styles.close,
+								"data-slot": "image-lightbox-close",
+								children: "×"
+							})
+						}),
+						/* @__PURE__ */ jsx("img", {
+							alt,
+							className: styles.lightboxImage,
+							"data-slot": "image-lightbox-content",
+							src,
+							style: { objectPosition: position }
+						})
+					]
+				})
+			})]
+		})]
+	});
+});
+//#endregion
+export { Image };
+
+//# sourceMappingURL=image.js.map

package/dist/components/image/image.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"image.js","names":["BaseDialog"],"sources":["../../../src/components/image/image.tsx"],"sourcesContent":["\"use client\";\n\nimport { Dialog as BaseDialog } from \"@base-ui/react/dialog\";\nimport { forwardRef, useEffect, useState } from \"react\";\nimport type { ComponentPropsWithoutRef, ReactNode } from \"react\";\n\nimport { cx } from \"../../styled-system/css\";\nimport { image } from \"../../styled-system/recipes\";\nimport { useThemePortalProps } from \"../../theme/theme-scope\";\n\nexport type ImageFit = \"contain\" | \"cover\" | \"fill\" | \"none\";\nexport type ImageStatus = \"loading\" | \"loaded\" | \"error\";\n\nexport interface ImageProps extends Omit<ComponentPropsWithoutRef<\"img\">, \"children\"> {\n  alt: string;\n  aspectRatio?: number;\n  defaultOpen?: boolean;\n  fallback?: ReactNode;\n  fit?: ImageFit;\n  lightbox?: boolean;\n  lightboxLabel?: string;\n  onOpenChange?: (open: boolean) => void;\n  onStatusChange?: (status: ImageStatus) => void;\n  open?: boolean;\n  position?: string;\n}\n\nexport const Image = forwardRef<HTMLImageElement, ImageProps>(function Image(\n  {\n    alt,\n    aspectRatio,\n    className,\n    defaultOpen,\n    fallback,\n    fit = \"cover\",\n    lightbox = false,\n    lightboxLabel = \"Open image\",\n    onError,\n    onLoad,\n    onOpenChange,\n    onStatusChange,\n    open,\n    position,\n    src,\n    style,\n    ...props\n  },\n  ref,\n) {\n  const [status, setStatus] = useState<ImageStatus>(\"loading\");\n\n  // The source is intentionally the reset key for the native image lifecycle.\n  // biome-ignore lint/correctness/useExhaustiveDependencies: changing src starts a new lifecycle.\n  useEffect(() => {\n    setStatus(\"loading\");\n  }, [src]);\n\n  useEffect(() => {\n    onStatusChange?.(status);\n  }, [onStatusChange, status]);\n\n  const styles = image({ fit, status });\n  const scopedPortalProps = useThemePortalProps({});\n  const rootStyle = {\n    ...(aspectRatio && Number.isFinite(aspectRatio) && aspectRatio > 0\n      ? { aspectRatio }\n      : undefined),\n    ...style,\n  };\n\n  const content = (\n    <span\n      aria-busy={status === \"loading\" || undefined}\n      className={styles.root}\n      data-fit={fit}\n      data-jaci-component=\"image\"\n      data-slot=\"image\"\n      data-status={status}\n      style={rootStyle}\n    >\n      <img\n        {...props}\n        ref={ref}\n        alt={alt}\n        className={cx(styles.image, className)}\n        data-slot=\"image-content\"\n        onError={(event) => {\n          setStatus(\"error\");\n          onError?.(event);\n        }}\n        onLoad={(event) => {\n          setStatus(\"loaded\");\n          onLoad?.(event);\n        }}\n        src={src}\n        style={{ objectPosition: position }}\n      />\n      {status === \"error\" && fallback ? (\n        <span aria-live=\"polite\" className={styles.fallback} data-slot=\"image-fallback\">\n          {fallback}\n        </span>\n      ) : null}\n    </span>\n  );\n\n  if (!lightbox) {\n    return content;\n  }\n\n  return (\n    <BaseDialog.Root\n      defaultOpen={defaultOpen}\n      onOpenChange={(nextOpen) => onOpenChange?.(nextOpen)}\n      open={open}\n    >\n      <BaseDialog.Trigger\n        aria-label={lightboxLabel}\n        className={styles.trigger}\n        data-jaci-component=\"image-trigger\"\n        data-slot=\"image-trigger\"\n      >\n        {content}\n      </BaseDialog.Trigger>\n      <BaseDialog.Portal {...scopedPortalProps}>\n        <BaseDialog.Backdrop className={styles.backdrop} data-slot=\"image-lightbox-backdrop\" />\n        <BaseDialog.Viewport className={styles.viewport} data-slot=\"image-lightbox-viewport\">\n          <BaseDialog.Popup\n            aria-label={alt || lightboxLabel}\n            className={styles.popup}\n            data-jaci-component=\"image-lightbox\"\n            data-slot=\"image-lightbox-popup\"\n          >\n            <BaseDialog.Title className={styles.title}>{alt || lightboxLabel}</BaseDialog.Title>\n            <div className={styles.closeRow} data-slot=\"image-lightbox-close-row\">\n              <BaseDialog.Close\n                aria-label=\"Close image\"\n                className={styles.close}\n                data-slot=\"image-lightbox-close\"\n              >\n                ×\n              </BaseDialog.Close>\n            </div>\n            <img\n              alt={alt}\n              className={styles.lightboxImage}\n              data-slot=\"image-lightbox-content\"\n              src={src}\n              style={{ objectPosition: position }}\n            />\n          </BaseDialog.Popup>\n        </BaseDialog.Viewport>\n      </BaseDialog.Portal>\n    </BaseDialog.Root>\n  );\n});\n"],"mappings":";;;;;;;;AA2BA,MAAa,QAAQ,WAAyC,SAAS,MACrE,EACE,KACA,aACA,WACA,aACA,UACA,MAAM,SACN,WAAW,OACX,gBAAgB,cAChB,SACA,QACA,cACA,gBACA,MACA,UACA,KACA,OACA,GAAG,SAEL,KACA;CACA,MAAM,CAAC,QAAQ,aAAa,SAAsB,SAAS;CAI3D,gBAAgB;EACd,UAAU,SAAS;CACrB,GAAG,CAAC,GAAG,CAAC;CAER,gBAAgB;EACd,iBAAiB,MAAM;CACzB,GAAG,CAAC,gBAAgB,MAAM,CAAC;CAE3B,MAAM,SAAS,MAAM;EAAE;EAAK;CAAO,CAAC;CACpC,MAAM,oBAAoB,oBAAoB,CAAC,CAAC;CAChD,MAAM,YAAY;EAChB,GAAI,eAAe,OAAO,SAAS,WAAW,KAAK,cAAc,IAC7D,EAAE,YAAY,IACd,KAAA;EACJ,GAAG;CACL;CAEA,MAAM,UACJ,qBAAC,QAAD;EACE,aAAW,WAAW,aAAa,KAAA;EACnC,WAAW,OAAO;EAClB,YAAU;EACV,uBAAoB;EACpB,aAAU;EACV,eAAa;EACb,OAAO;YAPT,CASE,oBAAC,OAAD;GACE,GAAI;GACC;GACA;GACL,WAAW,GAAG,OAAO,OAAO,SAAS;GACrC,aAAU;GACV,UAAU,UAAU;IAClB,UAAU,OAAO;IACjB,UAAU,KAAK;GACjB;GACA,SAAS,UAAU;IACjB,UAAU,QAAQ;IAClB,SAAS,KAAK;GAChB;GACK;GACL,OAAO,EAAE,gBAAgB,SAAS;EACnC,CAAA,GACA,WAAW,WAAW,WACrB,oBAAC,QAAD;GAAM,aAAU;GAAS,WAAW,OAAO;GAAU,aAAU;aAC5D;EACG,CAAA,IACJ,IACA;;CAGR,IAAI,CAAC,UACH,OAAO;CAGT,OACE,qBAACA,OAAW,MAAZ;EACe;EACb,eAAe,aAAa,eAAe,QAAQ;EAC7C;YAHR,CAKE,oBAACA,OAAW,SAAZ;GACE,cAAY;GACZ,WAAW,OAAO;GAClB,uBAAoB;GACpB,aAAU;aAET;EACiB,CAAA,GACpB,qBAACA,OAAW,QAAZ;GAAmB,GAAI;aAAvB,CACE,oBAACA,OAAW,UAAZ;IAAqB,WAAW,OAAO;IAAU,aAAU;GAA2B,CAAA,GACtF,oBAACA,OAAW,UAAZ;IAAqB,WAAW,OAAO;IAAU,aAAU;cACzD,qBAACA,OAAW,OAAZ;KACE,cAAY,OAAO;KACnB,WAAW,OAAO;KAClB,uBAAoB;KACpB,aAAU;eAJZ;MAME,oBAACA,OAAW,OAAZ;OAAkB,WAAW,OAAO;iBAAQ,OAAO;MAAgC,CAAA;MACnF,oBAAC,OAAD;OAAK,WAAW,OAAO;OAAU,aAAU;iBACzC,oBAACA,OAAW,OAAZ;QACE,cAAW;QACX,WAAW,OAAO;QAClB,aAAU;kBACX;OAEiB,CAAA;MACf,CAAA;MACL,oBAAC,OAAD;OACO;OACL,WAAW,OAAO;OAClB,aAAU;OACL;OACL,OAAO,EAAE,gBAAgB,SAAS;MACnC,CAAA;KACe;;GACC,CAAA,CACJ;IACJ;;AAErB,CAAC"}

package/dist/components/image/index.d.cts

@@ -0,0 +1,2 @@
+import { Image, ImageFit, ImageProps, ImageStatus } from "./image.cjs";
+export { Image, type ImageFit, type ImageProps, type ImageStatus };

package/dist/components/image/index.d.ts

@@ -0,0 +1,2 @@
+import { Image, ImageFit, ImageProps, ImageStatus } from "./image.js";
+export { Image, type ImageFit, type ImageProps, type ImageStatus };

package/dist/components/kbd/index.d.cts

@@ -0,0 +1,2 @@
+import { Kbd, KbdProps, KbdSize, KbdVariant } from "./kbd.cjs";
+export { Kbd, type KbdProps, type KbdSize, type KbdVariant };

package/dist/components/kbd/index.d.ts

@@ -0,0 +1,2 @@
+import { Kbd, KbdProps, KbdSize, KbdVariant } from "./kbd.js";
+export { Kbd, type KbdProps, type KbdSize, type KbdVariant };

package/dist/components/kbd/kbd.cjs

@@ -0,0 +1,23 @@
+const require_cx = require("../../styled-system/css/cx.cjs");
+const require_kbd = require("../../styled-system/recipes/kbd.cjs");
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/components/kbd/kbd.tsx
+const Kbd = (0, react.forwardRef)(function Kbd({ className, size = "md", variant = "subtle", ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("kbd", {
+		...props,
+		ref,
+		className: require_cx.cx(require_kbd.kbd({
+			size,
+			variant
+		}), className),
+		"data-jaci-component": "kbd",
+		"data-size": size,
+		"data-slot": "kbd",
+		"data-variant": variant
+	});
+});
+//#endregion
+exports.Kbd = Kbd;
+
+//# sourceMappingURL=kbd.cjs.map

package/dist/components/kbd/kbd.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"kbd.cjs","names":["cx","kbd"],"sources":["../../../src/components/kbd/kbd.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport type { ComponentPropsWithoutRef } from \"react\";\n\nimport { cx } from \"../../styled-system/css\";\nimport { kbd } from \"../../styled-system/recipes\";\n\nexport type KbdSize = \"sm\" | \"md\" | \"lg\";\nexport type KbdVariant = \"solid\" | \"outline\" | \"subtle\";\n\nexport interface KbdProps extends ComponentPropsWithoutRef<\"kbd\"> {\n  size?: KbdSize;\n  variant?: KbdVariant;\n}\n\nexport const Kbd = forwardRef<HTMLElement, KbdProps>(function Kbd(\n  { className, size = \"md\", variant = \"subtle\", ...props },\n  ref,\n) {\n  return (\n    <kbd\n      {...props}\n      ref={ref}\n      className={cx(kbd({ size, variant }), className)}\n      data-jaci-component=\"kbd\"\n      data-size={size}\n      data-slot=\"kbd\"\n      data-variant={variant}\n    />\n  );\n});\n"],"mappings":";;;;;AAcA,MAAa,OAAA,GAAA,MAAA,WAAA,CAAwC,SAAS,IAC5D,EAAE,WAAW,OAAO,MAAM,UAAU,UAAU,GAAG,SACjD,KACA;CACA,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;EACE,GAAI;EACC;EACL,WAAWA,WAAAA,GAAGC,YAAAA,IAAI;GAAE;GAAM;EAAQ,CAAC,GAAG,SAAS;EAC/C,uBAAoB;EACpB,aAAW;EACX,aAAU;EACV,gBAAc;CACf,CAAA;AAEL,CAAC"}

package/dist/components/kbd/kbd.d.cts

@@ -0,0 +1,12 @@
+import { ComponentPropsWithoutRef } from "react";
+//#region src/components/kbd/kbd.d.ts
+type KbdSize = "sm" | "md" | "lg";
+type KbdVariant = "solid" | "outline" | "subtle";
+interface KbdProps extends ComponentPropsWithoutRef<"kbd"> {
+  size?: KbdSize;
+  variant?: KbdVariant;
+}
+declare const Kbd: import("react").ForwardRefExoticComponent<KbdProps & import("react").RefAttributes<HTMLElement>>;
+//#endregion
+export { Kbd, KbdProps, KbdSize, KbdVariant };
+//# sourceMappingURL=kbd.d.cts.map

package/dist/components/kbd/kbd.d.ts

@@ -0,0 +1,12 @@
+import { ComponentPropsWithoutRef } from "react";
+//#region src/components/kbd/kbd.d.ts
+type KbdSize = "sm" | "md" | "lg";
+type KbdVariant = "solid" | "outline" | "subtle";
+interface KbdProps extends ComponentPropsWithoutRef<"kbd"> {
+  size?: KbdSize;
+  variant?: KbdVariant;
+}
+declare const Kbd: import("react").ForwardRefExoticComponent<KbdProps & import("react").RefAttributes<HTMLElement>>;
+//#endregion
+export { Kbd, KbdProps, KbdSize, KbdVariant };
+//# sourceMappingURL=kbd.d.ts.map

package/dist/components/kbd/kbd.js

@@ -0,0 +1,23 @@
+import { cx } from "../../styled-system/css/cx.js";
+import { kbd } from "../../styled-system/recipes/kbd.js";
+import { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/kbd/kbd.tsx
+const Kbd = forwardRef(function Kbd({ className, size = "md", variant = "subtle", ...props }, ref) {
+	return /* @__PURE__ */ jsx("kbd", {
+		...props,
+		ref,
+		className: cx(kbd({
+			size,
+			variant
+		}), className),
+		"data-jaci-component": "kbd",
+		"data-size": size,
+		"data-slot": "kbd",
+		"data-variant": variant
+	});
+});
+//#endregion
+export { Kbd };
+
+//# sourceMappingURL=kbd.js.map

package/dist/components/kbd/kbd.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"kbd.js","names":[],"sources":["../../../src/components/kbd/kbd.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport type { ComponentPropsWithoutRef } from \"react\";\n\nimport { cx } from \"../../styled-system/css\";\nimport { kbd } from \"../../styled-system/recipes\";\n\nexport type KbdSize = \"sm\" | \"md\" | \"lg\";\nexport type KbdVariant = \"solid\" | \"outline\" | \"subtle\";\n\nexport interface KbdProps extends ComponentPropsWithoutRef<\"kbd\"> {\n  size?: KbdSize;\n  variant?: KbdVariant;\n}\n\nexport const Kbd = forwardRef<HTMLElement, KbdProps>(function Kbd(\n  { className, size = \"md\", variant = \"subtle\", ...props },\n  ref,\n) {\n  return (\n    <kbd\n      {...props}\n      ref={ref}\n      className={cx(kbd({ size, variant }), className)}\n      data-jaci-component=\"kbd\"\n      data-size={size}\n      data-slot=\"kbd\"\n      data-variant={variant}\n    />\n  );\n});\n"],"mappings":";;;;;AAcA,MAAa,MAAM,WAAkC,SAAS,IAC5D,EAAE,WAAW,OAAO,MAAM,UAAU,UAAU,GAAG,SACjD,KACA;CACA,OACE,oBAAC,OAAD;EACE,GAAI;EACC;EACL,WAAW,GAAG,IAAI;GAAE;GAAM;EAAQ,CAAC,GAAG,SAAS;EAC/C,uBAAoB;EACpB,aAAW;EACX,aAAU;EACV,gBAAc;CACf,CAAA;AAEL,CAAC"}

package/dist/components/menu/menu.cjs

@@ -1,6 +1,7 @@
 "use client";
 const require_base_ui = require("../base-ui.cjs");
 const require_menu = require("../../styled-system/recipes/menu.cjs");
+const require_theme_scope = require("../../theme/theme-scope.cjs");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 let _base_ui_react_menu = require("@base-ui/react/menu");
@@ -18,7 +19,9 @@ const MenuTrigger = (0, react.forwardRef)(function MenuTrigger({ className, ...p
 	});
 });
 /** Preserves Base UI's portal and optional container APIs. */
-const MenuPortal = _base_ui_react_menu.Menu.Portal;
+function MenuPortal(props) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_menu.Menu.Portal, { ...require_theme_scope.useThemePortalProps(props) });
+}
 const MenuPositioner = (0, react.forwardRef)(function MenuPositioner({ className, ...props }, ref) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_menu.Menu.Positioner, {
 		...props,

package/dist/components/menu/menu.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"menu.cjs","names":["BaseMenu","withRecipeClassName","menu"],"sources":["../../../src/components/menu/menu.tsx"],"sourcesContent":["\"use client\";\n\nimport { Menu as BaseMenu } from \"@base-ui/react/menu\";\nimport { forwardRef } from \"react\";\nimport type { ComponentPropsWithoutRef } from \"react\";\nimport type { MenuRoot as BaseMenuRoot, MenuTrigger as BaseMenuTrigger } from \"@base-ui/react/menu\";\n\nimport { menu } from \"../../styled-system/recipes\";\nimport { withRecipeClassName } from \"../base-ui\";\n\n/**\n * Groups the menu parts. It keeps Base UI's controlled `open`/\n * `onOpenChange` API and uncontrolled `defaultOpen` API intact.\n */\nexport type MenuRootProps<Payload = unknown> = BaseMenuRoot.Props<Payload>;\n\nexport function MenuRoot<Payload = unknown>(props: MenuRootProps<Payload>) {\n  return <BaseMenu.Root {...props} />;\n}\n\nexport type MenuTriggerProps<Payload = unknown> = BaseMenuTrigger.Props<Payload>;\n\nexport const MenuTrigger = forwardRef<HTMLButtonElement, MenuTriggerProps>(function MenuTrigger(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BaseMenu.Trigger\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(menu().trigger, className)}\n      data-jaci-component=\"menu\"\n      data-slot=\"menu-trigger\"\n    />\n  );\n});\n\n/** Preserves Base UI's portal and optional container APIs. */\nexport const MenuPortal = BaseMenu.Portal;\n\nexport type MenuPositionerProps = ComponentPropsWithoutRef<typeof BaseMenu.Positioner>;\n\nexport const MenuPositioner = forwardRef<HTMLDivElement, MenuPositionerProps>(\n  function MenuPositioner({ className, ...props }, ref) {\n    return (\n      <BaseMenu.Positioner\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(menu().positioner, className)}\n        data-slot=\"menu-positioner\"\n      />\n    );\n  },\n);\n\nexport type MenuPopupProps = ComponentPropsWithoutRef<typeof BaseMenu.Popup>;\n\nexport const MenuPopup = forwardRef<HTMLDivElement, MenuPopupProps>(function MenuPopup(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BaseMenu.Popup\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(menu().popup, className)}\n      data-slot=\"menu-popup\"\n    />\n  );\n});\n\nexport type MenuItemProps = ComponentPropsWithoutRef<typeof BaseMenu.Item>;\n\nexport const MenuItem = forwardRef<HTMLElement, MenuItemProps>(function MenuItem(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BaseMenu.Item\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(menu().item, className)}\n      data-slot=\"menu-item\"\n    />\n  );\n});\n\nexport type MenuLinkItemProps = ComponentPropsWithoutRef<typeof BaseMenu.LinkItem>;\n\n/**\n * A navigational item. It retains Base UI's keyboard navigation.\n */\nexport const MenuLinkItem = forwardRef<Element, MenuLinkItemProps>(function MenuLinkItem(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BaseMenu.LinkItem\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(menu().item, className)}\n      data-slot=\"menu-link-item\"\n    />\n  );\n});\n\nexport type MenuSeparatorProps = ComponentPropsWithoutRef<typeof BaseMenu.Separator>;\n\nexport const MenuSeparator = forwardRef<HTMLDivElement, MenuSeparatorProps>(function MenuSeparator(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BaseMenu.Separator\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(menu().separator, className)}\n      data-slot=\"menu-separator\"\n    />\n  );\n});\n\nexport type MenuGroupProps = ComponentPropsWithoutRef<typeof BaseMenu.Group>;\n\nexport const MenuGroup = forwardRef<HTMLDivElement, MenuGroupProps>(function MenuGroup(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BaseMenu.Group\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(menu().group, className)}\n      data-slot=\"menu-group\"\n    />\n  );\n});\n\nexport type MenuGroupLabelProps = ComponentPropsWithoutRef<typeof BaseMenu.GroupLabel>;\n\nexport const MenuGroupLabel = forwardRef<HTMLDivElement, MenuGroupLabelProps>(\n  function MenuGroupLabel({ className, ...props }, ref) {\n    return (\n      <BaseMenu.GroupLabel\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(menu().groupLabel, className)}\n        data-slot=\"menu-group-label\"\n      />\n    );\n  },\n);\n\nexport const Menu = {\n  Root: MenuRoot,\n  Trigger: MenuTrigger,\n  Portal: MenuPortal,\n  Positioner: MenuPositioner,\n  Popup: MenuPopup,\n  Item: MenuItem,\n  LinkItem: MenuLinkItem,\n  Separator: MenuSeparator,\n  Group: MenuGroup,\n  GroupLabel: MenuGroupLabel,\n  createHandle: BaseMenu.createHandle,\n};\n"],"mappings":"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"}
+{"version":3,"file":"menu.cjs","names":["BaseMenu","withRecipeClassName","menu","useThemePortalProps"],"sources":["../../../src/components/menu/menu.tsx"],"sourcesContent":["\"use client\";\n\nimport { Menu as BaseMenu } from \"@base-ui/react/menu\";\nimport { forwardRef } from \"react\";\nimport type { ComponentPropsWithoutRef } from \"react\";\nimport type { MenuRoot as BaseMenuRoot, MenuTrigger as BaseMenuTrigger } from \"@base-ui/react/menu\";\n\nimport { menu } from \"../../styled-system/recipes\";\nimport { withRecipeClassName } from \"../base-ui\";\nimport { useThemePortalProps } from \"../../theme/theme-scope\";\n\n/**\n * Groups the menu parts. It keeps Base UI's controlled `open`/\n * `onOpenChange` API and uncontrolled `defaultOpen` API intact.\n */\nexport type MenuRootProps<Payload = unknown> = BaseMenuRoot.Props<Payload>;\n\nexport function MenuRoot<Payload = unknown>(props: MenuRootProps<Payload>) {\n  return <BaseMenu.Root {...props} />;\n}\n\nexport type MenuTriggerProps<Payload = unknown> = BaseMenuTrigger.Props<Payload>;\n\nexport const MenuTrigger = forwardRef<HTMLButtonElement, MenuTriggerProps>(function MenuTrigger(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BaseMenu.Trigger\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(menu().trigger, className)}\n      data-jaci-component=\"menu\"\n      data-slot=\"menu-trigger\"\n    />\n  );\n});\n\n/** Preserves Base UI's portal and optional container APIs. */\nexport function MenuPortal(props: ComponentPropsWithoutRef<typeof BaseMenu.Portal>) {\n  return <BaseMenu.Portal {...useThemePortalProps(props)} />;\n}\n\nexport type MenuPositionerProps = ComponentPropsWithoutRef<typeof BaseMenu.Positioner>;\n\nexport const MenuPositioner = forwardRef<HTMLDivElement, MenuPositionerProps>(\n  function MenuPositioner({ className, ...props }, ref) {\n    return (\n      <BaseMenu.Positioner\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(menu().positioner, className)}\n        data-slot=\"menu-positioner\"\n      />\n    );\n  },\n);\n\nexport type MenuPopupProps = ComponentPropsWithoutRef<typeof BaseMenu.Popup>;\n\nexport const MenuPopup = forwardRef<HTMLDivElement, MenuPopupProps>(function MenuPopup(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BaseMenu.Popup\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(menu().popup, className)}\n      data-slot=\"menu-popup\"\n    />\n  );\n});\n\nexport type MenuItemProps = ComponentPropsWithoutRef<typeof BaseMenu.Item>;\n\nexport const MenuItem = forwardRef<HTMLElement, MenuItemProps>(function MenuItem(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BaseMenu.Item\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(menu().item, className)}\n      data-slot=\"menu-item\"\n    />\n  );\n});\n\nexport type MenuLinkItemProps = ComponentPropsWithoutRef<typeof BaseMenu.LinkItem>;\n\n/**\n * A navigational item. It retains Base UI's keyboard navigation.\n */\nexport const MenuLinkItem = forwardRef<Element, MenuLinkItemProps>(function MenuLinkItem(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BaseMenu.LinkItem\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(menu().item, className)}\n      data-slot=\"menu-link-item\"\n    />\n  );\n});\n\nexport type MenuSeparatorProps = ComponentPropsWithoutRef<typeof BaseMenu.Separator>;\n\nexport const MenuSeparator = forwardRef<HTMLDivElement, MenuSeparatorProps>(function MenuSeparator(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BaseMenu.Separator\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(menu().separator, className)}\n      data-slot=\"menu-separator\"\n    />\n  );\n});\n\nexport type MenuGroupProps = ComponentPropsWithoutRef<typeof BaseMenu.Group>;\n\nexport const MenuGroup = forwardRef<HTMLDivElement, MenuGroupProps>(function MenuGroup(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BaseMenu.Group\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(menu().group, className)}\n      data-slot=\"menu-group\"\n    />\n  );\n});\n\nexport type MenuGroupLabelProps = ComponentPropsWithoutRef<typeof BaseMenu.GroupLabel>;\n\nexport const MenuGroupLabel = forwardRef<HTMLDivElement, MenuGroupLabelProps>(\n  function MenuGroupLabel({ className, ...props }, ref) {\n    return (\n      <BaseMenu.GroupLabel\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(menu().groupLabel, className)}\n        data-slot=\"menu-group-label\"\n      />\n    );\n  },\n);\n\nexport const Menu = {\n  Root: MenuRoot,\n  Trigger: MenuTrigger,\n  Portal: MenuPortal,\n  Positioner: MenuPositioner,\n  Popup: MenuPopup,\n  Item: MenuItem,\n  LinkItem: MenuLinkItem,\n  Separator: MenuSeparator,\n  Group: MenuGroup,\n  GroupLabel: MenuGroupLabel,\n  createHandle: BaseMenu.createHandle,\n};\n"],"mappings":"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"}

package/dist/components/menu/menu.d.cts

@@ -10,7 +10,7 @@ declare function MenuRoot$1<Payload = unknown>(props: MenuRootProps<Payload>): i
 type MenuTriggerProps<Payload = unknown> = MenuTrigger.Props<Payload>;
 declare const MenuTrigger$1: import("react").ForwardRefExoticComponent<Omit<MenuTriggerProps<unknown>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
 /** Preserves Base UI's portal and optional container APIs. */
-declare const MenuPortal: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").ContextMenuPortalProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+declare function MenuPortal(props: ComponentPropsWithoutRef<typeof Menu.Portal>): import("react").JSX.Element;
 type MenuPositionerProps = ComponentPropsWithoutRef<typeof Menu.Positioner>;
 declare const MenuPositioner: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").ContextMenuPositionerProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
 type MenuPopupProps = ComponentPropsWithoutRef<typeof Menu.Popup>;
@@ -31,7 +31,7 @@ declare const MenuGroupLabel: import("react").ForwardRefExoticComponent<Omit<Omi
 declare const Menu$1: {
   Root: typeof MenuRoot$1;
   Trigger: import("react").ForwardRefExoticComponent<Omit<MenuTriggerProps<unknown>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
-  Portal: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").ContextMenuPortalProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+  Portal: typeof MenuPortal;
   Positioner: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").ContextMenuPositionerProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
   Popup: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").ContextMenuPopupProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
   Item: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").ContextMenuItemProps, "ref"> & import("react").RefAttributes<HTMLElement>, "ref"> & import("react").RefAttributes<HTMLElement>>;

package/dist/components/menu/menu.d.ts

@@ -10,7 +10,7 @@ declare function MenuRoot$1<Payload = unknown>(props: MenuRootProps<Payload>): i
 type MenuTriggerProps<Payload = unknown> = MenuTrigger.Props<Payload>;
 declare const MenuTrigger$1: import("react").ForwardRefExoticComponent<Omit<MenuTriggerProps<unknown>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
 /** Preserves Base UI's portal and optional container APIs. */
-declare const MenuPortal: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").ContextMenuPortalProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+declare function MenuPortal(props: ComponentPropsWithoutRef<typeof Menu.Portal>): import("react").JSX.Element;
 type MenuPositionerProps = ComponentPropsWithoutRef<typeof Menu.Positioner>;
 declare const MenuPositioner: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").ContextMenuPositionerProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
 type MenuPopupProps = ComponentPropsWithoutRef<typeof Menu.Popup>;
@@ -31,7 +31,7 @@ declare const MenuGroupLabel: import("react").ForwardRefExoticComponent<Omit<Omi
 declare const Menu$1: {
   Root: typeof MenuRoot$1;
   Trigger: import("react").ForwardRefExoticComponent<Omit<MenuTriggerProps<unknown>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
-  Portal: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").ContextMenuPortalProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+  Portal: typeof MenuPortal;
   Positioner: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").ContextMenuPositionerProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
   Popup: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").ContextMenuPopupProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
   Item: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").ContextMenuItemProps, "ref"> & import("react").RefAttributes<HTMLElement>, "ref"> & import("react").RefAttributes<HTMLElement>>;

package/dist/components/menu/menu.js

@@ -1,6 +1,7 @@
 "use client";
 import { withRecipeClassName } from "../base-ui.js";
 import { menu } from "../../styled-system/recipes/menu.js";
+import { useThemePortalProps } from "../../theme/theme-scope.js";
 import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";
 import { Menu } from "@base-ui/react/menu";
@@ -18,7 +19,9 @@ const MenuTrigger$1 = forwardRef(function MenuTrigger({ className, ...props }, r
 	});
 });
 /** Preserves Base UI's portal and optional container APIs. */
-const MenuPortal = Menu.Portal;
+function MenuPortal(props) {
+	return /* @__PURE__ */ jsx(Menu.Portal, { ...useThemePortalProps(props) });
+}
 const MenuPositioner = forwardRef(function MenuPositioner({ className, ...props }, ref) {
 	return /* @__PURE__ */ jsx(Menu.Positioner, {
 		...props,

package/dist/components/menu/menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"menu.js","names":["MenuRoot","BaseMenu","MenuTrigger","Menu"],"sources":["../../../src/components/menu/menu.tsx"],"sourcesContent":["\"use client\";\n\nimport { Menu as BaseMenu } from \"@base-ui/react/menu\";\nimport { forwardRef } from \"react\";\nimport type { ComponentPropsWithoutRef } from \"react\";\nimport type { MenuRoot as BaseMenuRoot, MenuTrigger as BaseMenuTrigger } from \"@base-ui/react/menu\";\n\nimport { menu } from \"../../styled-system/recipes\";\nimport { withRecipeClassName } from \"../base-ui\";\n\n/**\n * Groups the menu parts. It keeps Base UI's controlled `open`/\n * `onOpenChange` API and uncontrolled `defaultOpen` API intact.\n */\nexport type MenuRootProps<Payload = unknown> = BaseMenuRoot.Props<Payload>;\n\nexport function MenuRoot<Payload = unknown>(props: MenuRootProps<Payload>) {\n  return <BaseMenu.Root {...props} />;\n}\n\nexport type MenuTriggerProps<Payload = unknown> = BaseMenuTrigger.Props<Payload>;\n\nexport const MenuTrigger = forwardRef<HTMLButtonElement, MenuTriggerProps>(function MenuTrigger(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BaseMenu.Trigger\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(menu().trigger, className)}\n      data-jaci-component=\"menu\"\n      data-slot=\"menu-trigger\"\n    />\n  );\n});\n\n/** Preserves Base UI's portal and optional container APIs. */\nexport const MenuPortal = BaseMenu.Portal;\n\nexport type MenuPositionerProps = ComponentPropsWithoutRef<typeof BaseMenu.Positioner>;\n\nexport const MenuPositioner = forwardRef<HTMLDivElement, MenuPositionerProps>(\n  function MenuPositioner({ className, ...props }, ref) {\n    return (\n      <BaseMenu.Positioner\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(menu().positioner, className)}\n        data-slot=\"menu-positioner\"\n      />\n    );\n  },\n);\n\nexport type MenuPopupProps = ComponentPropsWithoutRef<typeof BaseMenu.Popup>;\n\nexport const MenuPopup = forwardRef<HTMLDivElement, MenuPopupProps>(function MenuPopup(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BaseMenu.Popup\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(menu().popup, className)}\n      data-slot=\"menu-popup\"\n    />\n  );\n});\n\nexport type MenuItemProps = ComponentPropsWithoutRef<typeof BaseMenu.Item>;\n\nexport const MenuItem = forwardRef<HTMLElement, MenuItemProps>(function MenuItem(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BaseMenu.Item\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(menu().item, className)}\n      data-slot=\"menu-item\"\n    />\n  );\n});\n\nexport type MenuLinkItemProps = ComponentPropsWithoutRef<typeof BaseMenu.LinkItem>;\n\n/**\n * A navigational item. It retains Base UI's keyboard navigation.\n */\nexport const MenuLinkItem = forwardRef<Element, MenuLinkItemProps>(function MenuLinkItem(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BaseMenu.LinkItem\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(menu().item, className)}\n      data-slot=\"menu-link-item\"\n    />\n  );\n});\n\nexport type MenuSeparatorProps = ComponentPropsWithoutRef<typeof BaseMenu.Separator>;\n\nexport const MenuSeparator = forwardRef<HTMLDivElement, MenuSeparatorProps>(function MenuSeparator(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BaseMenu.Separator\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(menu().separator, className)}\n      data-slot=\"menu-separator\"\n    />\n  );\n});\n\nexport type MenuGroupProps = ComponentPropsWithoutRef<typeof BaseMenu.Group>;\n\nexport const MenuGroup = forwardRef<HTMLDivElement, MenuGroupProps>(function MenuGroup(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BaseMenu.Group\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(menu().group, className)}\n      data-slot=\"menu-group\"\n    />\n  );\n});\n\nexport type MenuGroupLabelProps = ComponentPropsWithoutRef<typeof BaseMenu.GroupLabel>;\n\nexport const MenuGroupLabel = forwardRef<HTMLDivElement, MenuGroupLabelProps>(\n  function MenuGroupLabel({ className, ...props }, ref) {\n    return (\n      <BaseMenu.GroupLabel\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(menu().groupLabel, className)}\n        data-slot=\"menu-group-label\"\n      />\n    );\n  },\n);\n\nexport const Menu = {\n  Root: MenuRoot,\n  Trigger: MenuTrigger,\n  Portal: MenuPortal,\n  Positioner: MenuPositioner,\n  Popup: MenuPopup,\n  Item: MenuItem,\n  LinkItem: MenuLinkItem,\n  Separator: MenuSeparator,\n  Group: MenuGroup,\n  GroupLabel: MenuGroupLabel,\n  createHandle: BaseMenu.createHandle,\n};\n"],"mappings":";;;;;;;AAgBA,SAAgBA,WAA4B,OAA+B;CACzE,OAAO,oBAACC,KAAS,MAAV,EAAe,GAAI,MAAQ,CAAA;AACpC;AAIA,MAAaC,gBAAc,WAAgD,SAAS,YAClF,EAAE,WAAW,GAAG,SAChB,KACA;CACA,OACE,oBAACD,KAAS,SAAV;EACE,GAAI;EACC;EACL,WAAW,oBAAoB,KAAK,CAAC,CAAC,SAAS,SAAS;EACxD,uBAAoB;EACpB,aAAU;CACX,CAAA;AAEL,CAAC;;AAGD,MAAa,aAAaA,KAAS;AAInC,MAAa,iBAAiB,WAC5B,SAAS,eAAe,EAAE,WAAW,GAAG,SAAS,KAAK;CACpD,OACE,oBAACA,KAAS,YAAV;EACE,GAAI;EACC;EACL,WAAW,oBAAoB,KAAK,CAAC,CAAC,YAAY,SAAS;EAC3D,aAAU;CACX,CAAA;AAEL,CACF;AAIA,MAAa,YAAY,WAA2C,SAAS,UAC3E,EAAE,WAAW,GAAG,SAChB,KACA;CACA,OACE,oBAACA,KAAS,OAAV;EACE,GAAI;EACC;EACL,WAAW,oBAAoB,KAAK,CAAC,CAAC,OAAO,SAAS;EACtD,aAAU;CACX,CAAA;AAEL,CAAC;AAID,MAAa,WAAW,WAAuC,SAAS,SACtE,EAAE,WAAW,GAAG,SAChB,KACA;CACA,OACE,oBAACA,KAAS,MAAV;EACE,GAAI;EACC;EACL,WAAW,oBAAoB,KAAK,CAAC,CAAC,MAAM,SAAS;EACrD,aAAU;CACX,CAAA;AAEL,CAAC;;;;AAOD,MAAa,eAAe,WAAuC,SAAS,aAC1E,EAAE,WAAW,GAAG,SAChB,KACA;CACA,OACE,oBAACA,KAAS,UAAV;EACE,GAAI;EACC;EACL,WAAW,oBAAoB,KAAK,CAAC,CAAC,MAAM,SAAS;EACrD,aAAU;CACX,CAAA;AAEL,CAAC;AAID,MAAa,gBAAgB,WAA+C,SAAS,cACnF,EAAE,WAAW,GAAG,SAChB,KACA;CACA,OACE,oBAACA,KAAS,WAAV;EACE,GAAI;EACC;EACL,WAAW,oBAAoB,KAAK,CAAC,CAAC,WAAW,SAAS;EAC1D,aAAU;CACX,CAAA;AAEL,CAAC;AAID,MAAa,YAAY,WAA2C,SAAS,UAC3E,EAAE,WAAW,GAAG,SAChB,KACA;CACA,OACE,oBAACA,KAAS,OAAV;EACE,GAAI;EACC;EACL,WAAW,oBAAoB,KAAK,CAAC,CAAC,OAAO,SAAS;EACtD,aAAU;CACX,CAAA;AAEL,CAAC;AAID,MAAa,iBAAiB,WAC5B,SAAS,eAAe,EAAE,WAAW,GAAG,SAAS,KAAK;CACpD,OACE,oBAACA,KAAS,YAAV;EACE,GAAI;EACC;EACL,WAAW,oBAAoB,KAAK,CAAC,CAAC,YAAY,SAAS;EAC3D,aAAU;CACX,CAAA;AAEL,CACF;AAEA,MAAaE,SAAO;CAClB,MAAMH;CACN,SAASE;CACT,QAAQ;CACR,YAAY;CACZ,OAAO;CACP,MAAM;CACN,UAAU;CACV,WAAW;CACX,OAAO;CACP,YAAY;CACZ,cAAcD,KAAS;AACzB"}
+{"version":3,"file":"menu.js","names":["MenuRoot","BaseMenu","MenuTrigger","Menu"],"sources":["../../../src/components/menu/menu.tsx"],"sourcesContent":["\"use client\";\n\nimport { Menu as BaseMenu } from \"@base-ui/react/menu\";\nimport { forwardRef } from \"react\";\nimport type { ComponentPropsWithoutRef } from \"react\";\nimport type { MenuRoot as BaseMenuRoot, MenuTrigger as BaseMenuTrigger } from \"@base-ui/react/menu\";\n\nimport { menu } from \"../../styled-system/recipes\";\nimport { withRecipeClassName } from \"../base-ui\";\nimport { useThemePortalProps } from \"../../theme/theme-scope\";\n\n/**\n * Groups the menu parts. It keeps Base UI's controlled `open`/\n * `onOpenChange` API and uncontrolled `defaultOpen` API intact.\n */\nexport type MenuRootProps<Payload = unknown> = BaseMenuRoot.Props<Payload>;\n\nexport function MenuRoot<Payload = unknown>(props: MenuRootProps<Payload>) {\n  return <BaseMenu.Root {...props} />;\n}\n\nexport type MenuTriggerProps<Payload = unknown> = BaseMenuTrigger.Props<Payload>;\n\nexport const MenuTrigger = forwardRef<HTMLButtonElement, MenuTriggerProps>(function MenuTrigger(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BaseMenu.Trigger\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(menu().trigger, className)}\n      data-jaci-component=\"menu\"\n      data-slot=\"menu-trigger\"\n    />\n  );\n});\n\n/** Preserves Base UI's portal and optional container APIs. */\nexport function MenuPortal(props: ComponentPropsWithoutRef<typeof BaseMenu.Portal>) {\n  return <BaseMenu.Portal {...useThemePortalProps(props)} />;\n}\n\nexport type MenuPositionerProps = ComponentPropsWithoutRef<typeof BaseMenu.Positioner>;\n\nexport const MenuPositioner = forwardRef<HTMLDivElement, MenuPositionerProps>(\n  function MenuPositioner({ className, ...props }, ref) {\n    return (\n      <BaseMenu.Positioner\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(menu().positioner, className)}\n        data-slot=\"menu-positioner\"\n      />\n    );\n  },\n);\n\nexport type MenuPopupProps = ComponentPropsWithoutRef<typeof BaseMenu.Popup>;\n\nexport const MenuPopup = forwardRef<HTMLDivElement, MenuPopupProps>(function MenuPopup(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BaseMenu.Popup\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(menu().popup, className)}\n      data-slot=\"menu-popup\"\n    />\n  );\n});\n\nexport type MenuItemProps = ComponentPropsWithoutRef<typeof BaseMenu.Item>;\n\nexport const MenuItem = forwardRef<HTMLElement, MenuItemProps>(function MenuItem(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BaseMenu.Item\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(menu().item, className)}\n      data-slot=\"menu-item\"\n    />\n  );\n});\n\nexport type MenuLinkItemProps = ComponentPropsWithoutRef<typeof BaseMenu.LinkItem>;\n\n/**\n * A navigational item. It retains Base UI's keyboard navigation.\n */\nexport const MenuLinkItem = forwardRef<Element, MenuLinkItemProps>(function MenuLinkItem(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BaseMenu.LinkItem\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(menu().item, className)}\n      data-slot=\"menu-link-item\"\n    />\n  );\n});\n\nexport type MenuSeparatorProps = ComponentPropsWithoutRef<typeof BaseMenu.Separator>;\n\nexport const MenuSeparator = forwardRef<HTMLDivElement, MenuSeparatorProps>(function MenuSeparator(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BaseMenu.Separator\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(menu().separator, className)}\n      data-slot=\"menu-separator\"\n    />\n  );\n});\n\nexport type MenuGroupProps = ComponentPropsWithoutRef<typeof BaseMenu.Group>;\n\nexport const MenuGroup = forwardRef<HTMLDivElement, MenuGroupProps>(function MenuGroup(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BaseMenu.Group\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(menu().group, className)}\n      data-slot=\"menu-group\"\n    />\n  );\n});\n\nexport type MenuGroupLabelProps = ComponentPropsWithoutRef<typeof BaseMenu.GroupLabel>;\n\nexport const MenuGroupLabel = forwardRef<HTMLDivElement, MenuGroupLabelProps>(\n  function MenuGroupLabel({ className, ...props }, ref) {\n    return (\n      <BaseMenu.GroupLabel\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(menu().groupLabel, className)}\n        data-slot=\"menu-group-label\"\n      />\n    );\n  },\n);\n\nexport const Menu = {\n  Root: MenuRoot,\n  Trigger: MenuTrigger,\n  Portal: MenuPortal,\n  Positioner: MenuPositioner,\n  Popup: MenuPopup,\n  Item: MenuItem,\n  LinkItem: MenuLinkItem,\n  Separator: MenuSeparator,\n  Group: MenuGroup,\n  GroupLabel: MenuGroupLabel,\n  createHandle: BaseMenu.createHandle,\n};\n"],"mappings":";;;;;;;;AAiBA,SAAgBA,WAA4B,OAA+B;CACzE,OAAO,oBAACC,KAAS,MAAV,EAAe,GAAI,MAAQ,CAAA;AACpC;AAIA,MAAaC,gBAAc,WAAgD,SAAS,YAClF,EAAE,WAAW,GAAG,SAChB,KACA;CACA,OACE,oBAACD,KAAS,SAAV;EACE,GAAI;EACC;EACL,WAAW,oBAAoB,KAAK,CAAC,CAAC,SAAS,SAAS;EACxD,uBAAoB;EACpB,aAAU;CACX,CAAA;AAEL,CAAC;;AAGD,SAAgB,WAAW,OAAyD;CAClF,OAAO,oBAACA,KAAS,QAAV,EAAiB,GAAI,oBAAoB,KAAK,EAAI,CAAA;AAC3D;AAIA,MAAa,iBAAiB,WAC5B,SAAS,eAAe,EAAE,WAAW,GAAG,SAAS,KAAK;CACpD,OACE,oBAACA,KAAS,YAAV;EACE,GAAI;EACC;EACL,WAAW,oBAAoB,KAAK,CAAC,CAAC,YAAY,SAAS;EAC3D,aAAU;CACX,CAAA;AAEL,CACF;AAIA,MAAa,YAAY,WAA2C,SAAS,UAC3E,EAAE,WAAW,GAAG,SAChB,KACA;CACA,OACE,oBAACA,KAAS,OAAV;EACE,GAAI;EACC;EACL,WAAW,oBAAoB,KAAK,CAAC,CAAC,OAAO,SAAS;EACtD,aAAU;CACX,CAAA;AAEL,CAAC;AAID,MAAa,WAAW,WAAuC,SAAS,SACtE,EAAE,WAAW,GAAG,SAChB,KACA;CACA,OACE,oBAACA,KAAS,MAAV;EACE,GAAI;EACC;EACL,WAAW,oBAAoB,KAAK,CAAC,CAAC,MAAM,SAAS;EACrD,aAAU;CACX,CAAA;AAEL,CAAC;;;;AAOD,MAAa,eAAe,WAAuC,SAAS,aAC1E,EAAE,WAAW,GAAG,SAChB,KACA;CACA,OACE,oBAACA,KAAS,UAAV;EACE,GAAI;EACC;EACL,WAAW,oBAAoB,KAAK,CAAC,CAAC,MAAM,SAAS;EACrD,aAAU;CACX,CAAA;AAEL,CAAC;AAID,MAAa,gBAAgB,WAA+C,SAAS,cACnF,EAAE,WAAW,GAAG,SAChB,KACA;CACA,OACE,oBAACA,KAAS,WAAV;EACE,GAAI;EACC;EACL,WAAW,oBAAoB,KAAK,CAAC,CAAC,WAAW,SAAS;EAC1D,aAAU;CACX,CAAA;AAEL,CAAC;AAID,MAAa,YAAY,WAA2C,SAAS,UAC3E,EAAE,WAAW,GAAG,SAChB,KACA;CACA,OACE,oBAACA,KAAS,OAAV;EACE,GAAI;EACC;EACL,WAAW,oBAAoB,KAAK,CAAC,CAAC,OAAO,SAAS;EACtD,aAAU;CACX,CAAA;AAEL,CAAC;AAID,MAAa,iBAAiB,WAC5B,SAAS,eAAe,EAAE,WAAW,GAAG,SAAS,KAAK;CACpD,OACE,oBAACA,KAAS,YAAV;EACE,GAAI;EACC;EACL,WAAW,oBAAoB,KAAK,CAAC,CAAC,YAAY,SAAS;EAC3D,aAAU;CACX,CAAA;AAEL,CACF;AAEA,MAAaE,SAAO;CAClB,MAAMH;CACN,SAASE;CACT,QAAQ;CACR,YAAY;CACZ,OAAO;CACP,MAAM;CACN,UAAU;CACV,WAAW;CACX,OAAO;CACP,YAAY;CACZ,cAAcD,KAAS;AACzB"}

package/dist/components/menubar/menubar.cjs

@@ -2,6 +2,7 @@
 const require_base_ui = require("../base-ui.cjs");
 const require_menubar = require("../../styled-system/recipes/menubar.cjs");
 const require_menu = require("../../styled-system/recipes/menu.cjs");
+const require_theme_scope = require("../../theme/theme-scope.cjs");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 let _base_ui_react_menu = require("@base-ui/react/menu");
@@ -48,7 +49,9 @@ const MenubarTrigger = (0, react.forwardRef)(function MenubarTrigger({ className
 		"data-slot": "menubar-trigger"
 	});
 });
-const MenubarPortal = _base_ui_react_menu.Menu.Portal;
+function MenubarPortal(props) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_menu.Menu.Portal, { ...require_theme_scope.useThemePortalProps(props) });
+}
 const MenubarPositioner = (0, react.forwardRef)(function MenubarPositioner({ className, ...props }, ref) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_menu.Menu.Positioner, {
 		...props,

package/dist/components/menubar/menubar.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"menubar.cjs","names":["menubar","BaseMenubar","withRecipeClassName","BaseMenu","menu"],"sources":["../../../src/components/menubar/menubar.tsx"],"sourcesContent":["\"use client\";\n\nimport { Menu as BaseMenu } from \"@base-ui/react/menu\";\nimport { Menubar as BaseMenubar } from \"@base-ui/react/menubar\";\nimport { createContext, forwardRef, useContext } from \"react\";\nimport type { ComponentPropsWithoutRef } from \"react\";\nimport type { MenuRoot as BaseMenuRoot } from \"@base-ui/react/menu\";\n\nimport { menu, menubar } from \"../../styled-system/recipes\";\nimport { withRecipeClassName } from \"../base-ui\";\n\nexport type MenubarOrientation = \"horizontal\" | \"vertical\";\n\ninterface MenubarContextValue {\n  orientation: MenubarOrientation;\n  styles: ReturnType<typeof menubar>;\n}\n\nconst MenubarContext = createContext<MenubarContextValue | null>(null);\n\nfunction useMenubarContext() {\n  const context = useContext(MenubarContext);\n  if (!context) {\n    throw new Error(\"Menubar parts must be rendered inside Menubar.Root.\");\n  }\n\n  return context;\n}\n\nexport interface MenubarRootProps extends ComponentPropsWithoutRef<typeof BaseMenubar> {\n  orientation?: MenubarOrientation;\n}\n\n/**\n * A horizontal or vertical command bar. Each `Menubar.Menu` owns one\n * keyboard-navigable menu while the root coordinates arrow-key movement.\n */\nexport const MenubarRoot = forwardRef<HTMLDivElement, MenubarRootProps>(function MenubarRoot(\n  { className, orientation = \"horizontal\", ...props },\n  ref,\n) {\n  const styles = menubar({ orientation });\n\n  return (\n    <MenubarContext.Provider value={{ orientation, styles }}>\n      <BaseMenubar\n        {...props}\n        ref={ref}\n        orientation={orientation}\n        className={withRecipeClassName(styles.root, className)}\n        data-jaci-component=\"menubar\"\n        data-orientation={orientation}\n        data-slot=\"menubar\"\n      />\n    </MenubarContext.Provider>\n  );\n});\n\nexport interface MenubarMenuProps<Payload = unknown> extends BaseMenuRoot.Props<Payload> {}\n\nexport function MenubarMenu<Payload = unknown>(props: MenubarMenuProps<Payload>) {\n  return <BaseMenu.Root {...props} />;\n}\n\nexport type MenubarTriggerProps = ComponentPropsWithoutRef<typeof BaseMenu.Trigger>;\n\nexport const MenubarTrigger = forwardRef<HTMLButtonElement, MenubarTriggerProps>(\n  function MenubarTrigger({ className, ...props }, ref) {\n    const { styles } = useMenubarContext();\n\n    return (\n      <BaseMenu.Trigger\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(styles.trigger, className)}\n        data-jaci-component=\"menubar\"\n        data-slot=\"menubar-trigger\"\n      />\n    );\n  },\n);\n\nexport type MenubarPortalProps = ComponentPropsWithoutRef<typeof BaseMenu.Portal>;\nexport const MenubarPortal: typeof BaseMenu.Portal = BaseMenu.Portal;\n\nexport type MenubarPositionerProps = ComponentPropsWithoutRef<typeof BaseMenu.Positioner>;\n\nexport const MenubarPositioner = forwardRef<HTMLDivElement, MenubarPositionerProps>(\n  function MenubarPositioner({ className, ...props }, ref) {\n    return (\n      <BaseMenu.Positioner\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(menu().positioner, className)}\n        data-slot=\"menubar-positioner\"\n      />\n    );\n  },\n);\n\nexport type MenubarPopupProps = ComponentPropsWithoutRef<typeof BaseMenu.Popup>;\n\nexport const MenubarPopup = forwardRef<HTMLDivElement, MenubarPopupProps>(function MenubarPopup(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BaseMenu.Popup\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(menu().popup, className)}\n      data-slot=\"menubar-popup\"\n    />\n  );\n});\n\nexport type MenubarArrowProps = ComponentPropsWithoutRef<typeof BaseMenu.Arrow>;\n\nexport const MenubarArrow = forwardRef<HTMLDivElement, MenubarArrowProps>(function MenubarArrow(\n  { className, ...props },\n  ref,\n) {\n  return <BaseMenu.Arrow {...props} ref={ref} className={className} data-slot=\"menubar-arrow\" />;\n});\n\nexport type MenubarItemProps = ComponentPropsWithoutRef<typeof BaseMenu.Item>;\n\nexport const MenubarItem = forwardRef<HTMLElement, MenubarItemProps>(function MenubarItem(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BaseMenu.Item\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(menu().item, className)}\n      data-slot=\"menubar-item\"\n    />\n  );\n});\n\nexport type MenubarLinkItemProps = ComponentPropsWithoutRef<typeof BaseMenu.LinkItem>;\n\nexport const MenubarLinkItem = forwardRef<Element, MenubarLinkItemProps>(function MenubarLinkItem(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BaseMenu.LinkItem\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(menu().item, className)}\n      data-slot=\"menubar-link-item\"\n    />\n  );\n});\n\nexport type MenubarGroupProps = ComponentPropsWithoutRef<typeof BaseMenu.Group>;\n\nexport const MenubarGroup = forwardRef<HTMLDivElement, MenubarGroupProps>(function MenubarGroup(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BaseMenu.Group\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(menu().group, className)}\n      data-slot=\"menubar-group\"\n    />\n  );\n});\n\nexport type MenubarGroupLabelProps = ComponentPropsWithoutRef<typeof BaseMenu.GroupLabel>;\n\nexport const MenubarGroupLabel = forwardRef<HTMLDivElement, MenubarGroupLabelProps>(\n  function MenubarGroupLabel({ className, ...props }, ref) {\n    return (\n      <BaseMenu.GroupLabel\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(menu().groupLabel, className)}\n        data-slot=\"menubar-group-label\"\n      />\n    );\n  },\n);\n\nexport type MenubarSeparatorProps = ComponentPropsWithoutRef<typeof BaseMenu.Separator>;\n\nexport const MenubarSeparator = forwardRef<HTMLDivElement, MenubarSeparatorProps>(\n  function MenubarSeparator({ className, ...props }, ref) {\n    return (\n      <BaseMenu.Separator\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(menu().separator, className)}\n        data-slot=\"menubar-separator\"\n      />\n    );\n  },\n);\n\nexport type MenubarCheckboxItemProps = ComponentPropsWithoutRef<typeof BaseMenu.CheckboxItem>;\n\nexport const MenubarCheckboxItem = forwardRef<HTMLElement, MenubarCheckboxItemProps>(\n  function MenubarCheckboxItem({ className, ...props }, ref) {\n    return (\n      <BaseMenu.CheckboxItem\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(menu().item, className)}\n        data-slot=\"menubar-checkbox-item\"\n      />\n    );\n  },\n);\n\nexport type MenubarCheckboxItemIndicatorProps = ComponentPropsWithoutRef<\n  typeof BaseMenu.CheckboxItemIndicator\n>;\n\nexport const MenubarCheckboxItemIndicator = forwardRef<\n  HTMLSpanElement,\n  MenubarCheckboxItemIndicatorProps\n>(function MenubarCheckboxItemIndicator({ children = \"✓\", className, ...props }, ref) {\n  return (\n    <BaseMenu.CheckboxItemIndicator\n      {...props}\n      ref={ref}\n      className={className}\n      data-slot=\"menubar-checkbox-indicator\"\n      aria-hidden=\"true\"\n    >\n      {children}\n    </BaseMenu.CheckboxItemIndicator>\n  );\n});\n\nexport type MenubarRadioGroupProps = ComponentPropsWithoutRef<typeof BaseMenu.RadioGroup>;\nexport const MenubarRadioGroup: typeof BaseMenu.RadioGroup = BaseMenu.RadioGroup;\n\nexport type MenubarRadioItemProps = ComponentPropsWithoutRef<typeof BaseMenu.RadioItem>;\n\nexport const MenubarRadioItem = forwardRef<HTMLElement, MenubarRadioItemProps>(\n  function MenubarRadioItem({ className, ...props }, ref) {\n    return (\n      <BaseMenu.RadioItem\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(menu().item, className)}\n        data-slot=\"menubar-radio-item\"\n      />\n    );\n  },\n);\n\nexport type MenubarRadioItemIndicatorProps = ComponentPropsWithoutRef<\n  typeof BaseMenu.RadioItemIndicator\n>;\n\nexport const MenubarRadioItemIndicator = forwardRef<\n  HTMLSpanElement,\n  MenubarRadioItemIndicatorProps\n>(function MenubarRadioItemIndicator({ children = \"•\", className, ...props }, ref) {\n  return (\n    <BaseMenu.RadioItemIndicator\n      {...props}\n      ref={ref}\n      className={className}\n      data-slot=\"menubar-radio-indicator\"\n      aria-hidden=\"true\"\n    >\n      {children}\n    </BaseMenu.RadioItemIndicator>\n  );\n});\n\nexport type MenubarSubmenuRootProps = ComponentPropsWithoutRef<typeof BaseMenu.SubmenuRoot>;\nexport const MenubarSubmenuRoot: typeof BaseMenu.SubmenuRoot = BaseMenu.SubmenuRoot;\n\nexport type MenubarSubmenuTriggerProps = ComponentPropsWithoutRef<typeof BaseMenu.SubmenuTrigger>;\n\nexport const MenubarSubmenuTrigger = forwardRef<HTMLElement, MenubarSubmenuTriggerProps>(\n  function MenubarSubmenuTrigger({ className, ...props }, ref) {\n    return (\n      <BaseMenu.SubmenuTrigger\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(menu().item, className)}\n        data-slot=\"menubar-submenu-trigger\"\n      />\n    );\n  },\n);\n\nexport const Menubar = {\n  Root: MenubarRoot,\n  Menu: MenubarMenu,\n  Trigger: MenubarTrigger,\n  Portal: MenubarPortal,\n  Positioner: MenubarPositioner,\n  Popup: MenubarPopup,\n  Arrow: MenubarArrow,\n  Item: MenubarItem,\n  LinkItem: MenubarLinkItem,\n  Group: MenubarGroup,\n  GroupLabel: MenubarGroupLabel,\n  Separator: MenubarSeparator,\n  CheckboxItem: MenubarCheckboxItem,\n  CheckboxItemIndicator: MenubarCheckboxItemIndicator,\n  RadioGroup: MenubarRadioGroup,\n  RadioItem: MenubarRadioItem,\n  RadioItemIndicator: MenubarRadioItemIndicator,\n  SubmenuRoot: MenubarSubmenuRoot,\n  SubmenuTrigger: MenubarSubmenuTrigger,\n  createHandle: BaseMenu.createHandle,\n};\n"],"mappings":"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"}
+{"version":3,"file":"menubar.cjs","names":["menubar","BaseMenubar","withRecipeClassName","BaseMenu","useThemePortalProps","menu"],"sources":["../../../src/components/menubar/menubar.tsx"],"sourcesContent":["\"use client\";\n\nimport { Menu as BaseMenu } from \"@base-ui/react/menu\";\nimport { Menubar as BaseMenubar } from \"@base-ui/react/menubar\";\nimport { createContext, forwardRef, useContext } from \"react\";\nimport type { ComponentPropsWithoutRef } from \"react\";\nimport type { MenuRoot as BaseMenuRoot } from \"@base-ui/react/menu\";\n\nimport { menu, menubar } from \"../../styled-system/recipes\";\nimport { withRecipeClassName } from \"../base-ui\";\nimport { useThemePortalProps } from \"../../theme/theme-scope\";\n\nexport type MenubarOrientation = \"horizontal\" | \"vertical\";\n\ninterface MenubarContextValue {\n  orientation: MenubarOrientation;\n  styles: ReturnType<typeof menubar>;\n}\n\nconst MenubarContext = createContext<MenubarContextValue | null>(null);\n\nfunction useMenubarContext() {\n  const context = useContext(MenubarContext);\n  if (!context) {\n    throw new Error(\"Menubar parts must be rendered inside Menubar.Root.\");\n  }\n\n  return context;\n}\n\nexport interface MenubarRootProps extends ComponentPropsWithoutRef<typeof BaseMenubar> {\n  orientation?: MenubarOrientation;\n}\n\n/**\n * A horizontal or vertical command bar. Each `Menubar.Menu` owns one\n * keyboard-navigable menu while the root coordinates arrow-key movement.\n */\nexport const MenubarRoot = forwardRef<HTMLDivElement, MenubarRootProps>(function MenubarRoot(\n  { className, orientation = \"horizontal\", ...props },\n  ref,\n) {\n  const styles = menubar({ orientation });\n\n  return (\n    <MenubarContext.Provider value={{ orientation, styles }}>\n      <BaseMenubar\n        {...props}\n        ref={ref}\n        orientation={orientation}\n        className={withRecipeClassName(styles.root, className)}\n        data-jaci-component=\"menubar\"\n        data-orientation={orientation}\n        data-slot=\"menubar\"\n      />\n    </MenubarContext.Provider>\n  );\n});\n\nexport interface MenubarMenuProps<Payload = unknown> extends BaseMenuRoot.Props<Payload> {}\n\nexport function MenubarMenu<Payload = unknown>(props: MenubarMenuProps<Payload>) {\n  return <BaseMenu.Root {...props} />;\n}\n\nexport type MenubarTriggerProps = ComponentPropsWithoutRef<typeof BaseMenu.Trigger>;\n\nexport const MenubarTrigger = forwardRef<HTMLButtonElement, MenubarTriggerProps>(\n  function MenubarTrigger({ className, ...props }, ref) {\n    const { styles } = useMenubarContext();\n\n    return (\n      <BaseMenu.Trigger\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(styles.trigger, className)}\n        data-jaci-component=\"menubar\"\n        data-slot=\"menubar-trigger\"\n      />\n    );\n  },\n);\n\nexport type MenubarPortalProps = ComponentPropsWithoutRef<typeof BaseMenu.Portal>;\nexport function MenubarPortal(props: MenubarPortalProps) {\n  return <BaseMenu.Portal {...useThemePortalProps(props)} />;\n}\n\nexport type MenubarPositionerProps = ComponentPropsWithoutRef<typeof BaseMenu.Positioner>;\n\nexport const MenubarPositioner = forwardRef<HTMLDivElement, MenubarPositionerProps>(\n  function MenubarPositioner({ className, ...props }, ref) {\n    return (\n      <BaseMenu.Positioner\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(menu().positioner, className)}\n        data-slot=\"menubar-positioner\"\n      />\n    );\n  },\n);\n\nexport type MenubarPopupProps = ComponentPropsWithoutRef<typeof BaseMenu.Popup>;\n\nexport const MenubarPopup = forwardRef<HTMLDivElement, MenubarPopupProps>(function MenubarPopup(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BaseMenu.Popup\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(menu().popup, className)}\n      data-slot=\"menubar-popup\"\n    />\n  );\n});\n\nexport type MenubarArrowProps = ComponentPropsWithoutRef<typeof BaseMenu.Arrow>;\n\nexport const MenubarArrow = forwardRef<HTMLDivElement, MenubarArrowProps>(function MenubarArrow(\n  { className, ...props },\n  ref,\n) {\n  return <BaseMenu.Arrow {...props} ref={ref} className={className} data-slot=\"menubar-arrow\" />;\n});\n\nexport type MenubarItemProps = ComponentPropsWithoutRef<typeof BaseMenu.Item>;\n\nexport const MenubarItem = forwardRef<HTMLElement, MenubarItemProps>(function MenubarItem(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BaseMenu.Item\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(menu().item, className)}\n      data-slot=\"menubar-item\"\n    />\n  );\n});\n\nexport type MenubarLinkItemProps = ComponentPropsWithoutRef<typeof BaseMenu.LinkItem>;\n\nexport const MenubarLinkItem = forwardRef<Element, MenubarLinkItemProps>(function MenubarLinkItem(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BaseMenu.LinkItem\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(menu().item, className)}\n      data-slot=\"menubar-link-item\"\n    />\n  );\n});\n\nexport type MenubarGroupProps = ComponentPropsWithoutRef<typeof BaseMenu.Group>;\n\nexport const MenubarGroup = forwardRef<HTMLDivElement, MenubarGroupProps>(function MenubarGroup(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BaseMenu.Group\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(menu().group, className)}\n      data-slot=\"menubar-group\"\n    />\n  );\n});\n\nexport type MenubarGroupLabelProps = ComponentPropsWithoutRef<typeof BaseMenu.GroupLabel>;\n\nexport const MenubarGroupLabel = forwardRef<HTMLDivElement, MenubarGroupLabelProps>(\n  function MenubarGroupLabel({ className, ...props }, ref) {\n    return (\n      <BaseMenu.GroupLabel\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(menu().groupLabel, className)}\n        data-slot=\"menubar-group-label\"\n      />\n    );\n  },\n);\n\nexport type MenubarSeparatorProps = ComponentPropsWithoutRef<typeof BaseMenu.Separator>;\n\nexport const MenubarSeparator = forwardRef<HTMLDivElement, MenubarSeparatorProps>(\n  function MenubarSeparator({ className, ...props }, ref) {\n    return (\n      <BaseMenu.Separator\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(menu().separator, className)}\n        data-slot=\"menubar-separator\"\n      />\n    );\n  },\n);\n\nexport type MenubarCheckboxItemProps = ComponentPropsWithoutRef<typeof BaseMenu.CheckboxItem>;\n\nexport const MenubarCheckboxItem = forwardRef<HTMLElement, MenubarCheckboxItemProps>(\n  function MenubarCheckboxItem({ className, ...props }, ref) {\n    return (\n      <BaseMenu.CheckboxItem\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(menu().item, className)}\n        data-slot=\"menubar-checkbox-item\"\n      />\n    );\n  },\n);\n\nexport type MenubarCheckboxItemIndicatorProps = ComponentPropsWithoutRef<\n  typeof BaseMenu.CheckboxItemIndicator\n>;\n\nexport const MenubarCheckboxItemIndicator = forwardRef<\n  HTMLSpanElement,\n  MenubarCheckboxItemIndicatorProps\n>(function MenubarCheckboxItemIndicator({ children = \"✓\", className, ...props }, ref) {\n  return (\n    <BaseMenu.CheckboxItemIndicator\n      {...props}\n      ref={ref}\n      className={className}\n      data-slot=\"menubar-checkbox-indicator\"\n      aria-hidden=\"true\"\n    >\n      {children}\n    </BaseMenu.CheckboxItemIndicator>\n  );\n});\n\nexport type MenubarRadioGroupProps = ComponentPropsWithoutRef<typeof BaseMenu.RadioGroup>;\nexport const MenubarRadioGroup: typeof BaseMenu.RadioGroup = BaseMenu.RadioGroup;\n\nexport type MenubarRadioItemProps = ComponentPropsWithoutRef<typeof BaseMenu.RadioItem>;\n\nexport const MenubarRadioItem = forwardRef<HTMLElement, MenubarRadioItemProps>(\n  function MenubarRadioItem({ className, ...props }, ref) {\n    return (\n      <BaseMenu.RadioItem\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(menu().item, className)}\n        data-slot=\"menubar-radio-item\"\n      />\n    );\n  },\n);\n\nexport type MenubarRadioItemIndicatorProps = ComponentPropsWithoutRef<\n  typeof BaseMenu.RadioItemIndicator\n>;\n\nexport const MenubarRadioItemIndicator = forwardRef<\n  HTMLSpanElement,\n  MenubarRadioItemIndicatorProps\n>(function MenubarRadioItemIndicator({ children = \"•\", className, ...props }, ref) {\n  return (\n    <BaseMenu.RadioItemIndicator\n      {...props}\n      ref={ref}\n      className={className}\n      data-slot=\"menubar-radio-indicator\"\n      aria-hidden=\"true\"\n    >\n      {children}\n    </BaseMenu.RadioItemIndicator>\n  );\n});\n\nexport type MenubarSubmenuRootProps = ComponentPropsWithoutRef<typeof BaseMenu.SubmenuRoot>;\nexport const MenubarSubmenuRoot: typeof BaseMenu.SubmenuRoot = BaseMenu.SubmenuRoot;\n\nexport type MenubarSubmenuTriggerProps = ComponentPropsWithoutRef<typeof BaseMenu.SubmenuTrigger>;\n\nexport const MenubarSubmenuTrigger = forwardRef<HTMLElement, MenubarSubmenuTriggerProps>(\n  function MenubarSubmenuTrigger({ className, ...props }, ref) {\n    return (\n      <BaseMenu.SubmenuTrigger\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(menu().item, className)}\n        data-slot=\"menubar-submenu-trigger\"\n      />\n    );\n  },\n);\n\nexport const Menubar = {\n  Root: MenubarRoot,\n  Menu: MenubarMenu,\n  Trigger: MenubarTrigger,\n  Portal: MenubarPortal,\n  Positioner: MenubarPositioner,\n  Popup: MenubarPopup,\n  Arrow: MenubarArrow,\n  Item: MenubarItem,\n  LinkItem: MenubarLinkItem,\n  Group: MenubarGroup,\n  GroupLabel: MenubarGroupLabel,\n  Separator: MenubarSeparator,\n  CheckboxItem: MenubarCheckboxItem,\n  CheckboxItemIndicator: MenubarCheckboxItemIndicator,\n  RadioGroup: MenubarRadioGroup,\n  RadioItem: MenubarRadioItem,\n  RadioItemIndicator: MenubarRadioItemIndicator,\n  SubmenuRoot: MenubarSubmenuRoot,\n  SubmenuTrigger: MenubarSubmenuTrigger,\n  createHandle: BaseMenu.createHandle,\n};\n"],"mappings":"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"}

package/dist/components/menubar/menubar.d.cts

@@ -16,7 +16,7 @@ declare function MenubarMenu<Payload = unknown>(props: MenubarMenuProps<Payload>
 type MenubarTriggerProps = ComponentPropsWithoutRef<typeof Menu.Trigger>;
 declare const MenubarTrigger: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").MenuTriggerProps<unknown> & import("react").RefAttributes<HTMLElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
 type MenubarPortalProps = ComponentPropsWithoutRef<typeof Menu.Portal>;
-declare const MenubarPortal: typeof Menu.Portal;
+declare function MenubarPortal(props: MenubarPortalProps): import("react").JSX.Element;
 type MenubarPositionerProps = ComponentPropsWithoutRef<typeof Menu.Positioner>;
 declare const MenubarPositioner: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").ContextMenuPositionerProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
 type MenubarPopupProps = ComponentPropsWithoutRef<typeof Menu.Popup>;
@@ -51,7 +51,7 @@ declare const Menubar$1: {
   Root: import("react").ForwardRefExoticComponent<MenubarRootProps & import("react").RefAttributes<HTMLDivElement>>;
   Menu: typeof MenubarMenu;
   Trigger: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").MenuTriggerProps<unknown> & import("react").RefAttributes<HTMLElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
-  Portal: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").ContextMenuPortalProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+  Portal: typeof MenubarPortal;
   Positioner: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").ContextMenuPositionerProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
   Popup: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").ContextMenuPopupProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
   Arrow: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").ContextMenuArrowProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;

package/dist/components/menubar/menubar.d.ts

@@ -16,7 +16,7 @@ declare function MenubarMenu<Payload = unknown>(props: MenubarMenuProps<Payload>
 type MenubarTriggerProps = ComponentPropsWithoutRef<typeof Menu.Trigger>;
 declare const MenubarTrigger: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").MenuTriggerProps<unknown> & import("react").RefAttributes<HTMLElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
 type MenubarPortalProps = ComponentPropsWithoutRef<typeof Menu.Portal>;
-declare const MenubarPortal: typeof Menu.Portal;
+declare function MenubarPortal(props: MenubarPortalProps): import("react").JSX.Element;
 type MenubarPositionerProps = ComponentPropsWithoutRef<typeof Menu.Positioner>;
 declare const MenubarPositioner: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").ContextMenuPositionerProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
 type MenubarPopupProps = ComponentPropsWithoutRef<typeof Menu.Popup>;
@@ -51,7 +51,7 @@ declare const Menubar$1: {
   Root: import("react").ForwardRefExoticComponent<MenubarRootProps & import("react").RefAttributes<HTMLDivElement>>;
   Menu: typeof MenubarMenu;
   Trigger: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").MenuTriggerProps<unknown> & import("react").RefAttributes<HTMLElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
-  Portal: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").ContextMenuPortalProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+  Portal: typeof MenubarPortal;
   Positioner: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").ContextMenuPositionerProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
   Popup: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").ContextMenuPopupProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
   Arrow: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").ContextMenuArrowProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;

package/dist/components/menubar/menubar.js

@@ -2,6 +2,7 @@
 import { withRecipeClassName } from "../base-ui.js";
 import { menubar } from "../../styled-system/recipes/menubar.js";
 import { menu } from "../../styled-system/recipes/menu.js";
+import { useThemePortalProps } from "../../theme/theme-scope.js";
 import { createContext, forwardRef, useContext } from "react";
 import { jsx } from "react/jsx-runtime";
 import { Menu } from "@base-ui/react/menu";
@@ -48,7 +49,9 @@ const MenubarTrigger = forwardRef(function MenubarTrigger({ className, ...props
 		"data-slot": "menubar-trigger"
 	});
 });
-const MenubarPortal = Menu.Portal;
+function MenubarPortal(props) {
+	return /* @__PURE__ */ jsx(Menu.Portal, { ...useThemePortalProps(props) });
+}
 const MenubarPositioner = forwardRef(function MenubarPositioner({ className, ...props }, ref) {
 	return /* @__PURE__ */ jsx(Menu.Positioner, {
 		...props,