@publish.os/nextjs 0.0.1-alpha.2 → 0.0.1-alpha.4

package/dist/kernel/components/ui/menu.cjs

@@ -0,0 +1,301 @@
+"use strict";
+"use client";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/kernel/components/ui/menu.tsx
+var menu_exports = {};
+__export(menu_exports, {
+  Menu: () => Menu,
+  MenuArrow: () => MenuArrow,
+  MenuBackdrop: () => MenuBackdrop,
+  MenuCheckboxItem: () => MenuCheckboxItem,
+  MenuCheckboxItemIndicator: () => MenuCheckboxItemIndicator,
+  MenuGroup: () => MenuGroup,
+  MenuGroupLabel: () => MenuGroupLabel,
+  MenuItem: () => MenuItem,
+  MenuLinkItem: () => MenuLinkItem,
+  MenuPopup: () => MenuPopup,
+  MenuPortal: () => MenuPortal,
+  MenuPositioner: () => MenuPositioner,
+  MenuRadioGroup: () => MenuRadioGroup,
+  MenuRadioItem: () => MenuRadioItem,
+  MenuRadioItemIndicator: () => MenuRadioItemIndicator,
+  MenuRoot: () => MenuRoot,
+  MenuSeparator: () => MenuSeparator,
+  MenuSubmenuRoot: () => MenuSubmenuRoot,
+  MenuSubmenuTrigger: () => MenuSubmenuTrigger,
+  MenuTrigger: () => MenuTrigger,
+  MenuViewport: () => MenuViewport,
+  createMenuHandle: () => createMenuHandle
+});
+module.exports = __toCommonJS(menu_exports);
+var import_menu = require("@base-ui/react/menu");
+
+// src/utils/cn.ts
+var import_clsx = require("clsx");
+var import_tailwind_merge = require("tailwind-merge");
+var twMerge = (0, import_tailwind_merge.extendTailwindMerge)({
+  extend: {
+    classGroups: {
+      z: [
+        "z-content",
+        "z-nav",
+        "z-overlay",
+        "z-modal",
+        "z-search",
+        "z-toast",
+        "z-progress"
+      ]
+    }
+  }
+});
+function cn(...inputs) {
+  return twMerge((0, import_clsx.clsx)(inputs));
+}
+
+// src/kernel/components/ui/menu.tsx
+var import_lucide_react = require("lucide-react");
+var import_jsx_runtime = require("react/jsx-runtime");
+function MenuRoot(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_menu.Menu.Root, { ...props });
+}
+function MenuTrigger({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_menu.Menu.Trigger,
+    {
+      className: cn(
+        "rounded-button focus-visible:outline-2 focus-visible:outline-offset-0 focus-visible:outline-focus-ring",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function MenuPortal(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_menu.Menu.Portal, { ...props });
+}
+function MenuBackdrop({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_menu.Menu.Backdrop,
+    {
+      className: cn("fixed inset-0 z-overlay", className),
+      ...props
+    }
+  );
+}
+function MenuPositioner({
+  className,
+  sideOffset = 6,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_menu.Menu.Positioner,
+    {
+      className: cn("z-overlay outline-none", className),
+      sideOffset,
+      ...props
+    }
+  );
+}
+function MenuPopup({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_menu.Menu.Popup,
+    {
+      className: cn(
+        "animate-popup min-w-44 rounded-popup border border-[color:var(--surface-menu-border)] bg-surface-menu p-1 text-surface-menu-foreground shadow-lg outline-none",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function MenuArrow({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_menu.Menu.Arrow,
+    {
+      className: cn("fill-surface-menu text-surface-menu", className),
+      ...props
+    }
+  );
+}
+function MenuViewport({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_menu.Menu.Viewport, { className: cn("outline-none", className), ...props });
+}
+var menuItemClassName = [
+  "flex cursor-default select-none items-center gap-2 rounded-[max(calc(var(--radius-popup)_-_0.25rem),0px)] px-2 py-1.5 text-sm text-surface-menu-foreground outline-none",
+  "data-[highlighted]:bg-surface-menu-hover data-[highlighted]:text-surface-menu-hover-foreground data-[state=checked]:bg-surface-menu-active data-[state=checked]:text-surface-menu-active-foreground data-disabled:pointer-events-none data-disabled:text-surface-menu-disabled-foreground"
+].join(" ");
+function MenuItem({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_menu.Menu.Item, { className: cn(menuItemClassName, className), ...props });
+}
+function MenuLinkItem({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_menu.Menu.LinkItem,
+    {
+      className: cn(menuItemClassName, "underline-offset-4", className),
+      ...props
+    }
+  );
+}
+function MenuSubmenuRoot(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_menu.Menu.SubmenuRoot, { ...props });
+}
+function MenuSubmenuTrigger({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_menu.Menu.SubmenuTrigger,
+    {
+      className: cn(menuItemClassName, "justify-between", className),
+      ...props
+    }
+  );
+}
+function MenuCheckboxItem({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_menu.Menu.CheckboxItem,
+    {
+      className: cn(menuItemClassName, "relative pl-8", className),
+      ...props
+    }
+  );
+}
+function MenuCheckboxItemIndicator({
+  children,
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_menu.Menu.CheckboxItemIndicator,
+    {
+      className: cn(
+        "absolute left-2 flex size-4 items-center justify-center text-accent-1",
+        className
+      ),
+      ...props,
+      children: children ?? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Check, { "aria-hidden": "true", className: "size-4" })
+    }
+  );
+}
+function MenuRadioGroup({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_menu.Menu.RadioGroup, { className: cn("grid gap-1", className), ...props });
+}
+function MenuRadioItem({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_menu.Menu.RadioItem,
+    {
+      className: cn(menuItemClassName, "relative pl-8", className),
+      ...props
+    }
+  );
+}
+function MenuRadioItemIndicator({
+  children,
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_menu.Menu.RadioItemIndicator,
+    {
+      className: cn(
+        "absolute left-2 flex size-4 items-center justify-center text-accent-1",
+        className
+      ),
+      ...props,
+      children: children ?? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Check, { "aria-hidden": "true", className: "size-4" })
+    }
+  );
+}
+function MenuGroup({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_menu.Menu.Group, { className: cn("grid gap-1", className), ...props });
+}
+function MenuGroupLabel({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_menu.Menu.GroupLabel,
+    {
+      className: cn(
+        "px-2 py-1 text-xs font-medium text-surface-menu-disabled-foreground",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function MenuSeparator({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_menu.Menu.Separator,
+    {
+      className: cn("my-1 h-px shrink-0 bg-stroke-3", className),
+      ...props
+    }
+  );
+}
+var createMenuHandle = import_menu.Menu.createHandle;
+var Menu = Object.assign(MenuRoot, {
+  Arrow: MenuArrow,
+  Backdrop: MenuBackdrop,
+  CheckboxItem: MenuCheckboxItem,
+  CheckboxItemIndicator: MenuCheckboxItemIndicator,
+  createHandle: createMenuHandle,
+  Group: MenuGroup,
+  GroupLabel: MenuGroupLabel,
+  Item: MenuItem,
+  LinkItem: MenuLinkItem,
+  Popup: MenuPopup,
+  Portal: MenuPortal,
+  Positioner: MenuPositioner,
+  RadioGroup: MenuRadioGroup,
+  RadioItem: MenuRadioItem,
+  RadioItemIndicator: MenuRadioItemIndicator,
+  Root: MenuRoot,
+  Separator: MenuSeparator,
+  SubmenuRoot: MenuSubmenuRoot,
+  SubmenuTrigger: MenuSubmenuTrigger,
+  Trigger: MenuTrigger,
+  Viewport: MenuViewport
+});
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Menu,
+  MenuArrow,
+  MenuBackdrop,
+  MenuCheckboxItem,
+  MenuCheckboxItemIndicator,
+  MenuGroup,
+  MenuGroupLabel,
+  MenuItem,
+  MenuLinkItem,
+  MenuPopup,
+  MenuPortal,
+  MenuPositioner,
+  MenuRadioGroup,
+  MenuRadioItem,
+  MenuRadioItemIndicator,
+  MenuRoot,
+  MenuSeparator,
+  MenuSubmenuRoot,
+  MenuSubmenuTrigger,
+  MenuTrigger,
+  MenuViewport,
+  createMenuHandle
+});

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

@@ -0,0 +1,70 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { Menu as Menu$1 } from '@base-ui/react/menu';
+import { ComponentPropsWithoutRef } from 'react';
+
+type MenuProps = ComponentPropsWithoutRef<typeof Menu$1.Root>;
+type MenuArrowProps = ComponentPropsWithoutRef<typeof Menu$1.Arrow>;
+type MenuBackdropProps = ComponentPropsWithoutRef<typeof Menu$1.Backdrop>;
+type MenuTriggerProps = ComponentPropsWithoutRef<typeof Menu$1.Trigger>;
+type MenuPortalProps = ComponentPropsWithoutRef<typeof Menu$1.Portal>;
+type MenuPositionerProps = ComponentPropsWithoutRef<typeof Menu$1.Positioner>;
+type MenuPopupProps = ComponentPropsWithoutRef<typeof Menu$1.Popup>;
+type MenuViewportProps = ComponentPropsWithoutRef<typeof Menu$1.Viewport>;
+type MenuItemProps = ComponentPropsWithoutRef<typeof Menu$1.Item>;
+type MenuLinkItemProps = ComponentPropsWithoutRef<typeof Menu$1.LinkItem>;
+type MenuSubmenuRootProps = ComponentPropsWithoutRef<typeof Menu$1.SubmenuRoot>;
+type MenuSubmenuTriggerProps = ComponentPropsWithoutRef<typeof Menu$1.SubmenuTrigger>;
+type MenuCheckboxItemProps = ComponentPropsWithoutRef<typeof Menu$1.CheckboxItem>;
+type MenuCheckboxItemIndicatorProps = ComponentPropsWithoutRef<typeof Menu$1.CheckboxItemIndicator>;
+type MenuRadioGroupProps = ComponentPropsWithoutRef<typeof Menu$1.RadioGroup>;
+type MenuRadioItemProps = ComponentPropsWithoutRef<typeof Menu$1.RadioItem>;
+type MenuRadioItemIndicatorProps = ComponentPropsWithoutRef<typeof Menu$1.RadioItemIndicator>;
+type MenuGroupProps = ComponentPropsWithoutRef<typeof Menu$1.Group>;
+type MenuGroupLabelProps = ComponentPropsWithoutRef<typeof Menu$1.GroupLabel>;
+type MenuSeparatorProps = ComponentPropsWithoutRef<typeof Menu$1.Separator>;
+declare function MenuRoot(props: MenuProps): react_jsx_runtime.JSX.Element;
+declare function MenuTrigger({ className, ...props }: MenuTriggerProps): react_jsx_runtime.JSX.Element;
+declare function MenuPortal(props: MenuPortalProps): react_jsx_runtime.JSX.Element;
+declare function MenuBackdrop({ className, ...props }: MenuBackdropProps): react_jsx_runtime.JSX.Element;
+declare function MenuPositioner({ className, sideOffset, ...props }: MenuPositionerProps): react_jsx_runtime.JSX.Element;
+declare function MenuPopup({ className, ...props }: MenuPopupProps): react_jsx_runtime.JSX.Element;
+declare function MenuArrow({ className, ...props }: MenuArrowProps): react_jsx_runtime.JSX.Element;
+declare function MenuViewport({ className, ...props }: MenuViewportProps): react_jsx_runtime.JSX.Element;
+declare function MenuItem({ className, ...props }: MenuItemProps): react_jsx_runtime.JSX.Element;
+declare function MenuLinkItem({ className, ...props }: MenuLinkItemProps): react_jsx_runtime.JSX.Element;
+declare function MenuSubmenuRoot(props: MenuSubmenuRootProps): react_jsx_runtime.JSX.Element;
+declare function MenuSubmenuTrigger({ className, ...props }: MenuSubmenuTriggerProps): react_jsx_runtime.JSX.Element;
+declare function MenuCheckboxItem({ className, ...props }: MenuCheckboxItemProps): react_jsx_runtime.JSX.Element;
+declare function MenuCheckboxItemIndicator({ children, className, ...props }: MenuCheckboxItemIndicatorProps): react_jsx_runtime.JSX.Element;
+declare function MenuRadioGroup({ className, ...props }: MenuRadioGroupProps): react_jsx_runtime.JSX.Element;
+declare function MenuRadioItem({ className, ...props }: MenuRadioItemProps): react_jsx_runtime.JSX.Element;
+declare function MenuRadioItemIndicator({ children, className, ...props }: MenuRadioItemIndicatorProps): react_jsx_runtime.JSX.Element;
+declare function MenuGroup({ className, ...props }: MenuGroupProps): react_jsx_runtime.JSX.Element;
+declare function MenuGroupLabel({ className, ...props }: MenuGroupLabelProps): react_jsx_runtime.JSX.Element;
+declare function MenuSeparator({ className, ...props }: MenuSeparatorProps): react_jsx_runtime.JSX.Element;
+declare const createMenuHandle: typeof Menu$1.createHandle;
+declare const Menu: typeof MenuRoot & {
+    Arrow: typeof MenuArrow;
+    Backdrop: typeof MenuBackdrop;
+    CheckboxItem: typeof MenuCheckboxItem;
+    CheckboxItemIndicator: typeof MenuCheckboxItemIndicator;
+    createHandle: typeof Menu$1.createHandle;
+    Group: typeof MenuGroup;
+    GroupLabel: typeof MenuGroupLabel;
+    Item: typeof MenuItem;
+    LinkItem: typeof MenuLinkItem;
+    Popup: typeof MenuPopup;
+    Portal: typeof MenuPortal;
+    Positioner: typeof MenuPositioner;
+    RadioGroup: typeof MenuRadioGroup;
+    RadioItem: typeof MenuRadioItem;
+    RadioItemIndicator: typeof MenuRadioItemIndicator;
+    Root: typeof MenuRoot;
+    Separator: typeof MenuSeparator;
+    SubmenuRoot: typeof MenuSubmenuRoot;
+    SubmenuTrigger: typeof MenuSubmenuTrigger;
+    Trigger: typeof MenuTrigger;
+    Viewport: typeof MenuViewport;
+};
+
+export { Menu, MenuArrow, type MenuArrowProps, MenuBackdrop, type MenuBackdropProps, MenuCheckboxItem, MenuCheckboxItemIndicator, type MenuCheckboxItemIndicatorProps, type MenuCheckboxItemProps, MenuGroup, MenuGroupLabel, type MenuGroupLabelProps, type MenuGroupProps, MenuItem, type MenuItemProps, MenuLinkItem, type MenuLinkItemProps, MenuPopup, type MenuPopupProps, MenuPortal, type MenuPortalProps, MenuPositioner, type MenuPositionerProps, type MenuProps, MenuRadioGroup, type MenuRadioGroupProps, MenuRadioItem, MenuRadioItemIndicator, type MenuRadioItemIndicatorProps, type MenuRadioItemProps, MenuRoot, MenuSeparator, type MenuSeparatorProps, MenuSubmenuRoot, type MenuSubmenuRootProps, MenuSubmenuTrigger, type MenuSubmenuTriggerProps, MenuTrigger, type MenuTriggerProps, MenuViewport, type MenuViewportProps, createMenuHandle };

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

@@ -0,0 +1,70 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { Menu as Menu$1 } from '@base-ui/react/menu';
+import { ComponentPropsWithoutRef } from 'react';
+
+type MenuProps = ComponentPropsWithoutRef<typeof Menu$1.Root>;
+type MenuArrowProps = ComponentPropsWithoutRef<typeof Menu$1.Arrow>;
+type MenuBackdropProps = ComponentPropsWithoutRef<typeof Menu$1.Backdrop>;
+type MenuTriggerProps = ComponentPropsWithoutRef<typeof Menu$1.Trigger>;
+type MenuPortalProps = ComponentPropsWithoutRef<typeof Menu$1.Portal>;
+type MenuPositionerProps = ComponentPropsWithoutRef<typeof Menu$1.Positioner>;
+type MenuPopupProps = ComponentPropsWithoutRef<typeof Menu$1.Popup>;
+type MenuViewportProps = ComponentPropsWithoutRef<typeof Menu$1.Viewport>;
+type MenuItemProps = ComponentPropsWithoutRef<typeof Menu$1.Item>;
+type MenuLinkItemProps = ComponentPropsWithoutRef<typeof Menu$1.LinkItem>;
+type MenuSubmenuRootProps = ComponentPropsWithoutRef<typeof Menu$1.SubmenuRoot>;
+type MenuSubmenuTriggerProps = ComponentPropsWithoutRef<typeof Menu$1.SubmenuTrigger>;
+type MenuCheckboxItemProps = ComponentPropsWithoutRef<typeof Menu$1.CheckboxItem>;
+type MenuCheckboxItemIndicatorProps = ComponentPropsWithoutRef<typeof Menu$1.CheckboxItemIndicator>;
+type MenuRadioGroupProps = ComponentPropsWithoutRef<typeof Menu$1.RadioGroup>;
+type MenuRadioItemProps = ComponentPropsWithoutRef<typeof Menu$1.RadioItem>;
+type MenuRadioItemIndicatorProps = ComponentPropsWithoutRef<typeof Menu$1.RadioItemIndicator>;
+type MenuGroupProps = ComponentPropsWithoutRef<typeof Menu$1.Group>;
+type MenuGroupLabelProps = ComponentPropsWithoutRef<typeof Menu$1.GroupLabel>;
+type MenuSeparatorProps = ComponentPropsWithoutRef<typeof Menu$1.Separator>;
+declare function MenuRoot(props: MenuProps): react_jsx_runtime.JSX.Element;
+declare function MenuTrigger({ className, ...props }: MenuTriggerProps): react_jsx_runtime.JSX.Element;
+declare function MenuPortal(props: MenuPortalProps): react_jsx_runtime.JSX.Element;
+declare function MenuBackdrop({ className, ...props }: MenuBackdropProps): react_jsx_runtime.JSX.Element;
+declare function MenuPositioner({ className, sideOffset, ...props }: MenuPositionerProps): react_jsx_runtime.JSX.Element;
+declare function MenuPopup({ className, ...props }: MenuPopupProps): react_jsx_runtime.JSX.Element;
+declare function MenuArrow({ className, ...props }: MenuArrowProps): react_jsx_runtime.JSX.Element;
+declare function MenuViewport({ className, ...props }: MenuViewportProps): react_jsx_runtime.JSX.Element;
+declare function MenuItem({ className, ...props }: MenuItemProps): react_jsx_runtime.JSX.Element;
+declare function MenuLinkItem({ className, ...props }: MenuLinkItemProps): react_jsx_runtime.JSX.Element;
+declare function MenuSubmenuRoot(props: MenuSubmenuRootProps): react_jsx_runtime.JSX.Element;
+declare function MenuSubmenuTrigger({ className, ...props }: MenuSubmenuTriggerProps): react_jsx_runtime.JSX.Element;
+declare function MenuCheckboxItem({ className, ...props }: MenuCheckboxItemProps): react_jsx_runtime.JSX.Element;
+declare function MenuCheckboxItemIndicator({ children, className, ...props }: MenuCheckboxItemIndicatorProps): react_jsx_runtime.JSX.Element;
+declare function MenuRadioGroup({ className, ...props }: MenuRadioGroupProps): react_jsx_runtime.JSX.Element;
+declare function MenuRadioItem({ className, ...props }: MenuRadioItemProps): react_jsx_runtime.JSX.Element;
+declare function MenuRadioItemIndicator({ children, className, ...props }: MenuRadioItemIndicatorProps): react_jsx_runtime.JSX.Element;
+declare function MenuGroup({ className, ...props }: MenuGroupProps): react_jsx_runtime.JSX.Element;
+declare function MenuGroupLabel({ className, ...props }: MenuGroupLabelProps): react_jsx_runtime.JSX.Element;
+declare function MenuSeparator({ className, ...props }: MenuSeparatorProps): react_jsx_runtime.JSX.Element;
+declare const createMenuHandle: typeof Menu$1.createHandle;
+declare const Menu: typeof MenuRoot & {
+    Arrow: typeof MenuArrow;
+    Backdrop: typeof MenuBackdrop;
+    CheckboxItem: typeof MenuCheckboxItem;
+    CheckboxItemIndicator: typeof MenuCheckboxItemIndicator;
+    createHandle: typeof Menu$1.createHandle;
+    Group: typeof MenuGroup;
+    GroupLabel: typeof MenuGroupLabel;
+    Item: typeof MenuItem;
+    LinkItem: typeof MenuLinkItem;
+    Popup: typeof MenuPopup;
+    Portal: typeof MenuPortal;
+    Positioner: typeof MenuPositioner;
+    RadioGroup: typeof MenuRadioGroup;
+    RadioItem: typeof MenuRadioItem;
+    RadioItemIndicator: typeof MenuRadioItemIndicator;
+    Root: typeof MenuRoot;
+    Separator: typeof MenuSeparator;
+    SubmenuRoot: typeof MenuSubmenuRoot;
+    SubmenuTrigger: typeof MenuSubmenuTrigger;
+    Trigger: typeof MenuTrigger;
+    Viewport: typeof MenuViewport;
+};
+
+export { Menu, MenuArrow, type MenuArrowProps, MenuBackdrop, type MenuBackdropProps, MenuCheckboxItem, MenuCheckboxItemIndicator, type MenuCheckboxItemIndicatorProps, type MenuCheckboxItemProps, MenuGroup, MenuGroupLabel, type MenuGroupLabelProps, type MenuGroupProps, MenuItem, type MenuItemProps, MenuLinkItem, type MenuLinkItemProps, MenuPopup, type MenuPopupProps, MenuPortal, type MenuPortalProps, MenuPositioner, type MenuPositionerProps, type MenuProps, MenuRadioGroup, type MenuRadioGroupProps, MenuRadioItem, MenuRadioItemIndicator, type MenuRadioItemIndicatorProps, type MenuRadioItemProps, MenuRoot, MenuSeparator, type MenuSeparatorProps, MenuSubmenuRoot, type MenuSubmenuRootProps, MenuSubmenuTrigger, type MenuSubmenuTriggerProps, MenuTrigger, type MenuTriggerProps, MenuViewport, type MenuViewportProps, createMenuHandle };

package/dist/kernel/components/ui/menu.js

@@ -0,0 +1,256 @@
+"use client";
+
+// src/kernel/components/ui/menu.tsx
+import { Menu as BaseMenu } from "@base-ui/react/menu";
+
+// src/utils/cn.ts
+import { clsx } from "clsx";
+import { extendTailwindMerge } from "tailwind-merge";
+var twMerge = extendTailwindMerge({
+  extend: {
+    classGroups: {
+      z: [
+        "z-content",
+        "z-nav",
+        "z-overlay",
+        "z-modal",
+        "z-search",
+        "z-toast",
+        "z-progress"
+      ]
+    }
+  }
+});
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+
+// src/kernel/components/ui/menu.tsx
+import { Check } from "lucide-react";
+import { jsx } from "react/jsx-runtime";
+function MenuRoot(props) {
+  return /* @__PURE__ */ jsx(BaseMenu.Root, { ...props });
+}
+function MenuTrigger({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    BaseMenu.Trigger,
+    {
+      className: cn(
+        "rounded-button focus-visible:outline-2 focus-visible:outline-offset-0 focus-visible:outline-focus-ring",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function MenuPortal(props) {
+  return /* @__PURE__ */ jsx(BaseMenu.Portal, { ...props });
+}
+function MenuBackdrop({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    BaseMenu.Backdrop,
+    {
+      className: cn("fixed inset-0 z-overlay", className),
+      ...props
+    }
+  );
+}
+function MenuPositioner({
+  className,
+  sideOffset = 6,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    BaseMenu.Positioner,
+    {
+      className: cn("z-overlay outline-none", className),
+      sideOffset,
+      ...props
+    }
+  );
+}
+function MenuPopup({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    BaseMenu.Popup,
+    {
+      className: cn(
+        "animate-popup min-w-44 rounded-popup border border-[color:var(--surface-menu-border)] bg-surface-menu p-1 text-surface-menu-foreground shadow-lg outline-none",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function MenuArrow({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    BaseMenu.Arrow,
+    {
+      className: cn("fill-surface-menu text-surface-menu", className),
+      ...props
+    }
+  );
+}
+function MenuViewport({ className, ...props }) {
+  return /* @__PURE__ */ jsx(BaseMenu.Viewport, { className: cn("outline-none", className), ...props });
+}
+var menuItemClassName = [
+  "flex cursor-default select-none items-center gap-2 rounded-[max(calc(var(--radius-popup)_-_0.25rem),0px)] px-2 py-1.5 text-sm text-surface-menu-foreground outline-none",
+  "data-[highlighted]:bg-surface-menu-hover data-[highlighted]:text-surface-menu-hover-foreground data-[state=checked]:bg-surface-menu-active data-[state=checked]:text-surface-menu-active-foreground data-disabled:pointer-events-none data-disabled:text-surface-menu-disabled-foreground"
+].join(" ");
+function MenuItem({ className, ...props }) {
+  return /* @__PURE__ */ jsx(BaseMenu.Item, { className: cn(menuItemClassName, className), ...props });
+}
+function MenuLinkItem({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    BaseMenu.LinkItem,
+    {
+      className: cn(menuItemClassName, "underline-offset-4", className),
+      ...props
+    }
+  );
+}
+function MenuSubmenuRoot(props) {
+  return /* @__PURE__ */ jsx(BaseMenu.SubmenuRoot, { ...props });
+}
+function MenuSubmenuTrigger({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    BaseMenu.SubmenuTrigger,
+    {
+      className: cn(menuItemClassName, "justify-between", className),
+      ...props
+    }
+  );
+}
+function MenuCheckboxItem({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    BaseMenu.CheckboxItem,
+    {
+      className: cn(menuItemClassName, "relative pl-8", className),
+      ...props
+    }
+  );
+}
+function MenuCheckboxItemIndicator({
+  children,
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    BaseMenu.CheckboxItemIndicator,
+    {
+      className: cn(
+        "absolute left-2 flex size-4 items-center justify-center text-accent-1",
+        className
+      ),
+      ...props,
+      children: children ?? /* @__PURE__ */ jsx(Check, { "aria-hidden": "true", className: "size-4" })
+    }
+  );
+}
+function MenuRadioGroup({ className, ...props }) {
+  return /* @__PURE__ */ jsx(BaseMenu.RadioGroup, { className: cn("grid gap-1", className), ...props });
+}
+function MenuRadioItem({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    BaseMenu.RadioItem,
+    {
+      className: cn(menuItemClassName, "relative pl-8", className),
+      ...props
+    }
+  );
+}
+function MenuRadioItemIndicator({
+  children,
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    BaseMenu.RadioItemIndicator,
+    {
+      className: cn(
+        "absolute left-2 flex size-4 items-center justify-center text-accent-1",
+        className
+      ),
+      ...props,
+      children: children ?? /* @__PURE__ */ jsx(Check, { "aria-hidden": "true", className: "size-4" })
+    }
+  );
+}
+function MenuGroup({ className, ...props }) {
+  return /* @__PURE__ */ jsx(BaseMenu.Group, { className: cn("grid gap-1", className), ...props });
+}
+function MenuGroupLabel({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    BaseMenu.GroupLabel,
+    {
+      className: cn(
+        "px-2 py-1 text-xs font-medium text-surface-menu-disabled-foreground",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function MenuSeparator({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    BaseMenu.Separator,
+    {
+      className: cn("my-1 h-px shrink-0 bg-stroke-3", className),
+      ...props
+    }
+  );
+}
+var createMenuHandle = BaseMenu.createHandle;
+var Menu = Object.assign(MenuRoot, {
+  Arrow: MenuArrow,
+  Backdrop: MenuBackdrop,
+  CheckboxItem: MenuCheckboxItem,
+  CheckboxItemIndicator: MenuCheckboxItemIndicator,
+  createHandle: createMenuHandle,
+  Group: MenuGroup,
+  GroupLabel: MenuGroupLabel,
+  Item: MenuItem,
+  LinkItem: MenuLinkItem,
+  Popup: MenuPopup,
+  Portal: MenuPortal,
+  Positioner: MenuPositioner,
+  RadioGroup: MenuRadioGroup,
+  RadioItem: MenuRadioItem,
+  RadioItemIndicator: MenuRadioItemIndicator,
+  Root: MenuRoot,
+  Separator: MenuSeparator,
+  SubmenuRoot: MenuSubmenuRoot,
+  SubmenuTrigger: MenuSubmenuTrigger,
+  Trigger: MenuTrigger,
+  Viewport: MenuViewport
+});
+export {
+  Menu,
+  MenuArrow,
+  MenuBackdrop,
+  MenuCheckboxItem,
+  MenuCheckboxItemIndicator,
+  MenuGroup,
+  MenuGroupLabel,
+  MenuItem,
+  MenuLinkItem,
+  MenuPopup,
+  MenuPortal,
+  MenuPositioner,
+  MenuRadioGroup,
+  MenuRadioItem,
+  MenuRadioItemIndicator,
+  MenuRoot,
+  MenuSeparator,
+  MenuSubmenuRoot,
+  MenuSubmenuTrigger,
+  MenuTrigger,
+  MenuViewport,
+  createMenuHandle
+};