@vela-ui/react/dist/components/native-select.js

Vela UI React components

"use client"
"use strict";var n=Object.defineProperty;var d=Object.getOwnPropertyDescriptor;var l=Object.getOwnPropertyNames;var c=Object.prototype.hasOwnProperty;var g=(i,e)=>{for(var t in e)n(i,t,{get:e[t],enumerable:!0})},u=(i,e,t,r)=>{if(e&&typeof e=="object"||typeof e=="function")for(let s of l(e))!c.call(i,s)&&s!==t&&n(i,s,{get:()=>e[s],enumerable:!(r=d(e,s))||r.enumerable});return i};var p=i=>u(n({},"__esModule",{value:!0}),i);var h={};g(h,{NativeSelect:()=>b});module.exports=p(h);var o=require("tailwind-variants"),a=require("react/jsx-runtime"),v=(0,o.tv)({base:["border-input dark:bg-input/30 dark:hover:bg-input/50 relative w-full appearance-none rounded-md border bg-transparent px-3 pr-9 text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow]","focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] focus-visible:outline-none","disabled:cursor-not-allowed disabled:opacity-50","aria-invalid:ring-destructive/20 aria-invalid:dark:ring-destructive/40 aria-invalid:border-destructive"],variants:{size:{xs:"h-8",sm:"h-9",md:"h-10",lg:"h-11"}},defaultVariants:{size:"md"}}),m={backgroundRepeat:"no-repeat",backgroundPosition:"right 0.75rem center",backgroundSize:"1.25em",paddingRight:"2.5rem",backgroundImage:`url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='oklch(70.8% 0 0)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")`};function b({className:i,placeholder:e,size:t="md",...r}){return(0,a.jsxs)("select",{className:v({className:i,size:t}),style:m,...r,children:[e&&(0,a.jsx)("option",{value:"",children:e}),r.children]})}0&&(module.exports={NativeSelect});