laif-ds/dist/components/ui/menubar.js

Design System di Laif con componenti React basati su principi di Atomic Design

"use client";
import { jsx as a, jsxs as s } from "react/jsx-runtime";
import { Root as u, Menu as c, Trigger as l, Content as m, Item as f, Separator as b, Label as p, CheckboxItem as g, ItemIndicator as d, RadioItem as x, RadioGroup as v, Portal as h, SubContent as M, SubTrigger as z, Group as N, Sub as y } from "../../node_modules/@radix-ui/react-menubar/dist/index.js";
import { cn as o } from "../../lib/utils.js";
import I from "../../node_modules/lucide-react/dist/esm/icons/check.js";
import S from "../../node_modules/lucide-react/dist/esm/icons/circle.js";
import C from "../../node_modules/lucide-react/dist/esm/icons/chevron-right.js";
function L({
  className: e,
  ...t
}) {
  return /* @__PURE__ */ a(
    u,
    {
      "data-slot": "menubar",
      className: o(
        "bg-d-background flex h-9 items-center gap-1 rounded-md border p-1 shadow-xs",
        e
      ),
      ...t
    }
  );
}
function P({
  ...e
}) {
  return /* @__PURE__ */ a(c, { "data-slot": "menubar-menu", ...e });
}
function q({
  ...e
}) {
  return /* @__PURE__ */ a(N, { "data-slot": "menubar-group", ...e });
}
function k({
  ...e
}) {
  return /* @__PURE__ */ a(h, { "data-slot": "menubar-portal", ...e });
}
function A({
  ...e
}) {
  return /* @__PURE__ */ a(v, { "data-slot": "menubar-radio-group", ...e });
}
function B({
  className: e,
  ...t
}) {
  return /* @__PURE__ */ a(
    l,
    {
      "data-slot": "menubar-trigger",
      className: o(
        "focus:bg-d-accent focus:text-d-accent-foreground data-[state=open]:bg-d-accent data-[state=open]:text-d-accent-foreground flex items-center rounded-sm px-2 py-1 text-sm font-medium outline-hidden select-none",
        e
      ),
      ...t
    }
  );
}
function D({
  className: e,
  align: t = "start",
  alignOffset: n = -4,
  sideOffset: r = 8,
  ...i
}) {
  return /* @__PURE__ */ a(k, { children: /* @__PURE__ */ a(
    m,
    {
      "data-slot": "menubar-content",
      align: t,
      alignOffset: n,
      sideOffset: r,
      className: o(
        "bg-d-popover text-d-popover-foreground data-[state=open]:animate-in data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 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 z-50 min-w-[12rem] origin-(--radix-menubar-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-md",
        e
      ),
      ...i
    }
  ) });
}
function E({
  className: e,
  inset: t,
  variant: n = "default",
  ...r
}) {
  return /* @__PURE__ */ a(
    f,
    {
      "data-slot": "menubar-item",
      "data-inset": t,
      "data-variant": n,
      className: o(
        "focus:bg-d-accent focus:text-d-accent-foreground data-[variant=destructive]:text-d-destructive data-[variant=destructive]:focus:bg-d-destructive/10 dark:data-[variant=destructive]:focus:bg-d-destructive/20 data-[variant=destructive]:focus:text-d-destructive data-[variant=destructive]:*:[svg]:!text-d-destructive [&_svg:not([class*='text-'])]:text-d-secondary-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
        e
      ),
      ...r
    }
  );
}
function F({
  className: e,
  children: t,
  checked: n,
  ...r
}) {
  return /* @__PURE__ */ s(
    g,
    {
      "data-slot": "menubar-checkbox-item",
      className: o(
        "focus:bg-d-accent focus:text-d-accent-foreground relative flex cursor-default items-center gap-2 rounded-xs py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
        e
      ),
      checked: n,
      ...r,
      children: [
        /* @__PURE__ */ a("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ a(d, { children: /* @__PURE__ */ a(I, { className: "size-4" }) }) }),
        t
      ]
    }
  );
}
function H({
  className: e,
  children: t,
  ...n
}) {
  return /* @__PURE__ */ s(
    x,
    {
      "data-slot": "menubar-radio-item",
      className: o(
        "focus:bg-d-accent focus:text-d-accent-foreground relative flex cursor-default items-center gap-2 rounded-xs py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
        e
      ),
      ...n,
      children: [
        /* @__PURE__ */ a("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ a(d, { children: /* @__PURE__ */ a(S, { className: "size-2 fill-current" }) }) }),
        t
      ]
    }
  );
}
function J({
  className: e,
  inset: t,
  ...n
}) {
  return /* @__PURE__ */ a(
    p,
    {
      "data-slot": "menubar-label",
      "data-inset": t,
      className: o(
        "px-2 py-1.5 text-sm font-medium data-[inset]:pl-8",
        e
      ),
      ...n
    }
  );
}
function K({
  className: e,
  ...t
}) {
  return /* @__PURE__ */ a(
    b,
    {
      "data-slot": "menubar-separator",
      className: o("bg-d-border -mx-1 my-1 h-px", e),
      ...t
    }
  );
}
function O({
  className: e,
  ...t
}) {
  return /* @__PURE__ */ a(
    "span",
    {
      "data-slot": "menubar-shortcut",
      className: o(
        "text-d-secondary-foreground ml-auto text-xs tracking-widest",
        e
      ),
      ...t
    }
  );
}
function Q({
  ...e
}) {
  return /* @__PURE__ */ a(y, { "data-slot": "menubar-sub", ...e });
}
function U({
  className: e,
  inset: t,
  children: n,
  ...r
}) {
  return /* @__PURE__ */ s(
    z,
    {
      "data-slot": "menubar-sub-trigger",
      "data-inset": t,
      className: o(
        "focus:bg-d-accent focus:text-d-accent-foreground data-[state=open]:bg-d-accent data-[state=open]:text-d-accent-foreground flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-none select-none data-[inset]:pl-8",
        e
      ),
      ...r,
      children: [
        n,
        /* @__PURE__ */ a(C, { className: "ml-auto h-4 w-4" })
      ]
    }
  );
}
function V({
  className: e,
  ...t
}) {
  return /* @__PURE__ */ a(
    M,
    {
      "data-slot": "menubar-sub-content",
      className: o(
        "bg-d-popover text-d-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 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 z-50 min-w-[8rem] origin-(--radix-menubar-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-lg",
        e
      ),
      ...t
    }
  );
}
export {
  L as Menubar,
  F as MenubarCheckboxItem,
  D as MenubarContent,
  q as MenubarGroup,
  E as MenubarItem,
  J as MenubarLabel,
  P as MenubarMenu,
  k as MenubarPortal,
  A as MenubarRadioGroup,
  H as MenubarRadioItem,
  K as MenubarSeparator,
  O as MenubarShortcut,
  Q as MenubarSub,
  V as MenubarSubContent,
  U as MenubarSubTrigger,
  B as MenubarTrigger
};