@lds_components/dropdown-menu 1.0.0

package/dist/index.cjs.js

@@ -0,0 +1 @@
+"use strict";var e=require("react/jsx-runtime"),t=require("@radix-ui/react-dropdown-menu"),n=require("lucide-react"),o=require("clsx"),r=require("tailwind-merge");function a(e){var t=Object.create(null);return e&&Object.keys(e).forEach(function(n){if("default"!==n){var o=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,o.get?o:{enumerable:!0,get:function(){return e[n]}})}}),t.default=e,Object.freeze(t)}var s=a(t),d=function(){return d=Object.assign||function(e){for(var t,n=1,o=arguments.length;n<o;n++)for(var r in t=arguments[n])Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);return e},d.apply(this,arguments)};function i(e,t){var n={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&t.indexOf(o)<0&&(n[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(o=Object.getOwnPropertySymbols(e);r<o.length;r++)t.indexOf(o[r])<0&&Object.prototype.propertyIsEnumerable.call(e,o[r])&&(n[o[r]]=e[o[r]])}return n}function c(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];return r.twMerge(o.clsx(e))}"function"==typeof SuppressedError&&SuppressedError,exports.DropdownMenu=function(t){var n=i(t,[]);return e.jsx(s.Root,d({"data-slot":"dropdown-menu"},n))},exports.DropdownMenuCheckboxItem=function(t){var o=t.className,r=t.children,a=t.checked,u=i(t,["className","children","checked"]);return e.jsxs(s.CheckboxItem,d({"data-slot":"dropdown-menu-checkbox-item",className:c("focus:bg-accent focus:text-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",o),checked:a},u,{children:[e.jsx("span",{className:"pointer-events-none absolute left-2 flex size-3.5 items-center justify-center",children:e.jsx(s.ItemIndicator,{children:e.jsx(n.CheckIcon,{className:"size-4"})})}),r]}))},exports.DropdownMenuContent=function(t){var n=t.className,o=t.sideOffset,r=void 0===o?4:o,a=i(t,["className","sideOffset"]);return e.jsx(s.Portal,{children:e.jsx(s.Content,d({"data-slot":"dropdown-menu-content",sideOffset:r,className:c("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 max-h-(--radix-dropdown-menu-content-available-height) min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border p-1 shadow-md",n)},a))})},exports.DropdownMenuGroup=function(t){var n=i(t,[]);return e.jsx(s.Group,d({"data-slot":"dropdown-menu-group"},n))},exports.DropdownMenuItem=function(t){var n=t.className,o=t.inset,r=t.variant,a=void 0===r?"default":r,u=i(t,["className","inset","variant"]);return e.jsx(s.Item,d({"data-slot":"dropdown-menu-item","data-inset":o,"data-variant":a,className:c("focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:!text-destructive [&_svg:not([class*='text-'])]:text-muted-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",n)},u))},exports.DropdownMenuLabel=function(t){var n=t.className,o=t.inset,r=i(t,["className","inset"]);return e.jsx(s.Label,d({"data-slot":"dropdown-menu-label","data-inset":o,className:c("px-2 py-1.5 text-sm font-medium data-[inset]:pl-8",n)},r))},exports.DropdownMenuPortal=function(t){var n=i(t,[]);return e.jsx(s.Portal,d({"data-slot":"dropdown-menu-portal"},n))},exports.DropdownMenuRadioGroup=function(t){var n=i(t,[]);return e.jsx(s.RadioGroup,d({"data-slot":"dropdown-menu-radio-group"},n))},exports.DropdownMenuRadioItem=function(t){var o=t.className,r=t.children,a=i(t,["className","children"]);return e.jsxs(s.RadioItem,d({"data-slot":"dropdown-menu-radio-item",className:c("focus:bg-accent focus:text-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",o)},a,{children:[e.jsx("span",{className:"pointer-events-none absolute left-2 flex size-3.5 items-center justify-center",children:e.jsx(s.ItemIndicator,{children:e.jsx(n.CircleIcon,{className:"size-2 fill-current"})})}),r]}))},exports.DropdownMenuSeparator=function(t){var n=t.className,o=i(t,["className"]);return e.jsx(s.Separator,d({"data-slot":"dropdown-menu-separator",className:c("bg-border -mx-1 my-1 h-px",n)},o))},exports.DropdownMenuShortcut=function(t){var n=t.className,o=i(t,["className"]);return e.jsx("span",d({"data-slot":"dropdown-menu-shortcut",className:c("text-muted-foreground ml-auto text-xs tracking-widest",n)},o))},exports.DropdownMenuSub=function(t){var n=i(t,[]);return e.jsx(s.Sub,d({"data-slot":"dropdown-menu-sub"},n))},exports.DropdownMenuSubContent=function(t){var n=t.className,o=i(t,["className"]);return e.jsx(s.SubContent,d({"data-slot":"dropdown-menu-sub-content",className:c("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] origin-(--radix-dropdown-menu-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-lg",n)},o))},exports.DropdownMenuSubTrigger=function(t){var o=t.className,r=t.inset,a=t.children,u=i(t,["className","inset","children"]);return e.jsxs(s.SubTrigger,d({"data-slot":"dropdown-menu-sub-trigger","data-inset":r,className:c("focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[inset]:pl-8",o)},u,{children:[a,e.jsx(n.ChevronRightIcon,{className:"ml-auto size-4"})]}))},exports.DropdownMenuTrigger=function(t){var n=i(t,[]);return e.jsx(s.Trigger,d({"data-slot":"dropdown-menu-trigger"},n))};

package/dist/index.d.ts

@@ -0,0 +1,28 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
+
+declare function DropdownMenu({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Root>): react_jsx_runtime.JSX.Element;
+declare function DropdownMenuPortal({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Portal>): react_jsx_runtime.JSX.Element;
+declare function DropdownMenuTrigger({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Trigger>): react_jsx_runtime.JSX.Element;
+declare function DropdownMenuContent({ className, sideOffset, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Content>): react_jsx_runtime.JSX.Element;
+declare function DropdownMenuGroup({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Group>): react_jsx_runtime.JSX.Element;
+declare function DropdownMenuItem({ className, inset, variant, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Item> & {
+    inset?: boolean;
+    variant?: "default" | "destructive";
+}): react_jsx_runtime.JSX.Element;
+declare function DropdownMenuCheckboxItem({ className, children, checked, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.CheckboxItem>): react_jsx_runtime.JSX.Element;
+declare function DropdownMenuRadioGroup({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.RadioGroup>): react_jsx_runtime.JSX.Element;
+declare function DropdownMenuRadioItem({ className, children, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.RadioItem>): react_jsx_runtime.JSX.Element;
+declare function DropdownMenuLabel({ className, inset, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Label> & {
+    inset?: boolean;
+}): react_jsx_runtime.JSX.Element;
+declare function DropdownMenuSeparator({ className, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Separator>): react_jsx_runtime.JSX.Element;
+declare function DropdownMenuShortcut({ className, ...props }: React.ComponentProps<"span">): react_jsx_runtime.JSX.Element;
+declare function DropdownMenuSub({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Sub>): react_jsx_runtime.JSX.Element;
+declare function DropdownMenuSubTrigger({ className, inset, children, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.SubTrigger> & {
+    inset?: boolean;
+}): react_jsx_runtime.JSX.Element;
+declare function DropdownMenuSubContent({ className, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.SubContent>): react_jsx_runtime.JSX.Element;
+
+export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger };

package/dist/index.esm.js

@@ -0,0 +1 @@
+import{jsx as e,jsxs as t}from"react/jsx-runtime";import*as a from"@radix-ui/react-dropdown-menu";import{CheckIcon as n,CircleIcon as o,ChevronRightIcon as r}from"lucide-react";import{clsx as s}from"clsx";import{twMerge as d}from"tailwind-merge";var i=function(){return i=Object.assign||function(e){for(var t,a=1,n=arguments.length;a<n;a++)for(var o in t=arguments[a])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},i.apply(this,arguments)};function c(e,t){var a={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(a[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(n=Object.getOwnPropertySymbols(e);o<n.length;o++)t.indexOf(n[o])<0&&Object.prototype.propertyIsEnumerable.call(e,n[o])&&(a[n[o]]=e[n[o]])}return a}function l(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];return d(s(e))}function u(t){var n=c(t,[]);return e(a.Root,i({"data-slot":"dropdown-menu"},n))}function m(t){var n=c(t,[]);return e(a.Portal,i({"data-slot":"dropdown-menu-portal"},n))}function p(t){var n=c(t,[]);return e(a.Trigger,i({"data-slot":"dropdown-menu-trigger"},n))}function f(t){var n=t.className,o=t.sideOffset,r=void 0===o?4:o,s=c(t,["className","sideOffset"]);return e(a.Portal,{children:e(a.Content,i({"data-slot":"dropdown-menu-content",sideOffset:r,className:l("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 max-h-(--radix-dropdown-menu-content-available-height) min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border p-1 shadow-md",n)},s))})}function v(t){var n=c(t,[]);return e(a.Group,i({"data-slot":"dropdown-menu-group"},n))}function g(t){var n=t.className,o=t.inset,r=t.variant,s=void 0===r?"default":r,d=c(t,["className","inset","variant"]);return e(a.Item,i({"data-slot":"dropdown-menu-item","data-inset":o,"data-variant":s,className:l("focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:!text-destructive [&_svg:not([class*='text-'])]:text-muted-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",n)},d))}function b(o){var r=o.className,s=o.children,d=o.checked,u=c(o,["className","children","checked"]);return t(a.CheckboxItem,i({"data-slot":"dropdown-menu-checkbox-item",className:l("focus:bg-accent focus:text-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",r),checked:d},u,{children:[e("span",{className:"pointer-events-none absolute left-2 flex size-3.5 items-center justify-center",children:e(a.ItemIndicator,{children:e(n,{className:"size-4"})})}),s]}))}function h(t){var n=c(t,[]);return e(a.RadioGroup,i({"data-slot":"dropdown-menu-radio-group"},n))}function x(n){var r=n.className,s=n.children,d=c(n,["className","children"]);return t(a.RadioItem,i({"data-slot":"dropdown-menu-radio-item",className:l("focus:bg-accent focus:text-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",r)},d,{children:[e("span",{className:"pointer-events-none absolute left-2 flex size-3.5 items-center justify-center",children:e(a.ItemIndicator,{children:e(o,{className:"size-2 fill-current"})})}),s]}))}function w(t){var n=t.className,o=t.inset,r=c(t,["className","inset"]);return e(a.Label,i({"data-slot":"dropdown-menu-label","data-inset":o,className:l("px-2 py-1.5 text-sm font-medium data-[inset]:pl-8",n)},r))}function N(t){var n=t.className,o=c(t,["className"]);return e(a.Separator,i({"data-slot":"dropdown-menu-separator",className:l("bg-border -mx-1 my-1 h-px",n)},o))}function y(t){var a=t.className,n=c(t,["className"]);return e("span",i({"data-slot":"dropdown-menu-shortcut",className:l("text-muted-foreground ml-auto text-xs tracking-widest",a)},n))}function z(t){var n=c(t,[]);return e(a.Sub,i({"data-slot":"dropdown-menu-sub"},n))}function O(n){var o=n.className,s=n.inset,d=n.children,u=c(n,["className","inset","children"]);return t(a.SubTrigger,i({"data-slot":"dropdown-menu-sub-trigger","data-inset":s,className:l("focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[inset]:pl-8",o)},u,{children:[d,e(r,{className:"ml-auto size-4"})]}))}function k(t){var n=t.className,o=c(t,["className"]);return e(a.SubContent,i({"data-slot":"dropdown-menu-sub-content",className:l("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] origin-(--radix-dropdown-menu-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-lg",n)},o))}"function"==typeof SuppressedError&&SuppressedError;export{u as DropdownMenu,b as DropdownMenuCheckboxItem,f as DropdownMenuContent,v as DropdownMenuGroup,g as DropdownMenuItem,w as DropdownMenuLabel,m as DropdownMenuPortal,h as DropdownMenuRadioGroup,x as DropdownMenuRadioItem,N as DropdownMenuSeparator,y as DropdownMenuShortcut,z as DropdownMenuSub,k as DropdownMenuSubContent,O as DropdownMenuSubTrigger,p as DropdownMenuTrigger};

package/package.json

@@ -0,0 +1,28 @@
+{
+    "name": "@lds_components/dropdown-menu",
+    "version": "1.0.0",
+    "main": "dist/index.cjs.js",
+    "module": "dist/index.esm.js",
+    "types": "dist/index.d.ts",
+    "type": "module",
+    "files": [
+        "dist"
+    ],
+    "scripts": {
+        "build": "rollup -c"
+    },
+    "author": "brandonfajardo",
+    "license": "MIT",
+    "peerDependencies": {
+        "@radix-ui/react-dropdown-menu": "^2.1.15",
+        "clsx": "^2.1.1",
+        "tailwind-merge": "^3.3.1",
+        "lucide-react": ">=0.516.0 <1.0.0"
+    },
+    "devDependencies": {
+        "@rollup/plugin-node-resolve": "^16.0.1",
+        "@rollup/plugin-terser": "^0.4.4",
+        "rollup-plugin-dts": "^6.2.1",
+        "rollup-plugin-typescript2": "^0.36.0"
+    }
+}