@hoosei/voxweave-react/dist/cjs/index10.js

A customizable and interactive voice UI component for React applications

"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./index53.js"),g=require("./index54.js"),t=require("./index8.js"),e=require("react/jsx-runtime"),m=require("./index44.js"),f=require("./index43.js");function h(l){if(!l)return"rgba(0, 0, 0, 0.9)";const n=l.match(/\d+/g);return!n||n.length<3||(parseInt(n[0])*299+parseInt(n[1])*587+parseInt(n[2])*114)/1e3>128?"rgba(0, 0, 0, 0.9)":"rgba(255, 255, 255, 0.9)"}const b=[{language_id:"en",name:"English",flag:"🇺🇸"},{language_id:"ja",name:"Japanese",flag:"🇯🇵"},{language_id:"zh",name:"Chinese",flag:"🇨🇳"},{language_id:"de",name:"German",flag:"🇩🇪"},{language_id:"hi",name:"Hindi",flag:"🇮🇳"},{language_id:"fr",name:"French",flag:"🇫🇷"},{language_id:"ko",name:"Korean",flag:"🇰🇷"},{language_id:"pt",name:"Portuguese",flag:"🇵🇹"},{language_id:"it",name:"Italian",flag:"🇮🇹"},{language_id:"es",name:"Spanish",flag:"🇪🇸"},{language_id:"id",name:"Indonesian",flag:"🇮🇩"},{language_id:"nl",name:"Dutch",flag:"🇳🇱"},{language_id:"tr",name:"Turkish",flag:"🇹🇷"},{language_id:"fil",name:"Filipino",flag:"🇵🇭"},{language_id:"pl",name:"Polish",flag:"🇵🇱"},{language_id:"sv",name:"Swedish",flag:"🇸🇪"},{language_id:"bg",name:"Bulgarian",flag:"🇧🇬"},{language_id:"ro",name:"Romanian",flag:"🇷🇴"},{language_id:"ar",name:"Arabic",flag:"🇸🇦"},{language_id:"cs",name:"Czech",flag:"🇨🇿"},{language_id:"el",name:"Greek",flag:"🇬🇷"},{language_id:"fi",name:"Finnish",flag:"🇫🇮"},{language_id:"hr",name:"Croatian",flag:"🇭🇷"},{language_id:"ms",name:"Malay",flag:"🇲🇾"},{language_id:"sk",name:"Slovak",flag:"🇸🇰"},{language_id:"da",name:"Danish",flag:"🇩🇰"},{language_id:"ta",name:"Tamil",flag:"🇮🇳"},{language_id:"uk",name:"Ukrainian",flag:"🇺🇦"},{language_id:"ru",name:"Russian",flag:"🇷🇺"}];function p({value:l,onValueChange:n,languages:i,className:v,darkMode:r,backgroundColor:x}){const u=i.find(o=>o.language_id===l),s=()=>x||(r?"rgba(23, 23, 23, 0.9)":"rgba(255, 255, 255, 0.9)"),d=()=>r?"rgba(255, 255, 255, 0.1)":"rgba(0, 0, 0, 0.1)",c=()=>h(s());return e.jsxs(a.Root,{value:l,onValueChange:n,children:[e.jsxs(a.Trigger,{className:t.cn("vox:flex vox:items-center vox:justify-between vox:gap-2 vox:rounded-full vox:px-3 vox:py-2 vox:text-sm","vox:border vox:focus:vox:outline-none vox:focus:vox:ring-2 vox:focus:vox:ring-opacity-50",v),style:{backgroundColor:s(),borderColor:d(),color:c()},"aria-label":"Select language",children:[e.jsxs("div",{className:"vox:flex vox:items-center vox:gap-2",children:[e.jsx("span",{className:"vox:text-lg",role:"img","aria-hidden":"true",children:u?.flag}),e.jsx("span",{className:"vox:sr-only",children:u?.name})]}),e.jsx(m.default,{className:"vox:h-4 vox:w-4 vox:opacity-50","aria-hidden":"true"})]}),e.jsx(a.Portal,{children:e.jsx(a.Content,{className:t.cn("vox:overflow-hidden vox:rounded-xl vox:border vox:shadow-md","vox:animate-in vox:fade-in-80 vox:zoom-in-95"),style:{backgroundColor:s(),borderColor:d()},position:"popper",sideOffset:5,align:"start",children:e.jsxs(g.Root,{className:"vox:h-[var(--radix-select-content-available-height)] vox:max-h-[300px]",type:"auto",children:[e.jsx(a.Viewport,{asChild:!0,children:e.jsx(g.Viewport,{className:"vox:p-1",children:i.map(o=>e.jsxs(a.Item,{value:o.language_id,className:t.cn("vox:relative vox:flex vox:items-center vox:gap-2 vox:px-3 vox:py-2 vox:text-sm vox:rounded-lg","vox:select-none vox:cursor-pointer","vox:focus:vox:outline-none","hover:vox:bg-black/10 dark:hover:vox:bg-white/10","focus:vox:bg-black/10 dark:focus:vox:bg-white/10"),style:{color:c(),backgroundColor:"transparent"},children:[e.jsx("span",{className:"vox:text-lg","aria-hidden":"true",children:o.flag}),e.jsx(a.ItemText,{children:o.name}),e.jsx(a.ItemIndicator,{className:"vox:absolute vox:right-2",children:e.jsx(f.default,{className:"vox:h-4 vox:w-4","aria-hidden":"true"})})]},o.language_id))})}),e.jsx(g.Scrollbar,{className:"vox:flex vox:select-none vox:touch-none vox:p-0.5 vox:transition-colors vox:duration-150 vox:ease-out vox:rounded-r-md",orientation:"vertical",style:{backgroundColor:r?"rgba(255, 255, 255, 0.1)":"rgba(0, 0, 0, 0.1)"},children:e.jsx(g.Thumb,{className:"vox:relative vox:flex-1 vox:rounded-full",style:{backgroundColor:r?"rgba(255, 255, 255, 0.3)":"rgba(0, 0, 0, 0.3)"}})})]})})})]})}exports.LanguageSelector=p;exports.languages=b;
//# sourceMappingURL=index10.js.map