@mediquo/elements 0.8.2 → 0.9.1

package/dist/ui/icons/message-square-icon.js

@@ -1 +1 @@
-import{x as o}from"../../chunks/lit-element-DiWJYFwC.js";import{defaultIconProps as t}from"./types.js";function C({size:C=t.size,color:e=t.color}={}){return o`<svg xmlns="http://www.w3.org/2000/svg" width="${C}" height="${C}" viewBox="0 0 16 16" fill="none"><path d="M2 5.2C2 4.07989 2 3.51984 2.21799 3.09202C2.40973 2.71569 2.71569 2.40973 3.09202 2.21799C3.51984 2 4.0799 2 5.2 2H10.8C11.9201 2 12.4802 2 12.908 2.21799C13.2843 2.40973 13.5903 2.71569 13.782 3.09202C14 3.51984 14 4.07989 14 5.2V8.8C14 9.9201 14 10.4802 13.782 10.908C13.5903 11.2843 13.2843 11.5903 12.908 11.782C12.4802 12 11.9201 12 10.8 12H9.1225C8.70646 12 8.49845 12 8.29948 12.0408C8.12295 12.0771 7.95213 12.137 7.79166 12.219C7.61078 12.3114 7.44834 12.4413 7.12348 12.7012L5.53317 13.9735C5.25578 14.1954 5.11708 14.3063 5.00036 14.3065C4.89885 14.3066 4.80282 14.2604 4.73949 14.1811C4.66667 14.0898 4.66667 13.9122 4.66667 13.557V12C4.04669 12 3.7367 12 3.48236 11.9319C2.79218 11.7469 2.25308 11.2078 2.06815 10.5176C2 10.2633 2 9.95331 2 9.33333V5.2Z" stroke="${e}" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"/></svg>`}export{C as messageSquareIcon};
+import{x as e}from"../../chunks/lit-element-DiWJYFwC.js";import{o}from"../../chunks/if-defined-BYeVdwgd.js";import{defaultIconProps as s,ICON_STROKE_WIDTH as r}from"./types.js";function t({size:t=s.size,color:i=s.color,className:n=s.className}={}){return e`<svg xmlns="http://www.w3.org/2000/svg" width="${t}" height="${t}" viewBox="0 0 24 24" fill="none" stroke="${i}" stroke-width="${r}" stroke-linecap="round" stroke-linejoin="round" class="${o(n)}" aria-hidden="true"><path d="M4.5 4.5h15a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2h-6.6l-4 3.2a.6.6 0 0 1-1-.5v-2.7H4.5a2 2 0 0 1-2-2v-8a2 2 0 0 1 2-2Z"/></svg>`}export{t as messageSquareIcon};

package/dist/ui/icons/mic-icon.d.ts

@@ -1,6 +1,6 @@
 import * as lit_html from 'lit-html';
 import { IconProps } from './types.js';
 
-declare function micIcon({ size, color, }?: IconProps): lit_html.TemplateResult<1>;
+declare function micIcon({ size, color, className, }?: IconProps): lit_html.TemplateResult<1>;
 
 export { micIcon };

package/dist/ui/icons/mic-icon.js

@@ -1 +1 @@
-import{x as t}from"../../chunks/lit-element-DiWJYFwC.js";import{defaultIconProps as o}from"./types.js";function e({size:e=o.size,color:r=o.color}={}){return t`<svg xmlns="http://www.w3.org/2000/svg" width="${e}" height="${e}" viewBox="0 0 24 24" fill="none" stroke="${r}" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 19v3"/><path d="M19 10v2a7 7 0 0 1-14 0v-2"/><rect x="9" y="2" width="6" height="13" rx="3"/></svg>`}export{e as micIcon};
+import{x as e}from"../../chunks/lit-element-DiWJYFwC.js";import{o as t}from"../../chunks/if-defined-BYeVdwgd.js";import{defaultIconProps as o,ICON_STROKE_WIDTH as r}from"./types.js";function s({size:s=o.size,color:i=o.color,className:n=o.className}={}){return e`<svg xmlns="http://www.w3.org/2000/svg" width="${s}" height="${s}" viewBox="0 0 24 24" fill="none" stroke="${i}" stroke-width="${r}" stroke-linecap="round" stroke-linejoin="round" class="${t(n)}" aria-hidden="true"><rect x="9" y="2.5" width="6" height="12.5" rx="3"/><path d="M18.5 11v1a6.5 6.5 0 0 1-13 0v-1"/><path d="M12 18.5V22"/></svg>`}export{s as micIcon};

package/dist/ui/icons/mic-off-icon.d.ts

@@ -1,6 +1,6 @@
 import * as lit_html from 'lit-html';
 import { IconProps } from './types.js';
 
-declare function micOffIcon({ size, color, }?: IconProps): lit_html.TemplateResult<1>;
+declare function micOffIcon({ size, color, className, }?: IconProps): lit_html.TemplateResult<1>;
 
 export { micOffIcon };

package/dist/ui/icons/mic-off-icon.js

@@ -1 +1 @@
-import{x as t}from"../../chunks/lit-element-DiWJYFwC.js";import{defaultIconProps as o}from"./types.js";function e({size:e=o.size,color:i=o.color}={}){return t`<svg xmlns="http://www.w3.org/2000/svg" width="${e}" height="${e}" viewBox="0 0 24 24" fill="none" stroke="${i}" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="2" x2="22" y1="2" y2="22"/><path d="M18.89 13.23A7.12 7.12 0 0 0 19 12v-2"/><path d="M5 10v2a7 7 0 0 0 12 5"/><path d="M15 9.34V5a3 3 0 0 0-5.68-1.33"/><path d="M9 9v3a3 3 0 0 0 5.12 2.12"/><line x1="12" x2="12" y1="19" y2="22"/></svg>`}export{e as micOffIcon};
+import{x as t}from"../../chunks/lit-element-DiWJYFwC.js";import{o as e}from"../../chunks/if-defined-BYeVdwgd.js";import{defaultIconProps as o,ICON_STROKE_WIDTH as s}from"./types.js";function r({size:r=o.size,color:i=o.color,className:a=o.className}={}){return t`<svg xmlns="http://www.w3.org/2000/svg" width="${r}" height="${r}" viewBox="0 0 24 24" fill="none" stroke="${i}" stroke-width="${s}" stroke-linecap="round" stroke-linejoin="round" class="${e(a)}" aria-hidden="true"><path d="m3 3 18 18"/><path d="M15 5.5A3 3 0 0 0 9 5.5V9"/><path d="M9 12.4a3 3 0 0 0 4.7 1.7"/><path d="M18.5 11v1a6.5 6.5 0 0 1-1 3.4"/><path d="M5.5 11v1a6.5 6.5 0 0 0 9.9 5.5"/><path d="M12 18.5V22"/></svg>`}export{r as micOffIcon};

package/dist/ui/icons/phone-icon.d.ts

@@ -1,6 +1,6 @@
 import * as lit_html from 'lit-html';
 import { IconProps } from './types.js';
 
-declare function phoneIcon({ size, color, }?: IconProps): lit_html.TemplateResult<1>;
+declare function phoneIcon({ size, color, className, }?: IconProps): lit_html.TemplateResult<1>;
 
 export { phoneIcon };

package/dist/ui/icons/phone-icon.js

@@ -1 +1 @@
-import{x as C}from"../../chunks/lit-element-DiWJYFwC.js";import{defaultIconProps as e}from"./types.js";function o({size:o=e.size,color:l=e.color}={}){return C`<svg width="${o}" height="${o}" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M6.83708 3.27858C7.67313 3.40456 8.451 3.93455 8.93348 4.71498L9.9968 6.43494C10.4948 7.24039 10.374 8.28302 9.70481 8.95314L9.28691 9.3716C9.07538 9.58341 9.07538 9.92723 9.28691 10.139L13.6212 14.4791C13.8322 14.6904 14.1738 14.6904 14.3848 14.4791L14.7934 14.0699C15.4697 13.3928 16.5253 13.2766 17.3325 13.7909L19.3181 15.0562C20.0849 15.5449 20.6029 16.3215 20.7234 17.153C20.8477 18.0104 20.5391 18.9045 19.707 19.4843C18.5627 20.2816 16.9153 20.9632 14.8135 20.6879C12.7235 20.414 10.2927 19.208 7.54118 16.4528C4.80136 13.7093 3.59581 11.2847 3.31565 9.19862C3.0339 7.10069 3.70239 5.45266 4.49329 4.30307C5.07328 3.46003 5.97391 3.1485 6.83708 3.27858ZM6.61356 4.76183C6.27545 4.71088 5.96016 4.81738 5.72907 5.15327C5.09778 6.07087 4.58098 7.35096 4.80231 8.99896C5.02522 10.6588 6.01111 12.7979 8.60254 15.3928C11.2052 17.999 13.3484 18.9831 15.0084 19.2006C16.6566 19.4165 17.9353 18.8905 18.8495 18.2536C19.1806 18.0229 19.2882 17.7077 19.239 17.3682C19.186 17.0026 18.9407 16.5944 18.512 16.3212L16.5264 15.056C16.313 14.92 16.0339 14.9505 15.8548 15.1299L15.4462 15.5391C14.6492 16.337 13.3568 16.337 12.5598 15.5391L8.22554 11.199C7.42917 10.4016 7.42917 9.10908 8.22554 8.31165L8.64345 7.89319C8.82109 7.7153 8.85338 7.43795 8.72093 7.22372L7.65761 5.50375C7.38756 5.06694 6.97879 4.81687 6.61356 4.76183Z" fill="${l}"/></svg>`}export{o as phoneIcon};
+import{x as e}from"../../chunks/lit-element-DiWJYFwC.js";import{o}from"../../chunks/if-defined-BYeVdwgd.js";import{defaultIconProps as s,ICON_STROKE_WIDTH as r}from"./types.js";function t({size:t=s.size,color:i=s.color,className:a=s.className}={}){return e`<svg xmlns="http://www.w3.org/2000/svg" width="${t}" height="${t}" viewBox="0 0 24 24" fill="none" stroke="${i}" stroke-width="${r}" stroke-linecap="round" stroke-linejoin="round" class="${o(a)}" aria-hidden="true"><path d="M6.2 3.5a1.8 1.8 0 0 1 1.7 1.1l1.2 2.9a1.8 1.8 0 0 1-.5 2l-1.2 1.1a12.6 12.6 0 0 0 5.9 5.9l1.1-1.2a1.8 1.8 0 0 1 2-.5l2.9 1.2a1.8 1.8 0 0 1 1.1 1.7v2.3a1.8 1.8 0 0 1-2 1.8C10.7 21.2 2.8 13.3 2.4 4.5a1.8 1.8 0 0 1 1.8-2Z"/></svg>`}export{t as phoneIcon};

package/dist/ui/icons/tag-icon.d.ts

@@ -1,6 +1,6 @@
 import * as lit_html from 'lit-html';
 import { IconProps } from './types.js';
 
-declare function tagIcon({ size, color, }?: IconProps): lit_html.TemplateResult<1>;
+declare function tagIcon({ size, color, className, }?: IconProps): lit_html.TemplateResult<1>;
 
 export { tagIcon };

package/dist/ui/icons/tag-icon.js

@@ -1 +1 @@
-import{x as o}from"../../chunks/lit-element-DiWJYFwC.js";import{defaultIconProps as t}from"./types.js";function e({size:e=t.size,color:r=t.color}={}){return o`<svg width="${e}" height="${e}" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 5.5C3 4.11929 4.11929 3 5.5 3H10.2574C10.9204 3 11.5563 3.26339 12.0251 3.73223L20.0251 11.7322C21.0014 12.7085 21.0014 14.2915 20.0251 15.2678L15.2678 20.0251C14.2915 21.0014 12.7085 21.0014 11.7322 20.0251L3.73223 12.0251C3.26339 11.5563 3 10.9204 3 10.2574V5.5Z" stroke="${r}" stroke-width="1.5" stroke-linejoin="round"/><circle cx="8" cy="8" r="1.25" fill="${r}"/></svg>`}export{e as tagIcon};
+import{x as e}from"../../chunks/lit-element-DiWJYFwC.js";import{o}from"../../chunks/if-defined-BYeVdwgd.js";import{defaultIconProps as s,ICON_STROKE_WIDTH as t}from"./types.js";function r({size:r=s.size,color:i=s.color,className:n=s.className}={}){return e`<svg xmlns="http://www.w3.org/2000/svg" width="${r}" height="${r}" viewBox="0 0 24 24" fill="none" stroke="${i}" stroke-width="${t}" stroke-linecap="round" stroke-linejoin="round" class="${o(n)}" aria-hidden="true"><path d="M3.5 5.5a2 2 0 0 1 2-2h4.8a2 2 0 0 1 1.4.6l8 8a2 2 0 0 1 0 2.8l-4.8 4.8a2 2 0 0 1-2.8 0l-8-8a2 2 0 0 1-.6-1.4Z"/><path d="M8 8h.01"/></svg>`}export{r as tagIcon};

package/dist/ui/icons/time-left-icon.js

@@ -1 +1 @@
-import{x as C}from"../../chunks/lit-element-DiWJYFwC.js";function l(){return C`<svg width="139" height="136" viewBox="0 0 139 136" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}><path d="M8.50097 11.4094C8.71918 10.8682 9.37381 10.7599 9.70112 11.3012L11.4468 14.0074L13.9563 11.9507C14.3927 11.6259 15.0473 11.9507 15.0473 12.4919V15.7395L18.2114 15.4147C18.7569 15.3065 19.1933 15.956 18.866 16.389L17.1203 19.0952L20.0662 20.5025C20.6117 20.719 20.5026 21.4768 20.0662 21.6933L17.1203 22.9923L18.7569 25.6986C19.0842 26.1316 18.6478 26.7811 18.1023 26.6728L14.9382 26.2398L14.8291 29.3791C14.8291 29.9204 14.1745 30.2451 13.7381 29.8121L11.8832 28.1883C11.5559 27.9718 11.1195 27.9718 10.9013 28.2966L9.48291 30.3534C9.1556 30.7864 8.50097 30.6781 8.28276 30.1369L7.40991 27.1058L4.46406 28.4049C3.91853 28.6214 3.373 28.1883 3.59121 27.6471L4.57316 24.6161L1.40909 24.0748C0.863565 23.9666 0.64535 23.317 1.08177 22.9923L3.4821 20.9355L1.08177 18.7705C0.64535 18.4457 0.863565 17.688 1.40909 17.688L4.57316 17.255L3.70031 14.1157C3.5912 13.5744 4.13673 13.1414 4.57316 13.3579L7.51901 14.6569L8.50097 11.4094Z" fill="#ECEFF1"/><path fillRule="evenodd" clipRule="evenodd" d="M86.3155 3.42708C85.9731 3.533 85.7887 3.90045 85.9011 4.24079L89.0654 13.8303C89.1414 14.0608 89.3897 14.1856 89.6216 14.1139C89.8535 14.0421 89.9882 13.7988 89.9208 13.5656L87.1176 3.86444C87.0182 3.52013 86.6579 3.32116 86.3155 3.42708ZM104.268 2.76283C103.917 2.68274 103.572 2.90912 103.498 3.26124L101.433 13.1374C101.383 13.3782 101.538 13.6138 101.777 13.6686C102.017 13.7234 102.259 13.5782 102.318 13.3394L104.745 3.5459C104.831 3.19673 104.618 2.84291 104.268 2.76283ZM120.152 11.1538C119.89 10.9097 119.479 10.9326 119.24 11.1996L112.503 18.7224C112.342 18.9032 112.357 19.1809 112.535 19.3462C112.713 19.5115 112.991 19.5068 113.159 19.3321L120.172 12.0667C120.421 11.8089 120.415 11.3978 120.152 11.1538ZM129.709 26.3674C129.603 26.025 129.236 25.8406 128.896 25.9529L119.306 29.1172C119.076 29.1933 118.951 29.4416 119.023 29.6735C119.094 29.9054 119.338 30.0401 119.571 29.9727L129.272 27.1695C129.616 27.07 129.815 26.7097 129.709 26.3674ZM129.875 43.55C130.227 43.6236 130.454 43.9689 130.374 44.3196C130.294 44.6703 129.94 44.8831 129.591 44.7966L119.797 42.3698C119.558 42.3106 119.413 42.0691 119.468 41.8293C119.523 41.5894 119.758 41.4349 119.999 41.4853L129.875 43.55ZM88.8169 70.4255C89.1676 70.5056 89.5128 70.2792 89.5865 69.9271L91.6512 60.051C91.7016 59.8102 91.5471 59.5745 91.3072 59.5198C91.0674 59.465 90.8259 59.6102 90.7667 59.849L88.3399 69.6425C88.2534 69.9916 88.4662 70.3454 88.8169 70.4255ZM72.9324 62.0346C73.1948 62.2786 73.6058 62.2558 73.8448 61.9888L80.5811 54.466C80.7431 54.2851 80.7274 54.0075 80.5496 53.8422C80.3718 53.6769 80.094 53.6816 79.9254 53.8562L72.9122 61.1216C72.6633 61.3795 72.6699 61.7905 72.9324 62.0346ZM63.3752 46.821C63.4811 47.1634 63.8486 47.3477 64.1889 47.2354L73.7784 44.0711C74.0089 43.995 74.1337 43.7468 74.062 43.5149C73.9902 43.283 73.7469 43.1483 73.5137 43.2157L63.8126 46.0189C63.4683 46.1183 63.2693 46.4786 63.3752 46.821Z" fill="#B5C2C9"/><circle cx="60.3265" cy="76.7606" r="51.4032" fill="#ECEFF1"/><path d="M98.0855 98.5608C99.5192 99.3885 101.362 98.9011 102.096 97.4173C105.266 91.0067 106.924 83.9392 106.924 76.7607C106.924 68.5811 104.771 60.5456 100.681 53.4619C96.5916 46.3782 90.7092 40.4958 83.6255 36.406C77.4087 32.8167 70.4589 30.7191 63.322 30.2594C61.67 30.153 60.3266 31.5051 60.3266 33.1605V75.0302C60.3266 76.101 60.8979 77.0906 61.8253 77.626L98.0855 98.5608Z" fill="white"/><path fillRule="evenodd" clipRule="evenodd" d="M100.217 76.7895C100.217 77.1143 99.9493 77.3735 99.6245 77.3686C99.2998 77.3637 99.041 77.0964 99.0411 76.7716C99.0411 76.768 99.0411 76.7643 99.0411 76.7607C99.0411 76.757 99.0411 76.7534 99.0411 76.7497C99.041 76.425 99.2998 76.1577 99.6245 76.1528C99.9493 76.1479 100.217 76.4071 100.217 76.7319C100.217 76.7415 100.217 76.7511 100.217 76.7607C100.217 76.7703 100.217 76.7799 100.217 76.7895ZM94.892 56.8352C95.0544 57.1164 94.9525 57.4748 94.6689 57.6331C94.3853 57.7914 94.0275 57.6896 93.8649 57.4085C93.8622 57.4038 93.8595 57.3991 93.8567 57.3944C93.694 57.1133 93.7841 56.7524 94.0627 56.5854C94.3413 56.4185 94.7028 56.5087 94.8657 56.7897C94.8744 56.8049 94.8832 56.82 94.892 56.8352ZM80.2976 42.2216C80.5786 42.3845 80.6688 42.746 80.5019 43.0246C80.3349 43.3032 79.974 43.3933 79.6929 43.2306C79.6882 43.2279 79.6835 43.2251 79.6789 43.2224C79.3977 43.0598 79.2959 42.702 79.4542 42.4184C79.6125 42.1348 79.9709 42.0329 80.2522 42.1954C80.2673 42.2041 80.2824 42.2129 80.2976 42.2216ZM60.3554 36.8701C60.6802 36.8704 60.9394 37.138 60.9345 37.4628C60.9296 37.7875 60.6623 38.0463 60.3376 38.0462C60.3339 38.0462 60.3303 38.0462 60.3266 38.0462C60.323 38.0462 60.3193 38.0462 60.3157 38.0462C59.9909 38.0463 59.7236 37.7875 59.7187 37.4628C59.7138 37.138 59.9731 36.8704 60.2978 36.8701C60.3074 36.8701 60.317 36.8701 60.3266 36.8701C60.3362 36.8701 60.3458 36.8701 60.3554 36.8701ZM40.4011 42.1953C40.6823 42.0329 41.0407 42.1348 41.199 42.4184C41.3573 42.702 41.2555 43.0598 40.9744 43.2224C40.9697 43.2251 40.965 43.2278 40.9603 43.2306C40.6793 43.3933 40.3183 43.3032 40.1513 43.0246C39.9844 42.746 40.0746 42.3845 40.3556 42.2216C40.3708 42.2129 40.3859 42.2041 40.4011 42.1953ZM25.7876 56.7897C25.9504 56.5087 26.312 56.4185 26.5905 56.5854C26.8691 56.7524 26.9592 57.1133 26.7965 57.3944C26.7938 57.3991 26.7911 57.4038 26.7884 57.4084C26.6258 57.6896 26.2679 57.7914 25.9844 57.6331C25.7008 57.4748 25.5988 57.1164 25.7613 56.8351C25.77 56.82 25.7788 56.8049 25.7876 56.7897ZM21.0287 76.1528C20.704 76.1479 20.4363 76.4071 20.436 76.7319C20.436 76.7415 20.436 76.7511 20.436 76.7607C20.436 76.7703 20.436 76.7799 20.436 76.7895C20.4363 77.1142 20.704 77.3735 21.0287 77.3686C21.3534 77.3637 21.6122 77.0964 21.6122 76.7716C21.6122 76.768 21.6122 76.7643 21.6122 76.7607C21.6122 76.757 21.6122 76.7534 21.6122 76.7497C21.6122 76.425 21.3534 76.1577 21.0287 76.1528ZM25.7613 96.6862C25.5988 96.405 25.7008 96.0466 25.9844 95.8883C26.2679 95.73 26.6258 95.8318 26.7884 96.1129C26.7911 96.1176 26.7938 96.1223 26.7965 96.127C26.9592 96.408 26.8691 96.769 26.5905 96.936C26.312 97.1029 25.9504 97.0127 25.7876 96.7317C25.7788 96.7165 25.77 96.7014 25.7613 96.6862ZM40.3556 111.3C40.0746 111.137 39.9844 110.775 40.1513 110.497C40.3183 110.218 40.6792 110.128 40.9603 110.291C40.965 110.294 40.9697 110.296 40.9744 110.299C41.2555 110.462 41.3573 110.819 41.199 111.103C41.0407 111.387 40.6823 111.488 40.4011 111.326C40.3859 111.317 40.3708 111.309 40.3556 111.3ZM60.2978 116.651C59.973 116.651 59.7138 116.383 59.7187 116.059C59.7236 115.734 59.9909 115.475 60.3157 115.475C60.3193 115.475 60.323 115.475 60.3266 115.475C60.3303 115.475 60.3339 115.475 60.3376 115.475C60.6623 115.475 60.9296 115.734 60.9345 116.059C60.9394 116.383 60.6802 116.651 60.3554 116.651C60.3458 116.651 60.3362 116.651 60.3266 116.651C60.317 116.651 60.3074 116.651 60.2978 116.651ZM80.2521 111.326C79.9709 111.488 79.6125 111.387 79.4542 111.103C79.2959 110.819 79.3977 110.462 79.6788 110.299C79.6835 110.296 79.6882 110.294 79.6929 110.291C79.974 110.128 80.3349 110.218 80.5019 110.497C80.6688 110.775 80.5786 111.137 80.2976 111.3C80.2824 111.309 80.2673 111.317 80.2521 111.326ZM94.8657 96.7317C94.7028 97.0127 94.3413 97.1029 94.0627 96.936C93.7841 96.769 93.694 96.4081 93.8567 96.127C93.8595 96.1223 93.8622 96.1176 93.8649 96.1129C94.0275 95.8318 94.3853 95.73 94.6689 95.8883C94.9525 96.0466 95.0544 96.405 94.892 96.6862C94.8832 96.7014 94.8744 96.7165 94.8657 96.7317Z" fill="#F7F8FA"/><rect x="44.8735" y="17.3301" width="30.9064" height="5.99192" rx="1.79845" fill="#ECEFF1"/><rect x="55.458" y="19.3662" width="9.73755" height="7.91244" fill="#ECEFF1"/><rect x="93.0142" y="25.3574" width="20.552" height="5.99192" rx="1.79845" transform="rotate(45 93.0142 25.3574)" fill="#ECEFF1"/><rect x="95.3984" y="30.6211" width="9.73755" height="7.91244" transform="rotate(45 95.3984 30.6211)" fill="#ECEFF1"/><path d="M116.034 117.618L114.247 122.429C114.162 122.598 114.077 122.682 113.907 122.767L110.249 123.78C109.823 123.949 109.738 124.539 110.249 124.708L114.247 126.228C114.417 126.312 114.502 126.396 114.502 126.481L116.204 131.208C116.374 131.63 117.055 131.63 117.14 131.123L118.246 126.143C118.246 125.974 118.416 125.806 118.586 125.806L122.329 124.539C122.754 124.371 122.754 123.695 122.329 123.611L118.756 122.598C118.586 122.514 118.501 122.429 118.416 122.26L116.884 117.534C116.884 117.196 116.204 117.196 116.034 117.618Z" fill="#ECEFF1"/><rect x="60.9478" y="76.3828" width="40.2332" height="1.35296" transform="rotate(30 60.9478 76.3828)" fill="#90A4AE"/><circle cx="60.327" cy="76.7616" r="2.85921" fill="#90A4AE"/><circle cx="19.3489" cy="116.652" r="17.3903" fill="white" stroke="#ECEFF1" strokeWidth="3.91727"/><circle cx="19.3766" cy="116.719" r="12.8991" fill="#90A4AE"/><path d="M18.9502 111.098L19.0968 118.624M19.1667 122.218L19.1692 122.343" stroke="white" strokeWidth="1.53342" strokeLinecap="round"/><circle cx="121.946" cy="104.062" r="1.96637" fill="#ECEFF1"/></svg>`}export{l as timeLeftIcon};
+import{x as r}from"../../chunks/lit-element-DiWJYFwC.js";function e(){return r`<svg xmlns="http://www.w3.org/2000/svg" width="${139}" height="${136}" viewBox="0 0 ${139} ${136}" fill="none" aria-hidden="true"><circle cx="60.5" cy="76.5" r="51.5" style="fill:var(--color-neutrals-background-weak)"/><path d="M60.5 25A51.5 51.5 0 0 1 102.2 106.6L60.5 76.5Z" style="fill:var(--color-white)"/><circle cx="60.5" cy="76.5" r="51.5" style="stroke:var(--color-border-subtle)" stroke-width="2"/><path d="M60.5 76.5L95.3 56.4" style="stroke:var(--color-text-icons--secondary)" stroke-width="3" stroke-linecap="round"/><circle cx="60.5" cy="76.5" r="4" style="fill:var(--color-text-icons--secondary)"/><circle cx="19.5" cy="116.5" r="17.5" style="fill:var(--color-white);stroke:var(--color-neutrals-background-weak)" stroke-width="4"/><circle cx="19.5" cy="116.5" r="13" style="fill:var(--color-text-icons--secondary)"/><path d="M19.5 110.5V117.5M19.5 122.2V122.3" style="stroke:var(--color-white)" stroke-width="2.5" stroke-linecap="round"/><path d="M104.5 12.5L106.6 18.4L112.5 20.5L106.6 22.6L104.5 28.5L102.4 22.6L96.5 20.5L102.4 18.4Z" style="fill:var(--color-neutrals-background-weak)"/><path d="M122 100L123.4 104.1L127.5 105.5L123.4 106.9L122 111L120.6 106.9L116.5 105.5L120.6 104.1Z" style="fill:var(--color-neutrals-background-weak)"/><circle cx="14" cy="30" r="4" style="fill:var(--color-neutrals-background-weak)"/></svg>`}export{e as timeLeftIcon};

package/dist/ui/icons/types.d.ts

@@ -4,6 +4,7 @@ interface IconProps {
     className?: string;
 }
 declare const defaultIconProps: Required<IconProps>;
+declare const ICON_STROKE_WIDTH = 1.5;
 
-export { defaultIconProps };
+export { ICON_STROKE_WIDTH, defaultIconProps };
 export type { IconProps };

package/dist/ui/icons/types.js

@@ -1 +1 @@
-const o={size:24,color:"currentColor",className:""};export{o as defaultIconProps};
+const o={size:24,color:"currentColor",className:""},r=1.5;export{r as ICON_STROKE_WIDTH,o as defaultIconProps};

package/dist/ui/icons/upload-icon.d.ts

@@ -1,6 +1,6 @@
 import * as lit_html from 'lit-html';
 import { IconProps } from './types.js';
 
-declare function uploadIcon({ size, color, }?: IconProps): lit_html.TemplateResult<1>;
+declare function uploadIcon({ size, color, className, }?: IconProps): lit_html.TemplateResult<1>;
 
 export { uploadIcon };

package/dist/ui/icons/upload-icon.js

@@ -1 +1 @@
-import{x as e}from"../../chunks/lit-element-DiWJYFwC.js";import{defaultIconProps as C}from"./types.js";function l({size:l=C.size,color:o=C.color}={}){return e`<svg width="${l}" height="${l}" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3 14.25C3.41421 14.25 3.75 14.5858 3.75 15V19C3.75 19.3315 3.8817 19.6495 4.11612 19.8839C4.35054 20.1183 4.66848 20.25 5 20.25H19C19.3315 20.25 19.6495 20.1183 19.8839 19.8839C20.1183 19.6495 20.25 19.3315 20.25 19V15C20.25 14.5858 20.5858 14.25 21 14.25C21.4142 14.25 21.75 14.5858 21.75 15V19C21.75 19.7293 21.4603 20.4288 20.9445 20.9445C20.4288 21.4603 19.7293 21.75 19 21.75H5C4.27065 21.75 3.57118 21.4603 3.05546 20.9445C2.53973 20.4288 2.25 19.7293 2.25 19V15C2.25 14.5858 2.58579 14.25 3 14.25Z" fill="${o}"/><path fill-rule="evenodd" clip-rule="evenodd" d="M11.25 15C11.25 15.4142 11.5858 15.75 12 15.75C12.4142 15.75 12.75 15.4142 12.75 15L12.75 4.81066L16.4697 8.53033C16.7626 8.82322 17.2374 8.82322 17.5303 8.53033C17.8232 8.23744 17.8232 7.76256 17.5303 7.46967L12.5303 2.46967C12.4584 2.39776 12.3755 2.34351 12.2871 2.30691C12.1987 2.27024 12.1017 2.25 12 2.25C11.8983 2.25 11.8013 2.27024 11.7129 2.30691C11.6245 2.34351 11.5416 2.39776 11.4697 2.46967L6.46967 7.46967C6.17678 7.76256 6.17678 8.23744 6.46967 8.53033C6.76256 8.82322 7.23744 8.82322 7.53033 8.53033L11.25 4.81066L11.25 15Z" fill="${o}"/></svg>`}export{l as uploadIcon};
+import{x as e}from"../../chunks/lit-element-DiWJYFwC.js";import{o}from"../../chunks/if-defined-BYeVdwgd.js";import{defaultIconProps as s,ICON_STROKE_WIDTH as t}from"./types.js";function r({size:r=s.size,color:i=s.color,className:n=s.className}={}){return e`<svg xmlns="http://www.w3.org/2000/svg" width="${r}" height="${r}" viewBox="0 0 24 24" fill="none" stroke="${i}" stroke-width="${t}" stroke-linecap="round" stroke-linejoin="round" class="${o(n)}" aria-hidden="true"><path d="M12 15.5V3"/><path d="m7.5 7.5 4.5-4.5 4.5 4.5"/><path d="M3.5 15v4A2.5 2.5 0 0 0 6 21.5h12a2.5 2.5 0 0 0 2.5-2.5v-4"/></svg>`}export{r as uploadIcon};

package/dist/ui/icons/video-icon.d.ts

@@ -1,6 +1,6 @@
 import * as lit_html from 'lit-html';
 import { IconProps } from './types.js';
 
-declare function videoIcon({ size, color, }?: IconProps): lit_html.TemplateResult<1>;
+declare function videoIcon({ size, color, className, }?: IconProps): lit_html.TemplateResult<1>;
 
 export { videoIcon };

package/dist/ui/icons/video-icon.js

@@ -1 +1 @@
-import{x as t}from"../../chunks/lit-element-DiWJYFwC.js";import{defaultIconProps as o}from"./types.js";function e({size:e=o.size,color:r=o.color}={}){return t`<svg xmlns="http://www.w3.org/2000/svg" width="${e}" height="${e}" viewBox="0 0 24 24" fill="none" stroke="${r}" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m16 13 5.223 3.482a.5.5 0 0 0 .777-.416V7.87a.5.5 0 0 0-.752-.432L16 10.5"/><rect x="2" y="6" width="14" height="12" rx="2"/></svg>`}export{e as videoIcon};
+import{x as e}from"../../chunks/lit-element-DiWJYFwC.js";import{o as t}from"../../chunks/if-defined-BYeVdwgd.js";import{defaultIconProps as o,ICON_STROKE_WIDTH as r}from"./types.js";function s({size:s=o.size,color:i=o.color,className:n=o.className}={}){return e`<svg xmlns="http://www.w3.org/2000/svg" width="${s}" height="${s}" viewBox="0 0 24 24" fill="none" stroke="${i}" stroke-width="${r}" stroke-linecap="round" stroke-linejoin="round" class="${t(n)}" aria-hidden="true"><rect x="2.5" y="6" width="13" height="12" rx="2.5"/><path d="m15.5 10.5 4.8-3a.6.6 0 0 1 .95.5v7a.6.6 0 0 1-.95.5l-4.8-3Z"/></svg>`}export{s as videoIcon};

package/dist/ui/icons/video-off-icon.d.ts

@@ -1,6 +1,6 @@
 import * as lit_html from 'lit-html';
 import { IconProps } from './types.js';
 
-declare function videoOffIcon({ size, color, }?: IconProps): lit_html.TemplateResult<1>;
+declare function videoOffIcon({ size, color, className, }?: IconProps): lit_html.TemplateResult<1>;
 
 export { videoOffIcon };

package/dist/ui/icons/video-off-icon.js

@@ -1 +1 @@
-import{x as o}from"../../chunks/lit-element-DiWJYFwC.js";import{defaultIconProps as t}from"./types.js";function e({size:e=t.size,color:r=t.color}={}){return o`<svg xmlns="http://www.w3.org/2000/svg" width="${e}" height="${e}" viewBox="0 0 24 24" fill="none" stroke="${r}" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M10.66 6H14a2 2 0 0 1 2 2v2.5l5.248-3.062A.5.5 0 0 1 22 7.87v8.196"/><path d="M16 16a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h2"/><path d="m2 2 20 20"/></svg>`}export{e as videoOffIcon};
+import{x as e}from"../../chunks/lit-element-DiWJYFwC.js";import{o}from"../../chunks/if-defined-BYeVdwgd.js";import{defaultIconProps as s,ICON_STROKE_WIDTH as t}from"./types.js";function r({size:r=s.size,color:i=s.color,className:n=s.className}={}){return e`<svg xmlns="http://www.w3.org/2000/svg" width="${r}" height="${r}" viewBox="0 0 24 24" fill="none" stroke="${i}" stroke-width="${t}" stroke-linecap="round" stroke-linejoin="round" class="${o(n)}" aria-hidden="true"><path d="m3 3 18 18"/><path d="M10.5 6h2.5A2.5 2.5 0 0 1 15.5 8.5v2l4.8-3a.6.6 0 0 1 .95.5v7"/><path d="M15.5 15.5V17a2.5 2.5 0 0 1-2.5 2.5H5A2.5 2.5 0 0 1 2.5 17V8.5A2.5 2.5 0 0 1 5 6h1"/></svg>`}export{r as videoOffIcon};

package/dist/ui/icons/x-icon.d.ts

@@ -1,6 +1,6 @@
 import * as lit_html from 'lit-html';
 import { IconProps } from './types.js';
 
-declare function xIcon({ size, color, }?: IconProps): lit_html.TemplateResult<1>;
+declare function xIcon({ size, color, className, }?: IconProps): lit_html.TemplateResult<1>;
 
 export { xIcon };

package/dist/ui/icons/x-icon.js

@@ -1 +1 @@
-import{x as o}from"../../chunks/lit-element-DiWJYFwC.js";import{defaultIconProps as t}from"./types.js";function e({size:e=t.size,color:r=t.color}={}){return o`<svg xmlns="http://www.w3.org/2000/svg" width="${e}" height="${e}" viewBox="0 0 24 24" fill="none" stroke="${r}" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M18 6 6 18"/><path d="m6 6 12 12"/></svg>`}export{e as xIcon};
+import{x as e}from"../../chunks/lit-element-DiWJYFwC.js";import{o}from"../../chunks/if-defined-BYeVdwgd.js";import{defaultIconProps as s,ICON_STROKE_WIDTH as t}from"./types.js";function r({size:r=s.size,color:i=s.color,className:n=s.className}={}){return e`<svg xmlns="http://www.w3.org/2000/svg" width="${r}" height="${r}" viewBox="0 0 24 24" fill="none" stroke="${i}" stroke-width="${t}" stroke-linecap="round" stroke-linejoin="round" class="${o(n)}" aria-hidden="true"><path d="m6 6 12 12"/><path d="m18 6-12 12"/></svg>`}export{r as xIcon};

package/dist/ui/mq-callout.js

@@ -1 +1 @@
-import{_ as o,c as t}from"../chunks/custom-element-D2ziPxYE.js";import{i as n,a as r,E as e,x as i}from"../chunks/lit-element-DiWJYFwC.js";import{n as s}from"../chunks/property-scuRaFcM.js";import{infoCircleOutineIcon as a}from"./icons/info-circle-outine-icon.js";import"./icons/types.js";const c=n`:host{display:block}.container{align-items:flex-start;background-color:var(--color-neutrals-background-disabled);border-radius:var(--border-radius-sm);box-sizing:border-box;color:var(--color-neutrals-text-default);display:flex;font-family:var(--font-body);font-size:var(--text-sm);gap:var(--sp-2);line-height:var(--text-sm--line-height);margin:0;padding:var(--sp-4) var(--sp-2);width:100%}:host([noPadding]) .container{padding:0}:host([background=solid]) .container{background-color:var(--color-background)}.icon{align-items:center;display:flex;justify-content:center;max-height:100%;min-width:var(--size-6)}.content{display:block;flex:1;margin:0}.content ::slotted(*){margin:0}`;let l=class MqCallout extends r{constructor(){super(...arguments),this.background="default",this.noPadding=!1}static{this.styles=[c]}render(){const o=this.renderVariantIcon(),t=this.hasCustomIcon(),n=Boolean(o||t);return i`<div class="container">${n?i`<span class="icon">${o??i`<slot name="icon"></slot>`}</span>`:e}<div class="content"><slot></slot></div></div>`}hasCustomIcon(){return Boolean(this.querySelector('[slot="icon"]'))}renderVariantIcon(){return"info"===this.variant?a({size:24,color:"var(--color-primary-icon-link)"}):null}};o([s({type:String,reflect:!0})],l.prototype,"background",void 0),o([s({type:String,reflect:!0})],l.prototype,"variant",void 0),o([s({type:Boolean,reflect:!0})],l.prototype,"noPadding",void 0),l=o([t("mq-callout")],l);export{l as MqCallout};
+import{_ as o,c as t}from"../chunks/custom-element-D2ziPxYE.js";import{i as n,a as r,E as e,x as i}from"../chunks/lit-element-DiWJYFwC.js";import{n as s}from"../chunks/property-scuRaFcM.js";import{infoCircleOutineIcon as a}from"./icons/info-circle-outine-icon.js";import"../chunks/if-defined-BYeVdwgd.js";import"./icons/types.js";const c=n`:host{display:block}.container{align-items:flex-start;background-color:var(--color-neutrals-background-disabled);border-radius:var(--border-radius-sm);box-sizing:border-box;color:var(--color-neutrals-text-default);display:flex;font-family:var(--font-body);font-size:var(--text-sm);gap:var(--sp-2);line-height:var(--text-sm--line-height);margin:0;padding:var(--sp-4) var(--sp-2);width:100%}:host([noPadding]) .container{padding:0}:host([background=solid]) .container{background-color:var(--color-background)}.icon{align-items:center;display:flex;justify-content:center;max-height:100%;min-width:var(--size-6)}.content{display:block;flex:1;margin:0}.content ::slotted(*){margin:0}`;let l=class MqCallout extends r{constructor(){super(...arguments),this.background="default",this.noPadding=!1}static{this.styles=[c]}render(){const o=this.renderVariantIcon(),t=this.hasCustomIcon(),n=Boolean(o||t);return i`<div class="container">${n?i`<span class="icon">${o??i`<slot name="icon"></slot>`}</span>`:e}<div class="content"><slot></slot></div></div>`}hasCustomIcon(){return Boolean(this.querySelector('[slot="icon"]'))}renderVariantIcon(){return"info"===this.variant?a({size:24,color:"var(--color-primary-icon-link)"}):null}};o([s({type:String,reflect:!0})],l.prototype,"background",void 0),o([s({type:String,reflect:!0})],l.prototype,"variant",void 0),o([s({type:Boolean,reflect:!0})],l.prototype,"noPadding",void 0),l=o([t("mq-callout")],l);export{l as MqCallout};

package/dist/ui/mq-dialog.js

@@ -1 +1 @@
-import{_ as e,c as t}from"../chunks/custom-element-D2ziPxYE.js";import{i as o,a as i,x as a}from"../chunks/lit-element-DiWJYFwC.js";import{n as s}from"../chunks/property-scuRaFcM.js";import{r}from"../chunks/state-LQivXIgA.js";import{xIcon as n}from"./icons/x-icon.js";import"./icons/types.js";const l=o`:host{display:contents}dialog.root{padding:0;border:none;margin:0;max-width:none;max-height:none;position:fixed;inset:0;width:100%;height:100%;background:var(--dialog-underlay);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--dialog-transition-duration) ease}dialog.root:not([open]){display:none}dialog.root::backdrop{background:0 0}.dialog{background:var(--color-neutrals-background-extraWeak,var(--color-background,var(--color-white)));color:var(--color-neutrals-text-default,var(--color-foreground,var(--color-black)));border-radius:var(--border-radius-lg);width:calc(100% - var(--mq-safe-left,0px) - var(--mq-safe-right,0px));max-height:calc(100vh - var(--mq-safe-top,0px) - var(--mq-safe-bottom,0px));margin-top:var(--mq-safe-top,0);margin-bottom:var(--mq-safe-bottom,0);margin-left:var(--mq-safe-left,0);margin-right:var(--mq-safe-right,0);box-shadow:var(--dialog-shadow);outline:0;display:flex;flex-direction:column;overflow:hidden;opacity:0;transition:opacity var(--dialog-transition-duration,180ms) ease,transform var(--dialog-transition-duration,180ms) ease;transform:scale(.95);position:relative}.heading{padding:var(--sp-4) var(--sp-5) 0 var(--sp-5);font-size:var(--text-lg);font-weight:var(--font-weight-semibold)}.subheading{padding:var(--sp-1) var(--sp-5) 0 var(--sp-5);color:var(--color-neutrals-text-medium,var(--color-gray-darker));font-size:var(--text-sm);line-height:var(--text-sm--line-height);font-weight:var(--font-weight-normal)}.content{padding:var(--sp-3) var(--sp-5) var(--sp-5) var(--sp-5);flex:1;min-height:0;overflow-y:auto}dialog.root.active{opacity:1}dialog.root.active .dialog{opacity:1;transform:scale(1)}.close-btn{position:absolute;top:var(--sp-2);right:var(--sp-2);border:none;background:0 0;padding:var(--sp-2);border-radius:var(--border-radius-lg);cursor:pointer;line-height:0;color:inherit}.close-btn:hover{background:var(--dialog-close-hover-bg)}.close-btn:disabled{opacity:.4;cursor:default}@media (min-width:768px){.dialog{min-width:425px;max-width:min(470px,calc(100vw - var(--sp-8)))}}`,d=["a[href]","area[href]","button",'input:not([type="hidden"])',"select","textarea","iframe","audio[controls]","video[controls]",'[contenteditable]:not([contenteditable="false"])',"[tabindex]"].join(",");let c=class MqDialog extends i{constructor(){super(...arguments),this.open=!1,this.dismissable=!0,this.isActive=!1,this.closeTimer=null,this.onDialogClick=e=>{this.dismissable&&e.target===this.shadowRoot?.querySelector("dialog")&&this.requestClose()},this.onCancel=e=>{e.preventDefault(),this.dismissable&&this.requestClose()},this.onNativeClose=()=>{this.open&&(this.open=!1)},this.onCloseClick=()=>{this.dismissable&&this.requestClose()},this.onKeyDown=e=>{if("Tab"!==e.key)return;const t=this.getTabbableElements();if(0===t.length)return void e.preventDefault();const o=t[0],i=t[t.length-1];if(!o||!i)return;const a=this.getDeepActiveElement();e.shiftKey||a!==i?e.shiftKey&&a===o&&(e.preventDefault(),i.focus()):(e.preventDefault(),o.focus())}}static{this.styles=[l]}updated(e){if(!e.has("open"))return;const t=this.shadowRoot?.querySelector("dialog");t&&(this.open?(this.closeTimer&&(window.clearTimeout(this.closeTimer),this.closeTimer=null),t.open||"function"!=typeof t.showModal||t.showModal(),requestAnimationFrame(()=>{this.isActive=!0})):(this.isActive=!1,this.closeTimer&&window.clearTimeout(this.closeTimer),this.closeTimer=window.setTimeout(()=>{t.open&&t.close(),this.closeTimer=null},200)))}getDeepActiveElement(){let e=document.activeElement;for(;e?.shadowRoot?.activeElement;)e=e.shadowRoot.activeElement;return e}getTabbableElements(){const e=this.shadowRoot?.querySelector(".dialog");if(!e)return[];const t=[];return this.collectTabbable(e,t),t}collectTabbable(e,t){if(this.isTabbable(e)&&t.push(e),e.shadowRoot)for(const o of e.shadowRoot.children)this.collectTabbable(o,t);else if(e instanceof HTMLSlotElement)for(const o of e.assignedElements({flatten:!0}))this.collectTabbable(o,t);else for(const o of e.children)this.collectTabbable(o,t)}isTabbable(e){if(!(e instanceof HTMLElement))return!1;if(!e.matches(d))return!1;if(e.hasAttribute("disabled")||e.hasAttribute("inert"))return!1;if("true"===e.getAttribute("aria-hidden"))return!1;const t=e.getAttribute("tabindex");return!(null!==t&&Number(t)<0)&&(null!==e.offsetParent||e.getClientRects().length>0)}requestClose(){this.dispatchEvent(new CustomEvent("mq-close",{bubbles:!0,composed:!0})),this.open=!1}render(){return a`<dialog class="root ${this.isActive?"active":""}" @click="${this.onDialogClick}" @keydown="${this.onKeyDown}" @cancel="${this.onCancel}" @close="${this.onNativeClose}" aria-labelledby="dialog-heading" aria-describedby="dialog-subheading"><div class="dialog" part="dialog"><button class="close-btn" part="close" type="button" aria-label="Close dialog" title="Close" ?disabled="${!this.dismissable}" @click="${this.onCloseClick}">${n({size:20})}</button><div class="heading" part="heading" id="dialog-heading"><slot name="heading"></slot></div><div class="subheading" part="subheading" id="dialog-subheading"><slot name="subheading"></slot></div><div class="content" part="content"><slot></slot></div></div></dialog>`}};e([s({type:Boolean,reflect:!0})],c.prototype,"open",void 0),e([s({type:Boolean,reflect:!0})],c.prototype,"dismissable",void 0),e([r()],c.prototype,"isActive",void 0),c=e([t("mq-dialog")],c);export{c as MqDialog};
+import{_ as e,c as t}from"../chunks/custom-element-D2ziPxYE.js";import{i as o,a as i,x as a}from"../chunks/lit-element-DiWJYFwC.js";import{n as s}from"../chunks/property-scuRaFcM.js";import{r}from"../chunks/state-LQivXIgA.js";import{xIcon as n}from"./icons/x-icon.js";import"../chunks/if-defined-BYeVdwgd.js";import"./icons/types.js";const l=o`:host{display:contents}dialog.root{padding:0;border:none;margin:0;max-width:none;max-height:none;position:fixed;inset:0;width:100%;height:100%;background:var(--dialog-underlay);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--dialog-transition-duration) ease}dialog.root:not([open]){display:none}dialog.root::backdrop{background:0 0}.dialog{background:var(--color-neutrals-background-extraWeak,var(--color-background,var(--color-white)));color:var(--color-neutrals-text-default,var(--color-foreground,var(--color-black)));border-radius:var(--border-radius-lg);width:calc(100% - var(--mq-safe-left,0px) - var(--mq-safe-right,0px));max-height:calc(100vh - var(--mq-safe-top,0px) - var(--mq-safe-bottom,0px));margin-top:var(--mq-safe-top,0);margin-bottom:var(--mq-safe-bottom,0);margin-left:var(--mq-safe-left,0);margin-right:var(--mq-safe-right,0);box-shadow:var(--dialog-shadow);outline:0;display:flex;flex-direction:column;overflow:hidden;opacity:0;transition:opacity var(--dialog-transition-duration,180ms) ease,transform var(--dialog-transition-duration,180ms) ease;transform:scale(.95);position:relative}.heading{padding:var(--sp-4) var(--sp-5) 0 var(--sp-5);font-size:var(--text-lg);font-weight:var(--font-weight-semibold)}.subheading{padding:var(--sp-1) var(--sp-5) 0 var(--sp-5);color:var(--color-neutrals-text-medium,var(--color-gray-darker));font-size:var(--text-sm);line-height:var(--text-sm--line-height);font-weight:var(--font-weight-normal)}.content{padding:var(--sp-3) var(--sp-5) var(--sp-5) var(--sp-5);flex:1;min-height:0;overflow-y:auto}dialog.root.active{opacity:1}dialog.root.active .dialog{opacity:1;transform:scale(1)}.close-btn{position:absolute;top:var(--sp-2);right:var(--sp-2);border:none;background:0 0;padding:var(--sp-2);border-radius:var(--border-radius-lg);cursor:pointer;line-height:0;color:inherit}.close-btn:hover{background:var(--dialog-close-hover-bg)}.close-btn:disabled{opacity:.4;cursor:default}@media (min-width:768px){.dialog{min-width:425px;max-width:min(470px,calc(100vw - var(--sp-8)))}}`,d=["a[href]","area[href]","button",'input:not([type="hidden"])',"select","textarea","iframe","audio[controls]","video[controls]",'[contenteditable]:not([contenteditable="false"])',"[tabindex]"].join(",");let c=class MqDialog extends i{constructor(){super(...arguments),this.open=!1,this.dismissable=!0,this.isActive=!1,this.closeTimer=null,this.onDialogClick=e=>{this.dismissable&&e.target===this.shadowRoot?.querySelector("dialog")&&this.requestClose()},this.onCancel=e=>{e.preventDefault(),this.dismissable&&this.requestClose()},this.onNativeClose=()=>{this.open&&(this.open=!1)},this.onCloseClick=()=>{this.dismissable&&this.requestClose()},this.onKeyDown=e=>{if("Tab"!==e.key)return;const t=this.getTabbableElements();if(0===t.length)return void e.preventDefault();const o=t[0],i=t[t.length-1];if(!o||!i)return;const a=this.getDeepActiveElement();e.shiftKey||a!==i?e.shiftKey&&a===o&&(e.preventDefault(),i.focus()):(e.preventDefault(),o.focus())}}static{this.styles=[l]}updated(e){if(!e.has("open"))return;const t=this.shadowRoot?.querySelector("dialog");t&&(this.open?(this.closeTimer&&(window.clearTimeout(this.closeTimer),this.closeTimer=null),t.open||"function"!=typeof t.showModal||t.showModal(),requestAnimationFrame(()=>{this.isActive=!0})):(this.isActive=!1,this.closeTimer&&window.clearTimeout(this.closeTimer),this.closeTimer=window.setTimeout(()=>{t.open&&t.close(),this.closeTimer=null},200)))}getDeepActiveElement(){let e=document.activeElement;for(;e?.shadowRoot?.activeElement;)e=e.shadowRoot.activeElement;return e}getTabbableElements(){const e=this.shadowRoot?.querySelector(".dialog");if(!e)return[];const t=[];return this.collectTabbable(e,t),t}collectTabbable(e,t){if(this.isTabbable(e)&&t.push(e),e.shadowRoot)for(const o of e.shadowRoot.children)this.collectTabbable(o,t);else if(e instanceof HTMLSlotElement)for(const o of e.assignedElements({flatten:!0}))this.collectTabbable(o,t);else for(const o of e.children)this.collectTabbable(o,t)}isTabbable(e){if(!(e instanceof HTMLElement))return!1;if(!e.matches(d))return!1;if(e.hasAttribute("disabled")||e.hasAttribute("inert"))return!1;if("true"===e.getAttribute("aria-hidden"))return!1;const t=e.getAttribute("tabindex");return!(null!==t&&Number(t)<0)&&(null!==e.offsetParent||e.getClientRects().length>0)}requestClose(){this.dispatchEvent(new CustomEvent("mq-close",{bubbles:!0,composed:!0})),this.open=!1}render(){return a`<dialog class="root ${this.isActive?"active":""}" @click="${this.onDialogClick}" @keydown="${this.onKeyDown}" @cancel="${this.onCancel}" @close="${this.onNativeClose}" aria-labelledby="dialog-heading" aria-describedby="dialog-subheading"><div class="dialog" part="dialog"><button class="close-btn" part="close" type="button" aria-label="Close dialog" title="Close" ?disabled="${!this.dismissable}" @click="${this.onCloseClick}">${n({size:20})}</button><div class="heading" part="heading" id="dialog-heading"><slot name="heading"></slot></div><div class="subheading" part="subheading" id="dialog-subheading"><slot name="subheading"></slot></div><div class="content" part="content"><slot></slot></div></div></dialog>`}};e([s({type:Boolean,reflect:!0})],c.prototype,"open",void 0),e([s({type:Boolean,reflect:!0})],c.prototype,"dismissable",void 0),e([r()],c.prototype,"isActive",void 0),c=e([t("mq-dialog")],c);export{c as MqDialog};

package/dist/ui/mq-input.d.ts

@@ -9,7 +9,7 @@ declare class MqInputChangeEvent extends Event {
 }
 type InputSize = "sm" | "md" | "lg";
 /**
- * @fires MqInputChangeEvent - Fired when the value changes.
+ * @fires onvaluechange - Fired when the value changes.
  */
 declare class MqInput extends LitElement {
     static styles: lit.CSSResult[];

package/dist/ui/mq-select.d.ts

@@ -9,7 +9,7 @@ declare class MqSelectChangeEvent extends Event {
 }
 type SelectSize = "sm" | "md" | "lg";
 /**
- * @fires MqSelectChangeEvent - Fired when the value changes.
+ * @fires onvaluechange - Fired when the value changes.
  */
 declare class MqSelect extends LitElement {
     static styles: lit.CSSResult[];

package/dist/ui/mq-tabs.d.ts

@@ -1,32 +1,44 @@
 import * as lit_html from 'lit-html';
 import * as lit from 'lit';
-import { LitElement } from 'lit';
+import { LitElement, PropertyValues } from 'lit';
 
+type TabsOrientation = "horizontal" | "vertical";
+type TabsActivationMode = "automatic" | "manual";
 declare class MqTabsSelectEvent extends Event {
     readonly value: string;
     static eventName: string;
     constructor(value: string);
 }
-/**
- * @fires onvaluechange - Emitted when the value is changed
- */
 declare class MqTabs extends LitElement {
     static styles: lit.CSSResult[];
     defaultValue: string | null;
     value: string | null;
+    activationMode: TabsActivationMode;
+    private readonly instanceId;
     connectedCallback(): void;
     disconnectedCallback(): void;
     protected firstUpdated(): void;
-    protected updated(changed: Map<string, unknown>): void;
+    protected updated(changed: PropertyValues<this>): void;
+    get triggers(): Array<MqTabsTrigger>;
+    private get panels();
     private onRequestSelect;
-    private findFirstTriggerValue;
-    private applySelection;
+    private readonly orphanTriggers;
+    private handleSlotChange;
+    applySelection(): void;
+    private warnOrphanTrigger;
     render(): lit_html.TemplateResult<1>;
 }
 declare class MqTabsList extends LitElement {
     static styles: lit.CSSResult[];
+    label: string;
+    orientation: TabsOrientation;
     connectedCallback(): void;
     disconnectedCallback(): void;
+    protected updated(): void;
+    private handleSlotChange;
+    private get enabledTriggers();
+    private get nextKey();
+    private get previousKey();
     private handleKeyDown;
     render(): lit_html.TemplateResult<1>;
 }
@@ -35,13 +47,20 @@ declare class MqTabsTrigger extends LitElement {
     value: string;
     disabled: boolean;
     active: boolean;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    protected updated(): void;
+    select(): void;
     private handleClick;
+    private handleKeyDown;
     render(): lit_html.TemplateResult<1>;
 }
 declare class MqTabsContent extends LitElement {
     static styles: lit.CSSResult[];
     value: string;
     active: boolean;
+    connectedCallback(): void;
+    protected updated(): void;
     render(): lit_html.TemplateResult<1>;
 }
 declare global {
@@ -54,3 +73,4 @@ declare global {
 }
 
 export { MqTabs, MqTabsContent, MqTabsList, MqTabsSelectEvent, MqTabsTrigger };
+export type { TabsActivationMode, TabsOrientation };

package/dist/ui/mq-tabs.js

@@ -1 +1,79 @@
-import{_ as t,c as e}from"../chunks/custom-element-D2ziPxYE.js";import{i as o,a as r,x as s}from"../chunks/lit-element-DiWJYFwC.js";import{n as a}from"../chunks/property-scuRaFcM.js";const i=o`:host{display:block}`,l=o`:host{display:block}.list{width:100%;border-radius:var(--border-radius-md);overflow-x:auto;overflow-y:hidden;background-color:var(--color-card);display:inline-flex;align-items:center;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:var(--color-neutrals-border-weak) transparent}.list{scrollbar-width:none;-ms-overflow-style:none}.list::-webkit-scrollbar{display:none}`,n=o`:host{display:inline-block;flex:1}button.trigger{position:relative;width:100%;min-width:max-content;-webkit-tap-highlight-color:transparent;background:0 0;color:var(--color-neutrals-link-dark);border:none;outline:0;cursor:pointer;box-sizing:border-box;padding:var(--size-3) var(--size-4) calc(var(--size-3) - 1px);height:54px;border-bottom:1px solid var(--color-border);transition:color .15s ease,background .15s ease,border-bottom-width .15s ease,padding-bottom .15s ease;font-size:var(--text-base);line-height:var(--text-base--line-height);font-weight:var(--font-weight-bold);font-family:var(--font-body);white-space:nowrap;outline:0}button.trigger::after{content:"";position:absolute;bottom:-2px;left:50%;width:0;height:2px;background-color:var(--color-primary-background-default);transform:translateX(-50%);transition:width .3s ease}:host([disabled]) button.trigger{opacity:.5;cursor:not-allowed;pointer-events:none}:host([active]) button.trigger{color:var(--color-primary-text-link);border-bottom-width:2px;border-bottom-color:transparent;padding-bottom:calc(var(--size-3) - 2px)}:host([active]) button.trigger::after{width:100%}button.trigger:focus-visible{border-radius:var(--border-radius-sm)}`,c=o`:host{display:block}.panel[hidden]{display:none}.panel{padding:var(--size-4) 0}`;class MqTabsSelectEvent extends Event{static{this.eventName="onvaluechange"}constructor(t){super(MqTabsSelectEvent.eventName,{bubbles:!0,composed:!0}),this.value=t}}let d=class MqTabs extends r{constructor(){super(...arguments),this.defaultValue=null,this.value=null,this.onRequestSelect=t=>{const e=t;e.value&&(this.value=e.value)}}static{this.styles=[i]}connectedCallback(){super.connectedCallback(),this.addEventListener(MqTabsSelectEvent.eventName,this.onRequestSelect)}disconnectedCallback(){this.removeEventListener(MqTabsSelectEvent.eventName,this.onRequestSelect),super.disconnectedCallback()}firstUpdated(){if(!this.value){const t=this.defaultValue??this.findFirstTriggerValue();t&&(this.value=t)}this.applySelection()}updated(t){t.has("value")&&this.applySelection()}findFirstTriggerValue(){const t=this.querySelector("mq-tabs-trigger[value]");return t?.value??null}applySelection(){const t=this.value,e=Array.from(this.querySelectorAll("mq-tabs-trigger")),o=Array.from(this.querySelectorAll("mq-tabs-content"));for(const o of e){const e=!!t&&o.value===t;o.toggleAttribute("active",e)}for(const e of o){const o=!!t&&e.value===t;e.toggleAttribute("active",o)}}render(){return s`<slot></slot>`}};t([a({type:String,attribute:"default-value"})],d.prototype,"defaultValue",void 0),t([a({type:String,reflect:!0})],d.prototype,"value",void 0),d=t([e("mq-tabs")],d);let u=class MqTabsList extends r{constructor(){super(...arguments),this.handleKeyDown=t=>{if("ArrowLeft"!==t.key&&"ArrowRight"!==t.key)return;t.preventDefault();const e=Array.from(this.querySelectorAll("mq-tabs-trigger:not([disabled])"));if(0===e.length)return;const o=e.findIndex(t=>t.active);let r;r="ArrowRight"===t.key?-1===o?0:(o+1)%e.length:-1===o||0===o?e.length-1:o-1;const s=e[r];if(s){s.dispatchEvent(new MqTabsSelectEvent(s.value));const t=s.shadowRoot?.querySelector("button");t?.focus()}}}static{this.styles=[l]}connectedCallback(){super.connectedCallback(),this.addEventListener("keydown",this.handleKeyDown)}disconnectedCallback(){this.removeEventListener("keydown",this.handleKeyDown),super.disconnectedCallback()}render(){return s`<div class="list" role="tablist" tabindex="0"><slot></slot></div>`}};u=t([e("mq-tabs-list")],u);let b=class MqTabsTrigger extends r{constructor(){super(...arguments),this.disabled=!1,this.active=!1}static{this.styles=[n]}handleClick(){!this.disabled&&this.value&&this.dispatchEvent(new MqTabsSelectEvent(this.value))}render(){return s`<button class="trigger" role="tab" aria-selected="${this.active?"true":"false"}" tabindex="${this.active?0:-1}" type="button" @click="${this.handleClick}"><slot></slot></button>`}};t([a({type:String,reflect:!0})],b.prototype,"value",void 0),t([a({type:Boolean,reflect:!0})],b.prototype,"disabled",void 0),t([a({type:Boolean,reflect:!0})],b.prototype,"active",void 0),b=t([e("mq-tabs-trigger")],b);let h=class MqTabsContent extends r{constructor(){super(...arguments),this.active=!1}static{this.styles=[c]}render(){return s`<div class="panel" role="tabpanel" ?hidden="${!this.active}"><slot></slot></div>`}};t([a({type:String,reflect:!0})],h.prototype,"value",void 0),t([a({type:Boolean,reflect:!0})],h.prototype,"active",void 0),h=t([e("mq-tabs-content")],h);export{d as MqTabs,h as MqTabsContent,u as MqTabsList,MqTabsSelectEvent,b as MqTabsTrigger};
+import{i as t,a as e,x as s}from"../chunks/lit-element-DiWJYFwC.js";import{n as i}from"../chunks/property-scuRaFcM.js";function a(t,e,s,i){for(var a,n=arguments.length,r=n<3?e:i,o=t.length-1;o>=0;o--)(a=t[o])&&(r=(n<3?a(r):n>3?a(e,s,r):a(e,s))||r);return n>3&&r&&Object.defineProperty(e,s,r),r}"function"==typeof SuppressedError&&SuppressedError;const n=t=>(e,s)=>{const i=()=>{void 0===customElements.get(t)&&customElements.define(t,e)};void 0!==s?s.addInitializer(i):i()},r=t`
+  :host {
+    display: flex;
+    flex-direction: column;
+  }
+`,o=t`
+  :host {
+    display: flex;
+    align-items: center;
+    box-sizing: border-box;
+    width: 100%;
+    max-width: var(--mq-tabs-list-width, 304px);
+    margin-inline: auto;
+    padding: var(--sp-1, 4px);
+    border-radius: var(--mq-tabs-list-radius, 6px);
+    background-color: var(--mq-tabs-list-background, #edecf1);
+    box-shadow: var(--mq-tabs-list-shadow, 0 4px 8px rgb(0 0 0 / 5%));
+  }
+
+  :host([orientation="vertical"]) {
+    flex-direction: column;
+    align-items: stretch;
+  }
+`,l=t`
+  :host {
+    display: inline-flex;
+    flex: 1;
+    align-items: center;
+    justify-content: center;
+    box-sizing: border-box;
+    min-width: 0;
+    padding: calc(var(--spacing-unit, 4px) * 1.5) var(--sp-3, 12px);
+    border-radius: var(--mq-tabs-trigger-radius, 4px);
+    color: var(--color-text-icons--disabled, #9b90ae);
+    font-family: var(--font-body, sans-serif);
+    font-size: var(--text-xs, 0.75rem);
+    line-height: 20px;
+    font-weight: var(--font-weight-semibold, 600);
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    cursor: pointer;
+    user-select: none;
+    -webkit-tap-highlight-color: transparent;
+    transition:
+      color 0.15s ease,
+      background-color 0.15s ease;
+  }
+
+  :host([active]) {
+    background-color: var(--color-card, #ffffff);
+    color: var(--color-primary-text-link, #4a1ea7);
+  }
+
+  :host([disabled]) {
+    opacity: 0.5;
+    cursor: not-allowed;
+  }
+
+  :host(:focus-visible) {
+    outline: 2px solid var(--color-primary-background-default, #4a1ea7);
+    outline-offset: 1px;
+  }
+`,c=t`
+  :host {
+    display: block;
+    padding: var(--mq-tabs-content-padding, var(--sp-5, 20px) 0 0);
+  }
+
+  :host([hidden]),
+  :host(:not([active])) {
+    display: none;
+  }
+
+  :host(:focus-visible) {
+    outline: 2px solid var(--color-primary-background-default, #4a1ea7);
+    outline-offset: 2px;
+  }
+`;let d=0;function h(t,e){t.hasAttribute("role")||t.setAttribute("role",e)}class MqTabsSelectEvent extends Event{static{this.eventName="onvaluechange"}constructor(t){super(MqTabsSelectEvent.eventName,{bubbles:!0,composed:!0}),this.value=t}}let u=class MqTabs extends e{constructor(){super(...arguments),this.defaultValue=null,this.value=null,this.activationMode="automatic",this.instanceId=(d+=1,d),this.onRequestSelect=t=>{const e=t;e.value&&(this.value=e.value)},this.orphanTriggers=new Set,this.handleSlotChange=()=>{this.applySelection()}}static{this.styles=[r]}connectedCallback(){super.connectedCallback(),this.addEventListener(MqTabsSelectEvent.eventName,this.onRequestSelect)}disconnectedCallback(){this.removeEventListener(MqTabsSelectEvent.eventName,this.onRequestSelect),super.disconnectedCallback()}firstUpdated(){if(!this.value){const t=this.defaultValue??this.triggers[0]?.value??null;t&&(this.value=t)}this.applySelection()}updated(t){t.has("value")&&this.applySelection()}get triggers(){return Array.from(this.querySelectorAll("mq-tabs-trigger"))}get panels(){return Array.from(this.querySelectorAll("mq-tabs-content"))}applySelection(){const{value:t}=this,e=this.triggers,s=this.panels,i=e.some(e=>!!t&&e.value===t);e.forEach((e,a)=>{const n=!!t&&e.value===t,r=s.find(t=>t.value===e.value);e.id||(e.id=`mq-tabs-${this.instanceId}-trigger-${a}`),r&&!r.id&&(r.id=`mq-tabs-${this.instanceId}-panel-${a}`),r?(e.setAttribute("aria-controls",r.id),r.setAttribute("aria-labelledby",e.id)):(e.removeAttribute("aria-controls"),this.warnOrphanTrigger(e.value)),e.active=n,e.tabIndex=n||!i&&0===a?0:-1});for(const e of s)e.active=!!t&&e.value===t}warnOrphanTrigger(t){t&&!this.orphanTriggers.has(t)&&(this.orphanTriggers.add(t),console.warn(`mq-tabs: no <mq-tabs-content value="${t}"> matches the trigger with that value, so the tab controls nothing and its panel will never show.`))}render(){return s`<slot @slotchange=${this.handleSlotChange}></slot>`}};a([i({type:String,attribute:"default-value"})],u.prototype,"defaultValue",void 0),a([i({type:String,reflect:!0})],u.prototype,"value",void 0),a([i({type:String,attribute:"activation-mode"})],u.prototype,"activationMode",void 0),u=a([n("mq-tabs")],u);let p=class MqTabsList extends e{constructor(){super(...arguments),this.label="",this.orientation="horizontal",this.handleSlotChange=()=>{this.closest("mq-tabs")?.applySelection()},this.handleKeyDown=t=>{if(t.key!==this.nextKey&&t.key!==this.previousKey&&"Home"!==t.key&&"End"!==t.key)return;const e=t.composedPath().find(t=>t instanceof HTMLElement&&"MQ-TABS-TRIGGER"===t.tagName);if(!e)return;const s=this.enabledTriggers;if(0===s.length)return;t.preventDefault();const i=s.indexOf(e),a=s.length-1;let n;n="Home"===t.key?0:"End"===t.key?a:t.key===this.nextKey?-1===i?0:(i+1)%s.length:i<=0?a:i-1;const r=s[n];if(!r)return;r.focus();const o=this.closest("mq-tabs");o&&"automatic"!==o.activationMode||r.select()}}static{this.styles=[o]}connectedCallback(){super.connectedCallback(),h(this,"tablist"),this.addEventListener("keydown",this.handleKeyDown)}disconnectedCallback(){this.removeEventListener("keydown",this.handleKeyDown),super.disconnectedCallback()}updated(){this.setAttribute("aria-orientation",this.orientation),this.label?this.setAttribute("aria-label",this.label):this.removeAttribute("aria-label")}get enabledTriggers(){return Array.from(this.querySelectorAll("mq-tabs-trigger:not([disabled])"))}get nextKey(){return"vertical"===this.orientation?"ArrowDown":"ArrowRight"}get previousKey(){return"vertical"===this.orientation?"ArrowUp":"ArrowLeft"}render(){return s`<slot @slotchange=${this.handleSlotChange}></slot>`}};a([i({type:String})],p.prototype,"label",void 0),a([i({type:String,reflect:!0})],p.prototype,"orientation",void 0),p=a([n("mq-tabs-list")],p);let b=class MqTabsTrigger extends e{constructor(){super(...arguments),this.disabled=!1,this.active=!1,this.handleClick=()=>{this.select()},this.handleKeyDown=t=>{"Enter"!==t.key&&" "!==t.key||(t.preventDefault(),this.select())}}static{this.styles=[l]}connectedCallback(){super.connectedCallback(),h(this,"tab"),this.hasAttribute("tabindex")||(this.tabIndex=-1),this.addEventListener("click",this.handleClick),this.addEventListener("keydown",this.handleKeyDown)}disconnectedCallback(){this.removeEventListener("click",this.handleClick),this.removeEventListener("keydown",this.handleKeyDown),super.disconnectedCallback()}updated(){this.setAttribute("aria-selected",this.active?"true":"false"),this.setAttribute("aria-disabled",this.disabled?"true":"false")}select(){!this.disabled&&this.value&&this.dispatchEvent(new MqTabsSelectEvent(this.value))}render(){return s`<slot></slot>`}};a([i({type:String,reflect:!0})],b.prototype,"value",void 0),a([i({type:Boolean,reflect:!0})],b.prototype,"disabled",void 0),a([i({type:Boolean,reflect:!0})],b.prototype,"active",void 0),b=a([n("mq-tabs-trigger")],b);let v=class MqTabsContent extends e{constructor(){super(...arguments),this.active=!1}static{this.styles=[c]}connectedCallback(){super.connectedCallback(),h(this,"tabpanel"),this.hasAttribute("tabindex")||(this.tabIndex=0)}updated(){this.toggleAttribute("hidden",!this.active)}render(){return s`<slot></slot>`}};a([i({type:String,reflect:!0})],v.prototype,"value",void 0),a([i({type:Boolean,reflect:!0})],v.prototype,"active",void 0),v=a([n("mq-tabs-content")],v);export{u as MqTabs,v as MqTabsContent,p as MqTabsList,MqTabsSelectEvent,b as MqTabsTrigger};

package/dist/ui/mq-text-button.js

@@ -1 +1 @@
-import{_ as t,c as o}from"../chunks/custom-element-D2ziPxYE.js";import{i as e,a as r,x as i}from"../chunks/lit-element-DiWJYFwC.js";import{n}from"../chunks/property-scuRaFcM.js";import{e as a}from"../chunks/class-map-Co76I6aw.js";import{o as s}from"../chunks/if-defined-BYeVdwgd.js";import"../chunks/directive-2EDmOukv.js";const l=e`:host{display:inline-block}button{display:inline-flex;align-items:center;justify-content:center;gap:var(--size-1);background:0 0;border:none;border-radius:var(--border-radius-md);font-family:var(--font-body);white-space:nowrap;letter-spacing:0;font-weight:var(--font-weight-medium);transition:all .2s ease;outline:0;cursor:pointer;position:relative;padding:0;text-decoration:none;--mq-text-btn-ring-color:var(--color-primary)}button:focus-visible{box-shadow:0 0 0 1.5px var(--color-background,#fff),0 0 0 3.5px var(--mq-text-btn-ring-color,var(--color-primary));z-index:1}button:disabled{opacity:.5;pointer-events:none;cursor:not-allowed}button.primary{color:var(--color-primary);--mq-text-btn-ring-color:var(--color-primary)}button.primary:hover:not(:disabled){color:var(--color-primary-dark);background:var(--color-primary-light)}button.black{color:var(--color-black,#000);--mq-text-btn-ring-color:var(--color-black, #000000)}button.black:hover:not(:disabled){color:var(--color-gray-dark,#333);background:var(--color-gray-lighter,#f8f9fa)}button.white{color:var(--color-white,#fff);--mq-text-btn-ring-color:var(--color-white, #ffffff)}button.white:hover:not(:disabled){color:var(--color-gray-lighter,#f8f9fa);background:rgba(255,255,255,.1)}button.xs{padding:0;font-size:var(--text-xs);line-height:var(--text-xs--line-height)}button.sm{padding:0;font-size:var(--text-sm);line-height:var(--text-sm--line-height)}button.md{padding:0;font-size:var(--text-base);line-height:var(--text-base--line-height)}button.lg{padding:var(--size-1) 0;font-size:var(--text-base);line-height:var(--text-base--line-height)}button.font-normal{font-weight:var(--font-weight-normal,400)}button.font-medium{font-weight:var(--font-weight-medium,500)}button.font-semibold{font-weight:var(--font-weight-semibold,600)}button.font-bold{font-weight:var(--font-weight-bold,700)}button.underlined{text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:1px}button ::slotted(svg){pointer-events:none;width:var(--size-6);height:var(--size-6);flex-shrink:0}button ::slotted(*){pointer-events:none}`;let d=class MqTextButton extends r{constructor(){super(...arguments),this.variant="primary",this.size="md",this.disabled=!1,this.type="button",this.underlined=!1,this.fontWeight="medium"}static{this.styles=[l]}static{this.shadowRootOptions={...r.shadowRootOptions,delegatesFocus:!0}}render(){const t={[this.variant]:!0,[this.size]:!0,[`font-${this.fontWeight}`]:!0,underlined:this.underlined,disabled:this.disabled};return i`<button class="${a(t)}" type="${this.type}" ?disabled="${this.disabled}" name="${s(this.name)}" value="${s(this.value)}" form="${s(this.form)}" formaction="${s(this.formaction)}" formenctype="${s(this.formenctype)}" formmethod="${s(this.formmethod)}" ?formnovalidate="${this.formnovalidate??!1}" formtarget="${s(this.formtarget)}"><slot></slot></button>`}};t([n({type:String,reflect:!0})],d.prototype,"variant",void 0),t([n({type:String,reflect:!0})],d.prototype,"size",void 0),t([n({type:Boolean,reflect:!0})],d.prototype,"disabled",void 0),t([n({type:String,reflect:!0})],d.prototype,"type",void 0),t([n({type:Boolean,reflect:!0})],d.prototype,"underlined",void 0),t([n({type:String,reflect:!0})],d.prototype,"fontWeight",void 0),t([n({type:String})],d.prototype,"name",void 0),t([n({type:String})],d.prototype,"value",void 0),t([n({type:String})],d.prototype,"form",void 0),t([n({type:String})],d.prototype,"formaction",void 0),t([n({type:String})],d.prototype,"formenctype",void 0),t([n({type:String})],d.prototype,"formmethod",void 0),t([n({type:Boolean})],d.prototype,"formnovalidate",void 0),t([n({type:String})],d.prototype,"formtarget",void 0),d=t([o("mq-text-button")],d);export{d as MqTextButton};
+import{_ as t,c as o}from"../chunks/custom-element-D2ziPxYE.js";import{i as e,a as r,x as i}from"../chunks/lit-element-DiWJYFwC.js";import{n}from"../chunks/property-scuRaFcM.js";import{e as a}from"../chunks/class-map-Co76I6aw.js";import{o as s}from"../chunks/if-defined-BYeVdwgd.js";import"../chunks/directive-2EDmOukv.js";const d=e`:host{display:inline-block}button{display:inline-flex;align-items:center;justify-content:center;gap:var(--size-1);background:0 0;border:none;border-radius:var(--border-radius-md);font-family:var(--font-body);white-space:nowrap;letter-spacing:0;font-weight:var(--font-weight-medium);transition:all .2s ease;outline:0;cursor:pointer;position:relative;padding:0;text-decoration:none;--mq-text-btn-ring-color:var(--color-primary)}button:focus-visible{box-shadow:0 0 0 1.5px var(--color-background,#fff),0 0 0 3.5px var(--mq-text-btn-ring-color,var(--color-primary));z-index:1}button:disabled{opacity:.5;pointer-events:none;cursor:not-allowed}button.primary{color:var(--color-primary);--mq-text-btn-ring-color:var(--color-primary)}button::before{content:"";position:absolute;inset:calc(var(--sp-1) * -1) calc(var(--sp-2) * -1);z-index:-1;border-radius:var(--border-radius-md);transition:background .2s ease}button.primary:hover:not(:disabled){color:var(--color-primary-dark)}button.primary:hover:not(:disabled)::before{background:var(--color-primary-light)}button.black{color:var(--color-black,#000);--mq-text-btn-ring-color:var(--color-black, #000000)}button.black:hover:not(:disabled){color:var(--color-gray-dark,#333)}button.black:hover:not(:disabled)::before{background:var(--color-gray-lighter,#f8f9fa)}button.white{color:var(--color-white,#fff);--mq-text-btn-ring-color:var(--color-white, #ffffff)}button.white:hover:not(:disabled){color:var(--color-gray-lighter,#f8f9fa)}button.white:hover:not(:disabled)::before{background:rgb(255 255 255 / 10%)}button.xs{padding:0;font-size:var(--text-xs);line-height:var(--text-xs--line-height)}button.sm{padding:0;font-size:var(--text-sm);line-height:var(--text-sm--line-height)}button.md{padding:0;font-size:var(--text-base);line-height:var(--text-base--line-height)}button.lg{padding:var(--size-1) 0;font-size:var(--text-base);line-height:var(--text-base--line-height)}button.font-normal{font-weight:var(--font-weight-normal,400)}button.font-medium{font-weight:var(--font-weight-medium,500)}button.font-semibold{font-weight:var(--font-weight-semibold,600)}button.font-bold{font-weight:var(--font-weight-bold,700)}button.underlined{text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:1px}button ::slotted(svg){pointer-events:none;width:var(--size-6);height:var(--size-6);flex-shrink:0}button ::slotted(*){pointer-events:none}`;let l=class MqTextButton extends r{constructor(){super(...arguments),this.variant="primary",this.size="md",this.disabled=!1,this.type="button",this.underlined=!1,this.fontWeight="medium"}static{this.styles=[d]}static{this.shadowRootOptions={...r.shadowRootOptions,delegatesFocus:!0}}render(){const t={[this.variant]:!0,[this.size]:!0,[`font-${this.fontWeight}`]:!0,underlined:this.underlined,disabled:this.disabled};return i`<button class="${a(t)}" type="${this.type}" ?disabled="${this.disabled}" name="${s(this.name)}" value="${s(this.value)}" form="${s(this.form)}" formaction="${s(this.formaction)}" formenctype="${s(this.formenctype)}" formmethod="${s(this.formmethod)}" ?formnovalidate="${this.formnovalidate??!1}" formtarget="${s(this.formtarget)}"><slot></slot></button>`}};t([n({type:String,reflect:!0})],l.prototype,"variant",void 0),t([n({type:String,reflect:!0})],l.prototype,"size",void 0),t([n({type:Boolean,reflect:!0})],l.prototype,"disabled",void 0),t([n({type:String,reflect:!0})],l.prototype,"type",void 0),t([n({type:Boolean,reflect:!0})],l.prototype,"underlined",void 0),t([n({type:String,reflect:!0})],l.prototype,"fontWeight",void 0),t([n({type:String})],l.prototype,"name",void 0),t([n({type:String})],l.prototype,"value",void 0),t([n({type:String})],l.prototype,"form",void 0),t([n({type:String})],l.prototype,"formaction",void 0),t([n({type:String})],l.prototype,"formenctype",void 0),t([n({type:String})],l.prototype,"formmethod",void 0),t([n({type:Boolean})],l.prototype,"formnovalidate",void 0),t([n({type:String})],l.prototype,"formtarget",void 0),l=t([o("mq-text-button")],l);export{l as MqTextButton};

package/dist/ui/mq-textarea.d.ts

@@ -8,7 +8,7 @@ declare class MqTextareaChangeEvent extends Event {
     constructor(value: string);
 }
 /**
- * @fires MqTextareaChangeEvent - Fired when the value changes.
+ * @fires onvaluechange - Fired when the value changes.
  */
 declare class MqTextarea extends LitElement {
     static styles: lit.CSSResult[];

package/dist/ui/mq-unread-badge.js

@@ -1 +1 @@
-import{_ as e,c as s}from"../chunks/custom-element-D2ziPxYE.js";import{a,i as r,x as n}from"../chunks/lit-element-DiWJYFwC.js";let t=class MqUnreadBadge extends a{static{this.styles=r`:host{display:inline-flex;align-items:center}.badge{width:12px;height:12px;border-radius:50%;background-color:var(--color-warning-icon-default);flex-shrink:0}`}render(){return n`<span class="badge"></span>`}};t=e([s("mq-unread-badge")],t);export{t as MqUnreadBadge};
+import{_ as e,c as a}from"../chunks/custom-element-D2ziPxYE.js";import{a as r,i as s,x as n}from"../chunks/lit-element-DiWJYFwC.js";let d=class MqUnreadBadge extends r{static{this.styles=s`:host{display:inline-flex;align-items:center}.badge{width:var(--mq-unread-badge-size,12px);height:var(--mq-unread-badge-size,12px);border-radius:50%;background-color:var(--mq-unread-badge-color,var(--color-negative,#ff014d));flex-shrink:0}`}render(){return n`<span class="badge"></span>`}};d=e([a("mq-unread-badge")],d);export{d as MqUnreadBadge};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@mediquo/elements",
   "private": false,
-  "version": "0.8.2",
+  "version": "0.9.1",
   "type": "module",
   "description": "Mediquo elements web components",
   "license": "ISC",
@@ -215,6 +215,7 @@
     "@types/react-dom": "^19.0.0",
     "@mediquo/eslint-config": "*",
     "@mediquo/telemetry": "*",
+    "@mediquo/ui": "*",
     "@rollup/plugin-alias": "^6.0.0",
     "@rollup/plugin-commonjs": "^28.0.6",
     "@rollup/plugin-json": "^6.1.0",

package/dist/chunks/appointment-card-skeleton-D8gypuKh.js

@@ -1 +0,0 @@
-import{_ as t,c as e}from"./custom-element-D2ziPxYE.js";import{c as i}from"./consume-CovVqBjI.js";import{m as a}from"./runtime-Bg1WXVCx.js";import{l as o}from"./localized-decorator-BlOuLhym.js";import{Q as n}from"./query-controller-BlO1Ax65.js";import{A as s}from"./api-client-context-V1UAGtKW.js";import{g as p}from"./get-organization-setup-query-Dr1cXnHl.js";import{t as r,f as l,h as c,i as d,j as h,k as m,a as u,g,l as v}from"./telemetry-client-7fvNqUSU.js";import{g as f}from"./get-schedule-services-query-Fzvb9ug9.js";import{g as y}from"./chunk-Y4EKUX25-QqMl3eiq.js";import{a as b,i as $,E as C,x}from"./lit-element-DiWJYFwC.js";import{n as k}from"./property-scuRaFcM.js";import{r as R}from"./state-LQivXIgA.js";import{getLocale as j}from"../i18n.js";import"./appointment-details-DXLBQnPN.js";import"../ui/mq-card.js";import"./professional-overview-C4H_znIJ.js";import{l as q}from"./chunk-S5RWG6G2-DPesx3Od.js";import"../mq-chat-room.js";import"../ui/mq-floating-bubble.js";import{A as w,i as S}from"./api-chat-client-CJ1EGJe3.js";import{g as D}from"./action-unavailable-message-BIgsXk9u.js";import{e as I}from"./class-map-Co76I6aw.js";import{MqAppointmentRescheduleEvent as O,MqAppointmentBookEvent as M,MqAppointmentJoinVideocallEvent as U,MqAppointmentViewDocumentationEvent as _}from"../events.js";import{messageBubbleIcon as A}from"../ui/icons/message-bubble-icon.js";import{videoIcon as H}from"../ui/icons/video-icon.js";import"../ui/mq-button.js";import"../ui/mq-unread-badge.js";import{c as z}from"./refund-cancel-policy-CcsJ-pMx.js";import{toast as E}from"../ui/mq-toast.js";let N=class AppointmentCardActions extends b{constructor(){super(...arguments),this.variant="next",this.isVideocall=!1,this.hasChatSupport=!1,this.unreadCount=0,this.isModifyUnavailable=!1,this.isCancelUnavailable=!1,this.hasNoSlots=!1,this.modifyUnavailableMessage="",this.cancelUnavailableMessage="",this.repeatTarget=null,this.professionalHash="",this.openDialog=null,this.handleModifyClick=()=>{this.isModifyUnavailable?this.openDialog="modify":(r.track(l(this.patientHash,this.appointmentId)),this.dispatchEvent(new O({appointmentId:this.appointmentId})))},this.handleCancelClick=()=>{this.isCancelUnavailable?this.openDialog="cancel":(r.track(c(this.patientHash,this.appointmentId)),this.dispatchEvent(new CustomEvent("request-cancel",{bubbles:!0,composed:!0})))},this.handleRepeatClick=()=>{this.hasNoSlots?this.openDialog="repeat-no-slots":this.repeatTarget?(r.track(d(this.patientHash,this.appointmentId)),this.dispatchEvent(new M({specialty:this.repeatTarget.specialty,service:this.repeatTarget.service,professional:this.professionalHash}))):this.openDialog="repeat-error"},this.handleDialogClose=()=>{this.openDialog=null}}static{this.styles=$`:host{display:contents}.actions{display:flex;gap:var(--sp-3);margin-top:var(--sp-2)}.actions.next{flex-direction:column}.actions-secondary{display:flex;gap:var(--sp-3)}.actions mq-button{flex:1}`}get patientHash(){return this.loginToken.patient.hash}renderChatButton(){return x`<mq-button variant="primary" fullwidth noPadding @click="${()=>{this.dispatchEvent(new CustomEvent("toggle-chat",{bubbles:!0,composed:!0}))}}">${A({size:24})} ${a("Chat")} ${this.unreadCount>0?x`<mq-unread-badge></mq-unread-badge>`:C}</mq-button>`}renderNextActions(){return x`${this.isVideocall?x`<mq-button variant="outline" fullwidth noPadding @click="${()=>{r.track(h(this.patientHash,this.appointmentId)),this.dispatchEvent(new U({appointmentId:this.appointmentId}))}}">${H({size:24})} ${a("Ir a videollamada")}</mq-button>`:C}<div class="actions-secondary">${this.hasChatSupport?this.renderChatButton():C}<mq-button variant="outline" fullwidth noPadding @click="${this.handleModifyClick}">${a("Modificar")}</mq-button><mq-button variant="outline-negative" fullwidth noPadding @click="${this.handleCancelClick}">${a("Cancelar")}</mq-button></div>`}renderHistoryActions(){return x`${this.hasChatSupport?this.renderChatButton():C}<mq-button variant="outline" fullwidth noPadding @click="${()=>{r.track(m(this.patientHash,this.appointmentId)),this.dispatchEvent(new _({appointmentId:this.appointmentId}))}}">${a("Documentos")}</mq-button><mq-button variant="outline" fullwidth noPadding @click="${this.handleRepeatClick}">${a("Repetir")}</mq-button>`}render(){return x`<div class="${I({actions:!0,next:"next"===this.variant})}">${"next"===this.variant?this.renderNextActions():this.renderHistoryActions()}</div><appointment-action-unavailable-dialog .open="${"modify"===this.openDialog}" .heading="${a("Modificar cita")}" .message="${this.modifyUnavailableMessage}" @close="${this.handleDialogClose}"></appointment-action-unavailable-dialog><appointment-action-unavailable-dialog .open="${"cancel"===this.openDialog}" .heading="${a("Anular cita")}" .message="${this.cancelUnavailableMessage}" @close="${this.handleDialogClose}"></appointment-action-unavailable-dialog><appointment-action-unavailable-dialog .open="${"repeat-no-slots"===this.openDialog}" .heading="${a("Repetir cita")}" .message="${a("Este profesional no tiene horarios disponibles")}" @close="${this.handleDialogClose}"></appointment-action-unavailable-dialog><appointment-action-unavailable-dialog .open="${"repeat-error"===this.openDialog}" .heading="${a("Repetir cita")}" .message="${a("Lo sentimos, no hemos podido repetir tu cita. Por favor, contacta con soporte.")}" @close="${this.handleDialogClose}"></appointment-action-unavailable-dialog>`}};t([i({context:q})],N.prototype,"loginToken",void 0),t([k({type:String})],N.prototype,"variant",void 0),t([k({type:String})],N.prototype,"appointmentId",void 0),t([k({type:Boolean})],N.prototype,"isVideocall",void 0),t([k({type:Boolean})],N.prototype,"hasChatSupport",void 0),t([k({type:Number})],N.prototype,"unreadCount",void 0),t([k({type:Boolean})],N.prototype,"isModifyUnavailable",void 0),t([k({type:Boolean})],N.prototype,"isCancelUnavailable",void 0),t([k({type:Boolean})],N.prototype,"hasNoSlots",void 0),t([k({type:String})],N.prototype,"modifyUnavailableMessage",void 0),t([k({type:String})],N.prototype,"cancelUnavailableMessage",void 0),t([k({type:Object})],N.prototype,"repeatTarget",void 0),t([k({type:String})],N.prototype,"professionalHash",void 0),t([R()],N.prototype,"openDialog",void 0),N=t([o(),e("appointment-card-actions")],N);let T=class AppointmentCard extends b{constructor(){super(...arguments),this.variant="next",this.detailsVariant="wide",this.isChatOpen=!1,this.isCancelDialogOpen=!1,this.unreadQuery=new n(this,()=>y(this.apiClient,{roomId:this.appointmentResource?.room?.id})),this.getOrganizationSpecialtiesQuery=new n(this,()=>u(this.apiClient,{enabled:!!this.appointmentResource?.speciality?.id})),this.getOrganizationSetupQuery=new n(this,()=>p(this.apiClient)),this.getScheduleServicesQuery=new n(this,()=>f(this.apiClient))}static{this.styles=$`:host{display:flex}.card{width:100%;padding:var(--sp-6);display:flex;flex-direction:column;gap:var(--sp-4);justify-content:space-between}.card-top-content{display:flex;flex-direction:column;gap:var(--sp-6)}.see-details{color:var(--color-primary-link-default);font-size:var(--text-sm);line-height:var(--text-sm--line-height);font-weight:var(--font-weight-bold)}.see-details:hover{text-decoration:underline}.chevron-down{width:16px;height:16px;transition:transform .2s ease}.appointment-details{display:flex;flex-direction:column;gap:12px}.clock-icon-wrapper{width:24px;height:24px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.clock-icon-wrapper svg{width:100%;height:100%}.appointment-type{display:flex;align-items:center;gap:12px;font-size:18px;color:#2c3e50}.actions{display:flex;gap:var(--sp-3);margin-top:var(--sp-2)}.actions.next{flex-direction:column}.actions-secondary{display:flex;gap:var(--sp-3)}.actions mq-button{flex:1}`}render(){const t=this.appointmentResource.appointment.channel===w.videocall,e=this.appointmentResource.appointment.channel===w.phonecall,i=!0===this.appointmentResource.appointment.has_chat_in_appointment,o=(t||e)&&i,n=j(),s=S(this.appointmentResource.appointment.expires_at),p=0===this.appointmentResource.slots.length,l=this.getOrganizationSetupQuery.result?.data?.appointments?.seconds_before_start_to_refund_on_cancel,c=z({startsAtIso:this.appointmentResource.appointment.starts_at,refundPolicySeconds:l}),d=s||p||!c,h=s||!c,m=D({action:"modify",refundPolicySeconds:l}),u=D({action:"cancel",refundPolicySeconds:l}),f=this.getOrganizationSpecialtiesQuery.result?.data?.find(t=>Number(t.id)===Number(this.appointmentResource.speciality.id)),y=g(f?.code??"",n,f?.name??this.appointmentResource.speciality.name),b=this.getScheduleServicesQuery.result?.data?.find(t=>t.id===this.appointmentResource.appointment.service_id)?.code,$=f?.code&&b?{specialty:f.code,service:b}:null;return x`<mq-card class="card" roundness="md"><div class="card-top-content"><professional-overview .specialtyName="${y??""}" .collegiateNumber="${this.appointmentResource.professional.collegiate_number??void 0}" .description="${this.appointmentResource.professional.description??""}" .languages="${this.appointmentResource.professional.languages}" .avatar="${this.appointmentResource.professional.avatar??""}" .name="${this.appointmentResource.professional.name}"></professional-overview><appointment-details .startsAt="${this.appointmentResource.appointment.starts_at}" .duration="${this.appointmentResource.appointment.duration}" .channel="${this.appointmentResource.appointment.channel}" .timezone="${this.loginToken?.patient?.timezone}" variant="${this.detailsVariant}"></appointment-details></div><appointment-card-actions .variant="${this.variant}" .appointmentId="${this.appointmentResource.appointment.id??""}" .isVideocall="${t}" .hasChatSupport="${o}" .unreadCount="${this.unreadQuery.result?.data?.unread_count??0}" .isModifyUnavailable="${d}" .isCancelUnavailable="${h}" .hasNoSlots="${p}" .modifyUnavailableMessage="${m}" .cancelUnavailableMessage="${u}" .repeatTarget="${$}" .professionalHash="${this.appointmentResource.professional.hash}" @toggle-chat="${()=>{this.isChatOpen=!this.isChatOpen,this.isChatOpen&&r.track(v(this.loginToken.patient.hash,this.appointmentResource.appointment.id??""))}}" @request-cancel="${()=>{this.isCancelDialogOpen=!0}}"></appointment-card-actions><mq-floating-bubble ?dismissable="${!1}" .open="${this.isChatOpen}" @mq-close="${()=>{this.isChatOpen=!1}}" hideCloseButton>${this.isChatOpen?x`<mq-chat-room slot="content" .consultationId="${this.appointmentResource.appointment.id}" consultation-type="appointment" token="${this.loginToken.access_token}" .roomId="${this.appointmentResource.room.id}" .professionalHash="${this.appointmentResource.professional.hash}" @mq-chat-room-close="${()=>{this.isChatOpen=!1}}" ?readonly="${s}"></mq-chat-room>`:C}</mq-floating-bubble><cancel-appointment-confirmation-dialog .appointmentId="${this.appointmentResource.appointment.id}" .price="${this.appointmentResource.price??void 0}" .open="${this.isCancelDialogOpen}" @cancel="${()=>{this.isCancelDialogOpen=!1}}" @success="${()=>{this.isCancelDialogOpen=!1,E.success(a("Consulta anulada correctamente")),this.dispatchEvent(new CustomEvent("appointment-cancel-confirmed",{bubbles:!0,composed:!0,detail:{id:this.appointmentResource.appointment.id}}))}}"></cancel-appointment-confirmation-dialog></mq-card>`}};t([i({context:s,subscribe:!0})],T.prototype,"apiClient",void 0),t([k({type:Object})],T.prototype,"appointmentResource",void 0),t([k({type:Number})],T.prototype,"specialtyId",void 0),t([k({type:String})],T.prototype,"variant",void 0),t([k({type:String})],T.prototype,"detailsVariant",void 0),t([i({context:q})],T.prototype,"loginToken",void 0),t([R()],T.prototype,"isChatOpen",void 0),t([R()],T.prototype,"isCancelDialogOpen",void 0),T=t([o(),e("appointment-card")],T);let P=class AppointmentCardSkeleton extends b{static{this.styles=$`div{border-radius:var(--border-radius-md);background:color-mix(in srgb,var(--color-neutrals-background-disabled) 50%,#fff 50%);height:337px;width:100%}`}render(){return x`<div></div>`}};P=t([e("appointment-card-skeleton")],P);

package/dist/chunks/appointment-details-DXLBQnPN.js

@@ -1 +0,0 @@
-import{_ as t,c as e}from"./custom-element-D2ziPxYE.js";import{m as i}from"./runtime-Bg1WXVCx.js";import{l as o}from"./localized-decorator-BlOuLhym.js";import{g as n}from"./chunk-HN62IQ7S-xbkIy7k_.js";import{a}from"./addSeconds-ofMnxlgT.js";import{i as r,a as s,E as l,x as p}from"./lit-element-DiWJYFwC.js";import{n as m}from"./property-scuRaFcM.js";import{e as c}from"./class-map-Co76I6aw.js";import{getLocale as h}from"../i18n.js";import{briefcaseIcon as d}from"../ui/icons/briefcase-icon.js";import{calendarIcon as u}from"../ui/icons/calendar-icon.js";import{clockIcon as f}from"../ui/icons/clock-icon.js";import{messageBubbleIcon as v}from"../ui/icons/message-bubble-icon.js";import{phoneIcon as w}from"../ui/icons/phone-icon.js";const y=r`.appointment-details{display:flex;flex-direction:column;gap:var(--sp-3)}.detail-row{display:inline-flex;width:fit-content;align-items:center;gap:var(--sp-2);color:var(--color-neutrals-text-default);font-family:var(--font-body);font-size:var(--text-sm);line-height:var(--text-sm--line-height);font-weight:var(--font-weight-bold)}.detail-row svg{flex-shrink:0}.detail-row span::first-letter{text-transform:uppercase}.detail-row.full-width{width:100%}:host([strike-through]) .detail-row span{text-decoration:line-through}@media (min-width:768px){.appointment-details.wide{flex-direction:row;flex-wrap:wrap}}`;let g=class AppointmentDetails extends s{constructor(){super(...arguments),this.channel=void 0,this.variant="default",this.strikeThrough=!1,this.timezone=void 0,this._appointmentChannelToLabel=t=>{switch(t){case"videocall":return i("Videoconsulta");case"chat":return i("Chat");case"phonecall":return i("Consulta telefónica");default:return""}},this._appointmentChannelToIcon=t=>{switch(t){case"videocall":return d({size:24});case"chat":return v({size:24});case"phonecall":return w({size:24});default:return l}}}static{this.styles=y}render(){const t=h().replace("_","-"),e=new Intl.DateTimeFormat(t,{weekday:"long",year:"numeric",month:"long",day:"numeric",...this.timezone?{timeZone:this.timezone}:{}}),i=new Intl.DateTimeFormat(t,{timeStyle:"short",...this.timezone?{timeZone:this.timezone}:{}}),o=new Date(this.startsAt),r=a(o,this.duration),s=e.format(o),m=i.format(o),d=i.format(r),v=this.timezone?n(this.timezone,o):"";return p`<div class="${c({"appointment-details":!0,wide:"wide"===this.variant})}"><div class="detail-row">${u({size:24})} <span>${s}</span></div><div class="detail-row">${f({size:24})} <span>${m} - ${d}${v?` (${v})`:""}</span></div>${this.channel?p`<div class="detail-row full-width">${this._appointmentChannelToIcon(this.channel)} <span>${this._appointmentChannelToLabel(this.channel)}</span></div>`:l}</div>`}};t([m({type:String})],g.prototype,"startsAt",void 0),t([m({type:Number})],g.prototype,"duration",void 0),t([m({type:String})],g.prototype,"channel",void 0),t([m({type:String})],g.prototype,"variant",void 0),t([m({type:Boolean,attribute:"strike-through"})],g.prototype,"strikeThrough",void 0),t([m({type:String})],g.prototype,"timezone",void 0),g=t([o(),e("appointment-details")],g);export{g as A};