@zonos/amino 5.7.0 → 5.8.0

package/LanguageItem-5f7b0bfa.js

@@ -0,0 +1 @@
+"use strict";var e=require("./tslib.es6-8c21e256.js"),a=require("react"),o=require("clsx"),i=require("./icons/CheckmarkIcon.js"),n=require("./icons/ChevronRightIcon.js"),r=require("./style-inject.es-d4ddeae4.js"),t=require("react/jsx-runtime");function g(e){return e&&e.__esModule?e:{default:e}}var l=g(o),m={trigger:"Amino_LanguagePicker-module__trigger--iYiV6",triggerFlag:"Amino_LanguagePicker-module__triggerFlag--0MOBV",localeCode:"Amino_LanguagePicker-module__localeCode--a4O5o",overlay:"Amino_LanguagePicker-module__overlay--QfbyD",fadeIn:"Amino_LanguagePicker-module__fadeIn--Dn0Xz",modal:"Amino_LanguagePicker-module__modal--Zl3L9",slideUp:"Amino_LanguagePicker-module__slideUp--6Zmxt",modalHeader:"Amino_LanguagePicker-module__modalHeader---BnOs",particles:"Amino_LanguagePicker-module__particles--1oIm5",particle:"Amino_LanguagePicker-module__particle--3MGS3",float:"Amino_LanguagePicker-module__float--a2CUH",headerContent:"Amino_LanguagePicker-module__headerContent--gRcoY",globeWrapper:"Amino_LanguagePicker-module__globeWrapper--uV7vQ",globeGlow:"Amino_LanguagePicker-module__globeGlow--RDUOP",headerText:"Amino_LanguagePicker-module__headerText--si0UT",closeButton:"Amino_LanguagePicker-module__closeButton--O8A5N",searchContainer:"Amino_LanguagePicker-module__searchContainer--ujZ8O",searchIcon:"Amino_LanguagePicker-module__searchIcon--lHtMf",searchInput:"Amino_LanguagePicker-module__searchInput--kFHp2",separator:"Amino_LanguagePicker-module__separator--YyP4P",languageList:"Amino_LanguagePicker-module__languageList--qHdqc",languageGrid:"Amino_LanguagePicker-module__languageGrid--RMM0Y",languageItem:"Amino_LanguagePicker-module__languageItem--lKvXA",chevron:"Amino_LanguagePicker-module__chevron--kCD21",languageItemVisible:"Amino_LanguagePicker-module__languageItemVisible--Ew2k-",languageItemActive:"Amino_LanguagePicker-module__languageItemActive--k-W8p",nativeName:"Amino_LanguagePicker-module__nativeName--J5kVL",flag:"Amino_LanguagePicker-module__flag--ojTHN",wiggle:"Amino_LanguagePicker-module__wiggle--e6xBI",languageText:"Amino_LanguagePicker-module__languageText--cMyAa",englishName:"Amino_LanguagePicker-module__englishName--WdVMI",checkmarkCircle:"Amino_LanguagePicker-module__checkmarkCircle--kPr--",emptyState:"Amino_LanguagePicker-module__emptyState--m8Yeo",emptyIcon:"Amino_LanguagePicker-module__emptyIcon--dgyxv",emptyTitle:"Amino_LanguagePicker-module__emptyTitle--hFZgf",emptySubtitle:"Amino_LanguagePicker-module__emptySubtitle---Wb3U",modalFooter:"Amino_LanguagePicker-module__modalFooter--mu35N",languageCount:"Amino_LanguagePicker-module__languageCount--iOyl-",pulseDot:"Amino_LanguagePicker-module__pulseDot--NtlSh",pulse:"Amino_LanguagePicker-module__pulse--RTTrk",confirmButton:"Amino_LanguagePicker-module__confirmButton--FmNMs"};r.styleInject(".Amino_LanguagePicker-module__trigger--iYiV6{align-items:center;background-color:transparent;border:1px solid var(--amino-gray-200);border-radius:var(--amino-radius-6);color:var(--amino-gray-800);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;height:32px;padding:6px 12px;transition:all .15s ease}.Amino_LanguagePicker-module__trigger--iYiV6:hover{background-color:var(--amino-gray-100);border-color:var(--amino-gray-300)}.Amino_LanguagePicker-module__triggerFlag--0MOBV{font-size:16px;line-height:1}.Amino_LanguagePicker-module__localeCode--a4O5o{font-size:14px;text-transform:uppercase}.Amino_LanguagePicker-module__overlay--QfbyD{align-items:center;animation:Amino_LanguagePicker-module__fadeIn--Dn0Xz .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:rgba(0,0,0,.5);display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}@keyframes Amino_LanguagePicker-module__fadeIn--Dn0Xz{0%{opacity:0}to{opacity:1}}@keyframes Amino_LanguagePicker-module__slideUp--6Zmxt{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes Amino_LanguagePicker-module__float--a2CUH{0%{transform:translateY(0) translateX(0)}to{transform:translateY(-10px) translateX(5px)}}@keyframes Amino_LanguagePicker-module__pulse--RTTrk{0%,to{opacity:.6}50%{opacity:1}}.Amino_LanguagePicker-module__modal--Zl3L9{animation:Amino_LanguagePicker-module__slideUp--6Zmxt .25s ease;background-color:var(--amino-surface-color);border-radius:var(--amino-radius-12);box-shadow:var(--amino-v3-shadow-medium);display:flex;flex-direction:column;max-height:calc(100vh - 64px);max-width:680px;overflow:hidden;width:calc(100% - 32px)}.Amino_LanguagePicker-module__modalHeader---BnOs{background:linear-gradient(to bottom,var(--amino-gray-100),var(--amino-surface-color));overflow:hidden;position:relative}.Amino_LanguagePicker-module__particles--1oIm5{inset:0;overflow:hidden;pointer-events:none;position:absolute}.Amino_LanguagePicker-module__particle--3MGS3{animation:Amino_LanguagePicker-module__float--a2CUH var(--particle-duration) ease-in-out var(--particle-delay) infinite alternate;background-color:rgba(37,99,235,var(--particle-opacity));border-radius:50%;height:var(--particle-size);left:var(--particle-left);position:absolute;top:var(--particle-top);width:var(--particle-size)}.Amino_LanguagePicker-module__headerContent--gRcoY{align-items:center;display:flex;gap:24px;padding:32px 32px 24px;position:relative}@media (max-width:525px){.Amino_LanguagePicker-module__headerContent--gRcoY{flex-direction:column;padding:24px 20px 20px;text-align:center}}.Amino_LanguagePicker-module__globeWrapper--uV7vQ{flex-shrink:0;position:relative}.Amino_LanguagePicker-module__globeGlow--RDUOP{background:radial-gradient(circle,rgba(37,99,235,.15) 0,transparent 70%);border-radius:50%;inset:0;position:absolute;transform:scale(1.5)}.Amino_LanguagePicker-module__headerText--si0UT{flex:1;position:relative}.Amino_LanguagePicker-module__headerText--si0UT h2{color:var(--amino-text-color);font-size:20px;font-weight:600;letter-spacing:-.01em;margin:0 0 8px}.Amino_LanguagePicker-module__headerText--si0UT p{color:var(--amino-gray-600);font-size:14px;line-height:1.5;margin:0}.Amino_LanguagePicker-module__closeButton--O8A5N{align-items:center;background:transparent;border:none;border-radius:50%;color:var(--amino-gray-400);cursor:pointer;display:flex;height:28px;justify-content:center;position:absolute;right:-8px;top:-8px;transition:all .15s ease;width:28px}.Amino_LanguagePicker-module__closeButton--O8A5N:hover{background-color:rgba(0,0,0,.05);color:var(--amino-gray-600)}.Amino_LanguagePicker-module__searchContainer--ujZ8O{margin:0 32px 16px;position:relative}@media (max-width:525px){.Amino_LanguagePicker-module__searchContainer--ujZ8O{margin:0 20px 12px}}.Amino_LanguagePicker-module__searchIcon--lHtMf{color:var(--amino-gray-500);left:12px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.Amino_LanguagePicker-module__searchInput--kFHp2{background-color:var(--amino-surface-color);border:1px solid var(--amino-gray-200);border-radius:var(--amino-radius-8);color:var(--amino-text-color);font-size:14px;outline:none;padding:10px 12px 10px 40px;transition:all .15s ease;width:100%}.Amino_LanguagePicker-module__searchInput--kFHp2::placeholder{color:var(--amino-gray-400)}.Amino_LanguagePicker-module__searchInput--kFHp2:focus{border-color:var(--amino-blue-500);box-shadow:0 0 0 3px rgba(37,99,235,.1)}.Amino_LanguagePicker-module__separator--YyP4P{background:linear-gradient(to right,transparent,var(--amino-gray-200),transparent);height:1px}.Amino_LanguagePicker-module__languageList--qHdqc{flex:1;max-height:320px;overflow-y:auto;padding:12px 20px}@media (max-width:525px){.Amino_LanguagePicker-module__languageList--qHdqc{max-height:280px;padding:12px 16px}}.Amino_LanguagePicker-module__languageGrid--RMM0Y{display:grid;gap:4px;grid-template-columns:repeat(2,1fr)}@media (max-width:525px){.Amino_LanguagePicker-module__languageGrid--RMM0Y{grid-template-columns:1fr}}.Amino_LanguagePicker-module__languageItem--lKvXA{align-items:center;background:none;border:none;border-radius:var(--amino-radius-8);cursor:pointer;display:flex;gap:12px;opacity:0;padding:10px 12px;text-align:left;transform:translateY(8px);transition:all .2s ease}.Amino_LanguagePicker-module__languageItem--lKvXA:hover{background-color:var(--amino-gray-100)}.Amino_LanguagePicker-module__languageItem--lKvXA:hover .Amino_LanguagePicker-module__chevron--kCD21{opacity:1;transform:translateX(2px)}.Amino_LanguagePicker-module__languageItemVisible--Ew2k-{opacity:1;transform:translateY(0)}.Amino_LanguagePicker-module__languageItemActive--k-W8p{background-color:rgba(37,99,235,.05);box-shadow:inset 0 0 0 1px rgba(37,99,235,.2)}.Amino_LanguagePicker-module__languageItemActive--k-W8p:hover{background-color:rgba(37,99,235,.08)}.Amino_LanguagePicker-module__languageItemActive--k-W8p .Amino_LanguagePicker-module__nativeName--J5kVL{color:var(--amino-blue-700)}.Amino_LanguagePicker-module__flag--ojTHN{font-size:20px;line-height:1;transition:transform .2s ease}@keyframes Amino_LanguagePicker-module__wiggle--e6xBI{0%,to{transform:rotate(0deg)}25%{transform:rotate(-8deg) scale(1.1)}75%{transform:rotate(8deg) scale(1.1)}}.Amino_LanguagePicker-module__languageItem--lKvXA:hover .Amino_LanguagePicker-module__flag--ojTHN{animation:Amino_LanguagePicker-module__wiggle--e6xBI .4s ease}.Amino_LanguagePicker-module__languageText--cMyAa{display:flex;flex:1;flex-direction:column;min-width:0}.Amino_LanguagePicker-module__nativeName--J5kVL{color:var(--amino-text-color);font-size:14px;font-weight:500}.Amino_LanguagePicker-module__englishName--WdVMI{color:var(--amino-gray-500);font-size:12px;margin-top:1px}.Amino_LanguagePicker-module__checkmarkCircle--kPr--{align-items:center;background-color:var(--amino-blue-600);border-radius:50%;display:flex;flex-shrink:0;height:20px;justify-content:center;width:20px}.Amino_LanguagePicker-module__checkmarkCircle--kPr-- svg{color:#fff}.Amino_LanguagePicker-module__chevron--kCD21{color:var(--amino-gray-300);flex-shrink:0;opacity:0;transition:all .2s ease}.Amino_LanguagePicker-module__emptyState--m8Yeo{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:48px 24px;text-align:center}.Amino_LanguagePicker-module__emptyIcon--dgyxv{align-items:center;background-color:var(--amino-gray-100);border-radius:50%;color:var(--amino-gray-500);display:flex;height:48px;justify-content:center;margin-bottom:12px;width:48px}.Amino_LanguagePicker-module__emptyTitle--hFZgf{color:var(--amino-text-color);font-size:14px;font-weight:500;margin:0}.Amino_LanguagePicker-module__emptySubtitle---Wb3U{color:var(--amino-gray-500);font-size:13px;margin:4px 0 0}.Amino_LanguagePicker-module__modalFooter--mu35N{align-items:center;background-color:var(--amino-gray-50);border-top:1px solid var(--amino-gray-200);display:flex;justify-content:space-between;padding:16px 32px}@media (max-width:525px){.Amino_LanguagePicker-module__modalFooter--mu35N{flex-direction:column;gap:12px;padding:16px 20px}}.Amino_LanguagePicker-module__languageCount--iOyl-{align-items:center;color:var(--amino-gray-600);display:flex;font-size:12px;gap:8px}.Amino_LanguagePicker-module__pulseDot--NtlSh{animation:Amino_LanguagePicker-module__pulse--RTTrk 2s ease-in-out infinite;background-color:var(--amino-blue-500);border-radius:50%;height:8px;width:8px}.Amino_LanguagePicker-module__confirmButton--FmNMs{background-color:var(--amino-blue-600);border:none;border-radius:var(--amino-radius-8);box-shadow:0 1px 2px rgba(0,0,0,.1);color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .15s ease}.Amino_LanguagePicker-module__confirmButton--FmNMs:hover{background-color:var(--amino-blue-700);box-shadow:0 2px 4px rgba(0,0,0,.15)}.Amino_LanguagePicker-module__confirmButton--FmNMs:active{transform:scale(.98)}@media (max-width:525px){.Amino_LanguagePicker-module__confirmButton--FmNMs{width:100%}}");exports.LanguageItem=function(o){var r=o.code,g=o.englishName,u=o.flag,c=o.index,_=o.isSelected,d=o.nativeName,s=o.onSelect,p=o.showEnglishName,k=e.__read(a.useState(!1),2),x=k[0],f=k[1];return a.useEffect((function(){var e=setTimeout((function(){return f(!0)}),40*c);return function(){return clearTimeout(e)}}),[c]),t.jsxs("button",{className:l.default(m.languageItem,_&&m.languageItemActive,x&&m.languageItemVisible),onClick:function(){return s(r)},type:"button",children:[t.jsx("span",{"aria-label":"".concat(g," flag"),className:m.flag,role:"img",children:u}),t.jsxs("div",{className:m.languageText,children:[t.jsx("span",{className:m.nativeName,children:d}),p&&t.jsx("span",{className:m.englishName,children:g})]}),_?t.jsx("div",{className:m.checkmarkCircle,children:t.jsx(i.CheckmarkIcon,{size:12})}):t.jsx(n.ChevronRightIcon,{className:m.chevron,size:16})]})},exports.styles=m;

package/all.d.ts

@@ -51,6 +51,9 @@ import './components/input/input-simple/InputSimple';
 import './components/input/Input';
 import './components/input/MultiInput';
 import './components/json-vision-viewer/JsonVisionViewer';
+import './components/language-picker/AnimatedGlobe';
+import './components/language-picker/LanguageItem';
+import './components/language-picker/LanguagePicker';
 import './components/layout/Layout';
 import './components/layout/NavigationGroup';
 import './components/lightbox/LightBox';

package/components/language-picker/AnimatedGlobe.d.ts

@@ -0,0 +1,6 @@
+import type { ReactNode } from 'react';
+export type AnimatedGlobeProps = {
+    /** Size of the globe in pixels */
+    size?: number;
+};
+export declare const AnimatedGlobe: ({ size, }: AnimatedGlobeProps) => ReactNode;

package/components/language-picker/AnimatedGlobe.js

@@ -0,0 +1 @@
+"use strict";var r=require("../../tslib.es6-8c21e256.js"),t=require("react"),a=require("react/jsx-runtime"),e={border:"rgba(100, 116, 139, 0.2)",connectionLines:"rgba(100, 116, 139, 0.15)",continentFill:"rgba(59, 130, 246, 0.12)",dots:["rgba(59, 130, 246, 0.9)","rgba(249, 115, 22, 0.9)","rgba(20, 184, 166, 0.9)","rgba(168, 85, 247, 0.85)","rgba(34, 197, 94, 0.85)"],glowInner:"rgba(59, 130, 246, 0.08)",gridLines:"rgba(100, 116, 139, 0.1)",landOutline:"rgba(59, 130, 246, 0.3)"},l=[[[60,-140],[65,-170],[72,-170],[71,-155],[60,-140],[55,-130],[50,-125],[48,-123],[40,-124],[33,-117],[25,-110],[20,-105],[15,-92],[18,-88],[22,-97],[25,-97],[30,-85],[30,-81],[35,-75],[40,-74],[45,-67],[47,-60],[50,-57],[52,-55],[55,-60],[58,-65],[60,-65],[62,-75],[65,-85],[68,-95],[70,-100],[70,-130],[65,-140],[60,-140]],[[12,-72],[10,-67],[8,-60],[5,-52],[0,-50],[-5,-35],[-10,-37],[-15,-39],[-20,-40],[-23,-43],[-28,-49],[-33,-52],[-38,-57],[-42,-63],[-46,-67],[-50,-70],[-53,-70],[-55,-68],[-52,-75],[-46,-75],[-40,-73],[-35,-72],[-30,-71],[-22,-70],[-15,-75],[-5,-80],[0,-78],[5,-77],[10,-75],[12,-72]],[[36,-5],[38,-9],[43,-9],[47,-2],[48,-5],[51,2],[54,8],[55,12],[57,10],[60,5],[62,5],[65,12],[70,20],[70,30],[65,30],[60,30],[55,28],[50,30],[45,28],[42,28],[40,26],[38,24],[36,22],[36,15],[38,12],[40,15],[42,12],[44,8],[43,3],[39,0],[36,-5]],[[37,10],[35,-1],[32,-5],[28,-13],[22,-17],[15,-17],[10,-15],[5,-10],[5,-5],[0,10],[-5,12],[-10,14],[-15,17],[-20,20],[-25,25],[-30,28],[-34,18],[-34,25],[-30,32],[-25,35],[-15,40],[-10,42],[-2,42],[5,42],[10,45],[12,44],[15,40],[20,40],[25,35],[30,32],[32,32],[35,25],[37,15],[37,10]],[[42,28],[45,40],[42,50],[35,52],[25,57],[20,58],[25,65],[28,70],[35,75],[40,75],[45,80],[50,80],[55,75],[60,70],[65,75],[70,70],[70,140],[65,142],[60,140],[55,135],[50,130],[45,135],[42,132],[38,128],[35,130],[32,122],[28,120],[22,115],[20,110],[10,106],[5,103],[1,104],[-5,105],[-8,115],[-8,120],[-5,120],[5,120],[10,120],[15,121],[20,110],[25,100],[30,95],[28,85],[22,88],[20,73],[25,68],[30,65],[35,52]],[[-12,130],[-15,125],[-20,118],[-25,114],[-30,115],[-35,117],[-38,145],[-35,150],[-30,153],[-25,153],[-20,149],[-15,145],[-12,142],[-10,135],[-12,130]]],n=[{lat:40.7,lng:-74},{lat:51.5,lng:-.1},{lat:35.7,lng:139.7},{lat:-33.9,lng:18.4},{lat:-23.5,lng:-46.6},{lat:19.4,lng:-99.1},{lat:55.7,lng:37.6},{lat:28.6,lng:77.2},{lat:-33.8,lng:151.2},{lat:48.9,lng:2.35},{lat:1.35,lng:103.8},{lat:25.2,lng:55.3},{lat:37.5,lng:127},{lat:22.3,lng:114.2},{lat:-1.3,lng:36.8}];function o(r,t,a){var e=(90-r)*Math.PI/180,l=(t+180)*Math.PI/180;return{lat:r,lng:t,x:-a*Math.sin(e)*Math.cos(l),y:a*Math.cos(e),z:a*Math.sin(e)*Math.sin(l)}}function i(t,a){var e=Math.cos(a),l=Math.sin(a);return r.__assign(r.__assign({},t),{x:t.x*e-t.z*l,z:t.x*l+t.z*e})}function c(t,a){var e=Math.cos(a),l=Math.sin(a);return r.__assign(r.__assign({},t),{y:t.y*e-t.z*l,z:t.y*l+t.z*e})}exports.AnimatedGlobe=function(d){var s=d.size,f=void 0===s?160:s,h=t.useRef(null),g=t.useRef(0),u=t.useRef(0);return t.useEffect((function(){var t=h.current;if(t){var a=t.getContext("2d");if(a){var d=window.devicePixelRatio||1;t.width=f*d,t.height=f*d,a.scale(d,d);var s=f/2,v=f/2,y=.38*f,x=n.map((function(r,t){var a,l=t%e.dots.length;return{color:null!==(a=e.dots[l])&&void 0!==a?a:"rgba(59, 130, 246, 0.9)",point:o(r.lat,r.lng,y),pulseOffset:Math.random()*Math.PI*2,size:2+2*Math.random()}})),b=-.3;return function t(){var n,d,h,P,_,M,p,S,z,m,w,I,k,C;if(a){a.clearRect(0,0,f,f);var T=u.current,R=a.createRadialGradient(s,v,.8*y,s,v,1.4*y);R.addColorStop(0,e.glowInner),R.addColorStop(1,"rgba(59, 130, 246, 0)"),a.fillStyle=R,a.beginPath(),a.arc(s,v,1.4*y,0,2*Math.PI),a.fill();var q=a.createRadialGradient(s-.2*y,v-.2*y,0,s,v,y);q.addColorStop(0,"rgba(240, 249, 255, 0.8)"),q.addColorStop(.7,"rgba(224, 242, 254, 0.5)"),q.addColorStop(1,"rgba(186, 230, 253, 0.3)"),a.fillStyle=q,a.beginPath(),a.arc(s,v,y,0,2*Math.PI),a.fill();for(var G=-60;G<=60;G+=30){for(var L=[],W=-180;W<=180;W+=5){X=c(X=i(X=o(G,W,y),T),b),L.push(X)}a.strokeStyle=e.gridLines,a.lineWidth=.5,a.beginPath();var F=!1;try{for(var O=(n=void 0,r.__values(L)),j=O.next();!j.done;j=O.next()){(X=j.value).z>0?F?a.lineTo(s+X.x,v-X.y):(a.moveTo(s+X.x,v-X.y),F=!0):F=!1}}catch(r){n={error:r}}finally{try{j&&!j.done&&(d=O.return)&&d.call(O)}finally{if(n)throw n.error}}a.stroke()}for(W=-180;W<180;W+=30){for(L=[],G=-90;G<=90;G+=5){X=c(X=i(X=o(G,W,y),T),b),L.push(X)}a.strokeStyle=e.gridLines,a.lineWidth=.5,a.beginPath();F=!1;try{for(var A=(h=void 0,r.__values(L)),$=A.next();!$.done;$=A.next()){(X=$.value).z>0?F?a.lineTo(s+X.x,v-X.y):(a.moveTo(s+X.x,v-X.y),F=!0):F=!1}}catch(r){h={error:r}}finally{try{$&&!$.done&&(P=A.return)&&P.call(A)}finally{if(h)throw h.error}}a.stroke()}try{for(var D=r.__values(l),E=D.next();!E.done;E=D.next()){var B=E.value.map((function(t){var a=r.__read(t,2),e=o(a[0],a[1],y);return e=c(e=i(e,T),b)}));a.fillStyle=e.continentFill,a.beginPath();F=!1;try{for(var H=(p=void 0,r.__values(B)),J=H.next();!J.done;J=H.next()){(X=J.value).z>0&&(F?a.lineTo(s+X.x,v-X.y):(a.moveTo(s+X.x,v-X.y),F=!0))}}catch(r){p={error:r}}finally{try{J&&!J.done&&(S=H.return)&&S.call(H)}finally{if(p)throw p.error}}a.closePath(),a.fill(),a.strokeStyle=e.landOutline,a.lineWidth=1,a.beginPath(),F=!1;try{for(var K=(z=void 0,r.__values(B)),N=K.next();!N.done;N=K.next()){(X=N.value).z>0?F?a.lineTo(s+X.x,v-X.y):(a.moveTo(s+X.x,v-X.y),F=!0):F=!1}}catch(r){z={error:r}}finally{try{N&&!N.done&&(m=K.return)&&m.call(K)}finally{if(z)throw z.error}}a.stroke()}}catch(r){_={error:r}}finally{try{E&&!E.done&&(M=D.return)&&M.call(D)}finally{if(_)throw _.error}}var Q=[];try{for(var U=r.__values(x),V=U.next();!V.done;V=U.next()){var X;(X=c(X=i((cr=V.value).point,T),b)).z>0&&Q.push({dot:cr,x:s+X.x,y:v-X.y})}}catch(r){w={error:r}}finally{try{V&&!V.done&&(I=U.return)&&I.call(U)}finally{if(w)throw w.error}}for(var Y=0;Y<Q.length;Y+=1)for(var Z=Y+1;Z<Q.length;Z+=1){var rr=Q[Y],tr=Q[Z];if(rr&&tr){var ar=rr.x-tr.x,er=rr.y-tr.y;Math.sqrt(ar*ar+er*er)<.9*y&&(a.strokeStyle=e.connectionLines,a.lineWidth=.5,a.beginPath(),a.moveTo(rr.x,rr.y),a.lineTo(tr.x,tr.y),a.stroke())}}var lr=.001*Date.now();try{for(var nr=r.__values(Q),or=nr.next();!or.done;or=nr.next()){var ir=or.value,cr=ir.dot,dr=ir.x,sr=ir.y,fr=.6+.4*Math.sin(2*lr+cr.pulseOffset),hr=a.createRadialGradient(dr,sr,0,dr,sr,4*cr.size);hr.addColorStop(0,cr.color.replace(/[\d.]+\)$/,"".concat(.3*fr,")"))),hr.addColorStop(1,"rgba(0,0,0,0)"),a.fillStyle=hr,a.beginPath(),a.arc(dr,sr,4*cr.size,0,2*Math.PI),a.fill(),a.fillStyle=cr.color.replace(/[\d.]+\)$/,"".concat(fr,")")),a.beginPath(),a.arc(dr,sr,cr.size*fr,0,2*Math.PI),a.fill(),a.fillStyle="rgba(255, 255, 255, ".concat(.8*fr,")"),a.beginPath(),a.arc(dr,sr,.4*cr.size*fr,0,2*Math.PI),a.fill()}}catch(r){k={error:r}}finally{try{or&&!or.done&&(C=nr.return)&&C.call(nr)}finally{if(k)throw k.error}}a.strokeStyle=e.border,a.lineWidth=1,a.beginPath(),a.arc(s,v,y,0,2*Math.PI),a.stroke();var gr=a.createRadialGradient(s-.3*y,v-.3*y,0,s-.3*y,v-.3*y,.6*y);gr.addColorStop(0,"rgba(255, 255, 255, 0.15)"),gr.addColorStop(1,"rgba(255, 255, 255, 0)"),a.fillStyle=gr,a.beginPath(),a.arc(s,v,y,0,2*Math.PI),a.fill(),u.current+=.003,g.current=requestAnimationFrame(t)}}(),function(){cancelAnimationFrame(g.current)}}}}),[f]),a.jsx("canvas",{ref:h,"aria-hidden":"true",height:f,style:{height:f,width:f},width:f})};

package/components/language-picker/LanguageItem.d.ts

@@ -0,0 +1,20 @@
+import type { ReactNode } from 'react';
+export type LanguageItemProps = {
+    /** Language code (e.g., 'en', 'es', 'fr') */
+    code: string;
+    /** English name of the language */
+    englishName: string;
+    /** Flag emoji for the language */
+    flag: string;
+    /** Index for staggered animation */
+    index: number;
+    /** Whether this language is currently selected */
+    isSelected: boolean;
+    /** Native name of the language */
+    nativeName: string;
+    /** Callback when the language is selected */
+    onSelect: (code: string) => void;
+    /** Whether to show the English name (when viewing in non-current language) */
+    showEnglishName: boolean;
+};
+export declare const LanguageItem: ({ code, englishName, flag, index, isSelected, nativeName, onSelect, showEnglishName, }: LanguageItemProps) => ReactNode;

package/components/language-picker/LanguageItem.js

@@ -0,0 +1 @@
+"use strict";require("../../tslib.es6-8c21e256.js"),require("react"),require("clsx"),require("../../icons/CheckmarkIcon.js"),require("../../icons/ChevronRightIcon.js");var e=require("../../LanguageItem-5f7b0bfa.js");require("react/jsx-runtime"),require("../../icons/icon-base/_IconBase.js"),require("../../styles/constants/theme.js"),require("../../style-inject.es-d4ddeae4.js"),exports.LanguageItem=e.LanguageItem;

package/components/language-picker/LanguagePicker.d.ts

@@ -0,0 +1,33 @@
+import type { ReactNode } from 'react';
+import type { BaseProps } from "../../types/BaseProps";
+export type Language = {
+    /** Language code (e.g., 'en', 'es', 'fr') */
+    code: string;
+    /** English name of the language */
+    englishName: string;
+    /** Flag emoji for the language */
+    flag: string;
+    /** Native name of the language */
+    nativeName: string;
+};
+export type LanguagePickerProps = BaseProps & {
+    /** Currently selected language code */
+    currentLanguage: string;
+    /**
+     * Custom header description text
+     * @default 'Select your preferred language for the best experience. Content will be displayed in your chosen language across the platform.'
+     */
+    description?: string;
+    /** List of available languages */
+    languages: Language[];
+    /** Called when user confirms language selection */
+    onLanguageSelect: (code: string) => void;
+    /**
+     * Custom header title
+     * @default 'Choose your language'
+     */
+    title?: string;
+    /** Custom button to open the picker. If not provided, a default trigger button is rendered. */
+    trigger?: ReactNode;
+};
+export declare const LanguagePicker: ({ className, currentLanguage, description, languages, onLanguageSelect, style, title, trigger, }: LanguagePickerProps) => ReactNode;

package/components/language-picker/LanguagePicker.js

@@ -0,0 +1 @@
+"use strict";var e=require("../../tslib.es6-8c21e256.js"),s=require("react"),a=require("clsx"),t=require("../../icons/RemoveIcon.js"),n=require("../../icons/SearchIcon.js"),l=require("./AnimatedGlobe.js"),r=require("../../LanguageItem-5f7b0bfa.js"),i=require("react/jsx-runtime");function c(e){return e&&e.__esModule?e:{default:e}}require("../../icons/icon-base/_IconBase.js"),require("../../styles/constants/theme.js"),require("../../icons/CheckmarkIcon.js"),require("../../icons/ChevronRightIcon.js"),require("../../style-inject.es-d4ddeae4.js");var o=c(a),u=Array.from({length:20}).map((function(e,s){return{delay:5*Math.random(),duration:6+8*Math.random(),id:"particle-".concat(s),left:100*Math.random(),opacity:.05+.1*Math.random(),size:2+3*Math.random(),top:100*Math.random()}}));exports.LanguagePicker=function(a){var c=a.className,d=a.currentLanguage,m=a.description,y=void 0===m?"Select your preferred language for the best experience. Content will be displayed in your chosen language across the platform.":m,g=a.languages,h=a.onLanguageSelect,f=a.style,p=a.title,j=void 0===p?"Choose your language":p,x=a.trigger,v=e.__read(s.useState(!1),2),N=v[0],b=v[1],C=e.__read(s.useState(d),2),k=C[0],S=C[1],I=e.__read(s.useState(""),2),q=I[0],w=I[1],L=s.useMemo((function(){return g.find((function(e){return e.code===d}))}),[g,d]),M=function(e){S(e)},_=function(){b(!1)},E=s.useCallback((function(e){"Escape"===e.key&&N&&b(!1)}),[N]);s.useEffect((function(){if("undefined"!=typeof document)return document.addEventListener("keydown",E),function(){return document.removeEventListener("keydown",E)}}),[E]),s.useEffect((function(){if("undefined"!=typeof document)return document.body.style.overflow=N?"hidden":"",function(){document.body.style.overflow=""}}),[N]),s.useEffect((function(){N||(w(""),S(d))}),[N,d]);var z=s.useMemo((function(){return g.filter((function(e){return!q||(e.englishName.toLowerCase().includes(q.toLowerCase())||e.nativeName.toLowerCase().includes(q.toLowerCase()))}))}),[q,g]);return i.jsxs(i.Fragment,{children:[x?i.jsx("div",{"aria-label":"Open language picker",className:c,onClick:function(){return b(!0)},onKeyDown:function(e){"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),b(!0))},role:"button",style:f,tabIndex:0,children:x}):i.jsxs("button",{"aria-label":"Select language",className:o.default(r.styles.trigger,c),onClick:function(){return b(!0)},style:f,type:"button",children:[i.jsx("span",{className:r.styles.triggerFlag,children:(null==L?void 0:L.flag)||"🌐"}),i.jsx("span",{className:r.styles.localeCode,children:d})]}),N&&i.jsx("div",{className:r.styles.overlay,onClick:_,children:i.jsxs("div",{"aria-label":"Select language","aria-modal":"true",className:r.styles.modal,onClick:function(e){return e.stopPropagation()},role:"dialog",children:[i.jsxs("div",{className:r.styles.modalHeader,children:[i.jsx("div",{className:r.styles.particles,children:u.map((function(e){return i.jsx("div",{className:r.styles.particle,style:{"--particle-delay":"".concat(e.delay,"s"),"--particle-duration":"".concat(e.duration,"s"),"--particle-left":"".concat(e.left,"%"),"--particle-opacity":e.opacity,"--particle-size":"".concat(e.size,"px"),"--particle-top":"".concat(e.top,"%")}},e.id)}))}),i.jsxs("div",{className:r.styles.headerContent,children:[i.jsxs("div",{className:r.styles.globeWrapper,children:[i.jsx("div",{className:r.styles.globeGlow}),i.jsx(l.AnimatedGlobe,{size:140})]}),i.jsxs("div",{className:r.styles.headerText,children:[i.jsx("h2",{children:j}),i.jsx("p",{children:y}),i.jsx("button",{"aria-label":"Close",className:r.styles.closeButton,onClick:_,type:"button",children:i.jsx(t.RemoveIcon,{size:20})})]})]}),i.jsxs("div",{className:r.styles.searchContainer,children:[i.jsx(n.SearchIcon,{className:r.styles.searchIcon,size:16}),i.jsx("input",{"aria-label":"Search languages",className:r.styles.searchInput,onChange:function(e){return w(e.target.value)},placeholder:"Search languages...",type:"text",value:q})]})]}),i.jsx("div",{className:r.styles.separator}),i.jsx("div",{className:r.styles.languageList,children:0===z.length?i.jsxs("div",{className:r.styles.emptyState,children:[i.jsx("div",{className:r.styles.emptyIcon,children:i.jsx(n.SearchIcon,{size:20})}),i.jsx("p",{className:r.styles.emptyTitle,children:"No languages found"}),i.jsx("p",{className:r.styles.emptySubtitle,children:"Try a different search term"})]}):i.jsx("div",{className:r.styles.languageGrid,children:z.map((function(e,s){return i.jsx(r.LanguageItem,{code:e.code,englishName:e.englishName,flag:e.flag,index:s,isSelected:k===e.code,nativeName:e.nativeName,onSelect:M,showEnglishName:e.code!==d},e.code)}))})}),i.jsxs("div",{className:r.styles.modalFooter,children:[i.jsxs("div",{className:r.styles.languageCount,children:[i.jsx("div",{className:r.styles.pulseDot}),i.jsxs("span",{children:[g.length," languages available"]})]}),i.jsx("button",{className:r.styles.confirmButton,onClick:function(){k!==d?(h(k),b(!1)):b(!1)},type:"button",children:"Confirm selection"})]})]})})]})};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zonos/amino",
-  "version": "5.7.0",
+  "version": "5.8.0",
   "description": "Core UI components for Amino",
   "repository": "git@github.com:Zonos/amino.git",
   "license": "MIT",