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, CheckboxItem as c, ItemIndicator as d, Content as l, Group as m, Item as b, Label as f, Menu as p, Portal as g, RadioGroup as x, RadioItem as v, Separator as h, Sub as M, SubContent as z, SubTrigger as N, Trigger as y } from "../../node_modules/@radix-ui/react-menubar/dist/index.js";
import { cn as r } 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: r(
        "bg-d-background border-d-border flex h-9 items-center gap-1 rounded-md border p-1 shadow-xs",
        e
      ),
      ...t
    }
  );
}
function P({
  ...e
}) {
  return /* @__PURE__ */ a(p, { "data-slot": "menubar-menu", ...e });
}
function q({
  ...e
}) {
  return /* @__PURE__ */ a(m, { "data-slot": "menubar-group", ...e });
}
function k({
  ...e
}) {
  return /* @__PURE__ */ a(g, { "data-slot": "menubar-portal", ...e });
}
function A({
  ...e
}) {
  return /* @__PURE__ */ a(x, { "data-slot": "menubar-radio-group", ...e });
}
function B({
  className: e,
  ...t
}) {
  return /* @__PURE__ */ a(
    y,
    {
      "data-slot": "menubar-trigger",
      className: r(
        "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: o = 8,
  ...i
}) {
  return /* @__PURE__ */ a(k, { children: /* @__PURE__ */ a(
    l,
    {
      "data-slot": "menubar-content",
      align: t,
      alignOffset: n,
      sideOffset: o,
      className: r(
        "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 border-d-border 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",
  ...o
}) {
  return /* @__PURE__ */ a(
    b,
    {
      "data-slot": "menubar-item",
      "data-inset": t,
      "data-variant": n,
      className: r(
        "focus:bg-d-accent focus:text-d-accent-foreground data-[variant=destructive]:text-d-destructive data-[variant=destructive]:focus:bg-d-destructive/10 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
      ),
      ...o
    }
  );
}
function F({
  className: e,
  children: t,
  checked: n,
  ...o
}) {
  return /* @__PURE__ */ s(
    c,
    {
      "data-slot": "menubar-checkbox-item",
      className: r(
        "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,
      ...o,
      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(
    v,
    {
      "data-slot": "menubar-radio-item",
      className: r(
        "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(
    f,
    {
      "data-slot": "menubar-label",
      "data-inset": t,
      className: r(
        "px-2 py-1.5 text-sm font-medium data-[inset]:pl-8",
        e
      ),
      ...n
    }
  );
}
function K({
  className: e,
  ...t
}) {
  return /* @__PURE__ */ a(
    h,
    {
      "data-slot": "menubar-separator",
      className: r("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: r(
        "text-d-secondary-foreground ml-auto text-xs tracking-widest",
        e
      ),
      ...t
    }
  );
}
function Q({
  ...e
}) {
  return /* @__PURE__ */ a(M, { "data-slot": "menubar-sub", ...e });
}
function U({
  className: e,
  inset: t,
  children: n,
  ...o
}) {
  return /* @__PURE__ */ s(
    N,
    {
      "data-slot": "menubar-sub-trigger",
      "data-inset": t,
      className: r(
        "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
      ),
      ...o,
      children: [
        n,
        /* @__PURE__ */ a(C, { className: "ml-auto h-4 w-4" })
      ]
    }
  );
}
function V({
  className: e,
  ...t
}) {
  return /* @__PURE__ */ a(
    z,
    {
      "data-slot": "menubar-sub-content",
      className: r(
        "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 border-d-border 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
};