laif-ds
Version:
Design System di Laif con componenti React basati su principi di Atomic Design
227 lines (226 loc) • 7.15 kB
JavaScript
"use client";
import { jsx as e, jsxs as r } from "react/jsx-runtime";
import { Root as u, CheckboxItem as c, ItemIndicator as d, Portal as i, Content as l, Group as m, Item as f, Label as x, RadioGroup as p, RadioItem as g, Separator as b, Sub as v, SubContent as h, SubTrigger as C, Trigger as z } from "../../node_modules/@radix-ui/react-context-menu/dist/index.js";
import { cn as a } from "../../lib/utils.js";
import M from "../../node_modules/lucide-react/dist/esm/icons/check.js";
import y from "../../node_modules/lucide-react/dist/esm/icons/circle.js";
import N from "../../node_modules/lucide-react/dist/esm/icons/chevron-right.js";
function G({
...t
}) {
return /* @__PURE__ */ e(u, { "data-slot": "context-menu", ...t });
}
function T({
...t
}) {
return /* @__PURE__ */ e(z, { "data-slot": "context-menu-trigger", ...t });
}
function j({
...t
}) {
return /* @__PURE__ */ e(m, { "data-slot": "context-menu-group", ...t });
}
function L({
...t
}) {
return /* @__PURE__ */ e(i, { "data-slot": "context-menu-portal", ...t });
}
function P({
...t
}) {
return /* @__PURE__ */ e(v, { "data-slot": "context-menu-sub", ...t });
}
function q({
...t
}) {
return /* @__PURE__ */ e(
p,
{
"data-slot": "context-menu-radio-group",
...t
}
);
}
function A({
className: t,
inset: n,
children: o,
...s
}) {
return /* @__PURE__ */ r(
C,
{
"data-slot": "context-menu-sub-trigger",
"data-inset": n,
className: a(
"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-hidden select-none data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
t
),
...s,
children: [
o,
/* @__PURE__ */ e(N, { className: "ml-auto" })
]
}
);
}
function B({
className: t,
...n
}) {
return /* @__PURE__ */ e(
h,
{
"data-slot": "context-menu-sub-content",
className: a(
"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-context-menu-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-lg",
t
),
...n
}
);
}
function D({
className: t,
...n
}) {
return /* @__PURE__ */ e(i, { children: /* @__PURE__ */ e(
l,
{
"data-slot": "context-menu-content",
className: a(
"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 max-h-(--radix-context-menu-content-available-height) min-w-[8rem] origin-(--radix-context-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border p-1 shadow-md",
t
),
...n
}
) });
}
function E({
className: t,
inset: n,
variant: o = "default",
...s
}) {
return /* @__PURE__ */ e(
f,
{
"data-slot": "context-menu-item",
"data-inset": n,
"data-variant": o,
className: a(
"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",
t
),
...s
}
);
}
function F({
className: t,
children: n,
checked: o,
...s
}) {
return /* @__PURE__ */ r(
c,
{
"data-slot": "context-menu-checkbox-item",
className: a(
"focus:bg-d-accent focus:text-d-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm 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",
t
),
checked: o,
...s,
children: [
/* @__PURE__ */ e("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ e(d, { children: /* @__PURE__ */ e(M, { className: "size-4" }) }) }),
n
]
}
);
}
function H({
className: t,
children: n,
...o
}) {
return /* @__PURE__ */ r(
g,
{
"data-slot": "context-menu-radio-item",
className: a(
"focus:bg-d-accent focus:text-d-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm 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",
t
),
...o,
children: [
/* @__PURE__ */ e("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ e(d, { children: /* @__PURE__ */ e(y, { className: "size-2 fill-current" }) }) }),
n
]
}
);
}
function J({
className: t,
inset: n,
...o
}) {
return /* @__PURE__ */ e(
x,
{
"data-slot": "context-menu-label",
"data-inset": n,
className: a(
"text-d-foreground px-2 py-1.5 text-sm font-medium data-[inset]:pl-8",
t
),
...o
}
);
}
function K({
className: t,
...n
}) {
return /* @__PURE__ */ e(
b,
{
"data-slot": "context-menu-separator",
className: a("bg-d-border -mx-1 my-1 h-px", t),
...n
}
);
}
function O({
className: t,
...n
}) {
return /* @__PURE__ */ e(
"span",
{
"data-slot": "context-menu-shortcut",
className: a(
"text-d-secondary-foreground ml-auto text-xs tracking-widest",
t
),
...n
}
);
}
export {
G as ContextMenu,
F as ContextMenuCheckboxItem,
D as ContextMenuContent,
j as ContextMenuGroup,
E as ContextMenuItem,
J as ContextMenuLabel,
L as ContextMenuPortal,
q as ContextMenuRadioGroup,
H as ContextMenuRadioItem,
K as ContextMenuSeparator,
O as ContextMenuShortcut,
P as ContextMenuSub,
B as ContextMenuSubContent,
A as ContextMenuSubTrigger,
T as ContextMenuTrigger
};