@godxjp/ui 13.9.3 → 13.10.0

package/dist/components/layout/sidebar.js

@@ -0,0 +1,254 @@
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { ChevronDown } from "lucide-react";
+import { Collapsible, CollapsibleContent, CollapsibleTrigger } from "../data-display/collapsible";
+import { Popover, PopoverContent, PopoverTrigger } from "../data-display/popover";
+import { Tooltip, TooltipContent, TooltipTrigger } from "../feedback/tooltip";
+import { useTranslation } from "../../i18n/use-translation";
+import { cn } from "../../lib/utils";
+function SidebarHeader({ children, className, ...props }) {
+  return /* @__PURE__ */ jsx("div", { className: cn("sb-brand", className), ...props, children });
+}
+function SidebarSection({
+  label,
+  collapsed = false,
+  children,
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: cn("sb-section", className), ...props, children: [
+    label && !collapsed ? /* @__PURE__ */ jsx("div", { className: "sb-section-label", children: label }) : null,
+    /* @__PURE__ */ jsx("div", { className: "sb-nav", children })
+  ] });
+}
+function SidebarItem({
+  item,
+  active = false,
+  sub = false,
+  onActivate,
+  renderItem,
+  children,
+  ...props
+}) {
+  const Icon = item.icon;
+  const showBadge = item.badge !== void 0 && item.badge !== "";
+  const disabled = item.disabled || props.disabled;
+  const content = children ?? (renderItem ? renderItem(item) : void 0);
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      type: "button",
+      className: cn("sb-nav-item", sub && "sb-nav-item--sub"),
+      "data-active": active ? "true" : void 0,
+      "aria-current": active ? "page" : void 0,
+      "aria-disabled": disabled,
+      ...props,
+      onClick: () => {
+        if (disabled) return;
+        onActivate?.(item.id);
+      },
+      children: content ? content : /* @__PURE__ */ jsxs(Fragment, { children: [
+        !sub ? /* @__PURE__ */ jsx("span", { className: "sb-icon", children: /* @__PURE__ */ jsx(Icon, { "aria-hidden": "true" }) }) : null,
+        /* @__PURE__ */ jsx("span", { className: "sb-label", children: item.label }),
+        showBadge ? /* @__PURE__ */ jsx("span", { className: "sb-badge", children: item.badge }) : null
+      ] })
+    }
+  );
+}
+function isItemActive(item, activeId) {
+  if (item.id === activeId) return true;
+  return (item.children ?? []).some((child) => isItemActive(child, activeId));
+}
+function NavLeaf({ item, activeId, onSelect, sub = false, renderItem }) {
+  const active = item.id === activeId;
+  return /* @__PURE__ */ jsx(
+    SidebarItem,
+    {
+      item,
+      active,
+      onActivate: onSelect,
+      sub,
+      renderItem
+    }
+  );
+}
+function NavLeafsInGroup({
+  children,
+  activeId,
+  onSelect,
+  renderItem
+}) {
+  return children.map((child) => /* @__PURE__ */ jsx(
+    NavLeaf,
+    {
+      item: child,
+      activeId,
+      onSelect,
+      sub: true,
+      renderItem
+    },
+    child.id
+  ));
+}
+function NavGroup({ item, activeId, onSelect, renderItem }) {
+  const Icon = item.icon;
+  const active = isItemActive(item, activeId);
+  const children = item.children ?? [];
+  return /* @__PURE__ */ jsxs(Collapsible, { defaultOpen: active, className: "sb-nav-group", children: [
+    /* @__PURE__ */ jsxs(
+      CollapsibleTrigger,
+      {
+        className: "sb-nav-item sb-nav-group-trigger",
+        "data-active": active ? "true" : void 0,
+        children: [
+          /* @__PURE__ */ jsx("span", { className: "sb-icon", children: /* @__PURE__ */ jsx(Icon, { "aria-hidden": "true" }) }),
+          /* @__PURE__ */ jsx("span", { className: "sb-label", children: item.label }),
+          /* @__PURE__ */ jsx(ChevronDown, { className: "sb-chevron", "aria-hidden": "true" })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx(CollapsibleContent, { children: /* @__PURE__ */ jsx("div", { className: "sb-nav-sub", children: children.length > 0 ? /* @__PURE__ */ jsx(NavLeafsInGroup, { activeId, onSelect, renderItem, children }) : null }) })
+  ] });
+}
+function CollapsedRow({ item, activeId, onSelect }) {
+  const [menuOpen, setMenuOpen] = React.useState(false);
+  const Icon = item.icon;
+  const active = isItemActive(item, activeId);
+  const children = item.children ?? [];
+  const hasChildren = children.length > 0;
+  const iconButton = /* @__PURE__ */ jsx(
+    "button",
+    {
+      type: "button",
+      className: "sb-nav-item",
+      "data-active": active ? "true" : void 0,
+      "aria-current": !hasChildren && active ? "page" : void 0,
+      "aria-label": item.label,
+      "aria-haspopup": hasChildren ? "menu" : void 0,
+      "aria-expanded": hasChildren ? menuOpen : void 0,
+      "aria-disabled": item.disabled,
+      onClick: () => {
+        if (!hasChildren && !item.disabled) onSelect?.(item.id);
+      },
+      children: /* @__PURE__ */ jsx("span", { className: "sb-icon", children: /* @__PURE__ */ jsx(Icon, { "aria-hidden": "true" }) })
+    }
+  );
+  if (!hasChildren) {
+    return /* @__PURE__ */ jsxs(Tooltip, { children: [
+      /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: iconButton }),
+      /* @__PURE__ */ jsx(TooltipContent, { side: "right", children: item.label })
+    ] });
+  }
+  return /* @__PURE__ */ jsxs(Popover, { open: menuOpen, onOpenChange: setMenuOpen, children: [
+    /* @__PURE__ */ jsxs(Tooltip, { children: [
+      /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: iconButton }) }),
+      /* @__PURE__ */ jsx(TooltipContent, { side: "right", children: item.label })
+    ] }),
+    /* @__PURE__ */ jsxs(
+      PopoverContent,
+      {
+        side: "right",
+        align: "start",
+        sideOffset: 8,
+        role: "menu",
+        className: "sb-flyout-pop",
+        children: [
+          /* @__PURE__ */ jsx("div", { className: "sb-flyout-title", children: item.label }),
+          children.map((child) => /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              role: "menuitem",
+              className: "sb-nav-item",
+              "data-active": child.id === activeId ? "true" : void 0,
+              "aria-current": child.id === activeId ? "page" : void 0,
+              onClick: () => {
+                setMenuOpen(false);
+                if (!child.disabled) onSelect?.(child.id);
+              },
+              children: /* @__PURE__ */ jsx("span", { className: "sb-label", children: child.label })
+            },
+            child.id
+          ))
+        ]
+      }
+    )
+  ] });
+}
+function Sidebar({
+  activeId,
+  onSelect,
+  sections,
+  product,
+  onProductClick,
+  brand,
+  collapsed = false,
+  children,
+  renderItem,
+  footer
+}) {
+  const { t } = useTranslation();
+  const resolvedSections = sections ?? [];
+  return /* @__PURE__ */ jsxs("div", { className: "sb-root", "data-collapsed": collapsed ? "true" : void 0, children: [
+    brand !== void 0 ? /* @__PURE__ */ jsx(SidebarHeader, { children: brand }) : product ? /* @__PURE__ */ jsxs(
+      "button",
+      {
+        type: "button",
+        className: "sb-product",
+        onClick: onProductClick,
+        "aria-label": product.name,
+        children: [
+          /* @__PURE__ */ jsx(
+            "span",
+            {
+              className: "sb-logo-mark",
+              style: { background: product.color ?? "hsl(var(--attention))" },
+              children: product.name[0]?.toUpperCase() ?? "?"
+            }
+          ),
+          !collapsed ? /* @__PURE__ */ jsxs("span", { className: "sb-product-meta", children: [
+            /* @__PURE__ */ jsx("span", { className: "sb-product-name", children: product.name }),
+            product.role ? /* @__PURE__ */ jsx("span", { className: "sb-product-tenant", children: product.role }) : null
+          ] }) : null,
+          !collapsed ? /* @__PURE__ */ jsx("span", { className: "sb-product-caret", children: /* @__PURE__ */ jsx(ChevronDown, { "aria-hidden": "true" }) }) : null
+        ]
+      }
+    ) : null,
+    /* @__PURE__ */ jsx("nav", { className: "sb-nav-scroll", "aria-label": t("layout.sidebar.ariaLabel"), children: children ?? resolvedSections.map((section, sectionIndex) => /* @__PURE__ */ jsx(
+      SidebarSection,
+      {
+        label: section.label,
+        collapsed,
+        children: section.items.map(
+          (item) => collapsed ? /* @__PURE__ */ jsx(CollapsedRow, { item, activeId, onSelect }, item.id) : item.children && item.children.length > 0 ? /* @__PURE__ */ jsx(
+            NavGroup,
+            {
+              item,
+              activeId,
+              onSelect,
+              renderItem
+            },
+            item.id
+          ) : /* @__PURE__ */ jsx(
+            NavLeaf,
+            {
+              item,
+              activeId,
+              onSelect,
+              renderItem
+            },
+            item.id
+          )
+        )
+      },
+      section.label ?? sectionIndex
+    )) }),
+    footer ? /* @__PURE__ */ jsx("div", { className: "sb-footer", children: footer }) : null
+  ] });
+}
+export {
+  Sidebar,
+  SidebarHeader,
+  SidebarItem,
+  SidebarSection
+};

package/dist/components/layout/split-pane.d.ts

@@ -0,0 +1,7 @@
+import type { ReactNode } from "react";
+export type SplitPaneProps = {
+    children: ReactNode;
+    aside: ReactNode;
+    asideWidth?: "sm" | "md";
+};
+export declare function SplitPane({ children, aside, asideWidth }: SplitPaneProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/layout/split-pane.js

@@ -0,0 +1,10 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+function SplitPane({ children, aside, asideWidth = "md" }) {
+  return /* @__PURE__ */ jsxs("div", { className: "ui-split-pane", "data-aside-width": asideWidth, children: [
+    /* @__PURE__ */ jsx("div", { className: "ui-split-pane-main", children }),
+    /* @__PURE__ */ jsx("aside", { className: "ui-split-pane-aside", children: aside })
+  ] });
+}
+export {
+  SplitPane
+};

package/dist/components/layout/topbar.d.ts

@@ -0,0 +1,3 @@
+import type { TopbarProp } from "../../props/components/layout.prop";
+export type { TopbarProductProp as TopbarProduct, TopbarProjectProp as TopbarProject, TopbarProp, TopbarProp as TopbarProps, } from "../../props/components/layout.prop";
+export declare function Topbar({ product, project, productMenu, projectMenu, projectPlaceholder, onProductOpen, onProjectOpen, onSearchOpen, onTweaksOpen, collapsed, onToggleCollapsed, rightSlot, unread, searchPlaceholder, onNotificationsOpen, user, }: TopbarProp): import("react/jsx-runtime").JSX.Element;

package/dist/components/layout/topbar.js

@@ -0,0 +1,133 @@
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import {
+  Bell,
+  ChevronDown,
+  PanelLeftClose,
+  PanelLeftOpen,
+  Search,
+  SlidersHorizontal
+} from "lucide-react";
+import { DropdownMenu, DropdownMenuTrigger } from "../navigation/dropdown-menu";
+import { useTranslation } from "../../i18n/use-translation";
+function Topbar({
+  product,
+  project,
+  productMenu,
+  projectMenu,
+  projectPlaceholder,
+  onProductOpen,
+  onProjectOpen,
+  onSearchOpen,
+  onTweaksOpen,
+  collapsed = false,
+  onToggleCollapsed,
+  rightSlot,
+  unread = false,
+  searchPlaceholder,
+  onNotificationsOpen,
+  user
+}) {
+  const { t } = useTranslation();
+  const productChip = /* @__PURE__ */ jsxs(
+    "button",
+    {
+      type: "button",
+      className: "tb-chip",
+      "aria-label": product.name,
+      onClick: productMenu ? void 0 : onProductOpen,
+      children: [
+        /* @__PURE__ */ jsx(
+          "span",
+          {
+            className: "tb-chip-icon",
+            style: { background: product.color ?? "hsl(var(--attention))" },
+            children: product.name[0]?.toUpperCase() ?? "?"
+          }
+        ),
+        /* @__PURE__ */ jsx("span", { className: "tb-chip-label", children: product.name }),
+        /* @__PURE__ */ jsx("span", { className: "tb-chip-caret", children: /* @__PURE__ */ jsx(ChevronDown, { "aria-hidden": "true" }) })
+      ]
+    }
+  );
+  const showProject = project != null || projectMenu != null;
+  const projectChip = /* @__PURE__ */ jsxs(
+    "button",
+    {
+      type: "button",
+      className: `tb-chip ${project ? "" : "tb-chip-empty"}`,
+      "aria-label": project ? project.name : projectPlaceholder ?? "",
+      onClick: projectMenu ? void 0 : onProjectOpen,
+      children: [
+        /* @__PURE__ */ jsx("span", { className: "tb-chip-label", children: project ? project.name : projectPlaceholder ?? "\u2014" }),
+        /* @__PURE__ */ jsx("span", { className: "tb-chip-caret", children: /* @__PURE__ */ jsx(ChevronDown, { "aria-hidden": "true" }) })
+      ]
+    }
+  );
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    onToggleCollapsed ? /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        className: "tb-icon-btn",
+        "aria-label": t("layout.topbar.toggleSidebar"),
+        "aria-pressed": collapsed,
+        onClick: onToggleCollapsed,
+        children: collapsed ? /* @__PURE__ */ jsx(PanelLeftOpen, { "aria-hidden": "true" }) : /* @__PURE__ */ jsx(PanelLeftClose, { "aria-hidden": "true" })
+      }
+    ) : null,
+    /* @__PURE__ */ jsxs("div", { className: "tb-switcher", children: [
+      productMenu ? /* @__PURE__ */ jsxs(DropdownMenu, { children: [
+        /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: productChip }),
+        productMenu
+      ] }) : productChip,
+      showProject ? /* @__PURE__ */ jsx("span", { className: "tb-chip-sep", children: "/" }) : null,
+      showProject ? projectMenu ? /* @__PURE__ */ jsxs(DropdownMenu, { children: [
+        /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: projectChip }),
+        projectMenu
+      ] }) : projectChip : null
+    ] }),
+    /* @__PURE__ */ jsxs(
+      "button",
+      {
+        type: "button",
+        className: "tb-search",
+        "aria-label": t("layout.topbar.search"),
+        "aria-keyshortcuts": "Meta+K",
+        onClick: onSearchOpen,
+        children: [
+          /* @__PURE__ */ jsx(Search, { "aria-hidden": "true" }),
+          /* @__PURE__ */ jsx("span", { children: searchPlaceholder ?? t("layout.topbar.searchPlaceholder") }),
+          /* @__PURE__ */ jsx("kbd", { className: "kbd", children: "\u2318K" })
+        ]
+      }
+    ),
+    rightSlot,
+    onNotificationsOpen ? /* @__PURE__ */ jsxs(
+      "button",
+      {
+        type: "button",
+        className: "tb-icon-btn tb-bell",
+        "aria-label": t("layout.topbar.notifications"),
+        onClick: onNotificationsOpen,
+        children: [
+          /* @__PURE__ */ jsx(Bell, { "aria-hidden": "true" }),
+          unread ? /* @__PURE__ */ jsx("span", { className: "tb-bell-dot", "aria-hidden": "true" }) : null
+        ]
+      }
+    ) : null,
+    user,
+    onTweaksOpen ? /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        className: "tb-icon-btn",
+        "aria-label": t("layout.topbar.tweaks"),
+        onClick: onTweaksOpen,
+        children: /* @__PURE__ */ jsx(SlidersHorizontal, { "aria-hidden": "true" })
+      }
+    ) : null
+  ] });
+}
+export {
+  Topbar
+};

package/dist/components/navigation/app-setting-picker.d.ts

@@ -0,0 +1,9 @@
+import * as React from "react";
+import type { AppSettingPickerProp } from "../../props/components/app.prop";
+export type { AppSettingKind, AppSettingPickerProp, AppSettingPickerProp as AppSettingPickerProps, } from "../../props/components/app.prop";
+/**
+ * One provider-bound Select for any single AppProvider setting — replaces the former
+ * Locale/Timezone/Date-format/Time-format pickers. Mount under `<AppProvider>` and it
+ * reads/writes the matching context (`kind`); or pass value + onValueChange to control it.
+ */
+export declare const AppSettingPicker: React.ForwardRefExoticComponent<AppSettingPickerProp & React.RefAttributes<HTMLButtonElement>>;

package/dist/{chunk-RHPFCKB2.js → components/navigation/app-setting-picker.js}

@@ -1,65 +1,39 @@
-import { Select, SelectTrigger, SelectValue, SelectContent, SelectItem } from './chunk-6S2ZU26B.js';
-import { Button } from './chunk-XBFUROAY.js';
-import { useOptionalAppContext, useTranslation, APP_TIME_FORMAT_OPTIONS, getTimeFormatLabel, resolveTimezonePickerOptions, getTimezoneLabel, APP_LOCALES } from './chunk-B6S6LTWT.js';
-import { APP_DATE_FORMAT_OPTIONS, getDateFormatLabel } from './chunk-5732TWQF.js';
-import { cn } from './chunk-U7N2A7A3.js';
-import * as React from 'react';
-import { useId } from 'react';
-import { Clock, CalendarDays, Globe, Languages, X } from 'lucide-react';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-function Toolbar({ onClear, hasActiveFilters = true, className, children }) {
-  const { t } = useTranslation();
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      role: "toolbar",
-      "aria-label": t("navigation.toolbar.ariaLabel"),
-      className: cn("ui-toolbar", className),
-      children: [
-        children,
-        onClear && hasActiveFilters && /* @__PURE__ */ jsxs(Button, { variant: "ghost", size: "sm", onClick: onClear, className: "ui-toolbar-clear", children: [
-          /* @__PURE__ */ jsx(X, { "aria-hidden": "true" }),
-          t("common.clearFilters")
-        ] })
-      ]
-    }
-  );
-}
-function ToolbarGroup({ label, className, children }) {
-  const labelId = useId();
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      role: "group",
-      "aria-labelledby": label ? labelId : void 0,
-      className: cn("ui-stack-xs ui-toolbar-group", className),
-      children: [
-        label ? /* @__PURE__ */ jsx("div", { id: labelId, className: "ui-toolbar-label", children: label }) : null,
-        children
-      ]
-    }
-  );
-}
-var ICON = {
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { CalendarDays, Clock, Globe, Languages } from "lucide-react";
+import { APP_DATE_FORMAT_OPTIONS, getDateFormatLabel } from "../../app/date-format-labels";
+import { APP_TIME_FORMAT_OPTIONS, getTimeFormatLabel } from "../../app/time-format-labels";
+import { getTimezoneLabel, resolveTimezonePickerOptions } from "../../app/timezones";
+import { APP_LOCALES } from "../../app/types";
+import { useOptionalAppContext } from "../../app/app-provider";
+import { useTranslation } from "../../i18n/use-translation";
+import { cn } from "../../lib/utils";
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue
+} from "../data-entry/select";
+const ICON = {
   locale: Languages,
   timezone: Globe,
   dateFormat: CalendarDays,
   timeFormat: Clock
 };
-var TRIGGER_WIDTH = {
+const TRIGGER_WIDTH = {
   locale: "sm:w-40",
   timezone: "sm:w-56",
   dateFormat: "sm:w-44",
   timeFormat: "sm:w-44"
 };
-var ARIA_KEY = {
+const ARIA_KEY = {
   locale: "navigation.localePicker.ariaLabel",
   timezone: "navigation.timezonePicker.ariaLabel",
   dateFormat: "navigation.dateFormatPicker.ariaLabel",
   timeFormat: "navigation.timeFormatPicker.ariaLabel"
 };
-var AppSettingPicker = React.forwardRef(
+const AppSettingPicker = React.forwardRef(
   function AppSettingPicker2({ kind, className, disabled, id, name, value, onValueChange }, ref) {
     const ctx = useOptionalAppContext();
     const { t, locale, fallbackLocale } = useTranslation();
@@ -122,5 +96,6 @@ var AppSettingPicker = React.forwardRef(
     );
   }
 );
-
-export { AppSettingPicker, Toolbar, ToolbarGroup };
+export {
+  AppSettingPicker
+};

package/dist/components/navigation/context-menu.d.ts

@@ -1,25 +1,21 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as React from 'react';
-import * as ContextMenuPrimitive from '@radix-ui/react-context-menu';
-
-declare const ContextMenu: React.FC<ContextMenuPrimitive.ContextMenuProps>;
-declare function ContextMenuTrigger(props: React.ComponentProps<typeof ContextMenuPrimitive.Trigger>): react_jsx_runtime.JSX.Element;
-declare const ContextMenuPortal: React.FC<ContextMenuPrimitive.ContextMenuPortalProps>;
-declare const ContextMenuContent: React.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const ContextMenuItem: React.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+import * as React from "react";
+import * as ContextMenuPrimitive from "@radix-ui/react-context-menu";
+export declare const ContextMenu: React.FC<ContextMenuPrimitive.ContextMenuProps>;
+export declare function ContextMenuTrigger(props: React.ComponentProps<typeof ContextMenuPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
+export declare const ContextMenuPortal: React.FC<ContextMenuPrimitive.ContextMenuPortalProps>;
+export declare const ContextMenuContent: React.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const ContextMenuItem: React.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
     inset?: boolean;
     variant?: "default" | "destructive";
 } & React.RefAttributes<HTMLDivElement>>;
-declare const ContextMenuCheckboxItem: React.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuCheckboxItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const ContextMenuRadioGroup: React.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuRadioGroupProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const ContextMenuRadioItem: React.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuRadioItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const ContextMenuLabel: React.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuLabelProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+export declare const ContextMenuCheckboxItem: React.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuCheckboxItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const ContextMenuRadioGroup: React.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuRadioGroupProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const ContextMenuRadioItem: React.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuRadioItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const ContextMenuLabel: React.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuLabelProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
     inset?: boolean;
 } & React.RefAttributes<HTMLDivElement>>;
-declare const ContextMenuSeparator: React.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const ContextMenuShortcut: ({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>) => react_jsx_runtime.JSX.Element;
-declare const ContextMenuSub: React.FC<ContextMenuPrimitive.ContextMenuSubProps>;
-declare const ContextMenuSubTrigger: React.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuSubTriggerProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const ContextMenuSubContent: React.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuSubContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-
-export { ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger };
+export declare const ContextMenuSeparator: React.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const ContextMenuShortcut: ({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>) => import("react/jsx-runtime").JSX.Element;
+export declare const ContextMenuSub: React.FC<ContextMenuPrimitive.ContextMenuSubProps>;
+export declare const ContextMenuSubTrigger: React.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuSubTriggerProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const ContextMenuSubContent: React.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuSubContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;