@mediquo/elements 0.8.2 → 0.9.0

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`
+  :host {
+    display: flex;
+    flex-direction: column;
+  }
+`,r=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;
+  }
+`,o=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;
+  }
+`,l=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;
+  }
+`,c=t=>(e,s)=>{const i=()=>{void 0===customElements.get(t)&&customElements.define(t,e)};void 0!==s?s.addInitializer(i):i()};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=[n]}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([c("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=[r]}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([c("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=[o]}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([c("mq-tabs-trigger")],b);let v=class MqTabsContent extends e{constructor(){super(...arguments),this.active=!1}static{this.styles=[l]}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([c("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.0",
   "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/ui/icons/check-circle-icon.d.ts

@@ -1,5 +0,0 @@
-import * as lit_html from 'lit-html';
-
-declare function checkCircleIcon(): lit_html.TemplateResult<1>;
-
-export { checkCircleIcon };

package/dist/ui/icons/check-circle-icon.js

@@ -1 +0,0 @@
-import{x as L}from"../../chunks/lit-element-DiWJYFwC.js";function M(){return L`<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><mask id="path-1-inside-1_1001_2180" fill="white"><path d="M19.9997 0.655151C30.6772 0.655151 39.3336 9.16174 39.3336 19.6552L39.3268 20.1454C39.0622 30.4122 30.5104 38.6552 19.9997 38.6552L19.5006 38.6493C9.21968 38.3931 0.932895 30.2492 0.672516 20.1454L0.666656 19.6552C0.666656 9.16185 9.32231 0.655324 19.9997 0.655151ZM19.9997 2.15515C10.126 2.15532 2.16666 10.0148 2.16666 19.6552C2.16666 29.2955 10.126 37.155 19.9997 37.1552C29.8734 37.1552 37.8336 29.2956 37.8336 19.6552C37.8336 10.0147 29.8734 2.15515 19.9997 2.15515ZM29.6461 12.7557C29.8413 12.5639 30.1579 12.5641 30.3532 12.7557C30.5484 12.9476 30.5484 13.2592 30.3532 13.451L17.0202 26.5546C16.825 26.7463 16.5084 26.7461 16.3131 26.5546L9.64615 20.0028C9.4513 19.811 9.45125 19.5003 9.64615 19.3085C9.84138 19.1166 10.1579 19.1167 10.3532 19.3085L16.6667 25.5116L29.6461 12.7557Z"/></mask><path d="M19.9997 0.655151V-0.844849H19.9996L19.9997 0.655151ZM39.3336 19.6552L40.8335 19.6761L40.8336 19.6656V19.6552H39.3336ZM39.3268 20.1454L40.8263 20.184L40.8265 20.1752L40.8267 20.1663L39.3268 20.1454ZM19.9997 38.6552L19.9821 40.155L19.9909 40.1552H19.9997V38.6552ZM19.5006 38.6493L19.4633 40.1488L19.4732 40.1491L19.483 40.1492L19.5006 38.6493ZM0.672516 20.1454L-0.827377 20.1633L-0.827253 20.1737L-0.826986 20.184L0.672516 20.1454ZM0.666656 19.6552H-0.833344V19.6641L-0.833236 19.6731L0.666656 19.6552ZM19.9997 2.15515V0.655151L19.9996 0.655151L19.9997 2.15515ZM2.16666 19.6552H0.666656H0.666656H2.16666ZM19.9997 37.1552L19.9996 38.6552H19.9997V37.1552ZM37.8336 19.6552H39.3336H37.8336ZM29.6461 12.7557L28.5948 11.6859L28.5947 11.6859L29.6461 12.7557ZM30.3532 12.7557L31.4046 11.6859L31.4037 11.685L30.3532 12.7557ZM30.3532 13.451L29.3018 12.3812L29.3018 12.3812L30.3532 13.451ZM17.0202 26.5546L18.0716 27.6244L18.0716 27.6244L17.0202 26.5546ZM16.3131 26.5546L15.2618 27.6244L15.2627 27.6254L16.3131 26.5546ZM9.64615 20.0028L8.59377 21.0717L8.59477 21.0727L9.64615 20.0028ZM9.64615 19.3085L8.59474 18.2386L8.59401 18.2394L9.64615 19.3085ZM10.3532 19.3085L11.4044 18.2385L11.4043 18.2384L10.3532 19.3085ZM16.6667 25.5116L15.6154 26.5816L16.6668 27.6146L17.7181 26.5814L16.6667 25.5116ZM19.9997 0.655151V2.15515C29.8735 2.15515 37.8336 10.0147 37.8336 19.6552H39.3336H40.8336C40.8336 8.30876 31.4808 -0.844849 19.9997 -0.844849V0.655151ZM39.3336 19.6552L37.8338 19.6342L37.827 20.1245L39.3268 20.1454L40.8267 20.1663L40.8335 19.6761L39.3336 19.6552ZM39.3268 20.1454L37.8273 20.1067C37.5842 29.539 29.7187 37.1552 19.9997 37.1552V38.6552V40.1552C31.3021 40.1552 40.5402 31.2855 40.8263 20.184L39.3268 20.1454ZM19.9997 38.6552L20.0173 37.1553L19.5183 37.1494L19.5006 38.6493L19.483 40.1492L19.9821 40.155L19.9997 38.6552ZM19.5006 38.6493L19.538 37.1498C10.0328 36.9129 2.41123 29.3892 2.17202 20.1067L0.672516 20.1454L-0.826986 20.184C-0.545441 31.1091 8.40655 39.8733 19.4633 40.1488L19.5006 38.6493ZM0.672516 20.1454L2.17241 20.1275L2.16655 19.6372L0.666656 19.6552L-0.833236 19.6731L-0.827377 20.1633L0.672516 20.1454ZM0.666656 19.6552H2.16666C2.16666 10.0148 10.126 2.15531 19.9997 2.15515L19.9997 0.655151L19.9996 -0.844849C8.51857 -0.844663 -0.833344 8.30894 -0.833344 19.6552H0.666656ZM19.9997 2.15515L19.9996 0.655151C9.32166 0.655338 0.666656 9.16248 0.666656 19.6552H2.16666H3.66666C3.66666 10.867 10.9304 3.65531 19.9997 3.65515L19.9997 2.15515ZM2.16666 19.6552H0.666656C0.666658 30.1478 9.32166 38.655 19.9996 38.6552L19.9997 37.1552L19.9997 35.6552C10.9304 35.655 3.66666 28.4433 3.66666 19.6552H2.16666ZM19.9997 37.1552V38.6552C30.6777 38.6552 39.3336 30.148 39.3336 19.6552H37.8336H36.3336C36.3336 28.4433 29.0692 35.6552 19.9997 35.6552V37.1552ZM37.8336 19.6552H39.3336C39.3336 9.1623 30.6777 0.655151 19.9997 0.655151V2.15515V3.65515C29.0692 3.65515 36.3336 10.867 36.3336 19.6552H37.8336ZM29.6461 12.7557L30.6975 13.8256C30.3082 14.2082 29.6899 14.2064 29.3027 13.8265L30.3532 12.7557L31.4037 11.685C30.6259 10.9219 29.3744 10.9197 28.5948 11.6859L29.6461 12.7557ZM30.3532 12.7557L29.3018 13.8256C28.8989 13.4297 28.8989 12.7772 29.3018 12.3812L30.3532 13.451L31.4046 14.5209C32.198 13.7412 32.1979 12.4656 31.4046 11.6859L30.3532 12.7557ZM30.3532 13.451L29.3018 12.3812L15.9688 25.4847L17.0202 26.5546L18.0716 27.6244L31.4046 14.5209L30.3532 13.451ZM17.0202 26.5546L15.9688 25.4847C16.3582 25.102 16.9764 25.104 17.3636 25.4838L16.3131 26.5546L15.2627 27.6254C16.0404 28.3883 17.2919 28.3907 18.0716 27.6244L17.0202 26.5546ZM16.3131 26.5546L17.3645 25.4847L10.6975 18.9329L9.64615 20.0028L8.59477 21.0727L15.2618 27.6244L16.3131 26.5546ZM9.64615 20.0028L10.6985 18.9339C11.1003 19.3295 11.1008 19.9815 10.6983 20.3776L9.64615 19.3085L8.59401 18.2394C7.8017 19.0191 7.80235 20.2925 8.59377 21.0717L9.64615 20.0028ZM9.64615 19.3085L10.6976 20.3783C10.3089 20.7602 9.69005 20.7597 9.30202 20.3786L10.3532 19.3085L11.4043 18.2384C10.6258 17.4736 9.37383 17.473 8.59474 18.2386L9.64615 19.3085ZM10.3532 19.3085L9.30191 20.3784L15.6154 26.5816L16.6667 25.5116L17.7179 24.4416L11.4044 18.2385L10.3532 19.3085ZM16.6667 25.5116L17.7181 26.5814L30.6976 13.8256L29.6461 12.7557L28.5947 11.6859L15.6153 24.4418L16.6667 25.5116Z" fill="#41A45D" mask="url(#path-1-inside-1_1001_2180)"/></svg>`}export{M as checkCircleIcon};