@locusgraph/components 0.2.0 → 0.2.2

package/dist/navigation/breadcrumb.js

@@ -1,27 +1,92 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { ChevronRight, OverflowMenuHorizontal as MoreHorizontal } from "@carbon/icons-react";
 import { cn } from "cn";
 import * as Slot from "radix-ui/slot";
-function Breadcrumb({ ...props }) {
-    return _jsx("nav", { "aria-label": "breadcrumb", "data-slot": "breadcrumb", ...props });
+import * as React from "react";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+function Breadcrumb({
+  ...props
+}) {
+  return /*#__PURE__*/_jsx("nav", {
+    "aria-label": "breadcrumb",
+    "data-slot": "breadcrumb",
+    ...props
+  });
 }
-function BreadcrumbList({ className, ...props }) {
-    return (_jsx("ol", { "data-slot": "breadcrumb-list", className: cn("flex flex-wrap items-center gap-1.5 text-sm break-words text-muted-foreground sm:gap-2.5", className), ...props }));
+function BreadcrumbList({
+  className,
+  ...props
+}) {
+  return /*#__PURE__*/_jsx("ol", {
+    "data-slot": "breadcrumb-list",
+    className: cn("flex flex-wrap items-center gap-1.5 text-sm break-words text-muted-foreground sm:gap-2.5", className),
+    ...props
+  });
 }
-function BreadcrumbItem({ className, ...props }) {
-    return (_jsx("li", { "data-slot": "breadcrumb-item", className: cn("inline-flex items-center gap-1.5", className), ...props }));
+function BreadcrumbItem({
+  className,
+  ...props
+}) {
+  return /*#__PURE__*/_jsx("li", {
+    "data-slot": "breadcrumb-item",
+    className: cn("inline-flex items-center gap-1.5", className),
+    ...props
+  });
 }
-function BreadcrumbLink({ asChild, className, ...props }) {
-    const Comp = asChild ? Slot.Root : "a";
-    return (_jsx(Comp, { "data-slot": "breadcrumb-link", className: cn("transition-colors hover:text-foreground", className), ...props }));
+function BreadcrumbLink({
+  asChild,
+  className,
+  ...props
+}) {
+  const Comp = asChild ? Slot.Root : "a";
+  return /*#__PURE__*/_jsx(Comp, {
+    "data-slot": "breadcrumb-link",
+    className: cn("transition-colors hover:text-foreground", className),
+    ...props
+  });
 }
-function BreadcrumbPage({ className, ...props }) {
-    return (_jsx("span", { "data-slot": "breadcrumb-page", role: "link", "aria-disabled": "true", "aria-current": "page", className: cn("font-normal text-foreground", className), ...props }));
+function BreadcrumbPage({
+  className,
+  ...props
+}) {
+  return /*#__PURE__*/_jsx("span", {
+    "data-slot": "breadcrumb-page",
+    role: "link",
+    "aria-disabled": "true",
+    "aria-current": "page",
+    className: cn("font-normal text-foreground", className),
+    ...props
+  });
 }
-function BreadcrumbSeparator({ children, className, ...props }) {
-    return (_jsx("li", { "data-slot": "breadcrumb-separator", role: "presentation", "aria-hidden": "true", className: cn("[&>svg]:size-3.5", className), ...props, children: children ?? _jsx(ChevronRight, {}) }));
+function BreadcrumbSeparator({
+  children,
+  className,
+  ...props
+}) {
+  return /*#__PURE__*/_jsx("li", {
+    "data-slot": "breadcrumb-separator",
+    role: "presentation",
+    "aria-hidden": "true",
+    className: cn("[&>svg]:size-3.5", className),
+    ...props,
+    children: children ?? /*#__PURE__*/_jsx(ChevronRight, {})
+  });
 }
-function BreadcrumbEllipsis({ className, ...props }) {
-    return (_jsxs("span", { "data-slot": "breadcrumb-ellipsis", role: "presentation", "aria-hidden": "true", className: cn("flex size-9 items-center justify-center", className), ...props, children: [_jsx(MoreHorizontal, { className: "size-4" }), _jsx("span", { className: "sr-only", children: "More" })] }));
+function BreadcrumbEllipsis({
+  className,
+  ...props
+}) {
+  return /*#__PURE__*/_jsxs("span", {
+    "data-slot": "breadcrumb-ellipsis",
+    role: "presentation",
+    "aria-hidden": "true",
+    className: cn("flex size-9 items-center justify-center", className),
+    ...props,
+    children: [/*#__PURE__*/_jsx(MoreHorizontal, {
+      className: "size-4"
+    }), /*#__PURE__*/_jsx("span", {
+      className: "sr-only",
+      children: "More"
+    })]
+  });
 }
-export { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, };
+export { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator };

package/dist/navigation/menubar/menubar-items.js

@@ -1,27 +1,333 @@
 "use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+
+import { c as _c } from "react/compiler-runtime";
 import { Checkmark as CheckIcon, CircleSolid as CircleIcon } from "@carbon/icons-react";
 import { cn } from "cn";
 import * as MenubarPrimitive from "radix-ui/menubar";
-function MenubarItem({ className, inset, variant = "default", ...props }) {
-    return (_jsx(MenubarPrimitive.Item, { "data-slot": "menubar-item", "data-inset": inset, "data-variant": variant, className: cn("relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 data-[variant=destructive]:focus:text-destructive dark:data-[variant=destructive]:focus:bg-destructive/20 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground data-[variant=destructive]:*:[svg]:text-destructive!", className), ...props }));
+import * as React from "react";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+function MenubarItem(t0) {
+  const $ = _c(12);
+  let className;
+  let inset;
+  let props;
+  let t1;
+  if ($[0] !== t0) {
+    ({
+      className,
+      inset,
+      variant: t1,
+      ...props
+    } = t0);
+    $[0] = t0;
+    $[1] = className;
+    $[2] = inset;
+    $[3] = props;
+    $[4] = t1;
+  } else {
+    className = $[1];
+    inset = $[2];
+    props = $[3];
+    t1 = $[4];
+  }
+  const variant = t1 === undefined ? "default" : t1;
+  let t2;
+  if ($[5] !== className) {
+    t2 = cn("relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 data-[variant=destructive]:focus:text-destructive dark:data-[variant=destructive]:focus:bg-destructive/20 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground data-[variant=destructive]:*:[svg]:text-destructive!", className);
+    $[5] = className;
+    $[6] = t2;
+  } else {
+    t2 = $[6];
+  }
+  let t3;
+  if ($[7] !== inset || $[8] !== props || $[9] !== t2 || $[10] !== variant) {
+    t3 = /*#__PURE__*/_jsx(MenubarPrimitive.Item, {
+      "data-slot": "menubar-item",
+      "data-inset": inset,
+      "data-variant": variant,
+      className: t2,
+      ...props
+    });
+    $[7] = inset;
+    $[8] = props;
+    $[9] = t2;
+    $[10] = variant;
+    $[11] = t3;
+  } else {
+    t3 = $[11];
+  }
+  return t3;
 }
-function MenubarCheckboxItem({ className, children, checked, ...props }) {
-    return (_jsxs(MenubarPrimitive.CheckboxItem, { "data-slot": "menubar-checkbox-item", className: cn("relative flex cursor-default items-center gap-2 rounded-xs py-1.5 pr-2 pl-8 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className), checked: checked, ...props, children: [_jsx("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: _jsx(MenubarPrimitive.ItemIndicator, { children: _jsx(CheckIcon, { className: "size-4" }) }) }), children] }));
+function MenubarCheckboxItem(t0) {
+  const $ = _c(13);
+  let checked;
+  let children;
+  let className;
+  let props;
+  if ($[0] !== t0) {
+    ({
+      className,
+      children,
+      checked,
+      ...props
+    } = t0);
+    $[0] = t0;
+    $[1] = checked;
+    $[2] = children;
+    $[3] = className;
+    $[4] = props;
+  } else {
+    checked = $[1];
+    children = $[2];
+    className = $[3];
+    props = $[4];
+  }
+  let t1;
+  if ($[5] !== className) {
+    t1 = cn("relative flex cursor-default items-center gap-2 rounded-xs py-1.5 pr-2 pl-8 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className);
+    $[5] = className;
+    $[6] = t1;
+  } else {
+    t1 = $[6];
+  }
+  let t2;
+  if ($[7] === Symbol.for("react.memo_cache_sentinel")) {
+    t2 = /*#__PURE__*/_jsx("span", {
+      className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center",
+      children: /*#__PURE__*/_jsx(MenubarPrimitive.ItemIndicator, {
+        children: /*#__PURE__*/_jsx(CheckIcon, {
+          className: "size-4"
+        })
+      })
+    });
+    $[7] = t2;
+  } else {
+    t2 = $[7];
+  }
+  let t3;
+  if ($[8] !== checked || $[9] !== children || $[10] !== props || $[11] !== t1) {
+    t3 = /*#__PURE__*/_jsxs(MenubarPrimitive.CheckboxItem, {
+      "data-slot": "menubar-checkbox-item",
+      className: t1,
+      checked: checked,
+      ...props,
+      children: [t2, children]
+    });
+    $[8] = checked;
+    $[9] = children;
+    $[10] = props;
+    $[11] = t1;
+    $[12] = t3;
+  } else {
+    t3 = $[12];
+  }
+  return t3;
 }
-function MenubarRadioGroup({ ...props }) {
-    return _jsx(MenubarPrimitive.RadioGroup, { "data-slot": "menubar-radio-group", ...props });
+function MenubarRadioGroup(t0) {
+  const $ = _c(4);
+  let props;
+  if ($[0] !== t0) {
+    ({
+      ...props
+    } = t0);
+    $[0] = t0;
+    $[1] = props;
+  } else {
+    props = $[1];
+  }
+  let t1;
+  if ($[2] !== props) {
+    t1 = /*#__PURE__*/_jsx(MenubarPrimitive.RadioGroup, {
+      "data-slot": "menubar-radio-group",
+      ...props
+    });
+    $[2] = props;
+    $[3] = t1;
+  } else {
+    t1 = $[3];
+  }
+  return t1;
 }
-function MenubarRadioItem({ className, children, ...props }) {
-    return (_jsxs(MenubarPrimitive.RadioItem, { "data-slot": "menubar-radio-item", className: cn("relative flex cursor-default items-center gap-2 rounded-xs py-1.5 pr-2 pl-8 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className), ...props, children: [_jsx("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: _jsx(MenubarPrimitive.ItemIndicator, { children: _jsx(CircleIcon, { className: "size-2 fill-current" }) }) }), children] }));
+function MenubarRadioItem(t0) {
+  const $ = _c(11);
+  let children;
+  let className;
+  let props;
+  if ($[0] !== t0) {
+    ({
+      className,
+      children,
+      ...props
+    } = t0);
+    $[0] = t0;
+    $[1] = children;
+    $[2] = className;
+    $[3] = props;
+  } else {
+    children = $[1];
+    className = $[2];
+    props = $[3];
+  }
+  let t1;
+  if ($[4] !== className) {
+    t1 = cn("relative flex cursor-default items-center gap-2 rounded-xs py-1.5 pr-2 pl-8 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className);
+    $[4] = className;
+    $[5] = t1;
+  } else {
+    t1 = $[5];
+  }
+  let t2;
+  if ($[6] === Symbol.for("react.memo_cache_sentinel")) {
+    t2 = /*#__PURE__*/_jsx("span", {
+      className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center",
+      children: /*#__PURE__*/_jsx(MenubarPrimitive.ItemIndicator, {
+        children: /*#__PURE__*/_jsx(CircleIcon, {
+          className: "size-2 fill-current"
+        })
+      })
+    });
+    $[6] = t2;
+  } else {
+    t2 = $[6];
+  }
+  let t3;
+  if ($[7] !== children || $[8] !== props || $[9] !== t1) {
+    t3 = /*#__PURE__*/_jsxs(MenubarPrimitive.RadioItem, {
+      "data-slot": "menubar-radio-item",
+      className: t1,
+      ...props,
+      children: [t2, children]
+    });
+    $[7] = children;
+    $[8] = props;
+    $[9] = t1;
+    $[10] = t3;
+  } else {
+    t3 = $[10];
+  }
+  return t3;
 }
-function MenubarLabel({ className, inset, ...props }) {
-    return (_jsx(MenubarPrimitive.Label, { "data-slot": "menubar-label", "data-inset": inset, className: cn("eyebrow px-2 pt-2 pb-1 data-[inset]:pl-8", className), ...props }));
+function MenubarLabel(t0) {
+  const $ = _c(10);
+  let className;
+  let inset;
+  let props;
+  if ($[0] !== t0) {
+    ({
+      className,
+      inset,
+      ...props
+    } = t0);
+    $[0] = t0;
+    $[1] = className;
+    $[2] = inset;
+    $[3] = props;
+  } else {
+    className = $[1];
+    inset = $[2];
+    props = $[3];
+  }
+  let t1;
+  if ($[4] !== className) {
+    t1 = cn("eyebrow px-2 pt-2 pb-1 data-[inset]:pl-8", className);
+    $[4] = className;
+    $[5] = t1;
+  } else {
+    t1 = $[5];
+  }
+  let t2;
+  if ($[6] !== inset || $[7] !== props || $[8] !== t1) {
+    t2 = /*#__PURE__*/_jsx(MenubarPrimitive.Label, {
+      "data-slot": "menubar-label",
+      "data-inset": inset,
+      className: t1,
+      ...props
+    });
+    $[6] = inset;
+    $[7] = props;
+    $[8] = t1;
+    $[9] = t2;
+  } else {
+    t2 = $[9];
+  }
+  return t2;
 }
-function MenubarSeparator({ className, ...props }) {
-    return (_jsx(MenubarPrimitive.Separator, { "data-slot": "menubar-separator", className: cn("-mx-1 my-1 h-px bg-border", className), ...props }));
+function MenubarSeparator(t0) {
+  const $ = _c(8);
+  let className;
+  let props;
+  if ($[0] !== t0) {
+    ({
+      className,
+      ...props
+    } = t0);
+    $[0] = t0;
+    $[1] = className;
+    $[2] = props;
+  } else {
+    className = $[1];
+    props = $[2];
+  }
+  let t1;
+  if ($[3] !== className) {
+    t1 = cn("-mx-1 my-1 h-px bg-border", className);
+    $[3] = className;
+    $[4] = t1;
+  } else {
+    t1 = $[4];
+  }
+  let t2;
+  if ($[5] !== props || $[6] !== t1) {
+    t2 = /*#__PURE__*/_jsx(MenubarPrimitive.Separator, {
+      "data-slot": "menubar-separator",
+      className: t1,
+      ...props
+    });
+    $[5] = props;
+    $[6] = t1;
+    $[7] = t2;
+  } else {
+    t2 = $[7];
+  }
+  return t2;
 }
-function MenubarShortcut({ className, ...props }) {
-    return (_jsx("span", { "data-slot": "menubar-shortcut", className: cn("ml-auto text-xs tracking-widest text-muted-foreground", className), ...props }));
+function MenubarShortcut(t0) {
+  const $ = _c(8);
+  let className;
+  let props;
+  if ($[0] !== t0) {
+    ({
+      className,
+      ...props
+    } = t0);
+    $[0] = t0;
+    $[1] = className;
+    $[2] = props;
+  } else {
+    className = $[1];
+    props = $[2];
+  }
+  let t1;
+  if ($[3] !== className) {
+    t1 = cn("ml-auto text-xs tracking-widest text-muted-foreground", className);
+    $[3] = className;
+    $[4] = t1;
+  } else {
+    t1 = $[4];
+  }
+  let t2;
+  if ($[5] !== props || $[6] !== t1) {
+    t2 = /*#__PURE__*/_jsx("span", {
+      "data-slot": "menubar-shortcut",
+      className: t1,
+      ...props
+    });
+    $[5] = props;
+    $[6] = t1;
+    $[7] = t2;
+  } else {
+    t2 = $[7];
+  }
+  return t2;
 }
-export { MenubarCheckboxItem, MenubarItem, MenubarLabel, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, };
+export { MenubarCheckboxItem, MenubarItem, MenubarLabel, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut };

package/dist/navigation/menubar/menubar-sub.js

@@ -1,15 +1,133 @@
 "use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+
+import { c as _c } from "react/compiler-runtime";
 import { ChevronRight as ChevronRightIcon } from "@carbon/icons-react";
 import { cn } from "cn";
 import * as MenubarPrimitive from "radix-ui/menubar";
-function MenubarSub({ ...props }) {
-    return _jsx(MenubarPrimitive.Sub, { "data-slot": "menubar-sub", ...props });
+import * as React from "react";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+function MenubarSub(t0) {
+  const $ = _c(4);
+  let props;
+  if ($[0] !== t0) {
+    ({
+      ...props
+    } = t0);
+    $[0] = t0;
+    $[1] = props;
+  } else {
+    props = $[1];
+  }
+  let t1;
+  if ($[2] !== props) {
+    t1 = /*#__PURE__*/_jsx(MenubarPrimitive.Sub, {
+      "data-slot": "menubar-sub",
+      ...props
+    });
+    $[2] = props;
+    $[3] = t1;
+  } else {
+    t1 = $[3];
+  }
+  return t1;
 }
-function MenubarSubTrigger({ className, inset, children, ...props }) {
-    return (_jsxs(MenubarPrimitive.SubTrigger, { "data-slot": "menubar-sub-trigger", "data-inset": inset, className: cn("flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-none select-none focus:bg-accent focus:text-accent-foreground data-[inset]:pl-8 data-[state=open]:bg-accent data-[state=open]:text-accent-foreground", className), ...props, children: [children, _jsx(ChevronRightIcon, { className: "ml-auto h-4 w-4" })] }));
+function MenubarSubTrigger(t0) {
+  const $ = _c(13);
+  let children;
+  let className;
+  let inset;
+  let props;
+  if ($[0] !== t0) {
+    ({
+      className,
+      inset,
+      children,
+      ...props
+    } = t0);
+    $[0] = t0;
+    $[1] = children;
+    $[2] = className;
+    $[3] = inset;
+    $[4] = props;
+  } else {
+    children = $[1];
+    className = $[2];
+    inset = $[3];
+    props = $[4];
+  }
+  let t1;
+  if ($[5] !== className) {
+    t1 = cn("flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-none select-none focus:bg-accent focus:text-accent-foreground data-[inset]:pl-8 data-[state=open]:bg-accent data-[state=open]:text-accent-foreground", className);
+    $[5] = className;
+    $[6] = t1;
+  } else {
+    t1 = $[6];
+  }
+  let t2;
+  if ($[7] === Symbol.for("react.memo_cache_sentinel")) {
+    t2 = /*#__PURE__*/_jsx(ChevronRightIcon, {
+      className: "ml-auto h-4 w-4"
+    });
+    $[7] = t2;
+  } else {
+    t2 = $[7];
+  }
+  let t3;
+  if ($[8] !== children || $[9] !== inset || $[10] !== props || $[11] !== t1) {
+    t3 = /*#__PURE__*/_jsxs(MenubarPrimitive.SubTrigger, {
+      "data-slot": "menubar-sub-trigger",
+      "data-inset": inset,
+      className: t1,
+      ...props,
+      children: [children, t2]
+    });
+    $[8] = children;
+    $[9] = inset;
+    $[10] = props;
+    $[11] = t1;
+    $[12] = t3;
+  } else {
+    t3 = $[12];
+  }
+  return t3;
 }
-function MenubarSubContent({ className, ...props }) {
-    return (_jsx(MenubarPrimitive.SubContent, { "data-slot": "menubar-sub-content", className: cn("z-50 min-w-[8rem] origin-(--radix-menubar-content-transform-origin) overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-overlay data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95", className), ...props }));
+function MenubarSubContent(t0) {
+  const $ = _c(8);
+  let className;
+  let props;
+  if ($[0] !== t0) {
+    ({
+      className,
+      ...props
+    } = t0);
+    $[0] = t0;
+    $[1] = className;
+    $[2] = props;
+  } else {
+    className = $[1];
+    props = $[2];
+  }
+  let t1;
+  if ($[3] !== className) {
+    t1 = cn("z-50 min-w-[8rem] origin-(--radix-menubar-content-transform-origin) overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-overlay data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95", className);
+    $[3] = className;
+    $[4] = t1;
+  } else {
+    t1 = $[4];
+  }
+  let t2;
+  if ($[5] !== props || $[6] !== t1) {
+    t2 = /*#__PURE__*/_jsx(MenubarPrimitive.SubContent, {
+      "data-slot": "menubar-sub-content",
+      className: t1,
+      ...props
+    });
+    $[5] = props;
+    $[6] = t1;
+    $[7] = t2;
+  } else {
+    t2 = $[7];
+  }
+  return t2;
 }
 export { MenubarSub, MenubarSubContent, MenubarSubTrigger };