@mediquo/elements 0.3.1

package/dist/ui/icons/info-circle-outine-icon.js

@@ -0,0 +1 @@
+import{x as e}from"../../chunks/lit-element-DiWJYFwC.js";import{defaultIconProps as l}from"./types.js";function i({size:i=l.size,color:o=l.color}={}){return e`<svg width="${i}" height="${i}" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.25 10.75C11.25 10.3358 11.5858 10 12 10C12.4142 10 12.75 10.3358 12.75 10.75V17.25C12.75 17.6642 12.4142 18 12 18C11.5858 18 11.25 17.6642 11.25 17.25V10.75Z" fill="${o}"/><path fill-rule="evenodd" clip-rule="evenodd" d="M11.9996 6.5C11.5026 6.5 11.0996 6.90294 11.0996 7.4C11.0996 7.89706 11.5026 8.3 11.9996 8.3C12.4967 8.3 12.8996 7.89706 12.8996 7.4C12.8996 6.90294 12.4967 6.5 11.9996 6.5Z" fill="${o}"/><path fill-rule="evenodd" clip-rule="evenodd" d="M1.25 12C1.25 6.06294 6.06294 1.25 12 1.25C17.9371 1.25 22.75 6.06294 22.75 12C22.75 17.9371 17.9371 22.75 12 22.75C6.06294 22.75 1.25 17.9371 1.25 12ZM12 2.75C6.89137 2.75 2.75 6.89137 2.75 12C2.75 17.1086 6.89137 21.25 12 21.25C17.1086 21.25 21.25 17.1086 21.25 12C21.25 6.89137 17.1086 2.75 12 2.75Z" fill="${o}"/></svg>`}export{i as infoCircleOutineIcon};

package/dist/ui/icons/message-bubble-icon.d.ts

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

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

@@ -0,0 +1 @@
+import{x as e}from"../../chunks/lit-element-DiWJYFwC.js";import{defaultIconProps as o}from"./types.js";function l({size:l=o.size,color:C=o.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="M12.0508 3.79999C7.49443 3.79999 3.80078 7.49364 3.80078 12.05C3.80078 13.5539 4.20252 14.9617 4.90403 16.1744C4.99366 16.3294 5.02491 16.5113 4.99215 16.6873L4.4382 19.6626L7.4135 19.1086C7.58948 19.0759 7.77138 19.1071 7.92633 19.1967C9.13903 19.8983 10.5469 20.3 12.0508 20.3C16.6071 20.3 20.3008 16.6063 20.3008 12.05C20.3008 7.49364 16.6071 3.79999 12.0508 3.79999ZM2.30078 12.05C2.30078 6.66521 6.666 2.29999 12.0508 2.29999C17.4356 2.29999 21.8008 6.66521 21.8008 12.05C21.8008 17.4348 17.4356 21.8 12.0508 21.8C10.3768 21.8 8.79939 21.3775 7.42153 20.6329L3.63806 21.3373C3.39501 21.3826 3.14527 21.3051 2.97045 21.1303C2.79563 20.9555 2.7182 20.7058 2.76345 20.4627L3.46787 16.6792C2.72327 15.3014 2.30078 13.724 2.30078 12.05Z" fill="${C}"/></svg>`}export{l as messageBubbleIcon};

package/dist/ui/icons/message-square-icon.d.ts

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

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

@@ -0,0 +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};

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

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

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

@@ -0,0 +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};

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

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

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

@@ -0,0 +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};

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

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

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

@@ -0,0 +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};

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

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

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

@@ -0,0 +1 @@
+import{i as t,x as o}from"../../chunks/lit-element-DiWJYFwC.js";import{defaultIconProps as s}from"./types.js";const i=t`@keyframes spin{from{transform:rotate(0)}to{transform:rotate(360deg)}}.opacity-25{opacity:.25}.opacity-75{opacity:.75}.animate-spin{animation:spin 1s linear infinite}`,e=1/6;function r({size:t=s.size,color:r=s.color}={}){const n=2*Math.PI*10;return o`<style>${i}</style><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" width="${t}" height="${t}" class="animate-spin"><circle class="opacity-25" cx="12" cy="12" r="${10}" stroke="${r}" stroke-width="${2}"/><circle class="opacity-75" cx="12" cy="12" r="${10}" fill="none" stroke="${r}" stroke-width="${2}" stroke-linecap="round" stroke-dasharray="${`${n*e} ${n}`}"/></svg>`}export{r as spinnerIcon};

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

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

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

@@ -0,0 +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};

package/dist/ui/icons/time-left-icon.d.ts

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

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

@@ -0,0 +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};

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

@@ -0,0 +1,9 @@
+interface IconProps {
+    size?: number;
+    color?: string;
+    className?: string;
+}
+declare const defaultIconProps: Required<IconProps>;
+
+export { defaultIconProps };
+export type { IconProps };

package/dist/ui/icons/types.js

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

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

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

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

@@ -0,0 +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};

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

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

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

@@ -0,0 +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};

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

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

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

@@ -0,0 +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};

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

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

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

@@ -0,0 +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};

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

@@ -0,0 +1,37 @@
+import * as lit_html from 'lit-html';
+import * as lit from 'lit';
+import { LitElement } from 'lit';
+
+type AvatarSize = "sm" | "md" | "lg" | "xl";
+declare class MqAvatar extends LitElement {
+    static styles: lit.CSSResult;
+    /** The image source URL to display */
+    src?: string;
+    /** Fallback text to show when image is not available or fails to load */
+    fallback?: string;
+    /** Alt text for the image (for accessibility) */
+    alt?: string;
+    /** Size variant of the avatar */
+    size: AvatarSize;
+    private _loading;
+    private _imageError;
+    private _handleImageLoad;
+    private _handleImageError;
+    private _handleImageLoadStart;
+    /**
+     * Gets the initials from the fallback text (first 2 characters)
+     */
+    private _getInitials;
+    private _shouldShowImage;
+    private _shouldShowFallback;
+    protected willUpdate(changedProperties: Map<string, unknown>): void;
+    render(): lit_html.TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "mq-avatar": MqAvatar;
+    }
+}
+
+export { MqAvatar };
+export type { AvatarSize };

package/dist/ui/mq-avatar.js

@@ -0,0 +1 @@
+import{_ as t,t as a}from"../chunks/custom-element-DA9Fxvxd.js";import{i,a as e,E as r,x as s}from"../chunks/lit-element-DiWJYFwC.js";import{n as o}from"../chunks/property-scuRaFcM.js";import{r as l}from"../chunks/state-LQivXIgA.js";import{e as h}from"../chunks/class-map-Co76I6aw.js";import"../chunks/directive-2EDmOukv.js";const n=i`:host{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;overflow:hidden;user-select:none;width:45px;height:45px;border-radius:100%;background-color:var(--mq-avatar-bg,#f4f4f5);color:var(--mq-avatar-color,#71717a);font-family:var(--mq-font-family,system-ui,-apple-system,sans-serif);font-weight:500;position:relative}.avatar-image{width:100%;height:100%;object-fit:cover;border-radius:inherit;display:block}.avatar-image.hidden{display:none}.avatar-fallback{position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:var(--mq-avatar-font-size,.875rem);line-height:1;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.avatar-fallback.hidden{display:none}:host([size=sm]){width:var(--avatar-size-sm);height:var(--avatar-size-sm);--mq-avatar-font-size:0.75rem}:host([size=md]){width:var(--avatar-size-md);height:var(--avatar-size-md);--mq-avatar-font-size:0.875rem}:host([size=lg]){width:var(--avatar-size-lg);height:var(--avatar-size-lg);--mq-avatar-font-size:1.125rem}:host([size=xl]){width:var(--avatar-size-xl);height:var(--avatar-size-xl);--mq-avatar-font-size:1.25rem}:host(:focus){outline:2px solid var(--mq-focus-ring-color,#2563eb);outline-offset:2px}:host(:focus-visible){outline:2px solid var(--mq-focus-ring-color,#2563eb);outline-offset:2px}`;let d=class MqAvatar extends e{constructor(){super(...arguments),this.size="md",this._loading=!1,this._imageError=!1,this._handleImageLoad=()=>{this._imageError=!1,this._loading=!1},this._handleImageError=()=>{this._imageError=!0,this._loading=!1},this._handleImageLoadStart=()=>{this._loading=!0,this._imageError=!1}}static{this.styles=n}_getInitials(t){if(!t)return"";const a=t.trim().split(/\s+/);if(a.length>=2){const[t,i]=a;return[t?.[0]??"",i?.[0]??""].join("").toUpperCase()}return t.slice(0,2).toUpperCase()}_shouldShowImage(){return!(!this.src||this._imageError)}_shouldShowFallback(){return!this.src||this._imageError||this._loading}willUpdate(t){t.has("src")&&(this._imageError=!1,this.src?this._loading=!0:this._loading=!1)}render(){const t=this._shouldShowImage(),a=this._shouldShowFallback();return s`${this.src?s`<img class="${h({"avatar-image":!0,hidden:!t})}" src="${this.src}" alt="${this.alt||this.fallback||"Avatar"}" @load="${this._handleImageLoad}" @error="${this._handleImageError}" @loadstart="${this._handleImageLoadStart}" loading="lazy">`:r}<div class="${h({"avatar-fallback":!0,hidden:!a})}" role="img" aria-label="${this.alt||this.fallback||"Avatar"}">${this.fallback?this._getInitials(this.fallback):""}</div>`}};t([o({type:String})],d.prototype,"src",void 0),t([o({type:String})],d.prototype,"fallback",void 0),t([o({type:String})],d.prototype,"alt",void 0),t([o({type:String})],d.prototype,"size",void 0),t([l()],d.prototype,"_loading",void 0),t([l()],d.prototype,"_imageError",void 0),d=t([a("mq-avatar")],d);export{d as MqAvatar};

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

@@ -0,0 +1,34 @@
+import * as lit_html from 'lit-html';
+import * as lit from 'lit';
+import { LitElement } from 'lit';
+
+type ButtonVariant = "primary" | "secondary" | "light" | "negative" | "outline-negative" | "ghost" | "ghost-inverted" | "ghost-negative" | "link" | "outline" | "outline-inverted";
+type ButtonSize = "xs" | "sm" | "md" | "lg" | "xl" | "icon-xs" | "icon-sm" | "icon-md" | "icon-lg";
+declare class MqButton extends LitElement {
+    static styles: lit.CSSResult[];
+    static formAssociated: boolean;
+    static readonly shadowRootOptions: {
+        delegatesFocus: boolean;
+        mode: ShadowRootMode;
+        serializable?: boolean;
+        slotAssignment?: SlotAssignmentMode;
+    };
+    private internals;
+    variant: ButtonVariant;
+    size: ButtonSize;
+    fullwidth: boolean;
+    disabled: boolean;
+    type: "button" | "submit" | "reset";
+    uppercase: boolean;
+    noPadding: boolean;
+    private handleClick;
+    render(): lit_html.TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "mq-button": MqButton;
+    }
+}
+
+export { MqButton };
+export type { ButtonSize, ButtonVariant };

package/dist/ui/mq-button.js

@@ -0,0 +1 @@
+import{_ as t,t as o}from"../chunks/custom-element-DA9Fxvxd.js";import{i as r,a as e,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"../chunks/directive-2EDmOukv.js";const l=r`:host{display:inline-block}button{display:inline-flex;align-items:center;justify-content:center;gap:var(--size-2);border-radius:var(--border-radius-md);letter-spacing:.01em;font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--font-weight-bold);transition:all .2s;outline:0;border:none;cursor:pointer;position:relative;line-height:var(--text-base--line-height);padding:0;box-sizing:border-box;width:100%;--mq-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-btn-ring-color,var(--color-primary));z-index:1}button.ghost-inverted:disabled,button.ghost-negative:disabled,button.ghost:disabled,button.light:disabled,button.link:disabled,button.negative:disabled,button.outline-inverted:disabled,button.outline-negative:disabled,button.outline:disabled,button.primary:disabled,button.secondary:disabled,button:disabled{background:var(--color-neutrals-background-disabled);color:var(--color-neutrals-link-disabled);border:var(--action-border-width) solid var(--color-neutrals-border-disabled);cursor:not-allowed}:host([fullwidth]){width:100%}:host([fullwidth]) button{width:100%}button.primary{background:var(--color-primary);color:var(--color-white);--mq-btn-ring-color:var(--color-primary)}button.primary:hover:not(:disabled){background:var(--color-primary-dark)}button.secondary{background:var(--color-gray-lighter);color:var(--color-black);--mq-btn-ring-color:var(--color-gray)}button.secondary:hover:not(:disabled){background:var(--color-gray-light)}button.light{background:var(--color-primary-background-extraWeak);color:var(--color-neutrals-text-default);--mq-btn-ring-color:var(--color-primary)}button.light:hover:not(:disabled){background:var(--color-primary-light)}button.negative{background:var(--color-negative);color:var(--color-white);--mq-btn-ring-color:var(--color-negative)}button.negative:hover:not(:disabled){background:var(--color-negative-dark)}button.outline-negative{background:0 0;color:var(--color-negative);border:var(--action-border-width) solid var(--color-negative);--mq-btn-ring-color:var(--color-negative)}button.outline-negative:hover:not(:disabled){background:var(--color-negative-light)}button.ghost{background:0 0;color:var(--color-primary);--mq-btn-ring-color:var(--color-primary)}button.ghost:hover:not(:disabled){background:var(--color-primary-light)}button.ghost-inverted{background:0 0;color:var(--color-background);--mq-btn-ring-color:var(--color-background)}button.ghost-inverted:hover:not(:disabled){background:color-mix(in lab,var(--color-background) 50%,transparent);color:var(--color-foreground)}button.ghost-negative{background:0 0;color:var(--color-negative);--mq-btn-ring-color:var(--color-negative)}button.ghost-negative:hover:not(:disabled){background:var(--color-negative-light)}button.link{background:0 0;color:var(--color-primary);text-decoration:underline;text-underline-offset:4px;border:none;padding:0;--mq-btn-ring-color:var(--color-primary)}button.link:hover:not(:disabled){text-decoration:underline}button.outline{background:0 0;color:var(--color-primary-link-default);border:var(--action-border-width) solid var(--color-primary-background-default);--mq-btn-ring-color:var(--color-primary)}button.outline:disabled{color:var(--color-neutrals-link-disabled);border-color:var(--color-neutrals-border-disabled)}button.outline:hover:not(:disabled){background:var(--color-primary-light)}button.outline-inverted{background:0 0;color:var(--color-white);border:var(--action-border-width) solid var(--color-white);--mq-btn-ring-color:var(--color-white)}button.outline-inverted:hover:not(:disabled){background:color-mix(in srgb,var(--color-white) 15%,transparent)}button.xs{height:var(--button-height-xs);padding:var(--size-2) var(--size-3);font-size:var(--text-xs)}button.sm{height:var(--button-height-sm);padding:var(--size-3);font-size:var(--text-sm);line-height:var(--text-sm--line-height)}button.md{height:var(--button-height-md);padding:var(--size-3) var(--size-4);font-size:var(--text-sm);line-height:var(--text-sm--line-height)}button.lg{height:var(--button-height-lg);padding:var(--sp-4) var(--sp-8);font-size:var(--text-sm);line-height:var(--text-sm--line-height)}button.xl{height:var(--button-height-xl);padding:var(--size-4) var(--size-8);font-size:var(--text-base);line-height:var(--text-base--line-height)}button.icon-xs{height:var(--size-6);width:var(--size-6);padding:0;font-size:var(--text-xs);line-height:var(--text-xs--line-height)}button.icon-sm{height:var(--size-9);width:var(--size-9);padding:0;font-size:var(--text-sm);line-height:var(--text-sm--line-height)}button.icon-md{height:var(--size-10);width:var(--size-10);padding:0;font-size:var(--text-sm);line-height:var(--text-sm--line-height)}button.icon-lg{height:var(--size-11);width:var(--size-11);padding:0;font-size:var(--text-base);line-height:var(--text-base--line-height)}button.uppercase{text-transform:uppercase}button.no-padding{padding:0!important}`;let d=class MqButton extends e{constructor(){super(...arguments),this.internals=this.attachInternals(),this.variant="primary",this.size="md",this.fullwidth=!1,this.disabled=!1,this.type="button",this.uppercase=!1,this.noPadding=!1,this.handleClick=t=>{this.disabled?t.preventDefault():"submit"===this.type&&this.internals.form?(t.preventDefault(),this.internals.form.requestSubmit()):"reset"===this.type&&this.internals.form&&(t.preventDefault(),this.internals.form.reset())}}static{this.styles=[l]}static{this.formAssociated=!0}static{this.shadowRootOptions={...e.shadowRootOptions,delegatesFocus:!0}}render(){const t={[this.variant]:!0,[this.size]:!0,fullwidth:this.fullwidth,disabled:this.disabled,uppercase:this.uppercase,"no-padding":this.noPadding};return i`<button class="${a(t)}" type="${this.type}" ?disabled="${this.disabled}" @click="${this.handleClick}"><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,"fullwidth",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,"uppercase",void 0),t([n({type:Boolean,reflect:!0})],d.prototype,"noPadding",void 0),d=t([o("mq-button")],d);export{d as MqButton};

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

@@ -0,0 +1,66 @@
+import * as lit_html from 'lit-html';
+import * as lit from 'lit';
+import { LitElement } from 'lit';
+
+declare class DateSelectEvent extends Event {
+    readonly detail: {
+        date: string;
+    };
+    static eventName: string;
+    constructor(detail: {
+        date: string;
+    });
+}
+declare class PrevMonthEvent extends Event {
+    readonly detail: {
+        currentMonth: string;
+    };
+    static eventName: string;
+    constructor(detail: {
+        currentMonth: string;
+    });
+}
+declare class NextMonthEvent extends Event {
+    readonly detail: {
+        currentMonth: string;
+    };
+    static eventName: string;
+    constructor(detail: {
+        currentMonth: string;
+    });
+}
+/**
+ * @fires date-select - Fired when a date is selected
+ * @fires prev-month - Fired when previous month button is clicked
+ * @fires next-month - Fired when next month button is clicked
+ */
+declare class MqCalendar extends LitElement {
+    static styles: lit.CSSResult[];
+    locale: string;
+    minDate?: string;
+    maxDate?: string;
+    value?: string;
+    isLoading: boolean;
+    currentMonth?: string;
+    availableDays?: string[];
+    private selectedDate?;
+    connectedCallback(): void;
+    private getMonthYear;
+    private getCurrentMonthDate;
+    private getWeekdays;
+    private getDaysInMonth;
+    private createCalendarDay;
+    private isDateAvailable;
+    private isDateDisabled;
+    private handlePrevMonth;
+    private handleNextMonth;
+    private handleDayClick;
+    render(): lit_html.TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "mq-calendar": MqCalendar;
+    }
+}
+
+export { DateSelectEvent, MqCalendar, NextMonthEvent, PrevMonthEvent };

package/dist/ui/mq-calendar.js

@@ -0,0 +1 @@
+import"../chunks/custom-element-DA9Fxvxd.js";import"../chunks/runtime-Bg1WXVCx.js";import"../chunks/parseISO-jT42c8Ob.js";import"../chunks/lit-element-DiWJYFwC.js";import"../chunks/property-scuRaFcM.js";import"../chunks/state-LQivXIgA.js";import"../chunks/class-map-Co76I6aw.js";import"./icons/chevron-left-icon.js";import"./icons/chevron-right-icon.js";import"./icons/spinner-icon.js";export{D as DateSelectEvent,M as MqCalendar,N as NextMonthEvent,P as PrevMonthEvent}from"../chunks/index-BYHKNPG2.js";import"../chunks/isSameDay-DPfclwIL.js";import"../chunks/isBefore-Cof0D841.js";import"../chunks/directive-2EDmOukv.js";import"../chunks/if-defined-BYeVdwgd.js";import"./icons/types.js";

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

@@ -0,0 +1,23 @@
+import * as lit_html from 'lit-html';
+import * as lit from 'lit';
+import { LitElement } from 'lit';
+
+type CalloutBackground = "default" | "white";
+type CalloutVariant = "info";
+declare class MqCallout extends LitElement {
+    static styles: lit.CSSResult[];
+    background: CalloutBackground;
+    variant?: CalloutVariant;
+    noPadding: boolean;
+    render(): lit_html.TemplateResult<1>;
+    private hasCustomIcon;
+    private renderVariantIcon;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "mq-callout": MqCallout;
+    }
+}
+
+export { MqCallout };
+export type { CalloutBackground, CalloutVariant };

package/dist/ui/mq-callout.js

@@ -0,0 +1 @@
+import{_ as o,t}from"../chunks/custom-element-DA9Fxvxd.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};

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

@@ -0,0 +1,18 @@
+import { LitElement } from 'lit';
+
+type CardElevation = "none" | "sm" | "md" | "lg" | "xl";
+type CardRoundness = "none" | "sm" | "md" | "lg" | "xl" | "2xl" | "full";
+declare class MqCard extends LitElement {
+    elevation: CardElevation;
+    roundness: CardRoundness;
+    createRenderRoot(): this;
+    connectedCallback(): void;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "mq-card": MqCard;
+    }
+}
+
+export { MqCard };
+export type { CardElevation, CardRoundness };

package/dist/ui/mq-card.js

@@ -0,0 +1 @@
+import{_ as r,t as o}from"../chunks/custom-element-DA9Fxvxd.js";import{i as e,a as d}from"../chunks/lit-element-DiWJYFwC.js";import{n as a}from"../chunks/property-scuRaFcM.js";const s=e`mq-card{display:block;background-color:var(--color-card);color:var(--color-card-foreground);border:1px solid var(--color-border);box-sizing:border-box;border-radius:var(--border-radius-md);box-shadow:var(--shadow-none)}mq-card[elevation=sm]{box-shadow:var(--shadow-sm)}mq-card[elevation=md]{box-shadow:var(--shadow-md)}mq-card[elevation=lg]{box-shadow:var(--shadow-lg)}mq-card[elevation=xl]{box-shadow:var(--shadow-xl)}mq-card[roundness=none]{border-radius:var(--border-radius-none)}mq-card[roundness=sm]{border-radius:var(--border-radius-sm)}mq-card[roundness=lg]{border-radius:var(--border-radius-lg)}mq-card[roundness=xl]{border-radius:var(--border-radius-xl)}mq-card[roundness="2xl"]{border-radius:var(--border-radius-2xl)}mq-card[roundness=full]{border-radius:var(--border-radius-full)}`,t=new WeakSet;let n=class MqCard extends d{constructor(){super(...arguments),this.elevation="sm",this.roundness="md"}createRenderRoot(){return this}connectedCallback(){super.connectedCallback();const r=this.getRootNode();(r instanceof ShadowRoot||r instanceof Document)&&function(r,o){if(t.has(r))return;t.add(r);const e=o.styleSheet??(()=>{const r=new CSSStyleSheet;return r.replaceSync(o.cssText),r})();r.adoptedStyleSheets=[...r.adoptedStyleSheets,e]}(r,s)}};r([a({type:String,reflect:!0})],n.prototype,"elevation",void 0),r([a({type:String,reflect:!0})],n.prototype,"roundness",void 0),n=r([o("mq-card")],n);export{n as MqCard};

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

@@ -0,0 +1,41 @@
+import * as lit_html from 'lit-html';
+import * as lit from 'lit';
+import { LitElement } from 'lit';
+
+type CheckboxChangeEvent = CustomEvent<{
+    checked: boolean;
+}>;
+/**
+ * @fires change - Fired when the checkbox state changes.
+ */
+declare class MqCheckbox extends LitElement {
+    static styles: lit.CSSResult[];
+    static formAssociated: boolean;
+    static readonly shadowRootOptions: {
+        delegatesFocus: boolean;
+        mode: ShadowRootMode;
+        serializable?: boolean;
+        slotAssignment?: SlotAssignmentMode;
+    };
+    private internals;
+    checked: boolean;
+    disabled: boolean;
+    required: boolean;
+    indeterminate: boolean;
+    name?: string;
+    value?: string;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    private updateFormValue;
+    private handleClick;
+    private handleKeyDown;
+    render(): lit_html.TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "mq-checkbox": MqCheckbox;
+    }
+}
+
+export { MqCheckbox };
+export type { CheckboxChangeEvent };

package/dist/ui/mq-checkbox.js

@@ -0,0 +1 @@
+import{_ as e,t}from"../chunks/custom-element-DA9Fxvxd.js";import{i as o,a as i,x as r}from"../chunks/lit-element-DiWJYFwC.js";import{n as c}from"../chunks/property-scuRaFcM.js";import{e as s}from"../chunks/class-map-Co76I6aw.js";import"../chunks/directive-2EDmOukv.js";const a=o`:host{display:inline-flex;align-items:center;justify-content:center;width:var(--size-6);height:var(--size-6)}.checkbox{position:relative;width:18px;height:18px;border:var(--action-border-width) solid var(--color-neutrals-border-default);border-radius:var(--border-radius-sm);background:var(--color-white);display:flex;align-items:center;justify-content:center;transition:all .2s;cursor:pointer;outline:0;box-sizing:border-box;color:var(--color-white)}.checkbox:focus-visible{box-shadow:0 0 0 1.5px var(--color-background),0 0 0 3.5px var(--color-primary)}.checkbox.checked{background:var(--color-primary);border-color:var(--color-primary)}.checkbox.indeterminate{background:var(--color-primary);border-color:var(--color-primary)}.checkbox.checked:not(.disabled):hover,.checkbox.indeterminate:not(.disabled):hover{background:var(--color-primary-dark);border-color:var(--color-primary-dark)}.checkbox:not(.checked):not(.indeterminate):not(.disabled):hover{border-color:var(--color-primary)}.checkbox.disabled{cursor:not-allowed;opacity:.5}.checkbox svg{width:12px;height:auto;display:none}.checkbox.checked .icon-checked{display:block}.checkbox.indeterminate .icon-indeterminate{display:block}`;let d=class MqCheckbox extends i{constructor(){super(...arguments),this.internals=this.attachInternals(),this.checked=!1,this.disabled=!1,this.required=!1,this.indeterminate=!1,this.handleClick=e=>{this.disabled?e.preventDefault():(this.checked=!this.checked,this.indeterminate=!1,this.updateFormValue(),this.dispatchEvent(new CustomEvent("change",{bubbles:!0,composed:!0,detail:{checked:this.checked}})))},this.handleKeyDown=e=>{this.disabled||" "===e.key&&(e.preventDefault(),this.handleClick(e))}}static{this.styles=[a]}static{this.formAssociated=!0}static{this.shadowRootOptions={...i.shadowRootOptions,delegatesFocus:!0}}connectedCallback(){super.connectedCallback(),this.updateFormValue(),this.addEventListener("click",this.handleClick)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("click",this.handleClick)}updateFormValue(){this.checked&&this.value?this.internals.setFormValue(this.value):this.internals.setFormValue(null)}render(){const e={checkbox:!0,checked:this.checked,disabled:this.disabled,indeterminate:this.indeterminate};return r`<div class="${s(e)}" role="checkbox" tabindex="${this.disabled?-1:0}" aria-checked="${this.indeterminate?"mixed":this.checked}" aria-disabled="${this.disabled}" @keydown="${this.handleKeyDown}"><svg class="icon-indeterminate" width="12" height="2" viewBox="0 0 12 2" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1H12" stroke="currentColor" stroke-width="2"/></svg> <svg class="icon-checked" width="12" height="10" viewBox="0 0 12 10" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 5L4.5 8.5L11 1" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></div>`}};e([c({type:Boolean,reflect:!0})],d.prototype,"checked",void 0),e([c({type:Boolean,reflect:!0})],d.prototype,"disabled",void 0),e([c({type:Boolean,reflect:!0})],d.prototype,"required",void 0),e([c({type:Boolean,reflect:!0})],d.prototype,"indeterminate",void 0),e([c({type:String})],d.prototype,"name",void 0),e([c({type:String})],d.prototype,"value",void 0),d=e([t("mq-checkbox")],d);export{d as MqCheckbox};

package/dist/ui/mq-clamped-text.d.ts

@@ -0,0 +1,46 @@
+import * as lit_html from 'lit-html';
+import * as lit from 'lit';
+import { LitElement } from 'lit';
+import './mq-text-button.js';
+
+/**
+ * Clamps slotted text to a fixed number of lines and, when it overflows,
+ * reveals a toggle that expands/collapses the full content.
+ *
+ * The toggle is only shown when the content actually exceeds `lines`; overflow
+ * is re-measured on resize and on slot changes so it stays correct across
+ * breakpoints and async content. Typography is inherited from the host element.
+ *
+ * @example
+ * ```html
+ * <mq-clamped-text lines="2" expand-label="Ver más" collapse-label="Ver menos">
+ *   Some long text…
+ * </mq-clamped-text>
+ * ```
+ */
+declare class MqClampedText extends LitElement {
+    static styles: lit.CSSResult;
+    lines: number;
+    expandLabel: string;
+    collapseLabel: string;
+    private expanded;
+    private overflowing;
+    private textRef;
+    private resizeObserver?;
+    /**
+     * Recomputes whether the clamped text overflows. Only meaningful while
+     * collapsed (clamp applied); when expanded the toggle stays visible so the
+     * user can collapse again.
+     */
+    private measure;
+    protected updated(): void;
+    disconnectedCallback(): void;
+    render(): lit_html.TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "mq-clamped-text": MqClampedText;
+    }
+}
+
+export { MqClampedText };

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

@@ -0,0 +1 @@
+import"../chunks/custom-element-DA9Fxvxd.js";import"../chunks/lit-element-DiWJYFwC.js";import"../chunks/property-scuRaFcM.js";import"../chunks/state-LQivXIgA.js";import"../chunks/class-map-Co76I6aw.js";export{M as MqClampedText}from"../chunks/index-B9iWdvW3.js";import"../chunks/style-map-CIdqdn7C.js";import"./mq-text-button.js";import"../chunks/directive-2EDmOukv.js";import"../chunks/if-defined-BYeVdwgd.js";

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

@@ -0,0 +1,53 @@
+import * as lit_html from 'lit-html';
+import * as lit from 'lit';
+import { LitElement } from 'lit';
+
+/**
+ * Accessible modal dialog primitive.
+ *
+ * Built on the native `<dialog>` element + `showModal()`, so the browser
+ * handles focus trapping (across the flattened tree, including slotted
+ * custom elements), Escape-to-close, background inerting and top-layer
+ * stacking. This component only layers in the fade/scale animation and the
+ * dismissable-on-backdrop-click behaviour.
+ *
+ * Usage:
+ *   <mq-dialog open>
+ *     <h2 slot="heading">Title</h2>
+ *     <p slot="subheading">Optional description</p>
+ *     Content...
+ *   </mq-dialog>
+ */
+declare class MqDialog extends LitElement {
+    static styles: lit.CSSResult[];
+    open: boolean;
+    dismissable: boolean;
+    private isActive;
+    private closeTimer;
+    protected updated(changed: Map<string, unknown>): void;
+    private onDialogClick;
+    private onCancel;
+    private onNativeClose;
+    private onCloseClick;
+    /**
+     * Wrap Tab focus inside the dialog (Radix-style). The native <dialog> only
+     * inerts the page, so without this Tab leaks through the browser chrome
+     * (tabs, address bar) between cycles. Looping here keeps focus contained.
+     */
+    private onKeyDown;
+    /** The focused element, descending through nested shadow roots. */
+    private getDeepActiveElement;
+    /** Tabbable elements in flattened-tree order, crossing shadow roots and slots. */
+    private getTabbableElements;
+    private collectTabbable;
+    private isTabbable;
+    private requestClose;
+    render(): lit_html.TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "mq-dialog": MqDialog;
+    }
+}
+
+export { MqDialog };

package/dist/ui/mq-dialog.js

@@ -0,0 +1 @@
+import{_ as e,t}from"../chunks/custom-element-DA9Fxvxd.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};