@vela-ui/react/dist/components/dropdown.js

Vela UI React components

"use client"
"use strict";"use client";var p=Object.defineProperty;var x=Object.getOwnPropertyDescriptor;var f=Object.getOwnPropertyNames;var w=Object.prototype.hasOwnProperty;var v=(t,e)=>{for(var n in e)p(t,n,{get:e[n],enumerable:!0})},g=(t,e,n,i)=>{if(e&&typeof e=="object"||typeof e=="function")for(let s of f(e))!w.call(t,s)&&s!==n&&p(t,s,{get:()=>e[s],enumerable:!(i=x(e,s))||i.enumerable});return t};var P=t=>g(p({},"__esModule",{value:!0}),t);var L={};v(L,{DropdownDescription:()=>y,DropdownItem:()=>h,DropdownLabel:()=>b,DropdownSection:()=>D,DropdownSeparator:()=>I,dropdownItemVariants:()=>u});module.exports=P(L);var o=require("react-aria-components"),d=require("tailwind-merge"),m=require("tailwind-variants");var c=require("react/jsx-runtime"),l=t=>(0,c.jsx)("svg",{fill:"none",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round",width:"1em",height:"1em",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",...t,children:(0,c.jsx)("path",{d:"M20 6 9 17l-5-5"})});var r=require("react/jsx-runtime"),u=(0,m.tv)({base:"relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[selection-mode]:pr-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",variants:{variant:{default:"",destructive:"text-destructive *:[svg]:!text-destructive"},isFocused:{true:"bg-accent text-accent-foreground"},isHovered:{true:"bg-accent text-accent-foreground"},isDisabled:{true:"pointer-events-none opacity-50"}},compoundVariants:[{variant:"destructive",isFocused:!0,className:"bg-destructive/10 dark:bg-destructive/20 text-destructive"}]});function D({className:t,...e}){return(0,r.jsxs)(o.ListBoxSection,{className:t,children:["title"in e&&(0,r.jsx)(o.Header,{className:"text-muted-foreground px-2 py-1.5 text-xs",children:e.title}),(0,r.jsx)(o.Collection,{items:e.items,children:e.children})]})}function h({className:t,variant:e,...n}){let i=n.textValue||(typeof n.children=="string"?n.children:void 0);return(0,r.jsx)(o.ListBoxItem,{textValue:i,className:(0,o.composeRenderProps)(t,(s,a)=>u({...a,variant:e,className:s})),...n,children:(0,o.composeRenderProps)(n.children,(s,{isSelected:a})=>(0,r.jsxs)(r.Fragment,{children:[a&&(0,r.jsx)("span",{className:"pointer-events-none absolute right-2 flex size-4 items-center justify-center",children:(0,r.jsx)(l,{})}),s]}))})}function b({className:t,...e}){return(0,r.jsx)(o.Text,{slot:"label",className:t,...e})}function y({className:t,...e}){return(0,r.jsx)(o.Text,{slot:"description",className:(0,d.twMerge)("text-muted-foreground text-sm",t),...e})}function I({className:t,...e}){return(0,r.jsx)(o.Separator,{orientation:"horizontal",className:(0,d.twMerge)("bg-border -mx-1 my-1 h-px",t),...e})}0&&(module.exports={DropdownDescription,DropdownItem,DropdownLabel,DropdownSection,DropdownSeparator,dropdownItemVariants});