blockiesui
Version:
A UI library for Blockies
67 lines (64 loc) • 7.06 kB
JavaScript
import { __rest, __assign } from '../../node_modules/.pnpm/@rollup_plugin-typescript@1_1c5553510af13619ab22a8c63104fe51/node_modules/tslib/tslib.es6.js';
import { jsxs, jsx } from 'react/jsx-runtime';
import * as React from 'react';
import { SubTrigger as SubTrigger2, SubContent as SubContent2, Portal as Portal2, Content as Content2, Item as Item2, CheckboxItem as CheckboxItem2, ItemIndicator as ItemIndicator2, RadioItem as RadioItem2, Label as Label2, Separator as Separator2, Root as Root2, Trigger, Group as Group2, Sub as Sub2, RadioGroup as RadioGroup2 } from '../../node_modules/.pnpm/@radix-ui_react-dropdown-me_8cf323448a9b6e9f089d5eab82be79af/node_modules/@radix-ui/react-dropdown-menu/dist/index.js';
import { cn } from '../../utils/cn.js';
import ChevronRight from '../../node_modules/.pnpm/lucide-react@0.483.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/chevron-right.js';
import Check from '../../node_modules/.pnpm/lucide-react@0.483.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/check.js';
import Circle from '../../node_modules/.pnpm/lucide-react@0.483.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/circle.js';
var DropdownMenu = Root2;
var DropdownMenuTrigger = Trigger;
var DropdownMenuGroup = Group2;
var DropdownMenuPortal = Portal2;
var DropdownMenuSub = Sub2;
var DropdownMenuRadioGroup = RadioGroup2;
var DropdownMenuSubTrigger = React.forwardRef(function (_a, ref) {
var className = _a.className, inset = _a.inset, children = _a.children, props = __rest(_a, ["className", "inset", "children"]);
return (jsxs(SubTrigger2, __assign({ ref: ref, className: cn("focus:bg-accent data-[state=open]:bg-accent flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none", inset ? "pl-8" : "", className || "") }, props, { children: [children, jsx(ChevronRight, { className: "ml-auto h-4 w-4" })] })));
});
DropdownMenuSubTrigger.displayName =
SubTrigger2.displayName;
var DropdownMenuSubContent = React.forwardRef(function (_a, ref) {
var className = _a.className, props = __rest(_a, ["className"]);
return (jsx(SubContent2, __assign({ ref: ref, className: cn("bg-popover text-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] overflow-hidden rounded-md border p-1 shadow-lg", className || "") }, props)));
});
DropdownMenuSubContent.displayName =
SubContent2.displayName;
var DropdownMenuContent = React.forwardRef(function (_a, ref) {
var className = _a.className, _b = _a.sideOffset, sideOffset = _b === void 0 ? 4 : _b, props = __rest(_a, ["className", "sideOffset"]);
return (jsx(Portal2, { children: jsx(Content2, __assign({ ref: ref, sideOffset: sideOffset, className: cn("bg-popover text-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] overflow-hidden rounded-md border p-1 shadow-md", className || "") }, props)) }));
});
DropdownMenuContent.displayName = Content2.displayName;
var DropdownMenuItem = React.forwardRef(function (_a, ref) {
var className = _a.className, inset = _a.inset, props = __rest(_a, ["className", "inset"]);
return (jsx(Item2, __assign({ ref: ref, className: cn("focus:bg-accent focus:text-accent-foreground relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none transition-colors data-[disabled]:pointer-events-none data-[disabled]:opacity-50", (inset && "pl-8") || "", className || "") }, props)));
});
DropdownMenuItem.displayName = Item2.displayName;
var DropdownMenuCheckboxItem = React.forwardRef(function (_a, ref) {
var className = _a.className, children = _a.children, checked = _a.checked, props = __rest(_a, ["className", "children", "checked"]);
return (jsxs(CheckboxItem2, __assign({ ref: ref, className: cn("focus:bg-accent focus:text-accent-foreground relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors data-[disabled]:pointer-events-none data-[disabled]:opacity-50", className || ""), checked: checked }, props, { children: [jsx("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: jsx(ItemIndicator2, { children: jsx(Check, { className: "h-4 w-4" }) }) }), children] })));
});
DropdownMenuCheckboxItem.displayName =
CheckboxItem2.displayName;
var DropdownMenuRadioItem = React.forwardRef(function (_a, ref) {
var className = _a.className, children = _a.children, props = __rest(_a, ["className", "children"]);
return (jsxs(RadioItem2, __assign({ ref: ref, className: cn("focus:bg-accent focus:text-accent-foreground relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors data-[disabled]:pointer-events-none data-[disabled]:opacity-50", className || "") }, props, { children: [jsx("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: jsx(ItemIndicator2, { children: jsx(Circle, { className: "h-2 w-2 fill-current" }) }) }), children] })));
});
DropdownMenuRadioItem.displayName = RadioItem2.displayName;
var DropdownMenuLabel = React.forwardRef(function (_a, ref) {
var className = _a.className, inset = _a.inset, props = __rest(_a, ["className", "inset"]);
return (jsx(Label2, __assign({ ref: ref, className: cn("px-2 py-1.5 text-sm font-semibold", (inset && "pl-8") || "", className || "") }, props)));
});
DropdownMenuLabel.displayName = Label2.displayName;
var DropdownMenuSeparator = React.forwardRef(function (_a, ref) {
var className = _a.className, props = __rest(_a, ["className"]);
return (jsx(Separator2, __assign({ ref: ref, className: cn("bg-muted -mx-1 my-1 h-px", className || "") }, props)));
});
DropdownMenuSeparator.displayName = Separator2.displayName;
var DropdownMenuShortcut = function (_a) {
var className = _a.className, props = __rest(_a, ["className"]);
return (jsx("span", __assign({ className: cn("ml-auto text-xs tracking-widest opacity-60", className || "") }, props)));
};
DropdownMenuShortcut.displayName = "DropdownMenuShortcut";
export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger };
//# sourceMappingURL=dropdownMenu.js.map