@preply/ds-docs 7.1.0 → 8.0.0

package/dist/assets/Color-ASIRERSW-B8huhEry.js

@@ -0,0 +1 @@
+import{r as y,c as he,R as v,s as M,P as de,d as fe,F as ge,B as Y,e as be,f as P}from"./iframe-CWgEsn_I.js";import"./preload-helper-Dp1pzeXC.js";var ve=P({"../../node_modules/color-name/index.js"(r,o){o.exports={aliceblue:[240,248,255],antiquewhite:[250,235,215],aqua:[0,255,255],aquamarine:[127,255,212],azure:[240,255,255],beige:[245,245,220],bisque:[255,228,196],black:[0,0,0],blanchedalmond:[255,235,205],blue:[0,0,255],blueviolet:[138,43,226],brown:[165,42,42],burlywood:[222,184,135],cadetblue:[95,158,160],chartreuse:[127,255,0],chocolate:[210,105,30],coral:[255,127,80],cornflowerblue:[100,149,237],cornsilk:[255,248,220],crimson:[220,20,60],cyan:[0,255,255],darkblue:[0,0,139],darkcyan:[0,139,139],darkgoldenrod:[184,134,11],darkgray:[169,169,169],darkgreen:[0,100,0],darkgrey:[169,169,169],darkkhaki:[189,183,107],darkmagenta:[139,0,139],darkolivegreen:[85,107,47],darkorange:[255,140,0],darkorchid:[153,50,204],darkred:[139,0,0],darksalmon:[233,150,122],darkseagreen:[143,188,143],darkslateblue:[72,61,139],darkslategray:[47,79,79],darkslategrey:[47,79,79],darkturquoise:[0,206,209],darkviolet:[148,0,211],deeppink:[255,20,147],deepskyblue:[0,191,255],dimgray:[105,105,105],dimgrey:[105,105,105],dodgerblue:[30,144,255],firebrick:[178,34,34],floralwhite:[255,250,240],forestgreen:[34,139,34],fuchsia:[255,0,255],gainsboro:[220,220,220],ghostwhite:[248,248,255],gold:[255,215,0],goldenrod:[218,165,32],gray:[128,128,128],green:[0,128,0],greenyellow:[173,255,47],grey:[128,128,128],honeydew:[240,255,240],hotpink:[255,105,180],indianred:[205,92,92],indigo:[75,0,130],ivory:[255,255,240],khaki:[240,230,140],lavender:[230,230,250],lavenderblush:[255,240,245],lawngreen:[124,252,0],lemonchiffon:[255,250,205],lightblue:[173,216,230],lightcoral:[240,128,128],lightcyan:[224,255,255],lightgoldenrodyellow:[250,250,210],lightgray:[211,211,211],lightgreen:[144,238,144],lightgrey:[211,211,211],lightpink:[255,182,193],lightsalmon:[255,160,122],lightseagreen:[32,178,170],lightskyblue:[135,206,250],lightslategray:[119,136,153],lightslategrey:[119,136,153],lightsteelblue:[176,196,222],lightyellow:[255,255,224],lime:[0,255,0],limegreen:[50,205,50],linen:[250,240,230],magenta:[255,0,255],maroon:[128,0,0],mediumaquamarine:[102,205,170],mediumblue:[0,0,205],mediumorchid:[186,85,211],mediumpurple:[147,112,219],mediumseagreen:[60,179,113],mediumslateblue:[123,104,238],mediumspringgreen:[0,250,154],mediumturquoise:[72,209,204],mediumvioletred:[199,21,133],midnightblue:[25,25,112],mintcream:[245,255,250],mistyrose:[255,228,225],moccasin:[255,228,181],navajowhite:[255,222,173],navy:[0,0,128],oldlace:[253,245,230],olive:[128,128,0],olivedrab:[107,142,35],orange:[255,165,0],orangered:[255,69,0],orchid:[218,112,214],palegoldenrod:[238,232,170],palegreen:[152,251,152],paleturquoise:[175,238,238],palevioletred:[219,112,147],papayawhip:[255,239,213],peachpuff:[255,218,185],peru:[205,133,63],pink:[255,192,203],plum:[221,160,221],powderblue:[176,224,230],purple:[128,0,128],rebeccapurple:[102,51,153],red:[255,0,0],rosybrown:[188,143,143],royalblue:[65,105,225],saddlebrown:[139,69,19],salmon:[250,128,114],sandybrown:[244,164,96],seagreen:[46,139,87],seashell:[255,245,238],sienna:[160,82,45],silver:[192,192,192],skyblue:[135,206,235],slateblue:[106,90,205],slategray:[112,128,144],slategrey:[112,128,144],snow:[255,250,250],springgreen:[0,255,127],steelblue:[70,130,180],tan:[210,180,140],teal:[0,128,128],thistle:[216,191,216],tomato:[255,99,71],turquoise:[64,224,208],violet:[238,130,238],wheat:[245,222,179],white:[255,255,255],whitesmoke:[245,245,245],yellow:[255,255,0],yellowgreen:[154,205,50]}}}),J=P({"../../node_modules/color-convert/conversions.js"(r,o){var s=ve(),h={};for(let e of Object.keys(s))h[s[e]]=e;var u={rgb:{channels:3,labels:"rgb"},hsl:{channels:3,labels:"hsl"},hsv:{channels:3,labels:"hsv"},hwb:{channels:3,labels:"hwb"},cmyk:{channels:4,labels:"cmyk"},xyz:{channels:3,labels:"xyz"},lab:{channels:3,labels:"lab"},lch:{channels:3,labels:"lch"},hex:{channels:1,labels:["hex"]},keyword:{channels:1,labels:["keyword"]},ansi16:{channels:1,labels:["ansi16"]},ansi256:{channels:1,labels:["ansi256"]},hcg:{channels:3,labels:["h","c","g"]},apple:{channels:3,labels:["r16","g16","b16"]},gray:{channels:1,labels:["gray"]}};o.exports=u;for(let e of Object.keys(u)){if(!("channels"in u[e]))throw new Error("missing channels property: "+e);if(!("labels"in u[e]))throw new Error("missing channel labels property: "+e);if(u[e].labels.length!==u[e].channels)throw new Error("channel and label counts mismatch: "+e);let{channels:n,labels:t}=u[e];delete u[e].channels,delete u[e].labels,Object.defineProperty(u[e],"channels",{value:n}),Object.defineProperty(u[e],"labels",{value:t})}u.rgb.hsl=function(e){let n=e[0]/255,t=e[1]/255,a=e[2]/255,l=Math.min(n,t,a),i=Math.max(n,t,a),c=i-l,d,g;i===l?d=0:n===i?d=(t-a)/c:t===i?d=2+(a-n)/c:a===i&&(d=4+(n-t)/c),d=Math.min(d*60,360),d<0&&(d+=360);let b=(l+i)/2;return i===l?g=0:b<=.5?g=c/(i+l):g=c/(2-i-l),[d,g*100,b*100]},u.rgb.hsv=function(e){let n,t,a,l,i,c=e[0]/255,d=e[1]/255,g=e[2]/255,b=Math.max(c,d,g),p=b-Math.min(c,d,g),m=function(k){return(b-k)/6/p+1/2};return p===0?(l=0,i=0):(i=p/b,n=m(c),t=m(d),a=m(g),c===b?l=a-t:d===b?l=1/3+n-a:g===b&&(l=2/3+t-n),l<0?l+=1:l>1&&(l-=1)),[l*360,i*100,b*100]},u.rgb.hwb=function(e){let n=e[0],t=e[1],a=e[2],l=u.rgb.hsl(e)[0],i=1/255*Math.min(n,Math.min(t,a));return a=1-1/255*Math.max(n,Math.max(t,a)),[l,i*100,a*100]},u.rgb.cmyk=function(e){let n=e[0]/255,t=e[1]/255,a=e[2]/255,l=Math.min(1-n,1-t,1-a),i=(1-n-l)/(1-l)||0,c=(1-t-l)/(1-l)||0,d=(1-a-l)/(1-l)||0;return[i*100,c*100,d*100,l*100]};function f(e,n){return(e[0]-n[0])**2+(e[1]-n[1])**2+(e[2]-n[2])**2}u.rgb.keyword=function(e){let n=h[e];if(n)return n;let t=1/0,a;for(let l of Object.keys(s)){let i=s[l],c=f(e,i);c<t&&(t=c,a=l)}return a},u.keyword.rgb=function(e){return s[e]},u.rgb.xyz=function(e){let n=e[0]/255,t=e[1]/255,a=e[2]/255;n=n>.04045?((n+.055)/1.055)**2.4:n/12.92,t=t>.04045?((t+.055)/1.055)**2.4:t/12.92,a=a>.04045?((a+.055)/1.055)**2.4:a/12.92;let l=n*.4124+t*.3576+a*.1805,i=n*.2126+t*.7152+a*.0722,c=n*.0193+t*.1192+a*.9505;return[l*100,i*100,c*100]},u.rgb.lab=function(e){let n=u.rgb.xyz(e),t=n[0],a=n[1],l=n[2];t/=95.047,a/=100,l/=108.883,t=t>.008856?t**(1/3):7.787*t+16/116,a=a>.008856?a**(1/3):7.787*a+16/116,l=l>.008856?l**(1/3):7.787*l+16/116;let i=116*a-16,c=500*(t-a),d=200*(a-l);return[i,c,d]},u.hsl.rgb=function(e){let n=e[0]/360,t=e[1]/100,a=e[2]/100,l,i,c;if(t===0)return c=a*255,[c,c,c];a<.5?l=a*(1+t):l=a+t-a*t;let d=2*a-l,g=[0,0,0];for(let b=0;b<3;b++)i=n+1/3*-(b-1),i<0&&i++,i>1&&i--,6*i<1?c=d+(l-d)*6*i:2*i<1?c=l:3*i<2?c=d+(l-d)*(2/3-i)*6:c=d,g[b]=c*255;return g},u.hsl.hsv=function(e){let n=e[0],t=e[1]/100,a=e[2]/100,l=t,i=Math.max(a,.01);a*=2,t*=a<=1?a:2-a,l*=i<=1?i:2-i;let c=(a+t)/2,d=a===0?2*l/(i+l):2*t/(a+t);return[n,d*100,c*100]},u.hsv.rgb=function(e){let n=e[0]/60,t=e[1]/100,a=e[2]/100,l=Math.floor(n)%6,i=n-Math.floor(n),c=255*a*(1-t),d=255*a*(1-t*i),g=255*a*(1-t*(1-i));switch(a*=255,l){case 0:return[a,g,c];case 1:return[d,a,c];case 2:return[c,a,g];case 3:return[c,d,a];case 4:return[g,c,a];case 5:return[a,c,d]}},u.hsv.hsl=function(e){let n=e[0],t=e[1]/100,a=e[2]/100,l=Math.max(a,.01),i,c;c=(2-t)*a;let d=(2-t)*l;return i=t*l,i/=d<=1?d:2-d,i=i||0,c/=2,[n,i*100,c*100]},u.hwb.rgb=function(e){let n=e[0]/360,t=e[1]/100,a=e[2]/100,l=t+a,i;l>1&&(t/=l,a/=l);let c=Math.floor(6*n),d=1-a;i=6*n-c,(c&1)!==0&&(i=1-i);let g=t+i*(d-t),b,p,m;switch(c){default:case 6:case 0:b=d,p=g,m=t;break;case 1:b=g,p=d,m=t;break;case 2:b=t,p=d,m=g;break;case 3:b=t,p=g,m=d;break;case 4:b=g,p=t,m=d;break;case 5:b=d,p=t,m=g;break}return[b*255,p*255,m*255]},u.cmyk.rgb=function(e){let n=e[0]/100,t=e[1]/100,a=e[2]/100,l=e[3]/100,i=1-Math.min(1,n*(1-l)+l),c=1-Math.min(1,t*(1-l)+l),d=1-Math.min(1,a*(1-l)+l);return[i*255,c*255,d*255]},u.xyz.rgb=function(e){let n=e[0]/100,t=e[1]/100,a=e[2]/100,l,i,c;return l=n*3.2406+t*-1.5372+a*-.4986,i=n*-.9689+t*1.8758+a*.0415,c=n*.0557+t*-.204+a*1.057,l=l>.0031308?1.055*l**(1/2.4)-.055:l*12.92,i=i>.0031308?1.055*i**(1/2.4)-.055:i*12.92,c=c>.0031308?1.055*c**(1/2.4)-.055:c*12.92,l=Math.min(Math.max(0,l),1),i=Math.min(Math.max(0,i),1),c=Math.min(Math.max(0,c),1),[l*255,i*255,c*255]},u.xyz.lab=function(e){let n=e[0],t=e[1],a=e[2];n/=95.047,t/=100,a/=108.883,n=n>.008856?n**(1/3):7.787*n+16/116,t=t>.008856?t**(1/3):7.787*t+16/116,a=a>.008856?a**(1/3):7.787*a+16/116;let l=116*t-16,i=500*(n-t),c=200*(t-a);return[l,i,c]},u.lab.xyz=function(e){let n=e[0],t=e[1],a=e[2],l,i,c;i=(n+16)/116,l=t/500+i,c=i-a/200;let d=i**3,g=l**3,b=c**3;return i=d>.008856?d:(i-16/116)/7.787,l=g>.008856?g:(l-16/116)/7.787,c=b>.008856?b:(c-16/116)/7.787,l*=95.047,i*=100,c*=108.883,[l,i,c]},u.lab.lch=function(e){let n=e[0],t=e[1],a=e[2],l;l=Math.atan2(a,t)*360/2/Math.PI,l<0&&(l+=360);let i=Math.sqrt(t*t+a*a);return[n,i,l]},u.lch.lab=function(e){let n=e[0],t=e[1],a=e[2]/360*2*Math.PI,l=t*Math.cos(a),i=t*Math.sin(a);return[n,l,i]},u.rgb.ansi16=function(e,n=null){let[t,a,l]=e,i=n===null?u.rgb.hsv(e)[2]:n;if(i=Math.round(i/50),i===0)return 30;let c=30+(Math.round(l/255)<<2|Math.round(a/255)<<1|Math.round(t/255));return i===2&&(c+=60),c},u.hsv.ansi16=function(e){return u.rgb.ansi16(u.hsv.rgb(e),e[2])},u.rgb.ansi256=function(e){let n=e[0],t=e[1],a=e[2];return n===t&&t===a?n<8?16:n>248?231:Math.round((n-8)/247*24)+232:16+36*Math.round(n/255*5)+6*Math.round(t/255*5)+Math.round(a/255*5)},u.ansi16.rgb=function(e){let n=e%10;if(n===0||n===7)return e>50&&(n+=3.5),n=n/10.5*255,[n,n,n];let t=(~~(e>50)+1)*.5,a=(n&1)*t*255,l=(n>>1&1)*t*255,i=(n>>2&1)*t*255;return[a,l,i]},u.ansi256.rgb=function(e){if(e>=232){let i=(e-232)*10+8;return[i,i,i]}e-=16;let n,t=Math.floor(e/36)/5*255,a=Math.floor((n=e%36)/6)/5*255,l=n%6/5*255;return[t,a,l]},u.rgb.hex=function(e){let n=(((Math.round(e[0])&255)<<16)+((Math.round(e[1])&255)<<8)+(Math.round(e[2])&255)).toString(16).toUpperCase();return"000000".substring(n.length)+n},u.hex.rgb=function(e){let n=e.toString(16).match(/[a-f0-9]{6}|[a-f0-9]{3}/i);if(!n)return[0,0,0];let t=n[0];n[0].length===3&&(t=t.split("").map(d=>d+d).join(""));let a=parseInt(t,16),l=a>>16&255,i=a>>8&255,c=a&255;return[l,i,c]},u.rgb.hcg=function(e){let n=e[0]/255,t=e[1]/255,a=e[2]/255,l=Math.max(Math.max(n,t),a),i=Math.min(Math.min(n,t),a),c=l-i,d,g;return c<1?d=i/(1-c):d=0,c<=0?g=0:l===n?g=(t-a)/c%6:l===t?g=2+(a-n)/c:g=4+(n-t)/c,g/=6,g%=1,[g*360,c*100,d*100]},u.hsl.hcg=function(e){let n=e[1]/100,t=e[2]/100,a=t<.5?2*n*t:2*n*(1-t),l=0;return a<1&&(l=(t-.5*a)/(1-a)),[e[0],a*100,l*100]},u.hsv.hcg=function(e){let n=e[1]/100,t=e[2]/100,a=n*t,l=0;return a<1&&(l=(t-a)/(1-a)),[e[0],a*100,l*100]},u.hcg.rgb=function(e){let n=e[0]/360,t=e[1]/100,a=e[2]/100;if(t===0)return[a*255,a*255,a*255];let l=[0,0,0],i=n%1*6,c=i%1,d=1-c,g=0;switch(Math.floor(i)){case 0:l[0]=1,l[1]=c,l[2]=0;break;case 1:l[0]=d,l[1]=1,l[2]=0;break;case 2:l[0]=0,l[1]=1,l[2]=c;break;case 3:l[0]=0,l[1]=d,l[2]=1;break;case 4:l[0]=c,l[1]=0,l[2]=1;break;default:l[0]=1,l[1]=0,l[2]=d}return g=(1-t)*a,[(t*l[0]+g)*255,(t*l[1]+g)*255,(t*l[2]+g)*255]},u.hcg.hsv=function(e){let n=e[1]/100,t=e[2]/100,a=n+t*(1-n),l=0;return a>0&&(l=n/a),[e[0],l*100,a*100]},u.hcg.hsl=function(e){let n=e[1]/100,t=e[2]/100*(1-n)+.5*n,a=0;return t>0&&t<.5?a=n/(2*t):t>=.5&&t<1&&(a=n/(2*(1-t))),[e[0],a*100,t*100]},u.hcg.hwb=function(e){let n=e[1]/100,t=e[2]/100,a=n+t*(1-n);return[e[0],(a-n)*100,(1-a)*100]},u.hwb.hcg=function(e){let n=e[1]/100,t=1-e[2]/100,a=t-n,l=0;return a<1&&(l=(t-a)/(1-a)),[e[0],a*100,l*100]},u.apple.rgb=function(e){return[e[0]/65535*255,e[1]/65535*255,e[2]/65535*255]},u.rgb.apple=function(e){return[e[0]/255*65535,e[1]/255*65535,e[2]/255*65535]},u.gray.rgb=function(e){return[e[0]/100*255,e[0]/100*255,e[0]/100*255]},u.gray.hsl=function(e){return[0,0,e[0]]},u.gray.hsv=u.gray.hsl,u.gray.hwb=function(e){return[0,100,e[0]]},u.gray.cmyk=function(e){return[0,0,0,e[0]]},u.gray.lab=function(e){return[e[0],0,0]},u.gray.hex=function(e){let n=Math.round(e[0]/100*255)&255,t=((n<<16)+(n<<8)+n).toString(16).toUpperCase();return"000000".substring(t.length)+t},u.rgb.gray=function(e){return[(e[0]+e[1]+e[2])/3/255*100]}}}),me=P({"../../node_modules/color-convert/route.js"(r,o){var s=J();function h(){let n={},t=Object.keys(s);for(let a=t.length,l=0;l<a;l++)n[t[l]]={distance:-1,parent:null};return n}function u(n){let t=h(),a=[n];for(t[n].distance=0;a.length;){let l=a.pop(),i=Object.keys(s[l]);for(let c=i.length,d=0;d<c;d++){let g=i[d],b=t[g];b.distance===-1&&(b.distance=t[l].distance+1,b.parent=l,a.unshift(g))}}return t}function f(n,t){return function(a){return t(n(a))}}function e(n,t){let a=[t[n].parent,n],l=s[t[n].parent][n],i=t[n].parent;for(;t[i].parent;)a.unshift(t[i].parent),l=f(s[t[i].parent][i],l),i=t[i].parent;return l.conversion=a,l}o.exports=function(n){let t=u(n),a={},l=Object.keys(t);for(let i=l.length,c=0;c<i;c++){let d=l[c];t[d].parent!==null&&(a[d]=e(d,t))}return a}}}),pe=P({"../../node_modules/color-convert/index.js"(r,o){var s=J(),h=me(),u={},f=Object.keys(s);function e(t){let a=function(...l){let i=l[0];return i==null?i:(i.length>1&&(l=i),t(l))};return"conversion"in t&&(a.conversion=t.conversion),a}function n(t){let a=function(...l){let i=l[0];if(i==null)return i;i.length>1&&(l=i);let c=t(l);if(typeof c=="object")for(let d=c.length,g=0;g<d;g++)c[g]=Math.round(c[g]);return c};return"conversion"in t&&(a.conversion=t.conversion),a}f.forEach(t=>{u[t]={},Object.defineProperty(u[t],"channels",{value:s[t].channels}),Object.defineProperty(u[t],"labels",{value:s[t].labels});let a=h(t);Object.keys(a).forEach(l=>{let i=a[l];u[t][l]=n(i),u[t][l].raw=e(i)})}),o.exports=u}}),_=be(pe());function ye(r,o,{signal:s,edges:h}={}){let u,f=null,e=h!=null&&h.includes("leading"),n=h==null||h.includes("trailing"),t=()=>{f!==null&&(r.apply(u,f),u=void 0,f=null)},a=()=>{n&&t(),d()},l=null,i=()=>{l!=null&&clearTimeout(l),l=setTimeout(()=>{l=null,a()},o)},c=()=>{l!==null&&(clearTimeout(l),l=null)},d=()=>{c(),u=void 0,f=null},g=()=>{t()},b=function(...p){if(s!=null&&s.aborted)return;u=this,f=p;let m=l==null;i(),e&&m&&t()};return b.schedule=i,b.cancel=d,b.flush=g,s==null||s.addEventListener("abort",d,{once:!0}),b}function C(){return(C=Object.assign||function(r){for(var o=1;o<arguments.length;o++){var s=arguments[o];for(var h in s)Object.prototype.hasOwnProperty.call(s,h)&&(r[h]=s[h])}return r}).apply(this,arguments)}function X(r,o){if(r==null)return{};var s,h,u={},f=Object.keys(r);for(h=0;h<f.length;h++)o.indexOf(s=f[h])>=0||(u[s]=r[s]);return u}function L(r){var o=y.useRef(r),s=y.useRef(function(h){o.current&&o.current(h)});return o.current=r,s.current}var O=function(r,o,s){return o===void 0&&(o=0),s===void 0&&(s=1),r>s?s:r<o?o:r},S=function(r){return"touches"in r},B=function(r){return r&&r.ownerDocument.defaultView||self},A=function(r,o,s){var h=r.getBoundingClientRect(),u=S(o)?(function(f,e){for(var n=0;n<f.length;n++)if(f[n].identifier===e)return f[n];return f[0]})(o.touches,s):o;return{left:O((u.pageX-(h.left+B(r).pageXOffset))/h.width),top:O((u.pageY-(h.top+B(r).pageYOffset))/h.height)}},W=function(r){!S(r)&&r.preventDefault()},F=v.memo(function(r){var o=r.onMove,s=r.onKey,h=X(r,["onMove","onKey"]),u=y.useRef(null),f=L(o),e=L(s),n=y.useRef(null),t=y.useRef(!1),a=y.useMemo(function(){var d=function(p){W(p),(S(p)?p.touches.length>0:p.buttons>0)&&u.current?f(A(u.current,p,n.current)):b(!1)},g=function(){return b(!1)};function b(p){var m=t.current,k=B(u.current),E=p?k.addEventListener:k.removeEventListener;E(m?"touchmove":"mousemove",d),E(m?"touchend":"mouseup",g)}return[function(p){var m=p.nativeEvent,k=u.current;if(k&&(W(m),!(function(R,x){return x&&!S(R)})(m,t.current)&&k)){if(S(m)){t.current=!0;var E=m.changedTouches||[];E.length&&(n.current=E[0].identifier)}k.focus(),f(A(k,m,n.current)),b(!0)}},function(p){var m=p.which||p.keyCode;m<37||m>40||(p.preventDefault(),e({left:m===39?.05:m===37?-.05:0,top:m===40?.05:m===38?-.05:0}))},b]},[e,f]),l=a[0],i=a[1],c=a[2];return y.useEffect(function(){return c},[c]),v.createElement("div",C({},h,{onTouchStart:l,onMouseDown:l,className:"react-colorful__interactive",ref:u,onKeyDown:i,tabIndex:0,role:"slider"}))}),N=function(r){return r.filter(Boolean).join(" ")},D=function(r){var o=r.color,s=r.left,h=r.top,u=h===void 0?.5:h,f=N(["react-colorful__pointer",r.className]);return v.createElement("div",{className:f,style:{top:100*u+"%",left:100*s+"%"}},v.createElement("div",{className:"react-colorful__pointer-fill",style:{backgroundColor:o}}))},w=function(r,o,s){return o===void 0&&(o=0),s===void 0&&(s=Math.pow(10,o)),Math.round(s*r)/s},xe={grad:.9,turn:360,rad:360/(2*Math.PI)},we=function(r){return ee(T(r))},T=function(r){return r[0]==="#"&&(r=r.substring(1)),r.length<6?{r:parseInt(r[0]+r[0],16),g:parseInt(r[1]+r[1],16),b:parseInt(r[2]+r[2],16),a:r.length===4?w(parseInt(r[3]+r[3],16)/255,2):1}:{r:parseInt(r.substring(0,2),16),g:parseInt(r.substring(2,4),16),b:parseInt(r.substring(4,6),16),a:r.length===8?w(parseInt(r.substring(6,8),16)/255,2):1}},ke=function(r,o){return o===void 0&&(o="deg"),Number(r)*(xe[o]||1)},_e=function(r){var o=/hsla?\(?\s*(-?\d*\.?\d+)(deg|rad|grad|turn)?[,\s]+(-?\d*\.?\d+)%?[,\s]+(-?\d*\.?\d+)%?,?\s*[/\s]*(-?\d*\.?\d+)?(%)?\s*\)?/i.exec(r);return o?Ee({h:ke(o[1],o[2]),s:Number(o[3]),l:Number(o[4]),a:o[5]===void 0?1:Number(o[5])/(o[6]?100:1)}):{h:0,s:0,v:0,a:1}},Ee=function(r){var o=r.s,s=r.l;return{h:r.h,s:(o*=(s<50?s:100-s)/100)>0?2*o/(s+o)*100:0,v:s+o,a:r.a}},Me=function(r){return $e(Z(r))},Q=function(r){var o=r.s,s=r.v,h=r.a,u=(200-o)*s/100;return{h:w(r.h),s:w(u>0&&u<200?o*s/100/(u<=100?u:200-u)*100:0),l:w(u/2),a:w(h,2)}},K=function(r){var o=Q(r);return"hsl("+o.h+", "+o.s+"%, "+o.l+"%)"},H=function(r){var o=Q(r);return"hsla("+o.h+", "+o.s+"%, "+o.l+"%, "+o.a+")"},Z=function(r){var o=r.h,s=r.s,h=r.v,u=r.a;o=o/360*6,s/=100,h/=100;var f=Math.floor(o),e=h*(1-s),n=h*(1-(o-f)*s),t=h*(1-(1-o+f)*s),a=f%6;return{r:w(255*[h,n,e,e,t,h][a]),g:w(255*[t,h,h,n,e,e][a]),b:w(255*[e,e,t,h,h,n][a]),a:w(u,2)}},Ce=function(r){var o=/rgba?\(?\s*(-?\d*\.?\d+)(%)?[,\s]+(-?\d*\.?\d+)(%)?[,\s]+(-?\d*\.?\d+)(%)?,?\s*[/\s]*(-?\d*\.?\d+)?(%)?\s*\)?/i.exec(r);return o?ee({r:Number(o[1])/(o[2]?100/255:1),g:Number(o[3])/(o[4]?100/255:1),b:Number(o[5])/(o[6]?100/255:1),a:o[7]===void 0?1:Number(o[7])/(o[8]?100:1)}):{h:0,s:0,v:0,a:1}},j=function(r){var o=r.toString(16);return o.length<2?"0"+o:o},$e=function(r){var o=r.r,s=r.g,h=r.b,u=r.a,f=u<1?j(w(255*u)):"";return"#"+j(o)+j(s)+j(h)+f},ee=function(r){var o=r.r,s=r.g,h=r.b,u=r.a,f=Math.max(o,s,h),e=f-Math.min(o,s,h),n=e?f===o?(s-h)/e:f===s?2+(h-o)/e:4+(o-s)/e:0;return{h:w(60*(n<0?n+6:n)),s:w(f?e/f*100:0),v:w(f/255*100),a:u}},re=v.memo(function(r){var o=r.hue,s=r.onChange,h=N(["react-colorful__hue",r.className]);return v.createElement("div",{className:h},v.createElement(F,{onMove:function(u){s({h:360*u.left})},onKey:function(u){s({h:O(o+360*u.left,0,360)})},"aria-label":"Hue","aria-valuenow":w(o),"aria-valuemax":"360","aria-valuemin":"0"},v.createElement(D,{className:"react-colorful__hue-pointer",left:o/360,color:K({h:o,s:100,v:100,a:1})})))}),te=v.memo(function(r){var o=r.hsva,s=r.onChange,h={backgroundColor:K({h:o.h,s:100,v:100,a:1})};return v.createElement("div",{className:"react-colorful__saturation",style:h},v.createElement(F,{onMove:function(u){s({s:100*u.left,v:100-100*u.top})},onKey:function(u){s({s:O(o.s+100*u.left,0,100),v:O(o.v-100*u.top,0,100)})},"aria-label":"Color","aria-valuetext":"Saturation "+w(o.s)+"%, Brightness "+w(o.v)+"%"},v.createElement(D,{className:"react-colorful__saturation-pointer",top:1-o.v/100,left:o.s/100,color:K(o)})))}),ne=function(r,o){if(r===o)return!0;for(var s in r)if(r[s]!==o[s])return!1;return!0},ae=function(r,o){return r.replace(/\s/g,"")===o.replace(/\s/g,"")},Oe=function(r,o){return r.toLowerCase()===o.toLowerCase()||ne(T(r),T(o))};function le(r,o,s){var h=L(s),u=y.useState(function(){return r.toHsva(o)}),f=u[0],e=u[1],n=y.useRef({color:o,hsva:f});y.useEffect(function(){if(!r.equal(o,n.current.color)){var a=r.toHsva(o);n.current={hsva:a,color:o},e(a)}},[o,r]),y.useEffect(function(){var a;ne(f,n.current.hsva)||r.equal(a=r.fromHsva(f),n.current.color)||(n.current={hsva:f,color:a},h(a))},[f,r,h]);var t=y.useCallback(function(a){e(function(l){return Object.assign({},l,a)})},[]);return[f,t]}var Se=typeof window<"u"?y.useLayoutEffect:y.useEffect,Ne=function(){return typeof __webpack_nonce__<"u"?__webpack_nonce__:void 0},U=new Map,oe=function(r){Se(function(){var o=r.current?r.current.ownerDocument:document;if(o!==void 0&&!U.has(o)){var s=o.createElement("style");s.innerHTML=`.react-colorful{position:relative;display:flex;flex-direction:column;width:200px;height:200px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default}.react-colorful__saturation{position:relative;flex-grow:1;border-color:transparent;border-bottom:12px solid #000;border-radius:8px 8px 0 0;background-image:linear-gradient(0deg,#000,transparent),linear-gradient(90deg,#fff,hsla(0,0%,100%,0))}.react-colorful__alpha-gradient,.react-colorful__pointer-fill{content:"";position:absolute;left:0;top:0;right:0;bottom:0;pointer-events:none;border-radius:inherit}.react-colorful__alpha-gradient,.react-colorful__saturation{box-shadow:inset 0 0 0 1px rgba(0,0,0,.05)}.react-colorful__alpha,.react-colorful__hue{position:relative;height:24px}.react-colorful__hue{background:linear-gradient(90deg,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red)}.react-colorful__last-control{border-radius:0 0 8px 8px}.react-colorful__interactive{position:absolute;left:0;top:0;right:0;bottom:0;border-radius:inherit;outline:none;touch-action:none}.react-colorful__pointer{position:absolute;z-index:1;box-sizing:border-box;width:28px;height:28px;transform:translate(-50%,-50%);background-color:#fff;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.2)}.react-colorful__interactive:focus .react-colorful__pointer{transform:translate(-50%,-50%) scale(1.1)}.react-colorful__alpha,.react-colorful__alpha-pointer{background-color:#fff;background-image:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill-opacity=".05"><path d="M8 0h8v8H8zM0 8h8v8H0z"/></svg>')}.react-colorful__saturation-pointer{z-index:3}.react-colorful__hue-pointer{z-index:2}`,U.set(o,s);var h=Ne();h&&s.setAttribute("nonce",h),o.head.appendChild(s)}},[])},Re=function(r){var o=r.className,s=r.colorModel,h=r.color,u=h===void 0?s.defaultColor:h,f=r.onChange,e=X(r,["className","colorModel","color","onChange"]),n=y.useRef(null);oe(n);var t=le(s,u,f),a=t[0],l=t[1],i=N(["react-colorful",o]);return v.createElement("div",C({},e,{ref:n,className:i}),v.createElement(te,{hsva:a,onChange:l}),v.createElement(re,{hue:a.h,onChange:l,className:"react-colorful__last-control"}))},je={defaultColor:"000",toHsva:we,fromHsva:function(r){return Me({h:r.h,s:r.s,v:r.v,a:1})},equal:Oe},ze=function(r){return v.createElement(Re,C({},r,{colorModel:je}))},He=function(r){var o=r.className,s=r.hsva,h=r.onChange,u={backgroundImage:"linear-gradient(90deg, "+H(Object.assign({},s,{a:0}))+", "+H(Object.assign({},s,{a:1}))+")"},f=N(["react-colorful__alpha",o]),e=w(100*s.a);return v.createElement("div",{className:f},v.createElement("div",{className:"react-colorful__alpha-gradient",style:u}),v.createElement(F,{onMove:function(n){h({a:n.left})},onKey:function(n){h({a:O(s.a+n.left)})},"aria-label":"Alpha","aria-valuetext":e+"%","aria-valuenow":e,"aria-valuemin":"0","aria-valuemax":"100"},v.createElement(D,{className:"react-colorful__alpha-pointer",left:s.a,color:H(s)})))},ue=function(r){var o=r.className,s=r.colorModel,h=r.color,u=h===void 0?s.defaultColor:h,f=r.onChange,e=X(r,["className","colorModel","color","onChange"]),n=y.useRef(null);oe(n);var t=le(s,u,f),a=t[0],l=t[1],i=N(["react-colorful",o]);return v.createElement("div",C({},e,{ref:n,className:i}),v.createElement(te,{hsva:a,onChange:l}),v.createElement(re,{hue:a.h,onChange:l}),v.createElement(He,{hsva:a,onChange:l,className:"react-colorful__last-control"}))},Ie={defaultColor:"hsla(0, 0%, 0%, 1)",toHsva:_e,fromHsva:H,equal:ae},Pe=function(r){return v.createElement(ue,C({},r,{colorModel:Ie}))},qe={defaultColor:"rgba(0, 0, 0, 1)",toHsva:Ce,fromHsva:function(r){var o=Z(r);return"rgba("+o.r+", "+o.g+", "+o.b+", "+o.a+")"},equal:ae},Le=function(r){return v.createElement(ue,C({},r,{colorModel:qe}))},Be=M.div({position:"relative",maxWidth:250}),Te=M.div({width:200,margin:5,".react-colorful__saturation":{borderRadius:"4px 4px 0 0"},".react-colorful__hue":{boxShadow:"inset 0 0 0 1px rgb(0 0 0 / 5%)"},".react-colorful__last-control":{borderRadius:"0 0 4px 4px"}}),Ke=M.div({display:"grid",gridTemplateColumns:"repeat(9, 16px)",gap:6,padding:3,marginTop:5,width:200}),Ve=r=>`url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill-opacity="0.05" fill="${r?"white":"black"}"><path d="M8 0h8v8H8zM0 8h8v8H0z"/></svg>')`,ie=M(Y)(({value:r,selected:o,theme:s})=>({width:16,height:16,boxShadow:o?`${s.appBorderColor} 0 0 0 1px inset, ${s.textMutedColor}50 0 0 0 4px`:`${s.appBorderColor} 0 0 0 1px inset`,border:"none",borderRadius:s.appBorderRadius,"&, &:hover":{background:"unset",backgroundColor:"unset",backgroundImage:`linear-gradient(${r}, ${r}), ${Ve(s.base==="dark")}`}})),Xe=M(ge.Input)(({theme:r})=>({width:"100%",paddingLeft:30,paddingRight:30,boxSizing:"border-box",fontFamily:r.typography.fonts.base,'[aria-readonly="true"] > &':{background:r.base==="light"?r.color.lighter:"transparent"}})),Fe=M(ie)(({disabled:r})=>({position:"absolute",top:4,left:4,zIndex:1,cursor:r?"not-allowed":"pointer"})),De=M(Y)(({theme:r})=>({position:"absolute",zIndex:1,top:6,right:7,width:20,height:20,padding:4,boxSizing:"border-box",cursor:"pointer",color:r.input.color})),se=(r=>(r.RGB="rgb",r.HSL="hsl",r.HEX="hex",r))(se||{}),q=Object.values(se),Ge=/\(([0-9]+),\s*([0-9]+)%?,\s*([0-9]+)%?,?\s*([0-9.]+)?\)/,Ae=/^\s*rgba?\(([0-9]+),\s*([0-9]+),\s*([0-9]+),?\s*([0-9.]+)?\)\s*$/i,We=/^\s*hsla?\(([0-9]+),\s*([0-9]+)%,\s*([0-9]+)%,?\s*([0-9.]+)?\)\s*$/i,V=/^\s*#?([0-9a-f]{3}|[0-9a-f]{6})\s*$/i,Ue=/^\s*#?([0-9a-f]{3})\s*$/i,Ye={hex:ze,rgb:Le,hsl:Pe},z={hex:"transparent",rgb:"rgba(0, 0, 0, 0)",hsl:"hsla(0, 0%, 0%, 0)"},ce=r=>{let o=r==null?void 0:r.match(Ge);if(!o)return[0,0,0,1];let[,s,h,u,f=1]=o;return[s,h,u,f].map(Number)},Je=r=>{let[o,s,h,u]=ce(r),[f,e,n]=_.default.rgb.hsl([o,s,h])||[0,0,0];return{valid:!0,value:r,keyword:_.default.rgb.keyword([o,s,h]),colorSpace:"rgb",rgb:r,hsl:`hsla(${f}, ${e}%, ${n}%, ${u})`,hex:`#${_.default.rgb.hex([o,s,h]).toLowerCase()}`}},Qe=r=>{let[o,s,h,u]=ce(r),[f,e,n]=_.default.hsl.rgb([o,s,h])||[0,0,0];return{valid:!0,value:r,keyword:_.default.hsl.keyword([o,s,h]),colorSpace:"hsl",rgb:`rgba(${f}, ${e}, ${n}, ${u})`,hsl:r,hex:`#${_.default.hsl.hex([o,s,h]).toLowerCase()}`}},Ze=r=>{let o=r.replace("#",""),s=_.default.keyword.rgb(o)||_.default.hex.rgb(o),h=_.default.rgb.hsl(s),u=r;/[^#a-f0-9]/i.test(r)?u=o:V.test(r)&&(u=`#${o}`);let f=!0;if(u.startsWith("#"))f=V.test(u);else try{_.default.keyword.hex(u)}catch{f=!1}return{valid:f,value:u,keyword:_.default.rgb.keyword(s),colorSpace:"hex",rgb:`rgba(${s[0]}, ${s[1]}, ${s[2]}, 1)`,hsl:`hsla(${h[0]}, ${h[1]}%, ${h[2]}%, 1)`,hex:u}},$=r=>{if(r)return Ae.test(r)?Je(r):We.test(r)?Qe(r):Ze(r)},er=(r,o,s)=>{if(!r||!(o!=null&&o.valid))return z[s];if(s!=="hex")return(o==null?void 0:o[s])||z[s];if(!o.hex.startsWith("#"))try{return`#${_.default.keyword.hex(o.hex)}`}catch{return z.hex}let h=o.hex.match(Ue);if(!h)return V.test(o.hex)?o.hex:z.hex;let[u,f,e]=h[1].split("");return`#${u}${u}${f}${f}${e}${e}`},rr=(r,o)=>{let[s,h]=y.useState(r||""),[u,f]=y.useState(()=>$(s)),[e,n]=y.useState((u==null?void 0:u.colorSpace)||"hex");y.useEffect(()=>{let i=r||"",c=$(i);h(i),f(c),n((c==null?void 0:c.colorSpace)||"hex")},[r]);let t=y.useMemo(()=>er(s,u,e).toLowerCase(),[s,u,e]),a=y.useCallback(i=>{let c=$(i),d=(c==null?void 0:c.value)||i||"";h(d),d===""&&(f(void 0),o(void 0)),c&&(f(c),n(c.colorSpace),o(c.value))},[o]),l=y.useCallback(()=>{let i=(q.indexOf(e)+1)%q.length,c=q[i];n(c);let d=(u==null?void 0:u[c])||"";h(d),o(d)},[u,e,o]);return{value:s,realValue:t,updateValue:a,color:u,colorSpace:e,cycleColorSpace:l}},I=r=>r.replace(/\s*/,"").toLowerCase(),tr=(r,o,s)=>{let[h,u]=y.useState(o!=null&&o.valid?[o]:[]);y.useEffect(()=>{o===void 0&&u([])},[o]);let f=y.useMemo(()=>(r||[]).map(n=>typeof n=="string"?$(n):n.title?{...$(n.color),keyword:n.title}:$(n.color)).concat(h).filter(Boolean).slice(-27),[r,h]),e=y.useCallback(n=>{n!=null&&n.valid&&(f.some(t=>t&&t[s]&&I(t[s]||"")===I(n[s]||""))||u(t=>t.concat(n)))},[s,f]);return{presets:f,addPreset:e}},nr=({name:r,value:o,onChange:s,onFocus:h,onBlur:u,presetColors:f,startOpen:e=!1,argType:n})=>{var R;let t=y.useCallback(ye(s,200),[s]),{value:a,realValue:l,updateValue:i,color:c,colorSpace:d,cycleColorSpace:g}=rr(o,t),{presets:b,addPreset:p}=tr(f??[],c,d),m=Ye[d],k=!!((R=n==null?void 0:n.table)!=null&&R.readonly),E=he(r);return v.createElement(Be,null,v.createElement("label",{htmlFor:E,className:"sb-sr-only"},r),v.createElement(Xe,{id:E,value:a,onChange:x=>i(x.target.value),onFocus:x=>x.target.select(),readOnly:k,placeholder:"Choose color..."}),v.createElement(de,{defaultVisible:e,visible:k?!1:void 0,onVisibleChange:()=>c&&p(c),popover:v.createElement(Te,null,v.createElement(m,{color:l==="transparent"?"#000000":l,onChange:i,onFocus:h,onBlur:u}),b.length>0&&v.createElement(Ke,null,b.map((x,G)=>v.createElement(ie,{key:`${(x==null?void 0:x.value)||G}-${G}`,variant:"ghost",padding:"small",size:"small",ariaLabel:"Pick this color",tooltip:(x==null?void 0:x.keyword)||(x==null?void 0:x.value)||"",value:(x==null?void 0:x.value)||"",selected:!!(c&&x&&x[d]&&I(x[d]||"")===I(c[d])),onClick:()=>x&&i(x.value||"")}))))},v.createElement(Fe,{variant:"ghost",padding:"small",size:"small",ariaLabel:"Open color picker",value:l,style:{margin:4},disabled:k})),a?v.createElement(De,{variant:"ghost",padding:"small",size:"small",ariaLabel:"Cycle through color spaces",disabled:k,onClick:k?void 0:g},v.createElement(fe,null)):null)},or=nr;export{nr as ColorControl,or as default};

package/dist/assets/ComposingPopovers.stories-CYrydDT0.js

@@ -0,0 +1,49 @@
+import{j as i,r as k}from"./iframe-CWgEsn_I.js";import{F}from"./TokyoUIFav-CV3HlDno.js";import{B as C}from"./Button-KgwWX-kY.js";import{h as V,g as q}from"./DropdownMenu-Eg6NEumE.js";import{O as A}from"./OnboardingTooltip-Clfuyvq4.js";import{T as G}from"./Tooltip-nL6-qc2S.js";import{I as N}from"./IconButton-DvmHN9Bh.js";import"./preload-helper-Dp1pzeXC.js";import"./render-icon-DCa6Vadq.js";import"./ButtonBase-LoF75NjE.js";import"./filterAttributesPassedByRadixUIAtRuntime-B7QTVwVw.js";import"./Spinner-BtlYJQrD.js";import"./useMergeRefs-Cma75nFm.js";import"./useHostname-DENeD9To.js";import"./index-CC6DAVyL.js";import"./componentNames-CmmTyjin.js";import"./TokyoUICheck-DFXDKlST.js";import"./Icon-BbVZ9NP7.js";import"./text-accent-CvDqGyH8.js";import"./breakpoints-BfMlrtxE.js";import"./useOpenInteractionType-DeCsKa-1.js";import"./VisuallyHidden-CBzPUOy4.js";import"./index-BAEPs7Y-.js";import"./useControllableState-CB098DmS.js";import"./useStableCallback-Cg8WkzY2.js";import"./message-qc_MCF3J.js";import"./TokyoUIClose-Bf-N_4aK.js";import"./Text-D2ssZW1_.js";import"./text-centered-4FcavPd_.js";import"./Heading-jyl-6mnE.js";import"./shared-strings-I9WUPC_k.js";import"./index-D3eu31XZ.js";const{expect:r,waitFor:p,userEvent:s,within:P}=__STORYBOOK_MODULE_TEST__,a={tooltip:o=>i.jsx(G,{content:"This is a tooltip",dataset:{testid:"tooltip"},children:o}),onboardingTooltip:o=>i.jsx(A,{title:"New Feature Available!",text:"We've added an exciting new feature to enhance your experience.",children:o}),dropdownMenu:o=>i.jsx(V,{trigger:o,children:i.jsx(q,{label:"Dropdown Menu Item"})})},l={tooltip:async({canvas:o,step:t})=>{const e=await o.findByRole("button",{name:"Trigger button"});await t("focus on the icon button",async()=>{e.focus(),await p(async()=>{const n=await o.findByTestId("tooltip");await r(n).toBeVisible()})}),await t("unfocus the icon button",async()=>{await s.tab(),await p(async()=>{const n=await o.findByTestId("tooltip");await r(n).not.toBeInTheDocument()})}),await t("hover the icon button",async()=>{await s.hover(e),await p(async()=>{const n=await o.findByTestId("tooltip");await r(n).toBeVisible()})}),await t("unhover the icon button",async()=>{await s.unhover(e),await p(async()=>{const n=await o.queryByTestId("tooltip");await r(n).not.toBeInTheDocument()})})},onboardingTooltip:async({canvas:o,step:t})=>{const e=await o.findByRole("dialog",{name:"New Feature Available!"});await t("wait for onboarding tooltip to be visible",async()=>{await p(async()=>{await r(e).toBeVisible()})}),await t("click on onboarding tooltip action",async()=>{await s.click(P(e).getByRole("button",{name:"Got it"}))})},dropdownMenu:async({canvas:o,step:t})=>{const e=await o.findByRole("button",{name:"Trigger button"});await t("open dropdown menu ",async()=>{await s.click(e),await p(async()=>{const n=await o.findByRole("menu");await r(n).toBeVisible()})}),await t("close dropdown menu",async()=>{await s.keyboard("{Escape}"),await p(async()=>{const n=await o.queryByRole("menu");await r(n).not.toBeInTheDocument()})})}},Y=i.jsx(N,{svg:i.jsx(F,{}),assistiveText:"Trigger button"}),xo={title:"Guides/Composing Popovers",render:({popovers:o})=>o.reduceRight((t,e)=>e(t),Y),argTypes:{popovers:{table:{disable:!0},control:!1}},parameters:{preventIframeFromScrollingParent:!0,layout:"fullscreen",docs:{story:{inline:!1,height:400},source:{type:"dynamic"},argTypes:{include:[]},description:{component:`In some cases, you might want to use multiple popover-like
+components together with the same target element.
+
+You can do this by wrapping the target element with both components either way.`}},chromatic:{disableSnapshot:!0}},decorators:[o=>{const[t,e]=k.useState(0),n=()=>e(t+1);return i.jsxs(i.Fragment,{children:[i.jsx("div",{style:{height:"90vh",padding:16,position:"relative",display:"flex",alignItems:"center",justifyContent:"center"},children:i.jsx(o,{},t)}),i.jsx("div",{style:{position:"fixed",left:0,bottom:0,margin:8},children:i.jsx(C,{variant:"ghost",size:"small",onClick:n,children:"Reset story"})})]})}],async afterEach({canvas:o}){await s.click(await o.findByRole("button",{name:"Reset story"}))}},d={name:"Tooltip with OnboardingTooltip",args:{popovers:[a.tooltip,a.onboardingTooltip]},async play(o){await l.onboardingTooltip(o),await l.tooltip(o)}},m={name:"OnboardingTooltip with Tooltip",args:{popovers:[a.onboardingTooltip,a.tooltip]},play:d.play},c={name:"DropdownMenu with Tooltip",args:{popovers:[a.dropdownMenu,a.tooltip]},async play(o){await l.tooltip(o),await l.dropdownMenu(o)}},u={name:"Tooltip with DropdownMenu",args:{popovers:[a.tooltip,a.dropdownMenu]},play:c.play},w={name:"DropdownMenu with OnboardingTooltip",args:{popovers:[a.dropdownMenu,a.onboardingTooltip]},async play(o){await l.onboardingTooltip(o),await l.dropdownMenu(o)}},g={name:"OnboardingTooltip with DropdownMenu",args:{popovers:[a.onboardingTooltip,a.dropdownMenu]},play:w.play};var y,T,h;d.parameters={...d.parameters,docs:{...(y=d.parameters)==null?void 0:y.docs,source:{originalSource:`{
+  name: 'Tooltip with OnboardingTooltip',
+  args: {
+    popovers: [popovers.tooltip, popovers.onboardingTooltip]
+  },
+  async play(ctx) {
+    await tests.onboardingTooltip(ctx);
+    await tests.tooltip(ctx);
+  }
+}`,...(h=(T=d.parameters)==null?void 0:T.docs)==null?void 0:h.source}}};var b,v,M;m.parameters={...m.parameters,docs:{...(b=m.parameters)==null?void 0:b.docs,source:{originalSource:`{
+  name: 'OnboardingTooltip with Tooltip',
+  args: {
+    popovers: [popovers.onboardingTooltip, popovers.tooltip]
+  },
+  play: TooltipWithOnboardingTooltip.play
+}`,...(M=(v=m.parameters)==null?void 0:v.docs)==null?void 0:M.source}}};var f,x,D;c.parameters={...c.parameters,docs:{...(f=c.parameters)==null?void 0:f.docs,source:{originalSource:`{
+  name: 'DropdownMenu with Tooltip',
+  args: {
+    popovers: [popovers.dropdownMenu, popovers.tooltip]
+  },
+  async play(ctx) {
+    await tests.tooltip(ctx);
+    await tests.dropdownMenu(ctx);
+  }
+}`,...(D=(x=c.parameters)==null?void 0:x.docs)==null?void 0:D.source}}};var O,B,W;u.parameters={...u.parameters,docs:{...(O=u.parameters)==null?void 0:O.docs,source:{originalSource:`{
+  name: 'Tooltip with DropdownMenu',
+  args: {
+    popovers: [popovers.tooltip, popovers.dropdownMenu]
+  },
+  play: DropdownMenuWithTooltip.play
+}`,...(W=(B=u.parameters)==null?void 0:B.docs)==null?void 0:W.source}}};var j,I,R;w.parameters={...w.parameters,docs:{...(j=w.parameters)==null?void 0:j.docs,source:{originalSource:`{
+  name: 'DropdownMenu with OnboardingTooltip',
+  args: {
+    popovers: [popovers.dropdownMenu, popovers.onboardingTooltip]
+  },
+  async play(ctx) {
+    await tests.onboardingTooltip(ctx);
+    await tests.dropdownMenu(ctx);
+  }
+}`,...(R=(I=w.parameters)==null?void 0:I.docs)==null?void 0:R.source}}};var S,E,_;g.parameters={...g.parameters,docs:{...(S=g.parameters)==null?void 0:S.docs,source:{originalSource:`{
+  name: 'OnboardingTooltip with DropdownMenu',
+  args: {
+    popovers: [popovers.onboardingTooltip, popovers.dropdownMenu]
+  },
+  play: DropdownMenuWithOnboardingTooltip.play
+}`,...(_=(E=g.parameters)==null?void 0:E.docs)==null?void 0:_.source}}};const Do=["TooltipWithOnboardingTooltip","OnboardingTooltipWithTooltip","DropdownMenuWithTooltip","TooltipWithDropdownMenu","DropdownMenuWithOnboardingTooltip","OnboardingTooltipWithDropdownMenu"];export{w as DropdownMenuWithOnboardingTooltip,c as DropdownMenuWithTooltip,g as OnboardingTooltipWithDropdownMenu,m as OnboardingTooltipWithTooltip,u as TooltipWithDropdownMenu,d as TooltipWithOnboardingTooltip,Do as __namedExportsOrder,xo as default};

package/dist/assets/CountryFlag-BsylP9aC.js

@@ -0,0 +1 @@
+import{r as g,j as m,g as b}from"./iframe-CWgEsn_I.js";import{w as h}from"./componentNames-CmmTyjin.js";const p={af:"Afghanistan",ax:"Aland Islands",al:"Albania",dz:"Algeria",as:"American Samoa",ad:"Andorra",ao:"Angola",ai:"Anguilla",aq:"Antarctica",ag:"Antigua and Barbuda",ar:"Argentina",am:"Armenia",aw:"Aruba","sh-ac":"Ascension Island",asean:"Association of Southeast Asian Nations",au:"Australia",at:"Austria",az:"Azerbaijan",bs:"Bahamas",bh:"Bahrain",bd:"Bangladesh",bb:"Barbados","es-pv":"Basque Country",by:"Belarus",be:"Belgium",bz:"Belize",bj:"Benin",bm:"Bermuda",bt:"Bhutan",bo:"Bolivia",bq:"Bonaire, Sint Eustatius and Saba",ba:"Bosnia and Herzegovina",bw:"Botswana",bv:"Bouvet Island",br:"Brazil",io:"British Indian Ocean Territory",bn:"Brunei Darussalam",bg:"Bulgaria",bf:"Burkina Faso",bi:"Burundi",cv:"Cabo Verde",kh:"Cambodia",cm:"Cameroon",ca:"Canada",ic:"Canary Islands","es-ct":"Catalonia",ky:"Cayman Islands",cf:"Central African Republic",cefta:"Central European Free Trade Agreement",td:"Chad",cl:"Chile",cn:"China",cx:"Christmas Island",cp:"Clipperton Island",cc:"Cocos (Keeling) Islands",co:"Colombia",km:"Comoros",ck:"Cook Islands",cr:"Costa Rica",hr:"Croatia",cu:"Cuba",cw:"Curaçao",cy:"Cyprus",cz:"Czech Republic",ci:"Côte d'Ivoire",cd:"Democratic Republic of the Congo",dk:"Denmark",dg:"Diego Garcia",dj:"Djibouti",dm:"Dominica",do:"Dominican Republic",eac:"East African Community",ec:"Ecuador",eg:"Egypt",sv:"El Salvador","gb-eng":"England",gq:"Equatorial Guinea",er:"Eritrea",ee:"Estonia",sz:"Eswatini",et:"Ethiopia",eu:"Europe",fk:"Falkland Islands",fo:"Faroe Islands",fm:"Federated States of Micronesia",fj:"Fiji",fi:"Finland",fr:"France",gf:"French Guiana",pf:"French Polynesia",tf:"French Southern Territories",ga:"Gabon","es-ga":"Galicia",gm:"Gambia",ge:"Georgia",de:"Germany",gh:"Ghana",gi:"Gibraltar",gr:"Greece",gl:"Greenland",gd:"Grenada",gp:"Guadeloupe",gu:"Guam",gt:"Guatemala",gg:"Guernsey",gn:"Guinea",gw:"Guinea-Bissau",gy:"Guyana",ht:"Haiti",hm:"Heard Island and McDonald Islands",va:"Holy See",hn:"Honduras",hk:"Hong Kong",hu:"Hungary",is:"Iceland",in:"India",id:"Indonesia",ir:"Iran",iq:"Iraq",ie:"Ireland",im:"Isle of Man",il:"Israel",it:"Italy",jm:"Jamaica",jp:"Japan",je:"Jersey",jo:"Jordan",kz:"Kazakhstan",ke:"Kenya",ki:"Kiribati",xk:"Kosovo",kw:"Kuwait",kg:"Kyrgyzstan",la:"Laos",lv:"Latvia",arab:"League of Arab States",lb:"Lebanon",ls:"Lesotho",lr:"Liberia",ly:"Libya",li:"Liechtenstein",lt:"Lithuania",lu:"Luxembourg",mo:"Macau",mg:"Madagascar",mw:"Malawi",my:"Malaysia",mv:"Maldives",ml:"Mali",mt:"Malta",mh:"Marshall Islands",mq:"Martinique",mr:"Mauritania",mu:"Mauritius",yt:"Mayotte",mx:"Mexico",md:"Moldova",mc:"Monaco",mn:"Mongolia",me:"Montenegro",ms:"Montserrat",ma:"Morocco",mz:"Mozambique",mm:"Myanmar",na:"Namibia",nr:"Nauru",np:"Nepal",nl:"Netherlands",nc:"New Caledonia",nz:"New Zealand",ni:"Nicaragua",ne:"Niger",ng:"Nigeria",nu:"Niue",nf:"Norfolk Island",kp:"North Korea",mk:"North Macedonia","gb-nir":"Northern Ireland",mp:"Northern Mariana Islands",no:"Norway",om:"Oman",pc:"Pacific Community",pk:"Pakistan",pw:"Palau",pa:"Panama",pg:"Papua New Guinea",py:"Paraguay",pe:"Peru",ph:"Philippines",pn:"Pitcairn",pl:"Poland",pt:"Portugal",pr:"Puerto Rico",qa:"Qatar",cg:"Republic of the Congo",ro:"Romania",ru:"Russia",rw:"Rwanda",re:"Réunion",bl:"Saint Barthélemy","sh-hl":"Saint Helena",sh:"Saint Helena, Ascension and Tristan da Cunha",kn:"Saint Kitts and Nevis",lc:"Saint Lucia",mf:"Saint Martin",pm:"Saint Pierre and Miquelon",vc:"Saint Vincent and the Grenadines",ws:"Samoa",sm:"San Marino",st:"Sao Tome and Principe",sa:"Saudi Arabia","gb-sct":"Scotland",sn:"Senegal",rs:"Serbia",sc:"Seychelles",sl:"Sierra Leone",sg:"Singapore",sx:"Sint Maarten",sk:"Slovakia",si:"Slovenia",sb:"Solomon Islands",so:"Somalia",za:"South Africa",gs:"South Georgia and the South Sandwich Islands",kr:"South Korea",ss:"South Sudan",es:"Spain",lk:"Sri Lanka",ps:"State of Palestine",sd:"Sudan",sr:"Suriname",sj:"Svalbard and Jan Mayen",se:"Sweden",ch:"Switzerland",sy:"Syria",tw:"Taiwan",tj:"Tajikistan",tz:"Tanzania",th:"Thailand",tl:"Timor-Leste",tg:"Togo",tk:"Tokelau",to:"Tonga",tt:"Trinidad and Tobago","sh-ta":"Tristan da Cunha",tn:"Tunisia",tm:"Turkmenistan",tc:"Turks and Caicos Islands",tv:"Tuvalu",tr:"Türkiye",ug:"Uganda",ua:"Ukraine",ae:"United Arab Emirates",gb:"United Kingdom",un:"United Nations",um:"United States Minor Outlying Islands",us:"United States of America",uy:"Uruguay",uz:"Uzbekistan",vu:"Vanuatu",ve:"Venezuela",vn:"Vietnam",vg:"Virgin Islands (British)",vi:"Virgin Islands (U.S.)","gb-wls":"Wales",wf:"Wallis and Futuna",eh:"Western Sahara",ye:"Yemen",zm:"Zambia",zw:"Zimbabwe"};function y({requester:s,countryCode:a,square:o=!1,simplified:e=!0,graphic:i="vector"}){const n=o?"1x1":"4x3",r=i==="vector"?"":"jpg/",t=i==="vector"?"svg":"jpg";return e&&(a==="es"||a==="mx")?`https://static.preply.com/ds/country-flags/${r}${n}/${a}-simplified.${t}?requester=${s}`:`https://static.preply.com/ds/country-flags/${r}${n}/${a}.${t}?requester=${s}`}const S="flag__UxXhl",f={flag:S},I="data:image/svg+xml;base64,PHN2ZyBkYXRhLXByZXBseS1kcy1jb21wb25lbnQ9IlN2Z0NvdW50cnlGbGFnIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NDAgNDgwIi8+",M=g.forwardRef(function({alt:a,dataset:o,size:e="small",simplified:i=!0,code:n,...r},t){const l=e==="large"?32:e==="medium"?24:16,u=l*3/4,c=typeof n!="string"||!p[n]?I:y({countryCode:n,simplified:i,requester:"WebCountryFlag"}),d={alt:a,src:c,width:l,height:u,className:f.flag};return m.jsx("img",{...r,ref:t,...d,...b(o,{preplyDsComponent:h.CountryFlag})})});export{M as C,p as c,y as g};

package/dist/assets/{CountryFlag.stories-lizf_vqO.js → CountryFlag.stories-CV_Ix2uc.js}

@@ -1,4 +1,4 @@
-import{j as e}from"./jsx-runtime-BTJTZTIL.js";import{r as n}from"./index-Cb9e4tly.js";import{e as z}from"./index-Dk_MCKuE.js";import{c as h,C as p,g as u}from"./CountryFlag-DuiC2miK.js";import{L as te}from"./LayoutFlex-BkczeydK.js";import{L as V}from"./LayoutGrid-B5JJKgNY.js";import{L as i}from"./LayoutGridItem-BLoIIsgH.js";import{T as t}from"./Text-DVl1HBkZ.js";import{L as ie}from"./Link-CjAvDgdX.js";import{F as m}from"./FormControl-BIPOTQBb.js";import{C as g}from"./Checkbox-BnqXU33n.js";import{T as le}from"./TextField-BRDwFAhX.js";import{A as ne,a as de,b as ce,c as ue}from"./Accordion-iUMOrUCV.js";import"./index-ChsGqxH_.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./index-qlqSh81O.js";import"./componentNames-k0j3gHgH.js";import"./filterAttributesPassedByRadixUIAtRuntime-B7QTVwVw.js";import"./layout-relative.module-FOVgic7W.js";import"./classNames-9hsFPPZv.js";import"./defaults-_YAxqn11.js";import"./breakpoints-BfMlrtxE.js";import"./layout-relative-Rn-Bns4t.js";import"./constants-DYYVurUY.js";import"./align-self-Cj4aclWl.js";import"./text-accent-VILyY3zt.js";import"./text-centered-BFb64PJw.js";import"./useHostname-PsilflFC.js";import"./index-DWSmmBvQ.js";import"./tslib.es6-C7pnyCjR.js";import"./hoist-non-react-statics.cjs-C-Qo8PK8.js";import"./message-CSdaKtIj.js";import"./index-Cc-bXjHe.js";import"./render-icon-BT0Aq7PA.js";import"./useMergeRefs-SFH7Mw4x.js";import"./Input-CfV08vH7.js";import"./InputContainer-Cnv--ROK.js";import"./TokyoUIChevronDown-CEw5hWWz.js";import"./Icon-BsfKiFZj.js";const Ke={title:"components/CountryFlag",component:p,args:{code:"ua",alt:h.ua}},j={render:function(){return e.jsxs("div",{style:{maxWidth:"1000px"},children:[e.jsx(t,{variant:"default-semibold",children:"For some countries, simplified flags are automatically used (unless `simplified` is set to `false`)"}),e.jsxs(V,{columns:4,children:[e.jsx(i,{children:e.jsx(t,{variant:"default-semibold",children:"Code"})}),e.jsx(i,{children:e.jsx(t,{variant:"default-semibold",children:"Country name"})}),e.jsx(i,{children:e.jsx(t,{variant:"default-semibold",children:"4x3"})}),e.jsx(i,{children:e.jsx(t,{variant:"default-semibold",children:"4x3 (with `simplified=false`)"})}),["es","mx"].map(r=>e.jsxs(n.Fragment,{children:[e.jsx(i,{children:r}),e.jsx(i,{children:h[r]}),e.jsx(i,{children:e.jsx(p,{code:r,alt:h[r],size:"large"})}),e.jsx(i,{children:e.jsx(p,{code:r,alt:h[r],size:"large",simplified:!1})})]},r))]}),e.jsx("br",{}),e.jsx(t,{variant:"default-semibold",children:"All countries"}),e.jsxs(V,{columns:3,children:[e.jsx(i,{children:e.jsx(t,{variant:"default-semibold",children:"Code"})}),e.jsx(i,{children:e.jsx(t,{variant:"default-semibold",children:"Country name"})}),e.jsx(i,{children:e.jsx(t,{variant:"default-semibold",children:"4x3"})}),Object.keys(h).map(r=>e.jsxs(n.Fragment,{children:[e.jsx(i,{children:r}),e.jsx(i,{children:h[r]}),e.jsx(i,{children:e.jsx(p,{code:r,alt:h[r],size:"large"})})]},r))]})]})}};function l({src:d,alt:r,square:a=!1}){return e.jsxs("div",{children:[e.jsx("img",{src:d,alt:r,style:{width:a?"96px":"128px",height:"96px"}}),e.jsx("img",{src:d,alt:r,style:{width:a?"24px":"32px",height:"24px"}})]})}const G={tags:["!test","!a11y-test"],parameters:{chromatic:{disableSnapshot:!0}},render:function(){const r="https://static.staging.preply.org/groot/country_flags/",a="https://static.preply.com/ds/country-flags/",[y,P]=n.useState(!1),[f,D]=n.useState(!1),[S,q]=n.useState(!0),[C,L]=n.useState(!0),[v,N]=n.useState(!1),[b,A]=n.useState(!0),[w,I]=n.useState(!0),[re,J]=n.useState(!0),[x,oe]=n.useState(a),$=Number(y)+Number(f)+Number(S)+Number(C)+Number(v)+Number(b)+Number(w)+2,se=y&&f&&S&&C&&v&&b&&w;return e.jsxs("div",{style:{maxWidth:"100%"},children:[e.jsx(ne,{children:e.jsxs(de,{children:[e.jsx(ce,{children:"How to read the following table?"}),e.jsxs(ue,{children:[e.jsxs(t,{children:["- All the flags have bee imported from"," ",e.jsx(ie,{href:"https://github.com/lipis/flag-icons",children:"flag-icons"})]}),e.jsx(t,{children:"- Some flags have been manually replaced because they were wrong"}),e.jsx(t,{children:"- The design system contains more flags compared to Groot (the original apollo's application that contained all the static assets)"}),e.jsx(t,{children:"- Some flags have simplified versions (ex. Spain, Mexico) to reduce their size"}),e.jsx(t,{children:"- All the flags are a available in JPG, mainly to reduce the computation on the native application"}),e.jsx(t,{children:"- You are supposed to gather the assets URL through the `getCountryFlagUrl` utility"}),e.jsx(t,{children:"- For local testing, use `npx serve` launched in the `static-assets/country-flags` directory, and replace the path in the below field."}),e.jsx(t,{children:"- For PR testing, look at `deploy-static-assets.sh` to find the PR URL for static assets."})]})]})}),e.jsxs(te,{gap:"16",padding:["32","0","0","0"],children:[e.jsx(m,{label:"Groot 4x3 SVG",required:!0,children:e.jsx(g,{checked:y,onCheckedChange:P})}),e.jsx(m,{label:"Groot 4x3 PNG",required:!0,children:e.jsx(g,{checked:f,onCheckedChange:D})}),e.jsx(m,{label:"DS 4x3 SVG",required:!0,children:e.jsx(g,{checked:S,onCheckedChange:q})}),e.jsx(m,{label:"DS 4x3 JPG",required:!0,children:e.jsx(g,{checked:C,onCheckedChange:L})}),e.jsx(m,{label:"Groot 1x1 SVG",required:!0,children:e.jsx(g,{checked:v,onCheckedChange:N})}),e.jsx(m,{label:"DS 1x1 SVG",required:!0,children:e.jsx(g,{checked:b,onCheckedChange:A})}),e.jsx(m,{label:"DS 1x1 JPG",required:!0,children:e.jsx(g,{checked:w,onCheckedChange:I})}),e.jsx(m,{label:"Product size",required:!0,children:e.jsx(g,{checked:re,onCheckedChange:J})}),e.jsx(m,{label:"All",required:!0,children:e.jsx(g,{checked:se,onCheckedChange:o=>{P(o),D(o),q(o),L(o),N(o),A(o),I(o),J(o)}})}),e.jsx(le,{value:x,onValueChange:oe,label:"Assets path",required:!0})]}),e.jsx("div",{style:{position:"sticky",top:"0px",background:"white"},children:e.jsxs("div",{style:{display:"grid",gridTemplateColumns:`repeat(${$}, 1fr)`,gap:"4px",padding:"16px 0 0 0"},children:[e.jsx("div",{style:{alignSelf:"start"},children:e.jsx(t,{variant:"default-semibold",children:"Code"})}),e.jsx(t,{variant:"default-semibold",children:"Country name"}),y&&e.jsx(t,{variant:"default-semibold",children:"Show Groot 4x3 SVG"}),f&&e.jsx(t,{variant:"default-semibold",children:"Show Groot 4x3 PNG"}),S&&e.jsx(t,{variant:"default-semibold",children:"Show DS 4x3 SVG"}),C&&e.jsx(t,{variant:"default-semibold",children:"Show DS 4x3 JPG"}),v&&e.jsx(t,{variant:"default-semibold",children:"Show Groot 1x1 SVG"}),b&&e.jsx(t,{variant:"default-semibold",children:"Show DS 1x1 SVG"}),w&&e.jsx(t,{variant:"default-semibold",children:"Show DS 1x1 JPG"})]})}),e.jsx("div",{style:{display:"grid",gridTemplateColumns:`repeat(${$}, 1fr)`,gap:"4px",padding:"16px 0 0 0"},children:Object.keys(h).map(o=>{const c=o,s=h[o],ae=u({requester:"",countryCode:c,simplified:!0})!==u({requester:"",countryCode:c,simplified:!1});return e.jsxs(n.Fragment,{children:[e.jsx(t,{children:o}),e.jsx(t,{children:s}),y&&e.jsx(l,{src:`${r}4x3/${o}.svg`,alt:s}),f&&e.jsx(l,{src:`${r}pngs/${o}.png`,alt:s}),S&&e.jsx(l,{src:u({requester:"storybook",countryCode:c,simplified:!1}).replace(a,x),alt:s}),C&&e.jsx(l,{src:u({requester:"storybook",countryCode:c,simplified:!1,graphic:"raster"}).replace(a,x),alt:s}),v&&e.jsx(l,{src:`${r}1x1/${o}.svg`,square:!0,alt:s}),b&&e.jsx(l,{src:u({requester:"storybook",countryCode:c,simplified:!1,square:!0}).replace(a,x),square:!0,alt:s}),w&&e.jsx(l,{src:u({requester:"storybook",countryCode:c,simplified:!1,square:!0,graphic:"raster"}).replace(a,x),square:!0,alt:s}),ae&&e.jsxs(n.Fragment,{children:[e.jsxs(t,{children:[o," (simplified version)"]}),e.jsx(t,{children:h[o]}),y&&e.jsx(l,{src:`${r}4x3/${o}.svg`,alt:s}),f&&e.jsx(l,{src:`${r}pngs/${o}.png`,alt:s}),S&&e.jsx(l,{src:u({requester:"storybook",countryCode:c,simplified:!0}).replace(a,x),alt:s}),C&&e.jsx(l,{src:u({requester:"storybook",countryCode:c,simplified:!0,graphic:"raster"}).replace(a,x),alt:s}),v&&e.jsx(l,{src:`${r}1x1/${o}.svg`,square:!0,alt:s}),b&&e.jsx(l,{src:u({requester:"storybook",countryCode:c,simplified:!0,square:!0}).replace(a,x),square:!0,alt:s}),w&&e.jsx(l,{src:u({requester:"storybook",countryCode:c,simplified:!0,square:!0,graphic:"raster"}).replace(a,x),square:!0,alt:s})]},o+"simplified")]},o)})})]})}},F={render:d=>e.jsxs(te,{gap:"16",children:[e.jsx(p,{...d,size:"small"}),e.jsx(p,{...d,size:"medium"}),e.jsx(p,{...d,size:"large"})]})},T={render:function(){return e.jsxs(e.Fragment,{children:[e.jsx(t,{variant:"default-regular-italic",children:"Invalid country code"}),e.jsx(p,{code:"invalidCountryCode",alt:"Invalid country code"}),e.jsx(t,{variant:"default-regular-italic",children:"`undefined` country code"}),e.jsx(p,{code:void 0,alt:"Undefined country code"})]})},play:async({canvas:d})=>{const r=d.getByAltText("Invalid country code");z(r).toBeVisible();const a=d.getByAltText("Undefined country code");z(a).toBeVisible()}},k={parameters:{chromatic:{disableSnapshot:!0}},args:{dataset:{qaid:"flag"}},argTypes:{dataset:{control:"object"}}};var U,R,B;j.parameters={...j.parameters,docs:{...(U=j.parameters)==null?void 0:U.docs,source:{originalSource:`{
+import{j as e,r as n}from"./iframe-CWgEsn_I.js";import{c as h,C as p,g as u}from"./CountryFlag-BsylP9aC.js";import{L as te}from"./LayoutFlex-TxluN-Yw.js";import{L as z}from"./LayoutGrid-CyPyNDw1.js";import{L as i}from"./LayoutGridItem-D9IWdXiI.js";import{T as t}from"./Text-D2ssZW1_.js";import{L as ie}from"./Link-DBtlp5DH.js";import{F as m}from"./FormControl-DI4h0Rn1.js";import{C as g}from"./Checkbox-Bdi6imAj.js";import{T as le}from"./TextField-D3FL7yE0.js";import{A as ne,a as de,b as ce,c as ue}from"./Accordion-Bjcf873X.js";import"./preload-helper-Dp1pzeXC.js";import"./componentNames-CmmTyjin.js";import"./filterAttributesPassedByRadixUIAtRuntime-B7QTVwVw.js";import"./layout-relative.module-DtLbhGhZ.js";import"./breakpoints-BfMlrtxE.js";import"./layout-relative-Dd1oD7no.js";import"./constants-DYYVurUY.js";import"./align-self-Dj6Hw1ei.js";import"./text-accent-CvDqGyH8.js";import"./text-centered-4FcavPd_.js";import"./useHostname-DENeD9To.js";import"./index-BAEPs7Y-.js";import"./message-qc_MCF3J.js";import"./render-icon-DCa6Vadq.js";import"./useMergeRefs-Cma75nFm.js";import"./Input-qJLg_DQg.js";import"./InputContainer-DxTdO3rg.js";import"./TokyoUIChevronDown-CV0GTyb_.js";import"./Icon-BbVZ9NP7.js";const{expect:V}=__STORYBOOK_MODULE_TEST__,Ee={title:"components/CountryFlag",component:p,args:{code:"ua",alt:h.ua}},j={render:function(){return e.jsxs("div",{style:{maxWidth:"1000px"},children:[e.jsx(t,{variant:"default-semibold",children:"For some countries, simplified flags are automatically used (unless `simplified` is set to `false`)"}),e.jsxs(z,{columns:4,children:[e.jsx(i,{children:e.jsx(t,{variant:"default-semibold",children:"Code"})}),e.jsx(i,{children:e.jsx(t,{variant:"default-semibold",children:"Country name"})}),e.jsx(i,{children:e.jsx(t,{variant:"default-semibold",children:"4x3"})}),e.jsx(i,{children:e.jsx(t,{variant:"default-semibold",children:"4x3 (with `simplified=false`)"})}),["es","mx"].map(r=>e.jsxs(n.Fragment,{children:[e.jsx(i,{children:r}),e.jsx(i,{children:h[r]}),e.jsx(i,{children:e.jsx(p,{code:r,alt:h[r],size:"large"})}),e.jsx(i,{children:e.jsx(p,{code:r,alt:h[r],size:"large",simplified:!1})})]},r))]}),e.jsx("br",{}),e.jsx(t,{variant:"default-semibold",children:"All countries"}),e.jsxs(z,{columns:3,children:[e.jsx(i,{children:e.jsx(t,{variant:"default-semibold",children:"Code"})}),e.jsx(i,{children:e.jsx(t,{variant:"default-semibold",children:"Country name"})}),e.jsx(i,{children:e.jsx(t,{variant:"default-semibold",children:"4x3"})}),Object.keys(h).map(r=>e.jsxs(n.Fragment,{children:[e.jsx(i,{children:r}),e.jsx(i,{children:h[r]}),e.jsx(i,{children:e.jsx(p,{code:r,alt:h[r],size:"large"})})]},r))]})]})}};function l({src:d,alt:r,square:a=!1}){return e.jsxs("div",{children:[e.jsx("img",{src:d,alt:r,style:{width:a?"96px":"128px",height:"96px"}}),e.jsx("img",{src:d,alt:r,style:{width:a?"24px":"32px",height:"24px"}})]})}const G={tags:["!test","!a11y-test"],parameters:{chromatic:{disableSnapshot:!0}},render:function(){const r="https://static.staging.preply.org/groot/country_flags/",a="https://static.preply.com/ds/country-flags/",[y,P]=n.useState(!1),[S,D]=n.useState(!1),[f,q]=n.useState(!0),[C,L]=n.useState(!0),[v,N]=n.useState(!1),[b,A]=n.useState(!0),[w,I]=n.useState(!0),[re,J]=n.useState(!0),[x,oe]=n.useState(a),$=Number(y)+Number(S)+Number(f)+Number(C)+Number(v)+Number(b)+Number(w)+2,se=y&&S&&f&&C&&v&&b&&w;return e.jsxs("div",{style:{maxWidth:"100%"},children:[e.jsx(ne,{children:e.jsxs(de,{children:[e.jsx(ce,{children:"How to read the following table?"}),e.jsxs(ue,{children:[e.jsxs(t,{children:["- All the flags have bee imported from"," ",e.jsx(ie,{href:"https://github.com/lipis/flag-icons",children:"flag-icons"})]}),e.jsx(t,{children:"- Some flags have been manually replaced because they were wrong"}),e.jsx(t,{children:"- The design system contains more flags compared to Groot (the original apollo's application that contained all the static assets)"}),e.jsx(t,{children:"- Some flags have simplified versions (ex. Spain, Mexico) to reduce their size"}),e.jsx(t,{children:"- All the flags are a available in JPG, mainly to reduce the computation on the native application"}),e.jsx(t,{children:"- You are supposed to gather the assets URL through the `getCountryFlagUrl` utility"}),e.jsx(t,{children:"- For local testing, use `npx serve` launched in the `static-assets/country-flags` directory, and replace the path in the below field."}),e.jsx(t,{children:"- For PR testing, look at `deploy-static-assets.sh` to find the PR URL for static assets."})]})]})}),e.jsxs(te,{gap:"16",padding:["32","0","0","0"],children:[e.jsx(m,{label:"Groot 4x3 SVG",required:!0,children:e.jsx(g,{checked:y,onCheckedChange:P})}),e.jsx(m,{label:"Groot 4x3 PNG",required:!0,children:e.jsx(g,{checked:S,onCheckedChange:D})}),e.jsx(m,{label:"DS 4x3 SVG",required:!0,children:e.jsx(g,{checked:f,onCheckedChange:q})}),e.jsx(m,{label:"DS 4x3 JPG",required:!0,children:e.jsx(g,{checked:C,onCheckedChange:L})}),e.jsx(m,{label:"Groot 1x1 SVG",required:!0,children:e.jsx(g,{checked:v,onCheckedChange:N})}),e.jsx(m,{label:"DS 1x1 SVG",required:!0,children:e.jsx(g,{checked:b,onCheckedChange:A})}),e.jsx(m,{label:"DS 1x1 JPG",required:!0,children:e.jsx(g,{checked:w,onCheckedChange:I})}),e.jsx(m,{label:"Product size",required:!0,children:e.jsx(g,{checked:re,onCheckedChange:J})}),e.jsx(m,{label:"All",required:!0,children:e.jsx(g,{checked:se,onCheckedChange:o=>{P(o),D(o),q(o),L(o),N(o),A(o),I(o),J(o)}})}),e.jsx(le,{value:x,onValueChange:oe,label:"Assets path",required:!0})]}),e.jsx("div",{style:{position:"sticky",top:"0px",background:"white"},children:e.jsxs("div",{style:{display:"grid",gridTemplateColumns:`repeat(${$}, 1fr)`,gap:"4px",padding:"16px 0 0 0"},children:[e.jsx("div",{style:{alignSelf:"start"},children:e.jsx(t,{variant:"default-semibold",children:"Code"})}),e.jsx(t,{variant:"default-semibold",children:"Country name"}),y&&e.jsx(t,{variant:"default-semibold",children:"Show Groot 4x3 SVG"}),S&&e.jsx(t,{variant:"default-semibold",children:"Show Groot 4x3 PNG"}),f&&e.jsx(t,{variant:"default-semibold",children:"Show DS 4x3 SVG"}),C&&e.jsx(t,{variant:"default-semibold",children:"Show DS 4x3 JPG"}),v&&e.jsx(t,{variant:"default-semibold",children:"Show Groot 1x1 SVG"}),b&&e.jsx(t,{variant:"default-semibold",children:"Show DS 1x1 SVG"}),w&&e.jsx(t,{variant:"default-semibold",children:"Show DS 1x1 JPG"})]})}),e.jsx("div",{style:{display:"grid",gridTemplateColumns:`repeat(${$}, 1fr)`,gap:"4px",padding:"16px 0 0 0"},children:Object.keys(h).map(o=>{const c=o,s=h[o],ae=u({requester:"",countryCode:c,simplified:!0})!==u({requester:"",countryCode:c,simplified:!1});return e.jsxs(n.Fragment,{children:[e.jsx(t,{children:o}),e.jsx(t,{children:s}),y&&e.jsx(l,{src:`${r}4x3/${o}.svg`,alt:s}),S&&e.jsx(l,{src:`${r}pngs/${o}.png`,alt:s}),f&&e.jsx(l,{src:u({requester:"storybook",countryCode:c,simplified:!1}).replace(a,x),alt:s}),C&&e.jsx(l,{src:u({requester:"storybook",countryCode:c,simplified:!1,graphic:"raster"}).replace(a,x),alt:s}),v&&e.jsx(l,{src:`${r}1x1/${o}.svg`,square:!0,alt:s}),b&&e.jsx(l,{src:u({requester:"storybook",countryCode:c,simplified:!1,square:!0}).replace(a,x),square:!0,alt:s}),w&&e.jsx(l,{src:u({requester:"storybook",countryCode:c,simplified:!1,square:!0,graphic:"raster"}).replace(a,x),square:!0,alt:s}),ae&&e.jsxs(n.Fragment,{children:[e.jsxs(t,{children:[o," (simplified version)"]}),e.jsx(t,{children:h[o]}),y&&e.jsx(l,{src:`${r}4x3/${o}.svg`,alt:s}),S&&e.jsx(l,{src:`${r}pngs/${o}.png`,alt:s}),f&&e.jsx(l,{src:u({requester:"storybook",countryCode:c,simplified:!0}).replace(a,x),alt:s}),C&&e.jsx(l,{src:u({requester:"storybook",countryCode:c,simplified:!0,graphic:"raster"}).replace(a,x),alt:s}),v&&e.jsx(l,{src:`${r}1x1/${o}.svg`,square:!0,alt:s}),b&&e.jsx(l,{src:u({requester:"storybook",countryCode:c,simplified:!0,square:!0}).replace(a,x),square:!0,alt:s}),w&&e.jsx(l,{src:u({requester:"storybook",countryCode:c,simplified:!0,square:!0,graphic:"raster"}).replace(a,x),square:!0,alt:s})]},o+"simplified")]},o)})})]})}},F={render:d=>e.jsxs(te,{gap:"16",children:[e.jsx(p,{...d,size:"small"}),e.jsx(p,{...d,size:"medium"}),e.jsx(p,{...d,size:"large"})]})},T={render:function(){return e.jsxs(e.Fragment,{children:[e.jsx(t,{variant:"default-regular-italic",children:"Invalid country code"}),e.jsx(p,{code:"invalidCountryCode",alt:"Invalid country code"}),e.jsx(t,{variant:"default-regular-italic",children:"`undefined` country code"}),e.jsx(p,{code:void 0,alt:"Undefined country code"})]})},play:async({canvas:d})=>{const r=d.getByAltText("Invalid country code");V(r).toBeVisible();const a=d.getByAltText("Undefined country code");V(a).toBeVisible()}},k={parameters:{chromatic:{disableSnapshot:!0}},args:{dataset:{qaid:"flag"}},argTypes:{dataset:{control:"object"}}};var U,O,E;j.parameters={...j.parameters,docs:{...(U=j.parameters)==null?void 0:U.docs,source:{originalSource:`{
   render: function Story() {
     return <div style={{
       maxWidth: '1000px'
@@ -66,7 +66,7 @@ import{j as e}from"./jsx-runtime-BTJTZTIL.js";import{r as n}from"./index-Cb9e4tl
                 </LayoutGrid>
             </div>;
   }
-}`,...(B=(R=j.parameters)==null?void 0:R.docs)==null?void 0:B.source}}};var E,O,H;G.parameters={...G.parameters,docs:{...(E=G.parameters)==null?void 0:E.docs,source:{originalSource:`{
+}`,...(E=(O=j.parameters)==null?void 0:O.docs)==null?void 0:E.source}}};var R,_,B;G.parameters={...G.parameters,docs:{...(R=G.parameters)==null?void 0:R.docs,source:{originalSource:`{
   tags: ['!test', '!a11y-test'],
   parameters: {
     chromatic: {
@@ -282,13 +282,13 @@ import{j as e}from"./jsx-runtime-BTJTZTIL.js";import{r as n}from"./index-Cb9e4tl
                 </div>
             </div>;
   }
-}`,...(H=(O=G.parameters)==null?void 0:O.docs)==null?void 0:H.source}}};var W,_,M;F.parameters={...F.parameters,docs:{...(W=F.parameters)==null?void 0:W.docs,source:{originalSource:`{
+}`,...(B=(_=G.parameters)==null?void 0:_.docs)==null?void 0:B.source}}};var H,W,M;F.parameters={...F.parameters,docs:{...(H=F.parameters)==null?void 0:H.docs,source:{originalSource:`{
   render: args => <LayoutFlex gap="16">
             <CountryFlag {...args} size="small" />
             <CountryFlag {...args} size="medium" />
             <CountryFlag {...args} size="large" />
         </LayoutFlex>
-}`,...(M=(_=F.parameters)==null?void 0:_.docs)==null?void 0:M.source}}};var Q,Y,K;T.parameters={...T.parameters,docs:{...(Q=T.parameters)==null?void 0:Q.docs,source:{originalSource:`{
+}`,...(M=(W=F.parameters)==null?void 0:W.docs)==null?void 0:M.source}}};var Y,Q,K;T.parameters={...T.parameters,docs:{...(Y=T.parameters)==null?void 0:Y.docs,source:{originalSource:`{
   render: function Story() {
     return <>
                 <Text variant="default-regular-italic">Invalid country code</Text>
@@ -312,7 +312,7 @@ import{j as e}from"./jsx-runtime-BTJTZTIL.js";import{r as n}from"./index-Cb9e4tl
     const undefinedCountry = canvas.getByAltText('Undefined country code');
     expect(undefinedCountry).toBeVisible();
   }
-}`,...(K=(Y=T.parameters)==null?void 0:Y.docs)==null?void 0:K.source}}};var X,Z,ee;k.parameters={...k.parameters,docs:{...(X=k.parameters)==null?void 0:X.docs,source:{originalSource:`{
+}`,...(K=(Q=T.parameters)==null?void 0:Q.docs)==null?void 0:K.source}}};var X,Z,ee;k.parameters={...k.parameters,docs:{...(X=k.parameters)==null?void 0:X.docs,source:{originalSource:`{
   parameters: {
     chromatic: {
       disableSnapshot: true
@@ -328,4 +328,4 @@ import{j as e}from"./jsx-runtime-BTJTZTIL.js";import{r as n}from"./index-Cb9e4tl
       control: 'object'
     }
   }
-}`,...(ee=(Z=k.parameters)==null?void 0:Z.docs)==null?void 0:ee.source}}};const Xe=["Countries","CountryFlagExplorer","Sizes","ShowPlaceholderOnInvalidCode","Playground"];export{j as Countries,G as CountryFlagExplorer,k as Playground,T as ShowPlaceholderOnInvalidCode,F as Sizes,Xe as __namedExportsOrder,Ke as default};
+}`,...(ee=(Z=k.parameters)==null?void 0:Z.docs)==null?void 0:ee.source}}};const Re=["Countries","CountryFlagExplorer","Sizes","ShowPlaceholderOnInvalidCode","Playground"];export{j as Countries,G as CountryFlagExplorer,k as Playground,T as ShowPlaceholderOnInvalidCode,F as Sizes,Re as __namedExportsOrder,Ee as default};

package/dist/assets/CountryFlag.test.stories-D-_jZuZ1.js

@@ -0,0 +1,27 @@
+import{j as m}from"./iframe-CWgEsn_I.js";import{C as s}from"./CountryFlag-BsylP9aC.js";import"./preload-helper-Dp1pzeXC.js";import"./componentNames-CmmTyjin.js";const{expect:o}=__STORYBOOK_MODULE_TEST__,A={title:"components/CountryFlag/Tests",component:s,args:{},tags:["!autodocs","!a11y-test","test"]},a={render:function(){return m.jsx(s,{code:"ua",alt:"Ukraine",dataset:{foo:1,bar:"2",baz:!1}})},play:async({canvas:t})=>{const e=t.getByAltText("Ukraine");o(e).toHaveAttribute("data-foo","1"),o(e).toHaveAttribute("data-bar","2"),o(e).toHaveAttribute("data-baz","false")}},r={render:function(){return m.jsx(s,{code:"ua",alt:"Ukraine",loading:"lazy"})},play:async({canvas:t})=>{const e=t.getByAltText("Ukraine");o(e).toHaveAttribute("loading","lazy")}};var n,c,l;a.parameters={...a.parameters,docs:{...(n=a.parameters)==null?void 0:n.docs,source:{originalSource:`{
+  render: function Story() {
+    return <CountryFlag code="ua" alt="Ukraine" dataset={{
+      foo: 1,
+      bar: '2',
+      baz: false
+    }} />;
+  },
+  play: async ({
+    canvas
+  }) => {
+    const element = canvas.getByAltText('Ukraine');
+    expect(element).toHaveAttribute('data-foo', '1');
+    expect(element).toHaveAttribute('data-bar', '2');
+    expect(element).toHaveAttribute('data-baz', 'false');
+  }
+}`,...(l=(c=a.parameters)==null?void 0:c.docs)==null?void 0:l.source}}};var i,u,d;r.parameters={...r.parameters,docs:{...(i=r.parameters)==null?void 0:i.docs,source:{originalSource:`{
+  render: function Story() {
+    return <CountryFlag code="ua" alt="Ukraine" loading="lazy" />;
+  },
+  play: async ({
+    canvas
+  }) => {
+    const element = canvas.getByAltText('Ukraine');
+    expect(element).toHaveAttribute('loading', 'lazy');
+  }
+}`,...(d=(u=r.parameters)==null?void 0:u.docs)==null?void 0:d.source}}};const f=["TestDataset","ImgAttributesArePassedToImg"];export{r as ImgAttributesArePassedToImg,a as TestDataset,f as __namedExportsOrder,A as default};

package/dist/assets/Dialog-DBQC7rLf.js

@@ -0,0 +1,9 @@
+var oe=Object.defineProperty;var ne=(e,s,t)=>s in e?oe(e,s,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[s]=t;var P=(e,s,t)=>ne(e,typeof s!="symbol"?s+"":s,t);import{r as g,aJ as ie,aK as re,j as C,G as ae,g as le,t as ce,u as ue,v as de}from"./iframe-CWgEsn_I.js";import{F as pe}from"./TokyoUIClose-Bf-N_4aK.js";import{I as fe}from"./IconButton-DvmHN9Bh.js";import{g as ge}from"./shared-strings-I9WUPC_k.js";import{u as me}from"./index-BAEPs7Y-.js";import{H as he}from"./Heading-jyl-6mnE.js";import{T as De}from"./Text-D2ssZW1_.js";import{u as W,c as Ce,a as ye,m as ve,b as xe,d as _e,e as J,f as Se,g as Re,h as be,i as we,j as Ee,k as ze,l as Oe,n as N,N as Ie,o as M,p as G,t as Z,q as Q,C as T,r as je,I as Pe,s as ke,F as Me,v as Ne,w as Te,x as Fe,E as A}from"./useOpenInteractionType-DeCsKa-1.js";import{w as L}from"./componentNames-CmmTyjin.js";const Ve="overlay__NM-kk",We="opacityIn__ilHLV",Be="opacityOut__YzYTK",Ue="Dialog__GqDxV",qe="slideInUp__rqAX4",Ae="slideOutDown__gIYOK",Le="slidesUp__YIWbY",Ye="slideOutUp__h8Uo-",He="close__e4axJ",$e="footer__9qu1N",Ke="scrollEndDetector__gqxi-",Je="header__2EPvy",Ge="sticky__04F4C",Ze="actions__hIL-J",Qe="stepsActions__PtYxS",Xe="previous__0eong",et="next__r4NuY",k={overlay:Ve,opacityIn:We,opacityOut:Be,Dialog:Ue,slideInUp:qe,slideOutDown:Ae,"Dialog--fullheight":"Dialog--fullheight__2W7sp","no-border-radius":"no-border-radius__G2Oo3",slidesUp:Le,slideOutUp:Ye,"Dialog--size-xs":"Dialog--size-xs__W0yGm","Dialog--size-sm":"Dialog--size-sm__rE3Y-","Dialog--size-md":"Dialog--size-md__HWxI4","Dialog--size-lg":"Dialog--size-lg__Lis4-","Dialog--narrow-l--size-xs":"Dialog--narrow-l--size-xs__ljCvr","Dialog--medium-s--size-xs":"Dialog--medium-s--size-xs__t-4Ow","Dialog--medium-l--size-xs":"Dialog--medium-l--size-xs__yc1ae","Dialog--wide-s--size-xs":"Dialog--wide-s--size-xs__Id0f5","Dialog--wide-l--size-xs":"Dialog--wide-l--size-xs__Pnlyp","Dialog--narrow-l--size-sm":"Dialog--narrow-l--size-sm__M8-BH","Dialog--medium-s--size-sm":"Dialog--medium-s--size-sm__UPlli","Dialog--medium-l--size-sm":"Dialog--medium-l--size-sm__nAW8A","Dialog--wide-s--size-sm":"Dialog--wide-s--size-sm__i0pbj","Dialog--wide-l--size-sm":"Dialog--wide-l--size-sm__PghJ-","Dialog--narrow-l--size-md":"Dialog--narrow-l--size-md__8jZY3","Dialog--medium-s--size-md":"Dialog--medium-s--size-md__dQ1TZ","Dialog--medium-l--size-md":"Dialog--medium-l--size-md__kcNF8","Dialog--wide-s--size-md":"Dialog--wide-s--size-md__KDVax","Dialog--wide-l--size-md":"Dialog--wide-l--size-md__mV57k","Dialog--narrow-l--size-lg":"Dialog--narrow-l--size-lg__h5Tdx","Dialog--medium-s--size-lg":"Dialog--medium-s--size-lg__qci5k","Dialog--medium-l--size-lg":"Dialog--medium-l--size-lg__JCkaM","Dialog--wide-s--size-lg":"Dialog--wide-s--size-lg__eJlxf","Dialog--wide-l--size-lg":"Dialog--wide-l--size-lg__mo796",close:He,footer:$e,scrollEndDetector:Ke,header:Je,sticky:Ge,actions:Ze,stepsActions:Qe,previous:Xe,next:et},X=g.createContext(void 0);function O(e){const s=g.useContext(X);if(e===!1&&s===void 0)throw new Error("Base UI: DialogRootContext is missing. Dialog parts must be placed within <Dialog.Root>.");return s}function tt(e){const{open:s,setOpen:t,disabled:o,nativeButton:n}=e,r=W(c=>{s&&t(!1,Ce("close-press",c.nativeEvent))}),{getButtonProps:l,buttonRef:i}=ye({disabled:o,native:n});return{getRootProps:c=>ve({onClick:r},c,l),ref:i}}function st(e){const{store:s,parentContext:t}=e,o=s.useState("open"),n=s.useState("dismissible"),r=s.useState("modal"),l=s.useState("triggerElement"),i=s.useState("popupElement"),{mounted:a,setMounted:c,transitionStatus:u}=xe(o),{openMethod:m,triggerProps:d,reset:h}=_e(o),f=W(()=>{var E,_;c(!1),(_=(E=s.context).openChangeComplete)==null||_.call(E,!1),h()});J({enabled:!e.actionsRef,open:o,ref:s.context.popupRef,onComplete(){o||f()}}),g.useImperativeHandle(e.actionsRef,()=>({unmount:f}),[f]);const p=Se({elements:{reference:l,floating:i},open:o,onOpenChange:s.setOpen,noEmit:!0}),[D,v]=g.useState(0),b=D===0,w=Re(p),S=be(p),z=we(p,{outsidePressEvent(){return s.context.internalBackdropRef.current||s.context.backdropRef.current?"intentional":{mouse:r==="trap-focus"?"sloppy":"intentional",touch:"sloppy"}},outsidePress(E){if(E.button!==0)return!1;const _=Ee(E);if(b&&n){const j=_;return r&&(s.context.internalBackdropRef.current||s.context.backdropRef.current)?s.context.internalBackdropRef.current===j||s.context.backdropRef.current===j:!0}return!1},escapeKey:b});ze({enabled:o&&r===!0,mounted:a,open:o,referenceElement:i});const{getReferenceProps:x,getFloatingProps:R}=Oe([w,S,z]);s.useContextCallback("nestedDialogOpen",E=>{v(E+1)}),s.useContextCallback("nestedDialogClose",()=>{v(0)}),g.useEffect(()=>(t!=null&&t.nestedDialogOpen&&o&&t.nestedDialogOpen(D),t!=null&&t.nestedDialogClose&&!o&&t.nestedDialogClose(),()=>{t!=null&&t.nestedDialogClose&&o&&t.nestedDialogClose()}),[o,t,D]);const I=g.useMemo(()=>x(d),[x,d]);s.useSyncedValues({openMethod:m,mounted:a,transitionStatus:u,triggerProps:I,popupProps:R(),floatingRootContext:p,nestedOpenDialogCount:D})}var V=Symbol("NOT_FOUND");function ot(e,s=`expected a function, instead received ${typeof e}`){if(typeof e!="function")throw new TypeError(s)}function nt(e,s=`expected an object, instead received ${typeof e}`){if(typeof e!="object")throw new TypeError(s)}function it(e,s="expected all items to be functions, instead received the following types: "){if(!e.every(t=>typeof t=="function")){const t=e.map(o=>typeof o=="function"?`function ${o.name||"unnamed"}()`:typeof o).join(", ");throw new TypeError(`${s}[${t}]`)}}var Y=e=>Array.isArray(e)?e:[e];function rt(e){const s=Array.isArray(e[0])?e[0]:e;return it(s,"createSelector expects all input-selectors to be functions, but received the following types: "),s}function at(e,s){const t=[],{length:o}=e;for(let n=0;n<o;n++)t.push(e[n].apply(null,s));return t}function lt(e){let s;return{get(t){return s&&e(s.key,t)?s.value:V},put(t,o){s={key:t,value:o}},getEntries(){return s?[s]:[]},clear(){s=void 0}}}function ct(e,s){let t=[];function o(i){const a=t.findIndex(c=>s(i,c.key));if(a>-1){const c=t[a];return a>0&&(t.splice(a,1),t.unshift(c)),c.value}return V}function n(i,a){o(i)===V&&(t.unshift({key:i,value:a}),t.length>e&&t.pop())}function r(){return t}function l(){t=[]}return{get:o,put:n,getEntries:r,clear:l}}var ut=(e,s)=>e===s;function dt(e){return function(t,o){if(t===null||o===null||t.length!==o.length)return!1;const{length:n}=t;for(let r=0;r<n;r++)if(!e(t[r],o[r]))return!1;return!0}}function pt(e,s){const t=typeof s=="object"?s:{equalityCheck:s},{equalityCheck:o=ut,maxSize:n=1,resultEqualityCheck:r}=t,l=dt(o);let i=0;const a=n<=1?lt(l):ct(n,l);function c(){let u=a.get(arguments);if(u===V){if(u=e.apply(null,arguments),i++,r){const d=a.getEntries().find(h=>r(h.value,u));d&&(u=d.value,i!==0&&i--)}a.put(arguments,u)}return u}return c.clearCache=()=>{a.clear(),c.resetResultsCount()},c.resultsCount=()=>i,c.resetResultsCount=()=>{i=0},c}var ft=class{constructor(e){this.value=e}deref(){return this.value}},gt=typeof WeakRef<"u"?WeakRef:ft,mt=0,H=1;function F(){return{s:mt,v:void 0,o:null,p:null}}function ee(e,s={}){let t=F();const{resultEqualityCheck:o}=s;let n,r=0;function l(){var m;let i=t;const{length:a}=arguments;for(let d=0,h=a;d<h;d++){const f=arguments[d];if(typeof f=="function"||typeof f=="object"&&f!==null){let p=i.o;p===null&&(i.o=p=new WeakMap);const D=p.get(f);D===void 0?(i=F(),p.set(f,i)):i=D}else{let p=i.p;p===null&&(i.p=p=new Map);const D=p.get(f);D===void 0?(i=F(),p.set(f,i)):i=D}}const c=i;let u;if(i.s===H)u=i.v;else if(u=e.apply(null,arguments),r++,o){const d=((m=n==null?void 0:n.deref)==null?void 0:m.call(n))??n;d!=null&&o(d,u)&&(u=d,r!==0&&r--),n=typeof u=="object"&&u!==null||typeof u=="function"?new gt(u):u}return c.s=H,c.v=u,u}return l.clearCache=()=>{t=F(),l.resetResultsCount()},l.resultsCount=()=>r,l.resetResultsCount=()=>{r=0},l}function te(e,...s){const t=typeof e=="function"?{memoize:e,memoizeOptions:s}:e,o=(...n)=>{let r=0,l=0,i,a={},c=n.pop();typeof c=="object"&&(a=c,c=n.pop()),ot(c,`createSelector expects an output function after the inputs, but received: [${typeof c}]`);const u={...t,...a},{memoize:m,memoizeOptions:d=[],argsMemoize:h=ee,argsMemoizeOptions:f=[]}=u,p=Y(d),D=Y(f),v=rt(n),b=m(function(){return r++,c.apply(null,arguments)},...p),w=h(function(){l++;const z=at(v,arguments);return i=b.apply(null,z),i},...D);return Object.assign(w,{resultFunc:c,memoizedResultFunc:b,dependencies:v,dependencyRecomputations:()=>l,resetDependencyRecomputations:()=>{l=0},lastResult:()=>i,recomputations:()=>r,resetRecomputations:()=>{r=0},memoize:m,argsMemoize:h})};return Object.assign(o,{withTypes:()=>o}),o}var ht=te(ee),Dt=Object.assign((e,s=ht)=>{nt(e,`createStructuredSelector expects first argument to be an object where each property is a selector, instead received a ${typeof e}`);const t=Object.keys(e),o=t.map(r=>e[r]);return s(o,(...r)=>r.reduce((l,i,a)=>(l[t[a]]=i,l),{}))},{withTypes:()=>Dt});te({memoize:pt,memoizeOptions:{maxSize:1,equalityCheck:Object.is}});const y=(e,s,t,o,n,r,...l)=>{if(l.length>0)throw new Error("Unsupported number of selectors");let i;if(e)i=e;else throw new Error("Missing arguments");return i};var B={exports:{}},U={};/**
+ * @license React
+ * use-sync-external-store-shim/with-selector.production.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */var $;function Ct(){if($)return U;$=1;var e=ie(),s=re();function t(c,u){return c===u&&(c!==0||1/c===1/u)||c!==c&&u!==u}var o=typeof Object.is=="function"?Object.is:t,n=s.useSyncExternalStore,r=e.useRef,l=e.useEffect,i=e.useMemo,a=e.useDebugValue;return U.useSyncExternalStoreWithSelector=function(c,u,m,d,h){var f=r(null);if(f.current===null){var p={hasValue:!1,value:null};f.current=p}else p=f.current;f=i(function(){function v(x){if(!b){if(b=!0,w=x,x=d(x),h!==void 0&&p.hasValue){var R=p.value;if(h(R,x))return S=R}return S=x}if(R=S,o(w,x))return R;var I=d(x);return h!==void 0&&h(R,I)?(w=x,R):(w=x,S=I)}var b=!1,w,S,z=m===void 0?null:m;return[function(){return v(u())},z===null?void 0:function(){return v(z())}]},[u,m,d,h]);var D=n(c,f[0],f[1]);return l(function(){p.hasValue=!0,p.value=D},[D]),a(D),D},U}var K;function yt(){return K||(K=1,B.exports=Ct()),B.exports}var vt=yt();function xt(e,s,t,o,n){const r=l=>s(l,t,o,n);return vt.useSyncExternalStoreWithSelector(e.subscribe,e.getSnapshot,e.getSnapshot,r)}class _t{constructor(s){P(this,"subscribe",s=>(this.listeners.add(s),()=>{this.listeners.delete(s)}));P(this,"getSnapshot",()=>this.state);this.state=s,this.listeners=new Set}update(s){this.state!==s&&(this.state=s,this.listeners.forEach(t=>t(s)))}apply(s){for(const t in s)if(!Object.is(this.state[t],s[t])){this.update({...this.state,...s});return}}set(s,t){Object.is(this.state[s],t)||this.update({...this.state,[s]:t})}}class St extends _t{constructor(t,o={},n){super(t);P(this,"controlledValues",new Map);this.context=o,this.selectors=n}useSyncedValue(t,o){N(()=>{this.state[t]!==o&&this.set(t,o)},[t,o])}useSyncedValueWithCleanup(t,o){N(()=>(this.state[t]!==o&&this.set(t,o),()=>{this.set(t,void 0)}),[t,o])}useSyncedValues(t){N(()=>{this.apply(t)},[t])}useControlledProp(t,o,n){const r=o!==void 0;this.controlledValues.has(t)||(this.controlledValues.set(t,r),!r&&!Object.is(this.state[t],n)&&super.update({...this.state,[t]:n})),N(()=>{r&&!Object.is(this.state[t],o)&&super.update({...this.state,[t]:o})},[t,o,n,r])}set(t,o){this.controlledValues.get(t)!==!0&&super.set(t,o)}apply(t){const o={...t};for(const n in o)this.controlledValues.get(n)===!0&&delete o[n];super.apply(o)}update(t){const o={...t};for(const n in o)this.controlledValues.get(n)===!0&&delete o[n];super.update({...this.state,...o})}useState(t){if(!this.selectors)throw new Error("Base UI: selectors are required to call useState.");return xt(this,this.selectors[t])}useContextCallback(t,o){const n=W(o??Ie);this.context[t]=n}getElementSetter(t){return g.useCallback(o=>{this.set(t,o)},[t])}}const Rt={open:y(e=>e.open),modal:y(e=>e.modal),nested:y(e=>e.nested),nestedOpenDialogCount:y(e=>e.nestedOpenDialogCount),dismissible:y(e=>e.dismissible),openMethod:y(e=>e.openMethod),descriptionElementId:y(e=>e.descriptionElementId),titleElementId:y(e=>e.titleElementId),mounted:y(e=>e.mounted),transitionStatus:y(e=>e.transitionStatus),triggerProps:y(e=>e.triggerProps),popupProps:y(e=>e.popupProps),floatingRootContext:y(e=>e.floatingRootContext),popupElement:y(e=>e.popupElement),triggerElement:y(e=>e.triggerElement)};class q extends St{constructor(){super(...arguments);P(this,"setOpen",(t,o)=>{var r,l,i;if((l=(r=this.context).openChange)==null||l.call(r,t,o),o.isCanceled)return;const n={open:t,nativeEvent:o.event,reason:o.reason,nested:this.state.nested};(i=this.state.floatingRootContext.events)==null||i.emit("openchange",n),this.set("open",t)})}static create(t){const o={popupRef:g.createRef(),backdropRef:g.createRef(),internalBackdropRef:g.createRef()};return new q(t,o,Rt)}}const bt={...G,...Z},wt=g.forwardRef(function(s,t){const{render:o,className:n,forceRender:r=!1,...l}=s,{store:i}=O(),a=i.useState("open"),c=i.useState("nested"),u=i.useState("mounted"),m=i.useState("transitionStatus"),d=g.useMemo(()=>({open:a,transitionStatus:m}),[a,m]);return M("div",s,{state:d,ref:[i.context.backdropRef,t],stateAttributesMapping:bt,props:[{role:"presentation",hidden:!u,style:{userSelect:"none",WebkitUserSelect:"none"}},l],enabled:r||!c})}),Et=g.forwardRef(function(s,t){const{render:o,className:n,disabled:r=!1,nativeButton:l=!0,...i}=s,{store:a}=O(),c=a.useState("open"),{getRootProps:u,ref:m}=tt({disabled:r,open:c,setOpen:a.setOpen,nativeButton:l}),d=g.useMemo(()=>({disabled:r}),[r]);return M("button",s,{state:d,ref:[t,m],props:[i,u]})}),zt=g.forwardRef(function(s,t){const{render:o,className:n,id:r,...l}=s,{store:i}=O(),a=Q(r);return i.useSyncedValueWithCleanup("descriptionElementId",a),M("p",s,{ref:t,props:[{id:a},l]})});let Ot=(function(e){return e.nestedDialogs="--nested-dialogs",e})({}),It=(function(e){return e[e.open=T.open]="open",e[e.closed=T.closed]="closed",e[e.startingStyle=T.startingStyle]="startingStyle",e[e.endingStyle=T.endingStyle]="endingStyle",e.nested="data-nested",e.nestedDialogOpen="data-nested-dialog-open",e})({});const se=g.createContext(void 0);function jt(){const e=g.useContext(se);if(e===void 0)throw new Error("Base UI: <Dialog.Portal> is missing.");return e}const Pt={...G,...Z,nestedDialogOpen(e){return e?{[It.nestedDialogOpen]:""}:null}},kt=g.forwardRef(function(s,t){const{className:o,finalFocus:n,initialFocus:r,render:l,...i}=s,{store:a}=O(),c=a.useState("descriptionElementId"),u=a.useState("dismissible"),m=a.useState("floatingRootContext"),d=a.useState("popupProps"),h=a.useState("modal"),f=a.useState("mounted"),p=a.useState("nested"),D=a.useState("nestedOpenDialogCount"),v=a.useState("open"),b=a.useState("openMethod"),w=a.useState("titleElementId"),S=a.useState("transitionStatus");jt(),J({open:v,ref:a.context.popupRef,onComplete(){var _,j;v&&((j=(_=a.context).openChangeComplete)==null||j.call(_,!0))}});const z=W(_=>_==="touch"?a.context.popupRef.current:!0),x=r===void 0?z:r,R=D>0,I=g.useMemo(()=>({open:v,nested:p,transitionStatus:S,nestedDialogOpen:R}),[v,p,S,R]),E=M("div",s,{state:I,props:[d,{"aria-labelledby":w??void 0,"aria-describedby":c??void 0,role:"dialog",tabIndex:-1,hidden:!f,onKeyDown(_){je.has(_.key)&&_.stopPropagation()},style:{[Ot.nestedDialogs]:D}},i],ref:[t,a.context.popupRef,a.getElementSetter("popupElement")],stateAttributesMapping:Pt});return C.jsxs(g.Fragment,{children:[f&&h===!0&&C.jsx(Pe,{ref:a.context.internalBackdropRef,inert:ke(!v)}),C.jsx(Me,{context:m,openInteractionType:b,disabled:!f,closeOnFocusOut:u,initialFocus:x,returnFocus:n,modal:h!==!1,restoreFocus:"popup",children:E})]})});function Mt(e){const{children:s,keepMounted:t=!1,container:o}=e,{store:n}=O();return n.useState("mounted")||t?C.jsx(se.Provider,{value:t,children:C.jsx(Ne,{root:o,children:s})}):null}const Nt={open:!1,dismissible:!0,nested:!1,popupElement:null,triggerElement:null,modal:!0,descriptionElementId:void 0,titleElementId:void 0,openMethod:null,mounted:!1,transitionStatus:"idle",nestedOpenDialogCount:0,triggerProps:A,popupProps:A,floatingRootContext:Fe()},Tt=function(s){const{children:t,open:o,defaultOpen:n=!1,onOpenChange:r,onOpenChangeComplete:l,dismissible:i=!0,modal:a=!0,actionsRef:c}=s,u=O(!0),m=!!u,d=Te(q.create,Nt).current;d.useControlledProp("open",o,n),d.useSyncedValues({dismissible:i,nested:m,modal:a}),d.useContextCallback("openChange",r),d.useContextCallback("openChangeComplete",l),st({store:d,actionsRef:c,parentContext:u==null?void 0:u.store.context});const h=g.useMemo(()=>({store:d}),[d]);return C.jsx(X.Provider,{value:h,children:t})},Ft=g.forwardRef(function(s,t){const{render:o,className:n,id:r,...l}=s,{store:i}=O(),a=Q(r);return i.useSyncedValueWithCleanup("titleElementId",a),M("h2",s,{ref:t,props:[{id:a},l]})}),Vt=({title:e,description:s,hidden:t,leadingElement:o=null})=>C.jsxs("header",{className:k.header,hidden:t,children:[o,C.jsxs("hgroup",{children:[C.jsx(Ft,{render:C.jsx(he,{tag:"h3",variant:{_:"medium","medium-l":"large"},children:e})}),s&&C.jsx(zt,{render:C.jsx(De,{variant:"default-regular",accent:"secondary",children:s})})]})]}),Gt=({open:e,title:s,description:t,leadingElement:o,children:n,size:r="md",hideHeader:l,onClose:i,mobileFullHeight:a,dataset:c})=>{const{formatMessage:u}=me(),m=ae(),d=Wt(e),h=le(c,{preplyDsComponent:L.Dialog}),f=ce(k,L.Dialog,[ue("size",r),de("fullheight",void 0,a)]).join(" "),p=g.useCallback(D=>{D||i==null||i()},[i]);return C.jsx(Tt,{open:e,onOpenChange:p,children:C.jsxs(Mt,{container:m,children:[C.jsx(wt,{className:k.overlay,"data-testid":"dialog-overlay",forceRender:!0}),C.jsxs(kt,{...h,ref:d,className:f,children:[C.jsx(Vt,{title:s,description:t,hidden:l,leadingElement:o}),C.jsx("div",{className:k.close,children:C.jsx(Et,{render:C.jsx(fe,{size:"small",variant:"ghost",dataset:{testid:"dialog-close"},assistiveText:u(ge.close),svg:pe})})}),n]})]})})};function Wt(e){const[s,t]=g.useState(null),o=g.useCallback(n=>t(n),[]);return g.useEffect(()=>{if(!e||!s)return;const n=async()=>{const l=s.getAnimations().map(a=>a.finished);await Promise.allSettled(l);const{y:i}=s.getBoundingClientRect();s.classList.toggle(k["no-border-radius"],i===0)};n(),window.addEventListener("resize",n);const r=new ResizeObserver(n);return r.observe(s),()=>{window.removeEventListener("resize",n),r.disconnect()}},[e,s]),o}export{Gt as D,k as s};