@elmethis/vue 0.4.2 → 0.5.0

package/lib/style.css

@@ -0,0 +1,2 @@
+._elm-tabs_1fco0_1{border:solid 1px oklch(from var(--elmethis-color-primary) l c h / 10%);width:100%;box-shadow:0 0 .125rem var(--elmethis-box-shadow-color);background-color:var(--elmethis-color-surface-raised);border-radius:.25rem;flex-direction:column;gap:0;margin-block-start:var(--elmethis-margin-block-start);display:flex;overflow:hidden}._tab-container_1fco0_14{border-bottom:solid 1px oklch(from var(--elmethis-color-primary) l c h / 30%);flex-direction:row;display:flex}._tab_1fco0_14{box-sizing:border-box;cursor:pointer;border-right:dashed 1px oklch(from var(--elmethis-color-primary) l c h / 20%);min-width:6rem;color:var(--elmethis-scoped-color,var(--elmethis-color-neutral));-webkit-user-select:none;user-select:none;border-bottom:2px solid #0000;justify-content:center;align-items:center;margin:0;padding:1rem;transition:background-color .2s,border-color .2s;display:flex}._tab_1fco0_14._active_1fco0_37{background-color:oklch(from var(--elmethis-color-primary) l c h / 5%);border-bottom-color:var(--elmethis-color-primary);cursor:default}._tab_1fco0_14:hover{background-color:oklch(from var(--elmethis-color-primary) l c h / 5%)}._tab-content_1fco0_48{width:100%;margin:0}._tab-content-inner_1fco0_53{box-sizing:border-box;padding:1em}._elm-collapse_12wiu_1{width:100%;display:grid}._elm-collapse_12wiu_1._row_12wiu_5{transition:grid-template-rows var(--elmethis-scoped-collapse-transition-duration,.2s) var(--elmethis-scoped-collapse-transition-timing-function,ease);grid-template-rows:0fr}._elm-collapse_12wiu_1._row_12wiu_5._open_12wiu_11{grid-template-rows:1fr}._elm-collapse_12wiu_1._column_12wiu_16{transition:grid-template-columns var(--elmethis-scoped-collapse-transition-duration,.2s) var(--elmethis-scoped-collapse-transition-timing-function,ease);grid-template-columns:0fr}._elm-collapse_12wiu_1._column_12wiu_16._open_12wiu_11{grid-template-columns:1fr}._elm-collapse_12wiu_1._both_12wiu_27{transition:grid-template-columns var(--elmethis-scoped-collapse-transition-duration,.2s) var(--elmethis-scoped-collapse-transition-timing-function,ease), grid-template-rows var(--elmethis-scoped-collapse-transition-duration,.2s) var(--elmethis-scoped-collapse-transition-timing-function,ease);grid-template-rows:0fr;grid-template-columns:0fr}._elm-collapse_12wiu_1._both_12wiu_27._open_12wiu_11{grid-template-rows:1fr;grid-template-columns:1fr}._elm-collapse_12wiu_1 ._inner_12wiu_44{overflow:hidden}._elm-heading_9vw8y_1{font-size:var(--elmethis-scoped-font-size);line-height:var(--elmethis-scoped-font-size);opacity:var(--elmethis-scoped-opacity);margin:0;margin-block-start:var(--elmethis-margin-block-start);transition:color .4s,opacity .8s;position:relative}._h1_9vw8y_13:after{content:"";background-color:var(--elmethis-color-neutral-weak);width:100%;height:.25px;position:absolute;bottom:-4px;left:0}._h1_9vw8y_13:before{content:"";background-color:var(--elmethis-color-neutral-weak);width:10%;height:2px;position:absolute;bottom:-6px;left:45%}._h2_9vw8y_35:after{content:"";opacity:.8;background-color:var(--elmethis-color-neutral-weak);width:6px;height:8px;position:absolute;bottom:-4px;right:2px;transform:skew(-25deg)}._h2_9vw8y_35:before{content:"";opacity:.8;background-color:var(--elmethis-color-neutral-weak);width:6px;height:8px;position:absolute;bottom:-4px;right:10px;transform:skew(-25deg)}._h2-underline_9vw8y_61{content:"";background-color:var(--elmethis-color-neutral-weak);width:100%;height:.25px;position:absolute;bottom:-6px;left:0;overflow:hidden}._h3_9vw8y_72{box-sizing:border-box;padding-left:.75rem}._h3_9vw8y_72:after{content:"";background-color:var(--elmethis-color-neutral-weak);width:3px;height:12px;position:absolute;top:calc(50% - 8px);left:0}._h4_9vw8y_87,._h5_9vw8y_91,._h6_9vw8y_95{position:relative}._text_zme4t_1{color:var(--elmethis-scoped-color,var(--elmethis-color-neutral))}._text_zme4t_1::selection{color:var(--elmethis-color-surface-raised);background-color:var(--elmethis-scoped-color,var(--elmethis-color-neutral))}._elm-fragment-identifier_xb2v4_1{width:1rem;height:1rem;color:var(--elmethis-color-primary);cursor:pointer;-webkit-user-select:none;user-select:none;opacity:1;border-radius:.125rem;justify-content:center;align-items:center;margin-inline-start:.5rem;padding:.125rem;font-size:1rem;transition:background-color .2s,opacity .1s,transform .1s;display:inline-flex}._elm-fragment-identifier_xb2v4_1:hover{background-color:var(--elmethis-color-primary-hover)}._elm-fragment-identifier_xb2v4_1:active{opacity:.5;transform:translate(1px)translateY(1px)}._elm-inline-text_uf3sg_1{white-space:pre-line;font-size:var(--elmethis-scoped-font-size,1em);line-height:var(--elmethis-scoped-font-size,1em);color:var(--elmethis-scoped-color,var(--elmethis-color-neutral));background-color:var(--elmethis-scoped-background-color);-webkit-text-decoration-color:var(--elmethis-scoped-color);text-decoration-color:var(--elmethis-scoped-color);margin:0;padding:0;transition:color .2s}._code_uf3sg_13{background-color:oklch(from var(--elmethis-color-neutral) l c h / 8%);font-size:calc(1em - 2px);font-family:var(--elmethis-scoped-font-family,var(--elmethis-font-family-monospace));border-radius:.125rem;margin-inline-start:.25rem;margin-inline-end:.25rem;padding:2px .5em}._kbd_uf3sg_25{background-color:var(--elmethis-color-surface-raised);border:solid 1px var(--elmethis-color-surface-raised);border-radius:.125rem;padding:.125rem .25rem;position:relative}._kbd_uf3sg_25:before{z-index:-1;content:"";border:solid 1px var(--elmethis-color-surface-raised);background-color:var(--elmethis-color-surface-raised);border-radius:.125rem;width:100%;height:100%;position:absolute;bottom:-.25em;left:-.5px}._kbd_uf3sg_25:after{z-index:1;content:"";background-color:var(--elmethis-color-surface-raised);opacity:.5;width:50%;height:1px;position:absolute;bottom:.5px;left:25%}._link_uf3sg_58{all:unset;color:var(--elmethis-color-accent-link);box-sizing:border-box;font-size:var(--elmethis-scoped-font-size);cursor:pointer;border-radius:.125rem;align-items:center;gap:.25rem;padding:0 .25rem;transition:background-color .2s,color .2s,opacity .2s;display:inline-flex}._link_uf3sg_58:hover{background-color:#6987b833;background-color:color(display-p3 .435598 .526028 .705864/.2);background-color:lab(55.4998% -1.05825 -29.4996/.2)}._link_uf3sg_58:active{opacity:.5}._link_uf3sg_58:visited{color:var(--elmethis-color-accent-link-visited);border-bottom:dashed 1px var(--elmethis-color-accent-link-visited)}._link_uf3sg_58:visited:hover{background-color:oklch(from var(--elmethis-color-accent-link-visited) l c h / 20%)}._ogp_uf3sg_94{box-shadow:0 0 .125rem var(--elmethis-box-shadow-color);background-color:var(--elmethis-color-surface-raised);border-radius:.25rem;flex-direction:column;gap:.25rem;display:flex;overflow:hidden}._ogp-text_uf3sg_104{box-sizing:border-box;padding:.5rem}._ogp-title_uf3sg_109{box-sizing:border-box;padding-block-end:.25rem;font-weight:700}._ogp-description_uf3sg_115{opacity:.7;padding:.25rem}._elm-inline-icon_1qs0i_1{vertical-align:top;width:.95lh;height:.95lh;color:var(--lightningcss-light,currentcolor)var(--lightningcss-dark,var(--elmethis-scoped-color,#ffffffb3));margin:0;padding:0;display:inline-block}._elm-inline-icon_1qs0i_1::selection{color:var(--lightningcss-light,currentColor)var(--lightningcss-dark,#000000b3);background-color:var(--lightningcss-light,var(--elmethis-scoped-color,#00000040))var(--lightningcss-dark,var(--elmethis-scoped-color,#ffffff40));filter:brightness(1000%)}@media (prefers-color-scheme:dark){._elm-inline-icon_1qs0i_1::selection{filter:none}}[data-theme=light] ._elm-inline-icon_1qs0i_1::selection{filter:brightness(1000%)}[data-theme=dark] ._elm-inline-icon_1qs0i_1::selection{filter:none}._elm-paragraph_rbsk5_1{color:var(--elmethis-scoped-color,var(--elmethis-color-neutral));background-color:var(--elmethis-scoped-background-color,inherit);margin:0;margin-block-start:var(--elmethis-margin-block-start);line-height:1.75;transition:opacity .8s}._elm-paragraph_rbsk5_1::selection{color:var(--elmethis-color-surface-raised);background-color:var(--elmethis-scoped-color,var(--elmethis-color-neutral))}._elm-a2ui_4ps3c_1,._surface_4ps3c_5{display:contents}._text_4ps3c_11{margin:0;line-height:1.5}._text-h1_4ps3c_16{font-size:2rem;font-weight:700}._text-h2_4ps3c_21{font-size:1.5rem;font-weight:600}._text-h3_4ps3c_26{font-size:1.25rem;font-weight:600}._text-h4_4ps3c_31{font-size:1.125rem;font-weight:500}._text-h5_4ps3c_36{font-size:1rem;font-weight:500}._text-body_4ps3c_41{font-size:1rem}._row_4ps3c_47{flex-flow:wrap;gap:8px;display:flex}._column_4ps3c_53{flex-direction:column;gap:8px;display:flex}._child-wrap_4ps3c_60{display:contents}._list_4ps3c_64{flex-direction:column;gap:4px;display:flex;overflow:auto}._list-horizontal_4ps3c_71{flex-direction:row}._list-item_4ps3c_75{flex-shrink:0}._card_4ps3c_81{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:16px;box-shadow:0 1px 3px #00000014}._button_4ps3c_91{cursor:pointer;background:0 0;border:1px solid #ccc;border-radius:4px;justify-content:center;align-items:center;gap:4px;padding:8px 16px;font-size:.875rem;font-weight:500;transition:background .15s;display:inline-flex}._button_4ps3c_91:hover{background:#0000000d}._button-primary_4ps3c_110{background:var(--a2ui-primary,#1976d2);color:#fff;border-color:#0000}._button-primary_4ps3c_110:hover{background:var(--a2ui-primary-hover,#1565c0)}._image_4ps3c_122{object-fit:cover;max-width:100%;display:block}._icon_4ps3c_130{vertical-align:middle;width:1.25em;height:1.25em;display:inline-block}._divider_4ps3c_139{border:none;border-top:1px solid #e0e0e0;margin:8px 0}._divider-vertical_4ps3c_145{border-top:none;border-left:1px solid #e0e0e0;align-self:stretch;width:0;margin:0 8px}._text-field_4ps3c_155{flex-direction:column;gap:4px;display:flex}._label_4ps3c_161{color:#555;font-size:.75rem;font-weight:500}._input_4ps3c_167{border:1px solid #ccc;border-radius:4px;outline:none;padding:8px 10px;font-size:.875rem;transition:border-color .15s}._input_4ps3c_167:focus{border-color:var(--a2ui-primary,#1976d2)}._checkbox_4ps3c_180{cursor:pointer;align-items:center;gap:6px;font-size:.875rem;display:inline-flex}._checkbox-label_4ps3c_188{-webkit-user-select:none;user-select:none}._slider_4ps3c_192{cursor:pointer;width:100%}._modal_4ps3c_199,._modal-content_4ps3c_203{display:contents}._video_4ps3c_209,._audio_4ps3c_210{max-width:100%;display:block}._choice-picker_4ps3c_217{flex-direction:column;gap:4px;display:flex}._choice-picker-label_4ps3c_223{color:#555;font-size:.75rem;font-weight:500}._choice-picker-options_4ps3c_229{flex-direction:column;gap:4px;display:flex}._choice-picker-option_4ps3c_229{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;font-size:.875rem;display:inline-flex}._datetime-input_4ps3c_246{flex-direction:column;gap:4px;display:flex}._elm-katex_189xe_1{margin-block-start:var(--elmethis-margin-block-start)}._elm-code-block_xdmlc_1{box-sizing:border-box;width:100%;background-color:var(--elmethis-color-surface-raised);box-shadow:0 0 .125rem var(--elmethis-box-shadow-color);border-radius:.25rem;grid-template:"language-icon caption copy-icon"2.75rem"divider divider divider"1px"code code code"1fr/2rem 1fr 2.5rem;justify-content:center;align-items:center;gap:0;margin:0;margin-block-start:var(--elmethis-margin-block-start);padding:.25rem;display:grid}._language-icon_xdmlc_17{grid-area:language-icon;padding-inline-start:.75rem}._caption_xdmlc_22{grid-area:caption;padding:1rem;font-family:monospace;font-size:1rem}._copy-icon_xdmlc_29{grid-area:copy-icon}._divider_xdmlc_33{border:none;border-bottom:1px solid #80808080;grid-area:divider;width:calc(100% - 1rem)}._code_xdmlc_40{box-sizing:border-box;scrollbar-width:thin;grid-area:code;padding:0 1rem;overflow-x:auto}._path_1aa0a_1{fill:var(--lightningcss-light,#293138)var(--lightningcss-dark,#d2dbe3)}._elm-mdi-icon_ihskx_1{fill:var(--lightningcss-light,var(--elmethis-scoped-color,#555b67))var(--lightningcss-dark,var(--dark-color,#b0b5be));transition:fill .2s}._elm-shiki-highlighter_j5tas_1{font-size:1rem;line-height:1.5rem}._elm-shiki-highlighter_j5tas_1 .shiki{font-family:var(--elmethis-scoped-font-family,var(--elmethis-font-family-monospace))!important;color:var(--lightningcss-light,var(--shiki-light))var(--lightningcss-dark,var(--shiki-dark))!important;background-color:var(--lightningcss-light,var(--shiki-light-bg))var(--lightningcss-dark,var(--shiki-dark-bg))!important}._elm-shiki-highlighter_j5tas_1 .shiki::selection{background-color:#cdb57b40;background-color:color(display-p3 .788276 .713191 .510857/.25);background-color:lab(74.7678% 2.9518 32.8852/.25)}._elm-shiki-highlighter_j5tas_1 .shiki span{font-family:var(--elmethis-scoped-font-family,var(--elmethis-font-family-monospace))!important;color:var(--lightningcss-light,var(--shiki-light))var(--lightningcss-dark,var(--shiki-dark))!important;background-color:var(--lightningcss-light,var(--shiki-light-bg))var(--lightningcss-dark,var(--shiki-dark-bg))!important}._elm-shiki-highlighter_j5tas_1 .shiki span::selection{background-color:#cdb57b40;background-color:color(display-p3 .788276 .713191 .510857/.25);background-color:lab(74.7678% 2.9518 32.8852/.25)}._use-clipboard_mb0qt_1{cursor:pointer;color:var(--elmethis-scoped-color,var(--elmethis-color-neutral));border-radius:.25rem;justify-content:center;align-items:center;padding:.25rem;transition:background-color .2s;display:inline-flex}._use-clipboard_mb0qt_1:hover{background-color:var(--elmethis-color-primary-hover)}._use-clipboard_mb0qt_1 ._use-clipboard-icon-copied_mb0qt_15{color:var(--elmethis-color-primary)}._elm-block-image_kwjx3_1{flex-direction:column;justify-content:center;align-items:center;gap:.5rem;width:100%;margin-block-start:var(--elmethis-margin-block-start);margin-inline-start:0;margin-inline-end:0;display:flex}._image-container_kwjx3_12{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}._image_kwjx3_12{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:min(100%,100vh);opacity:var(--elmethis-scoped-opacity,1);-webkit-user-select:none;user-select:none;aspect-ratio:var(--aspect-ratio,auto);cursor:var(--elmethis-scoped-cursor);border-radius:.25rem;transition:opacity .4s;box-shadow:0 0 .125rem #0000001a}._fallback_kwjx3_36{width:100%;height:100%;opacity:var(--elmethis-scoped-opacity,1);pointer-events:none;transition:opacity .4s;position:absolute;top:0;bottom:auto;left:auto;right:0}._caption-box_kwjx3_46{box-sizing:border-box;opacity:.75;opacity:var(--elmethis-scoped-opacity,1);justify-content:center;align-items:center;gap:1rem;padding:0 1rem;transition:opacity .4s;display:flex}._caption-box_kwjx3_46 ._caption-icon_kwjx3_57{color:var(--elmethis-color-primary);flex:1}@keyframes _wave_70gad_1{0%{opacity:0;transform:scale(0)}30%{opacity:0}40%{opacity:1}to{opacity:0;transform:scale(1)}}._elm-rectangle-wave_70gad_21{box-sizing:border-box;border-style:solid;border-width:1px;border-color:var(--elmethis-color-primary);width:100%;height:100%;margin:0;animation-name:_wave_70gad_1;animation-duration:1.2s;animation-iteration-count:infinite;animation-fill-mode:both;position:absolute;overflow:hidden}._elm-modal_12j1m_1{opacity:0;transition:opacity var(--elmethis-scoped-modal-delay,.2s);transition-timing-function:var(--elmethis-scoped-transition-timing-function,ease-in-out);background-color:#0000;border:none;outline:none;margin:auto;padding:0}._elm-modal_12j1m_1._shown_12j1m_18{opacity:1}._elm-modal_12j1m_1._shown_12j1m_18::backdrop{opacity:1}._elm-modal_12j1m_1::backdrop{opacity:0;transition:opacity var(--elmethis-scoped-modal-delay,.2s);background-color:#0000;background-color:oklch(0% 0 0/.5)}._elm-file_1oen6_1{background-color:var(--lightningcss-light,#fff3)var(--lightningcss-dark,#0003);border-radius:.25rem;grid-template-columns:1.5rem 1fr 1fr 1.5rem;align-items:center;gap:1rem;margin-block-start:var(--elmethis-margin-block-start);padding:1rem;display:grid;box-shadow:0 0 .125rem #0003}._file-size_1oen6_13{text-align:right;opacity:.5}._download-icon_1oen6_18{cursor:pointer;border-radius:.125rem;justify-content:center;align-items:center;width:1.5rem;height:1.5rem;padding:.125rem;transition:color .2s,background-color .2s;display:flex}._download-icon_1oen6_18:hover{background-color:var(--lightningcss-light,#0000001a)var(--lightningcss-dark,#ffffff1a)}._elm-bookmark_67069_1{all:unset;border-radius:.25rem;margin-block-start:var(--elmethis-margin-block-start);transition:background-color .2s,transform .2s;display:block;overflow:hidden;box-shadow:0 0 .125rem #0000001a;container-type:inline-size}._elm-bookmark_67069_1:hover{background-color:#6987b81a;transform:translate(-.125rem)translateY(-.125rem)}._elm-bookmark_67069_1:active{background-color:#59b57c1a;transform:translate(0)translateY(0)}._container_67069_24{all:unset;cursor:pointer;flex-direction:row;width:100%;display:flex}@container (width<=700px){._container_67069_24{flex-direction:column}}._image_67069_36{opacity:.9;object-fit:cover;object-position:center;aspect-ratio:2;justify-content:center;align-items:center;width:min-content;max-width:35%;height:100%;display:flex;overflow:hidden}@container (width<=700px){._image_67069_36{min-width:unset;max-width:unset;width:100%}}._content_67069_56{box-sizing:border-box;background-color:var(--lightningcss-light,#fff6)var(--lightningcss-dark,#0003);flex-direction:column;flex:1;justify-content:space-between;gap:.5rem;width:75%;padding:.5rem;transition:background-color .2s;display:flex}@container (width<=700px){._content_67069_56{width:100%}}._content_67069_56 ._title_67069_72{box-sizing:border-box}._content_67069_56 ._description_67069_76{box-sizing:border-box;opacity:.7}._content_67069_56 ._link_67069_81{opacity:.7;justify-content:flex-end;align-items:center;gap:.25rem;line-height:.75rem;display:flex}._elm-toggle_d59g8_1{box-sizing:border-box;grid-template:"summary summary"2rem"border content"0fr/1px 1fr;gap:.5rem 2.5rem;margin-block-start:var(--elmethis-margin-block-start);transition:grid-template-rows .2s;display:grid}._elm-toggle_d59g8_1._open_d59g8_9{grid-template-rows:2rem 1fr}._summary_d59g8_14{box-sizing:border-box;cursor:pointer;border-radius:.25rem;grid-area:summary;justify-content:space-between;align-self:center;align-items:center;gap:.5rem;width:100%;height:2rem;padding:0 .5rem;transition:background-color .2s;display:flex}._summary_d59g8_14 ._summary-left_d59g8_29{flex-shrink:0;align-items:center;gap:.5rem;display:flex}._summary_d59g8_14 ._divider_d59g8_36{all:unset;box-sizing:border-box;background-color:#80808020;background-color:color(display-p3 .501961 .501961 .501961/.125);background-color:lab(53.585% 0 .0000119209/.125);flex-shrink:1;width:100%;height:1px;margin:0 1rem}._summary_d59g8_14:hover{background-color:var(--elmethis-color-primary-hover)}._summary_d59g8_14 ._chevron_d59g8_50{transform-origin:50%;justify-content:center;align-items:center;transition:transform .2s;display:flex;transform:rotate(0)}._summary_d59g8_14 ._chevron_d59g8_50._open_d59g8_9{transform:rotate(90deg)}._summary_d59g8_14 ._cross_d59g8_63{transform-origin:50%;justify-content:center;align-items:center;transition:transform .2s;display:flex;transform:rotate(0)}._summary_d59g8_14 ._cross_d59g8_63._open_d59g8_9{transform:rotate(135deg)}._border_d59g8_77{background-color:#80808020;background-color:color(display-p3 .501961 .501961 .501961/.125);background-color:lab(53.585% 0 .0000119209/.125);grid-area:border;width:1px;height:100%;margin-left:1rem}._content_d59g8_85{box-sizing:border-box;grid-area:content;transition:padding .2s step-end;overflow:hidden}._content_d59g8_85._open_d59g8_9{padding:.125rem;transition-timing-function:step-start}._elm-block-quote_lqbme_1{box-sizing:border-box;width:100%;background-color:oklch(from var(--elmethis-color-neutral) l c h / 12.5%);margin-block-start:var(--elmethis-margin-block-start);margin-inline-start:0;margin-inline-end:0;position:relative}._elm-block-quote_lqbme_1:after{content:"";background-color:var(--elmethis-color-neutral);width:4px;height:100%;position:absolute;top:0;left:0}._body_lqbme_20{box-sizing:border-box;padding:2rem 1.5rem}._icon_lqbme_25{content:"";color:var(--elmethis-color-primary-weak);position:absolute}._icon_lqbme_25._icon-top-left_lqbme_30{top:.25rem;bottom:auto;left:.5rem;right:auto}._icon_lqbme_25._icon-bottom-right_lqbme_34{top:auto;bottom:.25rem;left:auto;right:.25rem}._elm-callout_1xydl_1{margin-block-start:var(--elmethis-margin-block-start);padding:1rem;position:relative}._elm-callout_1xydl_1:after{content:"";background-color:var(--elmethis-scoped-callout-color);width:.25rem;height:100%;position:absolute;top:0;bottom:auto;left:0;right:auto}._elm-callout_1xydl_1:before{content:"";background-color:var(--elmethis-scoped-callout-color);opacity:.15;z-index:-1;pointer-events:none;width:100%;height:100%;position:absolute;top:0;bottom:auto;left:auto;right:0}._elm-callout_1xydl_1 ._header_1xydl_27{text-transform:uppercase;-webkit-user-select:none;user-select:none;color:var(--elmethis-scoped-callout-color);align-items:center;gap:.5rem;display:flex}._elm-callout_1xydl_1 ._content_1xydl_36{padding-block-start:1rem;padding-block-end:.25rem}._elm-callout_1xydl_1 ._icon_1xydl_40{color:var(--elmethis-scoped-callout-color)}._note_1xydl_45{--elmethis-scoped-callout-color:var(--elmethis-color-accent-info)}._tip_1xydl_49{--elmethis-scoped-callout-color:var(--elmethis-color-accent-success)}._important_1xydl_53{--elmethis-scoped-callout-color:var(--elmethis-color-accent-important)}._warning_1xydl_57{--elmethis-scoped-callout-color:var(--elmethis-color-accent-warning)}._caution_1xydl_61{--elmethis-scoped-callout-color:var(--elmethis-color-accent-error)}._elm-divider_8xkqn_1{border:none;border-bottom:dashed 1px var(--elmethis-color-primary);width:100%;margin-block-start:var(--elmethis-margin-block-start)}._elm-list_n8430_1{opacity:var(--elmethis-scoped-opacity);box-sizing:border-box;margin-block-start:var(--elmethis-margin-block-start);padding-left:1.25rem;transition:opacity .8s}._bulleted_n8430_9{list-style:none}._bulleted_n8430_9 li{box-sizing:border-box;margin-block-start:.75rem;margin-block-end:.75rem;padding-left:.5rem;position:relative}._bulleted_n8430_9 li:before{content:"";background-color:var(--elmethis-color-primary);width:.75em;height:.75em;position:absolute;top:.3em;left:-1em;-webkit-mask-image:url(./markers/list-bullet-level-1.svg);mask-image:url(./markers/list-bullet-level-1.svg);-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}._bulleted_n8430_9 li ul{list-style:none}._bulleted_n8430_9 li ul li:before{-webkit-mask-image:url(./markers/list-bullet-level-2.svg);mask-image:url(./markers/list-bullet-level-2.svg)}._bulleted_n8430_9 li ul li ul{list-style:none}._bulleted_n8430_9 li ul li ul li:before{-webkit-mask-image:url(./markers/list-bullet-level-3.svg);mask-image:url(./markers/list-bullet-level-3.svg)}._bulleted_n8430_9 ol li:before{content:none}._numbered_n8430_58 li{box-sizing:border-box;margin-block-start:.75rem;margin-block-end:.75rem;margin-left:.25rem;padding-left:.25rem;list-style-type:decimal}._numbered_n8430_58 li::marker{color:var(--elmethis-color-primary);font-weight:700}._numbered_n8430_58 li ol li{list-style-type:lower-alpha}._numbered_n8430_58 li ol li ol li{list-style-type:lower-roman}._numbered_n8430_58 li ol li ol li ol li{list-style-type:lower-greek}._numbered_n8430_58 ul li{list-style-type:none}._elm-table_14qfo_1{border-collapse:collapse;border-spacing:0;margin-block-start:var(--elmethis-margin-block-start);box-shadow:0 0 .125rem #0003}._caption_14qfo_8{justify-content:center;align-items:center;gap:1rem;width:100%;margin-block-end:1rem;display:inline-flex;position:relative}._caption-inner_14qfo_18{justify-content:center;align-items:center;gap:.25rem;display:inline-flex}._spacing_14qfo_25{background-color:#80808033;flex-grow:1;height:1px}._elm-table-cell_1a21f_1{border-right:1px dashed oklch(from var(--elmethis-color-primary-weak) l c h / 50%);color:var(--elmethis-scoped-color,var(--elmethis-color-neutral));padding:.75rem 1rem}._elm-table-cell_1a21f_1::selection{color:var(--elmethis-color-surface-raised);background-color:var(--elmethis-scoped-color,var(--elmethis-color-neutral))}._elm-table-cell_1a21f_1:last-child{border-right:none}._td_1a21f_20{border-top:1px solid oklch(from var(--elmethis-color-primary-weak) l c h / 50%)}._th_1a21f_25{background-color:var(--elmethis-color-surface-sunken)}._elm-table-header_jhft7_1{text-align:left;border-bottom:2px solid var(--elmethis-color-primary-weak);transition:background-color .4s,color .4s}._elm-table-row_mkm0q_1{transition:background-color .2s}._elm-table-row_mkm0q_1:nth-child(odd){background-color:var(--elmethis-color-surface-raised)}._elm-table-row_mkm0q_1:nth-child(2n){background-color:var(--elmethis-color-surface-base)}._elm-table-row_mkm0q_1:hover{background-color:var(--elmethis-color-surface-sunken)}._elm-unsupported-block_xdddx_1{box-sizing:border-box;border:1px dashed color-mix(in srgb, var(--elmethis-color-neutral-weak) 50%, transparent);flex-direction:column;justify-content:center;align-items:center;gap:1rem;margin-block-start:var(--elmethis-margin-block-start);padding:4rem;display:flex}._message_xdddx_14{justify-content:center;align-items:center;gap:.5rem;display:flex}._icon_xdddx_21{fill:var(--elmethis-color-neutral-weak)}._details_xdddx_25{opacity:.75}._parallax-watcher_z693a_1{z-index:-1;display:none;position:fixed}._parallax_z693a_1{z-index:-1;opacity:.2;background-repeat:repeat;background-size:auto;width:100%;height:2000vh;position:fixed;top:0;left:0}@media (prefers-color-scheme:dark){._parallax_z693a_1{opacity:.1}}[data-theme=light] ._parallax_z693a_1{opacity:.2}[data-theme=dark] ._parallax_z693a_1{opacity:.1}._elm-tooltip_1b13f_1{position:relative}._tooltip_1b13f_5{box-sizing:border-box;z-index:1000;opacity:0;pointer-events:none;max-width:min(32rem,100vw - 2rem);padding:.5rem 0;transition:opacity .2s,transform .2s;position:fixed;transform:scale(.9)}._tooltip_1b13f_5._show_1b13f_18{opacity:1;pointer-events:auto;transform:scale(1)}._elm-block-fallback_1sx02_1{width:100%;height:var(--elmethis-scoped-height);justify-content:center;align-items:center;display:flex;position:relative}@keyframes _bounce_qjgj2_1{0%{transform:translateY(0%)scaleY(.3)scaleX(1.5)}10%{transform:scaleY(.8)scaleX(1.2)}to{transform:translateY(-400%)scaleY(1.1)}}._elm-dot-loading-icon_qjgj2_15{width:var(--elmethis-scoped-size);height:var(--elmethis-scoped-size);-webkit-user-select:none;user-select:none;justify-content:space-around;align-items:flex-end;display:flex;position:relative}._dot_qjgj2_25{background-color:var(--elmethis-color-primary);border-radius:50%;width:20%;height:20%;transition:background-color .4s;animation-name:_bounce_qjgj2_1;animation-duration:.4s;animation-timing-function:ease-out;animation-iteration-count:infinite;animation-direction:alternate}._dot_qjgj2_25:last-of-type{animation-delay:-100ms}._dot_qjgj2_25:nth-last-of-type(2){animation-delay:0s}._dot_qjgj2_25:nth-last-of-type(3){animation-delay:.1s}._elm-button_9qh0y_1{all:unset;box-sizing:border-box;-webkit-user-select:none;user-select:none;cursor:pointer;min-height:2.75rem;opacity:var(--elmethis-scoped-opacity);box-shadow:0 0 .125rem var(--elmethis-box-shadow-color);border-radius:.25rem;justify-content:center;align-items:center;gap:.5rem;padding:.5rem 1.5rem;line-height:1.5rem;transition:opacity .2s,transform .2s;position:relative;overflow:hidden}._normal_9qh0y_22{color:oklch(from contrast-color(var(--elmethis-color-neutral-strong)) l c h / 65%);background-color:var(--elmethis-color-neutral-strong)}._primary_9qh0y_29{color:oklch(from contrast-color(var(--elmethis-color-primary-weak)) l c h / 65%);background-color:var(--elmethis-color-primary-weak)}._colored_9qh0y_36{background-color:var(--elmethis-scoped-color)}._enable_9qh0y_40{transition:opacity .2s,transform .1s,box-shadow .2s}._enable_9qh0y_40:hover{opacity:var(--elmethis-scoped-opacity,.7);transform:translate(-1px)translateY(-1px);box-shadow:.125rem .125rem .125rem #80808040}._enable_9qh0y_40:active{opacity:var(--elmethis-scoped-opacity,.5);transform:translate(1px)translateY(1px);box-shadow:-1px -1px .125rem #80808040}._flex_9qh0y_59{justify-content:center;align-items:center;gap:.5rem;display:flex}@keyframes _button-ripple_9qh0y_1{0%{opacity:1;transform:scale(0)}50%{opacity:1;transform:scale(1.2)}to{opacity:0;transform:scale(1.2)}}._ripple_9qh0y_83{pointer-events:none;aspect-ratio:1;opacity:0;background-color:#cdb57b26;border-radius:50%;width:100%;transition:none;animation-name:_button-ripple_9qh0y_1;animation-duration:.3s;animation-timing-function:ease-out;animation-fill-mode:both;position:absolute}._elm-checkbox_18dfs_1{-webkit-user-select:none;user-select:none;cursor:pointer;width:-moz-fit-content;width:fit-content;font-family:sans-serif;transition:opacity .2s}._elm-checkbox_18dfs_1:hover{opacity:.8}._elm-checkbox_18dfs_1._disabled_18dfs_12{opacity:.45;cursor:not-allowed}._elm-checkbox_18dfs_1._disabled_18dfs_12:hover{opacity:.45}._checkbox_18dfs_22{stroke:var(--lightningcss-light,#000c)var(--lightningcss-dark,#fffc);fill:#0000}._rect_18dfs_27{transition:all .2s}._rect_18dfs_27._loading_18dfs_30{opacity:.3}._rect_18dfs_27._checked_18dfs_34{fill:var(--lightningcss-light,#000c)var(--lightningcss-dark,#fffc)}._loading-dot_18dfs_39{fill:var(--lightningcss-light,#000000b3)var(--lightningcss-dark,#ffffffb3);transition:opacity .2s}@keyframes _elmethis-checkbox-check-line_18dfs_1{0%{stroke-dashoffset:100%}to{stroke-dashoffset:0%}}._check-line_18dfs_54{stroke-dasharray:100%;transform-origin:50%;stroke:var(--lightningcss-light,#ffffffe6)var(--lightningcss-dark,#000000e6);animation-name:_elmethis-checkbox-check-line_18dfs_1;animation-duration:.2s;animation-timing-function:ease-in-out;animation-delay:.1s;animation-fill-mode:both}._elm-select_1u7w1_1{--highlight-color:var(--elmethis-color-primary-weak);-webkit-user-select:none;user-select:none;box-sizing:border-box;background-color:var(--elmethis-color-surface-raised);box-shadow:0 0 .125rem var(--elmethis-box-shadow-color);cursor:pointer;border:1px solid #0000;border-radius:.25rem;flex-direction:column;justify-content:space-between;gap:.25rem;padding:.25rem;transition:border-color .2s,background-color .2s;display:inline-flex;position:relative}._elm-select_1u7w1_1._disabled_1u7w1_23{background-color:var(--elmethis-color-surface-sunken)}._elm-select_1u7w1_1._active_1u7w1_27{border-color:var(--highlight-color)}._elm-select_1u7w1_1 ._label_1u7w1_31{-webkit-user-select:none;user-select:none;height:.75rem;color:var(--elmethis-color-neutral);align-items:center;gap:.125rem;margin:0;padding:0;font-size:.75rem;line-height:.75rem;transition:color .2s;display:inline-flex}._elm-select_1u7w1_1 ._label_1u7w1_31._label-active_1u7w1_44{color:var(--highlight-color)}._elm-select_1u7w1_1 ._body_1u7w1_49{justify-content:space-between;align-items:center;height:1.25rem;padding:0 .25rem;display:flex}._elm-select_1u7w1_1 ._body_1u7w1_49 ._selected-option_1u7w1_56{overflow:hidden}._elm-select_1u7w1_1 ._body_1u7w1_49 ._selected-option_1u7w1_56 ._option-content_1u7w1_59{align-items:center;gap:.25rem;display:flex}._elm-select_1u7w1_1 ._body_1u7w1_49 ._fallback_1u7w1_66{opacity:.6;justify-content:flex-start;align-items:center;gap:.5rem;display:flex}._elm-select_1u7w1_1 ._body_1u7w1_49 ._pulldown_1u7w1_74{z-index:100;box-sizing:border-box;background-color:var(--lightningcss-light,#fffffff2)var(--lightningcss-dark,#333333f2);border-radius:.25rem;width:max-content;padding:0;position:absolute;top:calc(100% + .25rem);left:0;box-shadow:0 0 .125rem var(--lightningcss-light,#00000026)var(--lightningcss-dark,#000000bf)}._elm-select_1u7w1_1 ._body_1u7w1_49 ._pulldown_1u7w1_74 ._option_1u7w1_59{box-sizing:border-box;cursor:pointer;border-radius:.25rem;justify-content:flex-start;align-items:center;gap:.25rem;width:100%;padding:.5rem;transition:background-color .1s;display:flex;overflow:hidden}._elm-select_1u7w1_1 ._body_1u7w1_49 ._pulldown_1u7w1_74 ._option_1u7w1_59:hover{background-color:var(--lightningcss-light,#bec2ca4d)var(--lightningcss-dark,#bec2ca33)}._switch_9s4vz_1{display:none}._bar_9s4vz_5{z-index:0;padding:var(--elmethis-scoped-padding);width:var(--elmethis-scoped-width);height:var(--elmethis-scoped-size);border-radius:calc((var(--elmethis-scoped-size) + var(--elmethis-scoped-padding)) / 2);cursor:pointer;background-color:#80808040;transition:opacity .3s,background-color .3s;position:relative;box-shadow:0 0 2px #0000001a}._bar_9s4vz_5._checked_9s4vz_21{background-color:var(--elmethis-scoped-color);opacity:.9}._bar_9s4vz_5._disabled_9s4vz_26{cursor:not-allowed}._circle_9s4vz_31{z-index:1;width:var(--elmethis-scoped-size);height:var(--elmethis-scoped-size);top:var(--elmethis-scoped-padding);left:var(--elmethis-scoped-padding);background-color:#ffffffe6;border-radius:50%;transition:transform .3s,opacity .3s,background-color .3s;position:absolute}._circle_9s4vz_31._checked_9s4vz_21{transform:translateX(calc(var(--elmethis-scoped-width) - var(--elmethis-scoped-size)))}._circle_9s4vz_31._disabled_9s4vz_26{opacity:.5;background-color:gray}._circle_9s4vz_31:hover{opacity:.8}@keyframes _loading_lgmx3_23{0%{transform-origin:0%;transform:scaleX(0)}40%{transform-origin:0%;transform:scaleX(1)}60%{transform-origin:100%;transform:scaleX(1)}to{transform-origin:100%;transform:scaleX(0)}}._loading_lgmx3_23{background-color:var(--highlight-color);pointer-events:none;width:100%;height:2px;transition:opacity .2s;animation-name:_loading_lgmx3_23;animation-duration:1.6s;animation-iteration-count:infinite;position:absolute;bottom:0;left:0}._elm-text-area_lgmx3_37{--highlight-color:var(--elmethis-color-primary);box-sizing:border-box;background-color:var(--lightningcss-light,var(--elmethis-color-surface-raised))var(--lightningcss-dark,oklch(32.604% .0153767 259.811));width:100%;box-shadow:0 0 .125rem var(--lightningcss-light,var(--elmethis-box-shadow-color))var(--lightningcss-dark,#000000bf);border:1px solid #0000;border-radius:.25rem;flex-direction:column;justify-content:space-between;gap:.25rem;padding:.25rem;transition:border-color .2s,background-color .2s;display:flex;position:relative;overflow:hidden}._elm-text-area_lgmx3_37._disabled_lgmx3_63{background-color:var(--elmethis-color-surface-sunken)}._elm-text-area_lgmx3_37._active_lgmx3_67{border-color:var(--highlight-color)}._header_lgmx3_72{height:.75rem;color:var(--elmethis-color-neutral);-webkit-user-select:none;user-select:none;grid-template-columns:1rem 1fr max-content;align-items:center;margin:0;padding:0;font-size:.75rem;line-height:.75rem;transition:color .2s;display:grid}._header_lgmx3_72._label-active_lgmx3_85{color:var(--highlight-color)}._requierd_lgmx3_90{color:var(--elmethis-color-accent-error);padding-inline-start:.25rem;padding-inline-end:.25rem;font-weight:700}._body_lgmx3_96{padding:0 .25rem;display:flex}._textarea_lgmx3_101{all:unset;box-sizing:border-box;width:100%;min-height:1.5rem;color:var(--lightningcss-light,var(--elmethis-color-neutral))var(--lightningcss-dark,oklch(100% 5.96046e-8 90/.7));caret-color:var(--highlight-color);resize:vertical;white-space:pre-wrap;overflow-wrap:break-word;padding:0;font-family:inherit;line-height:1.4;overflow:auto}._textarea_lgmx3_101::placeholder{opacity:.6}._textarea_lgmx3_101::selection{color:var(--lightningcss-light,var(--elmethis-color-surface-raised))var(--lightningcss-dark,oklch(0% 0 0/.7));background-color:var(--lightningcss-light,var(--elmethis-scoped-color,var(--elmethis-color-neutral)))var(--lightningcss-dark,oklch(100% 5.96046e-8 90/.7))}@keyframes _loading_11box_23{0%{transform-origin:0%;transform:scaleX(0)}40%{transform-origin:0%;transform:scaleX(1)}60%{transform-origin:100%;transform:scaleX(1)}to{transform-origin:100%;transform:scaleX(0)}}._loading_11box_23{background-color:var(--highlight-color);pointer-events:none;width:100%;height:2px;transition:opacity .2s;animation-name:_loading_11box_23;animation-duration:1.6s;animation-iteration-count:infinite;position:absolute;bottom:0;left:0}._elm-text-field_11box_37{--highlight-color:var(--elmethis-color-primary);box-sizing:border-box;background-color:var(--elmethis-color-surface-raised);width:100%;box-shadow:0 0 .125rem var(--elmethis-box-shadow-color);border:1px solid #0000;border-radius:.25rem;flex-direction:column;justify-content:space-between;gap:.25rem;padding:.25rem;transition:border-color .2s,background-color .2s;display:flex;position:relative;overflow:hidden}._elm-text-field_11box_37._disabled_11box_59{background-color:var(--elmethis-color-surface-sunken)}._elm-text-field_11box_37._active_11box_63{border-color:var(--highlight-color)}._header_11box_68{height:.75rem;color:var(--elmethis-color-neutral);-webkit-user-select:none;user-select:none;grid-template-columns:1rem 1fr max-content;align-items:center;margin:0;padding:0;font-size:.75rem;line-height:.75rem;transition:color .2s;display:grid}._header_11box_68._label-active_11box_81{color:var(--highlight-color)}._requierd_11box_86{color:var(--elmethis-color-accent-error);padding-inline-start:.25rem;padding-inline-end:.25rem;font-weight:700}._body_11box_92{justify-content:space-between;align-items:center;height:1.25rem;padding:0 .25rem;display:flex}._input_11box_100{all:unset;box-sizing:border-box;width:100%;color:var(--elmethis-color-neutral);caret-color:var(--highlight-color);padding:0}._input_11box_100::placeholder{opacity:.6}._input_11box_100::selection{color:var(--elmethis-color-surface-raised);background-color:var(--elmethis-scoped-color,var(--elmethis-color-neutral))}._right-icon-box_11box_121{justify-content:space-between;align-items:center;display:flex}._right-icon-box_11box_121 ._clickable-icon_11box_126{box-sizing:border-box;cursor:pointer;border-radius:50%;justify-content:center;align-items:center;padding:.25rem;transition:background-color .1s;display:inline-flex}._right-icon-box_11box_121 ._clickable-icon_11box_126:hover{background-color:#80808033}._prefix-suffix_11box_142{opacity:.6;-webkit-user-select:none;user-select:none;color:var(--lightningcss-light,#000000a6)var(--lightningcss-dark,#ffffffa6);padding:0 .25rem 0 0;font-size:.85em;transition:color .2s}._elm-validation_1cigg_1{opacity:var(--elmethis-scoped-opacity);justify-content:flex-start;align-items:center;gap:.5rem;padding:.125rem 0;transition:opacity .25s;display:flex}@keyframes _appear_m72nq_1{0%{transform:scale(0)}20%{transform:scale(0)}80%{transform:scale(1)}to{transform:scale(1)}}._elm-square-loading-icon_m72nq_19{grid-template-columns:repeat(var(--elmethis-scoped-dimensions), auto);grid-template-rows:repeat(var(--elmethis-scoped-dimensions), auto);justify-content:start;margin:0;padding:0;display:grid}._square_m72nq_28{width:calc(var(--elmethis-scoped-size) / var(--elmethis-scoped-dimensions));height:calc(var(--elmethis-scoped-size) / var(--elmethis-scoped-dimensions));animation-name:_appear_m72nq_1;animation-iteration-count:infinite;animation-direction:alternate;animation-fill-mode:both;animation-duration:var(--elmethis-scoped-duration);animation-delay:var(--elmethis-scoped-delay);background-color:var(--elmethis-color-primary)}._elm-toggle-theme_11awq_1{box-sizing:border-box;color:var(--lightningcss-light,#555b67)var(--lightningcss-dark,#b0b5be);cursor:pointer;background-color:var(--lightningcss-light,#fff3)var(--lightningcss-dark,#0003);border-radius:50%;padding:.25rem;display:block;box-shadow:0 0 .125rem var(--lightningcss-light,#0000004d)var(--lightningcss-dark,#0009)}._elm-breadcrumb_13oke_1{-webkit-user-select:none;user-select:none;flex-flow:wrap;align-items:center;gap:0;display:flex}._link-container_13oke_9{box-sizing:border-box;cursor:pointer;border-radius:.25rem;flex-direction:row;align-items:center;gap:.25rem;padding:.25rem;transition:background-color .1s,opacity .1s,transform .1s;display:flex}._link-container_13oke_9 ._icon_13oke_23{color:var(--elmethis-color-neutral)}._link-container_13oke_9:hover{background-color:oklch(from var(--elmethis-color-primary) l c h / 25%)}._link-container_13oke_9:active{background-color:oklch(from var(--elmethis-color-primary) l c h / 50%)}._chunk_13oke_36{color:var(--elmethis-color-neutral);-webkit-user-select:none;user-select:none}._chevron_13oke_41{color:var(--elmethis-color-primary);padding:0 .25rem}._elm-page-top_18d6m_1{--const-margin:1rem;z-index:50;margin:var(--const-margin) .5rem;width:var(--elmethis-scoped-size);height:var(--elmethis-scoped-size);bottom:0;left:var(--left,auto);right:var(--right,auto);opacity:1;cursor:pointer;-webkit-tap-highlight-color:transparent;transform-origin:50%;transition:transform .7s,opacity .4s;display:block;position:fixed;transform:translateY(250%)rotate(180deg)}._elm-page-top_18d6m_1:hover{opacity:.8}._elm-page-top_18d6m_1:active{opacity:.4}._elm-page-top_18d6m_1._visible_18d6m_30{transition:transform .7s,opacity .2s;transform:translateY(0%)rotate(0)}._elm-page-top_18d6m_1 ._partial_18d6m_37{width:var(--elmethis-scoped-size);opacity:0;height:20px;animation:3s ease-out infinite _move_18d6m_1;position:absolute;transform:scale3d(.5,.5,.5)}._elm-page-top_18d6m_1 ._partial_18d6m_37:first-of-type{animation:3s ease-out 1s infinite _move_18d6m_1}._elm-page-top_18d6m_1 ._partial_18d6m_37:nth-of-type(2){animation:3s ease-out 2s infinite _move_18d6m_1}._elm-page-top_18d6m_1 ._partial_18d6m_37:before{content:"";background-color:var(--lightningcss-light,#494f59)var(--lightningcss-dark,#bec2ca);width:50%;height:100%;position:absolute;top:0}._elm-page-top_18d6m_1 ._partial_18d6m_37:after{content:"";background-color:var(--lightningcss-light,#494f59)var(--lightningcss-dark,#bec2ca);width:50%;height:100%;position:absolute;top:0}._elm-page-top_18d6m_1 ._partial_18d6m_37:before{left:0;transform:skewY(-30deg)}._elm-page-top_18d6m_1 ._partial_18d6m_37:after{right:0;transform:skewY(30deg)}._elm-page-top_18d6m_1 ._text_18d6m_74{text-align:center;z-index:50;width:100%;bottom:calc(0px - var(--const-margin));white-space:nowrap;-webkit-user-select:none;user-select:none;color:var(--lightningcss-light,var(--elmethis-scoped-color,#606875))var(--lightningcss-dark,var(--elmethis-scoped-color,#b0b5be));font-family:sans-serif;font-size:12px;transition:opacity .2s .4s;position:absolute}._elm-page-top_18d6m_1 ._text_18d6m_74::selection{color:var(--lightningcss-light,#cccfd5)var(--lightningcss-dark,#3e434b);background-color:var(--lightningcss-light,var(--elmethis-scoped-color,#3e434b))var(--lightningcss-dark,var(--elmethis-scoped-color,#cccfd5))}@keyframes _move_18d6m_1{0%{opacity:0;transform:translateY(600%)}25%{opacity:1;transform:translateY(220%)}42%{opacity:1;transform:translateY(200%)}67%{opacity:1;transform:translateY(0%)}to{opacity:0;transform:translateY(-50%)scale(.5)}}._elm-color-primitive-sample_vuro0_1{flex-direction:column;gap:1.5rem;display:flex}._elm-color-primitive-sample_vuro0_1 ._toolbar_vuro0_6{justify-content:flex-end;display:flex}._elm-color-primitive-sample_vuro0_1 ._mode-toggle_vuro0_11{cursor:pointer;color:gray;background-color:#0000;border:1px solid #80808040;border:1px solid color(display-p3 .501961 .501961 .501961/.25);border:1px solid lab(53.585% 0 .0000119209/.25);border-radius:.25rem;align-items:center;gap:.4rem;padding:.35rem .75rem;font-family:monospace;font-size:.75rem;display:inline-flex}._elm-color-primitive-sample_vuro0_1 ._mode-toggle_vuro0_11 ._mode-toggle-icon_vuro0_24{color:var(--elmethis-color-primary)}._elm-color-primitive-sample_vuro0_1 ._mode-toggle_vuro0_11:hover{background-color:#8080801a;background-color:color(display-p3 .501961 .501961 .501961/.1);background-color:lab(53.585% 0 .0000119209/.1)}._elm-color-primitive-sample_vuro0_1 ._section-title_vuro0_33{color:gray;text-transform:uppercase;letter-spacing:.05em;font-size:.75rem}._elm-color-primitive-sample_vuro0_1 ._group_vuro0_40{flex-direction:column;gap:.5rem;display:flex}._elm-color-primitive-sample_vuro0_1 ._scale_vuro0_46{grid-template-columns:repeat(9,1fr);gap:.5rem;display:grid}._elm-color-primitive-sample_vuro0_1 ._swatch_vuro0_52{cursor:pointer}._elm-color-primitive-sample_vuro0_1 ._swatch_vuro0_52:hover ._swatch-name_vuro0_55{text-decoration:underline}._elm-color-primitive-sample_vuro0_1 ._swatch-bg_vuro0_60{box-sizing:border-box;border:1px solid #80808040;border:1px solid color(display-p3 .501961 .501961 .501961/.25);border:1px solid lab(53.585% 0 .0000119209/.25);border-radius:.25rem;height:2rem}._elm-color-primitive-sample_vuro0_1 ._swatch-name_vuro0_55{color:gray;text-align:center;margin-block-start:.25rem;font-size:.7rem;display:block}._elm-color-semantic-sample_6i1j1_1{flex-direction:column;gap:.75rem;display:flex}._elm-color-semantic-sample_6i1j1_1 ._toolbar_6i1j1_6{justify-content:flex-end;display:flex}._elm-color-semantic-sample_6i1j1_1 ._mode-toggle_6i1j1_11{cursor:pointer;color:gray;background-color:#0000;border:1px solid #80808040;border:1px solid color(display-p3 .501961 .501961 .501961/.25);border:1px solid lab(53.585% 0 .0000119209/.25);border-radius:.25rem;align-items:center;gap:.4rem;padding:.35rem .75rem;font-family:monospace;font-size:.75rem;display:inline-flex}._elm-color-semantic-sample_6i1j1_1 ._mode-toggle_6i1j1_11 ._mode-toggle-icon_6i1j1_24{color:var(--elmethis-color-primary)}._elm-color-semantic-sample_6i1j1_1 ._mode-toggle_6i1j1_11:hover{background-color:#8080801a;background-color:color(display-p3 .501961 .501961 .501961/.1);background-color:lab(53.585% 0 .0000119209/.1)}._elm-color-semantic-sample_6i1j1_1 ._panels_6i1j1_33{justify-content:space-around;display:flex}._elm-color-semantic-sample_6i1j1_1 ._header_6i1j1_38{color:gray;justify-content:center;align-items:center;width:100%;height:3rem;font-family:monospace;font-size:.7rem;display:flex}._elm-color-semantic-sample_6i1j1_1 ._body_6i1j1_49{flex-direction:column;gap:1.5rem;padding:1rem;display:flex}._elm-color-semantic-sample_6i1j1_1 ._section-title_6i1j1_56{color:gray;text-transform:uppercase;letter-spacing:.05em;font-size:.75rem}._elm-color-semantic-sample_6i1j1_1 ._group_6i1j1_63{flex-direction:column;gap:.5rem;display:flex}._elm-color-semantic-sample_6i1j1_1 ._panel_6i1j1_33{flex:1}._elm-color-semantic-sample_6i1j1_1 ._panel_6i1j1_33 ._panel-body_6i1j1_72{border:1px solid #80808040;border:1px solid color(display-p3 .501961 .501961 .501961/.25);border:1px solid lab(53.585% 0 .0000119209/.25)}._elm-color-semantic-sample_6i1j1_1 [data-copy-token]{cursor:pointer}._elm-color-semantic-sample_6i1j1_1 [data-copy-token]:hover{text-decoration:underline}._surface_6i1j1_86{color:gray;border-radius:.25rem;justify-content:center;align-items:center;padding:1.5rem 1rem;font-family:monospace;font-size:.7rem;display:flex}._foreground_6i1j1_97{font-family:monospace;font-size:.8rem}._accent-pair_6i1j1_102{border-radius:.25rem;flex-direction:column;gap:.25rem;padding:.75rem 1rem;font-family:monospace;font-size:.7rem;display:flex}._color-sample-container_6i1j1_112{flex-direction:column;gap:1rem;display:flex}._color-sample-container_6i1j1_112 ._color-sample_6i1j1_112{width:100%}._color-sample-container_6i1j1_112 ._color-sample-bg_6i1j1_121{box-sizing:border-box;border-radius:.25rem;height:2rem}._color-sample-container_6i1j1_112 ._color-sample-name_6i1j1_127{color:gray;text-align:center;margin-block-start:.25rem;font-size:.7rem;display:block}._elm-markdown_14gxe_1{all:inherit}._elm-wordle_1llms_1{flex-direction:column;align-items:center;gap:1rem;padding:1rem;font-family:inherit;display:flex}._message-area_1llms_11{color:#0000;background-color:#0000;border-radius:.25rem;justify-content:center;align-items:center;min-height:2.25rem;padding:0 1rem;font-size:.875rem;font-weight:700;transition:background-color .15s,color .15s;display:flex}._message-area_1llms_11._error_1llms_26{color:#fff;background-color:#1a1a1b;animation:.15s _fade-in_1llms_1}._message-area_1llms_11._status_1llms_32{color:#fff;background-color:#538d4e;font-size:1rem;animation:.15s _fade-in_1llms_1}._board_1llms_41{flex-direction:column;gap:.3125rem;display:flex}._row_1llms_47{gap:.3125rem;display:flex}._cell_1llms_52{text-transform:uppercase;-webkit-user-select:none;user-select:none;border:2px solid #0000;border-radius:.25rem;justify-content:center;align-items:center;width:3.5rem;height:3.5rem;font-size:2rem;font-weight:700;transition:background-color .2s,border-color .2s;display:flex}._cell_1llms_52._empty_1llms_68{color:#0000;background-color:#0000;border-color:gray}._cell_1llms_52._tbd_1llms_74{color:#6c7483;background-color:#0000;border-color:#565758}._cell_1llms_52._correct_1llms_80{color:#fff;background-color:#538d4e;border-color:#538d4e}._cell_1llms_52._present_1llms_86{color:#fff;background-color:#b59f3b;border-color:#b59f3b}._cell_1llms_52._absent_1llms_92{color:#fff;background-color:#3a3a3c;border-color:#3a3a3c}._keyboard_1llms_100{flex-direction:column;gap:.5rem;width:100%;max-width:31rem;display:flex}._keyboard-row_1llms_108{justify-content:center;gap:.375rem;display:flex}._key_1llms_100{color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none;background-color:#818384;border:none;border-radius:.25rem;justify-content:center;align-items:center;min-width:2.625rem;height:3.5rem;padding:0 .25rem;font-size:.8125rem;font-weight:700;transition:background-color .1s,transform 50ms;display:flex}._key_1llms_100:active{transform:scale(.95)}._key_1llms_100._wide_1llms_137{min-width:4rem;font-size:.75rem}._key_1llms_100._correct_1llms_80{background-color:#538d4e}._key_1llms_100._present_1llms_86{background-color:#b59f3b}._key_1llms_100._absent_1llms_92{background-color:#3a3a3c}._reset-container_1llms_156{margin-top:.5rem}._reset-container_1llms_156._hidden_1llms_159{visibility:hidden}._reset-button_1llms_164{color:#fff;cursor:pointer;background-color:#538d4e;border:none;border-radius:.25rem;padding:.625rem 1.5rem;font-size:1rem;font-weight:700;transition:background-color .15s,transform 50ms}._reset-button_1llms_164:hover{background-color:#6aaa64}._reset-button_1llms_164:active{transform:scale(.97)}@keyframes _fade-in_1llms_1{0%{opacity:0;transform:translateY(-.25rem)}to{opacity:1;transform:translateY(0)}}
+/*$vite$:1*/

package/lib-types/components/a2ui/catalog/basic-catalog.d.ts

@@ -0,0 +1,3 @@
+import { CatalogRenderer } from "./catalog";
+export declare const basicCatalog: CatalogRenderer;
+//# sourceMappingURL=basic-catalog.d.ts.map

package/lib-types/components/a2ui/catalog/basic-catalog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"basic-catalog.d.ts","sourceRoot":"","sources":["../../../../src/components/a2ui/catalog/basic-catalog.tsx"],"names":[],"mappings":"AA8CA,OAAO,EAAE,eAAe,EAAkB,MAAM,WAAW,CAAC;AA8B5D,eAAO,MAAM,YAAY,EAAE,eAgTzB,CAAC"}

package/lib-types/components/a2ui/catalog/block-catalog.d.ts

@@ -0,0 +1,8 @@
+import { CatalogRenderer } from "./catalog";
+/**
+ * The block catalog stands on top of the basic catalog. Use it directly
+ * (`blockCatalog`) when you want both the basic primitives and the typography
+ * block components.
+ */
+export declare const blockCatalog: CatalogRenderer;
+//# sourceMappingURL=block-catalog.d.ts.map

package/lib-types/components/a2ui/catalog/block-catalog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"block-catalog.d.ts","sourceRoot":"","sources":["../../../../src/components/a2ui/catalog/block-catalog.tsx"],"names":[],"mappings":"AAqCA,OAAO,EAAE,eAAe,EAAkB,MAAM,WAAW,CAAC;AA0D5D;;;;GAIG;AACH,eAAO,MAAM,YAAY,EAAE,eAwT1B,CAAC"}

package/lib-types/components/a2ui/catalog/catalog-utils.d.ts

@@ -0,0 +1,19 @@
+import { type CSSProperties } from "vue";
+/** Maps A2UI `justify` prop values to CSS `justify-content` values. */
+export declare const justifyContentMap: Record<string, CSSProperties["justifyContent"]>;
+/** Maps A2UI `align` prop values to CSS `align-items` values. */
+export declare const alignItemsMap: Record<string, CSSProperties["alignItems"]>;
+/** Maps A2UI `fit` prop values to CSS `object-fit` values. */
+export declare const objectFitMap: Record<string, CSSProperties["objectFit"]>;
+/**
+ * When applied to the first child in a flow, suppresses the top margin so
+ * vertical rhythm doesn't add unwanted space above the leading block.
+ * Reusable across every block-level renderer.
+ *
+ * Sets `margin-block-start` directly instead of the `--elmethis-margin-block-start`
+ * custom property: the variable inherits, so on container renderers (Column,
+ * ColumnList, Callout, Toggle, Tabs, …) the override would cascade into every
+ * nested block and zero out all top margins.
+ */
+export declare function firstChildMargin(index: number): CSSProperties | undefined;
+//# sourceMappingURL=catalog-utils.d.ts.map

package/lib-types/components/a2ui/catalog/catalog-utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"catalog-utils.d.ts","sourceRoot":"","sources":["../../../../src/components/a2ui/catalog/catalog-utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,aAAa,EAAE,MAAM,KAAK,CAAC;AAEzC,uEAAuE;AACvE,eAAO,MAAM,iBAAiB,EAAE,MAAM,CACpC,MAAM,EACN,aAAa,CAAC,gBAAgB,CAAC,CAShC,CAAC;AAEF,iEAAiE;AACjE,eAAO,MAAM,aAAa,EAAE,MAAM,CAAC,MAAM,EAAE,aAAa,CAAC,YAAY,CAAC,CAKrE,CAAC;AAEF,8DAA8D;AAC9D,eAAO,MAAM,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,aAAa,CAAC,WAAW,CAAC,CAMnE,CAAC;AAEF;;;;;;;;;GASG;AACH,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,MAAM,GAAG,aAAa,GAAG,SAAS,CAEzE"}

package/lib-types/components/a2ui/catalog/catalog.d.ts

@@ -0,0 +1,109 @@
+/**
+ * The A2UI rendering catalog. This is the bridge between the framework-agnostic
+ * A2UI data layer (`@a2ui/web_core`) and the Vue view layer: an immutable
+ * lookup of component type names → render functions.
+ *
+ * Catalogs compose with `.extend(...)`. Library consumers typically extend the
+ * built-in `basicCatalog` or `blockCatalog` to override individual components
+ * while reusing the rest.
+ */
+import { type VNodeChild } from "vue";
+import { type z } from "zod";
+import { type ComponentApi, type ComponentContext, type SurfaceModel } from "@a2ui/web_core/v0_9";
+/**
+ * Descriptor for one resolved child of a parent component — either a static
+ * child id with the parent's data scope, or one row of an expanded list
+ * template with its own scoped data path.
+ */
+export interface ChildRef {
+    id: string;
+    path: string;
+}
+/**
+ * Everything a render function needs to produce a VNode for a single component
+ * instance. The helpers (`resolve`, `childRefs`, `renderChild`, `setBinding`,
+ * `dispatchAction`) are pre-bound to the current component so renderers stay
+ * declarative.
+ *
+ * Unlike the Qwik reference, `setBinding` / `dispatchAction` are plain
+ * functions: Vue has no QRL serialization boundary, so `ComponentHost` can
+ * close over the live surface and component id directly.
+ */
+export interface RenderArgs<TProps = Record<string, unknown>> {
+    /** Unique component id within the surface. */
+    componentId: string;
+    /** Zero-based index among siblings (used for first-child margin overrides). */
+    index: number;
+    /** Typed properties as declared on the component's schema. */
+    props: TProps;
+    /** The full surface model — escape hatch for advanced lookups. */
+    surface: SurfaceModel<ComponentApi>;
+    /** A2UI-side context: resolves bindings, dispatches actions, scopes data. */
+    ctx: ComponentContext;
+    /**
+     * Coerces a prop value (literal string, `{ path }`, `{ call }`) into a
+     * resolved primitive. Defaults to `string`; pass a generic for other shapes.
+     */
+    resolve: <V = string>(value: unknown) => V;
+    /**
+     * Resolves a `children` prop into a flat list of child refs. Handles both
+     * static arrays (`["id1", "id2"]`) and list templates
+     * (`{ componentId, path }`) — each entry carries its own data-scope
+     * `path` so relative bindings resolve to the right row.
+     */
+    childRefs: (value: unknown) => ChildRef[];
+    /** Recursively renders a child by id with optional scope override. */
+    renderChild: (componentId: string, path?: string, index?: number) => VNodeChild;
+    /**
+     * Writes `value` back into the surface's data model for the binding
+     * behind `propName`. If the property isn't path-bound, the call is a
+     * no-op. The surface and component id are baked in by `ComponentHost`.
+     */
+    setBinding: (propName: string, value: unknown) => void;
+    /**
+     * Resolves and dispatches the component's bound action. Looks up the
+     * named property (default `"action"`) on the live component model, walks
+     * any nested path bindings, and calls `surface.dispatchAction`. No-op if
+     * the property isn't an action.
+     */
+    dispatchAction: (propName?: string) => void;
+}
+export type RenderFn<TProps = Record<string, unknown>> = (args: RenderArgs<TProps>) => VNodeChild;
+/** One entry in a `CatalogRenderer`. */
+export interface RendererEntry<TProps = Record<string, unknown>> {
+    name: string;
+    render: RenderFn<TProps>;
+}
+/**
+ * Type-safe factory that derives the props type from a `ComponentApi`'s Zod
+ * schema. Use this instead of hand-writing `RendererEntry` literals.
+ *
+ * @example
+ * defineRenderer(TextApi, ({ props, resolve }) => (
+ *   <span>{resolve(props.text)}</span>
+ * ))
+ */
+export declare function defineRenderer<Api extends ComponentApi>(api: Api, render: RenderFn<z.infer<Api["schema"]>>): RendererEntry<z.infer<Api["schema"]>>;
+/**
+ * Immutable map of component-type names → render functions. Compose with
+ * `.extend()` to override or add entries; the result is a new instance, so
+ * shared catalogs stay safe to pass around.
+ */
+type AnyRendererEntry = RendererEntry<any>;
+export declare class CatalogRenderer {
+    private readonly entries;
+    constructor(entries?: Iterable<AnyRendererEntry>);
+    /** Returns the render function for a component type, or `undefined`. */
+    get(name: string): RenderFn | undefined;
+    /** Enumerates registered component-type names. */
+    names(): string[];
+    /**
+     * Returns a new catalog with the supplied entries (or other catalogs)
+     * merged on top. Later entries win — so `basicCatalog.extend(myOverrides)`
+     * keeps the basic catalog intact and overrides only what's in
+     * `myOverrides`.
+     */
+    extend(...overrides: ReadonlyArray<CatalogRenderer | AnyRendererEntry>): CatalogRenderer;
+}
+export {};
+//# sourceMappingURL=catalog.d.ts.map

package/lib-types/components/a2ui/catalog/catalog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"catalog.d.ts","sourceRoot":"","sources":["../../../../src/components/a2ui/catalog/catalog.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AACH,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,KAAK,CAAC;AACtC,OAAO,EAAE,KAAK,CAAC,EAAE,MAAM,KAAK,CAAC;AAE7B,OAAO,EACL,KAAK,YAAY,EACjB,KAAK,gBAAgB,EACrB,KAAK,YAAY,EAClB,MAAM,qBAAqB,CAAC;AAE7B;;;;GAIG;AACH,MAAM,WAAW,QAAQ;IACvB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;CACd;AAED;;;;;;;;;GASG;AACH,MAAM,WAAW,UAAU,CAAC,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IAC1D,8CAA8C;IAC9C,WAAW,EAAE,MAAM,CAAC;IACpB,+EAA+E;IAC/E,KAAK,EAAE,MAAM,CAAC;IACd,8DAA8D;IAC9D,KAAK,EAAE,MAAM,CAAC;IACd,kEAAkE;IAClE,OAAO,EAAE,YAAY,CAAC,YAAY,CAAC,CAAC;IACpC,6EAA6E;IAC7E,GAAG,EAAE,gBAAgB,CAAC;IAEtB;;;OAGG;IACH,OAAO,EAAE,CAAC,CAAC,GAAG,MAAM,EAAE,KAAK,EAAE,OAAO,KAAK,CAAC,CAAC;IAE3C;;;;;OAKG;IACH,SAAS,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,QAAQ,EAAE,CAAC;IAE1C,sEAAsE;IACtE,WAAW,EAAE,CACX,WAAW,EAAE,MAAM,EACnB,IAAI,CAAC,EAAE,MAAM,EACb,KAAK,CAAC,EAAE,MAAM,KACX,UAAU,CAAC;IAEhB;;;;OAIG;IACH,UAAU,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IAEvD;;;;;OAKG;IACH,cAAc,EAAE,CAAC,QAAQ,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;CAC7C;AAED,MAAM,MAAM,QAAQ,CAAC,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,IAAI,CACvD,IAAI,EAAE,UAAU,CAAC,MAAM,CAAC,KACrB,UAAU,CAAC;AAEhB,wCAAwC;AACxC,MAAM,WAAW,aAAa,CAAC,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IAC7D,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAC;CAC1B;AAED;;;;;;;;GAQG;AACH,wBAAgB,cAAc,CAAC,GAAG,SAAS,YAAY,EACrD,GAAG,EAAE,GAAG,EACR,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,CAAC,GACvC,aAAa,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,CAAC,CAKvC;AAED;;;;GAIG;AAMH,KAAK,gBAAgB,GAAG,aAAa,CAAC,GAAG,CAAC,CAAC;AAE3C,qBAAa,eAAe;IAC1B,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAwC;gBAEpD,OAAO,GAAE,QAAQ,CAAC,gBAAgB,CAAM;IAMpD,wEAAwE;IACxE,GAAG,CAAC,IAAI,EAAE,MAAM,GAAG,QAAQ,GAAG,SAAS;IAIvC,kDAAkD;IAClD,KAAK,IAAI,MAAM,EAAE;IAIjB;;;;;OAKG;IACH,MAAM,CACJ,GAAG,SAAS,EAAE,aAAa,CAAC,eAAe,GAAG,gBAAgB,CAAC,GAC9D,eAAe;CAWnB"}

package/lib-types/components/a2ui/component-host.d.ts

@@ -0,0 +1,76 @@
+/**
+ * Recursive A2UI component host.
+ *
+ * Mirrors the official React (`DeferredChild`/`ResolvedChild`) and Angular
+ * (`ComponentHostComponent`) patterns, and the qwik lead's `ComponentHost`:
+ * one component instance per A2UI component, each subscribing only to events
+ * for its own id. The surface and catalog are read from `provide`/`inject` so
+ * the recursive render doesn't have to drill props through every level.
+ *
+ * Vue vs. the qwik reference: there is no QRL serialization boundary, so the
+ * surface/catalog are injected as live values (no `NoSerialize`), `setBinding`
+ * / `dispatchAction` are plain closures (no `$()`), and subscriptions live in
+ * `onMounted` / `onUnmounted` (so they're naturally client-only — SSR renders
+ * the initial tree synchronously and attaches no listeners).
+ *
+ * Reactivity model:
+ *   - `componentsModel.onCreated` / `onDeleted` are filtered by id, so a
+ *     structural change only re-renders the affected host.
+ *   - `model.onUpdated` is re-bound when the underlying model is replaced
+ *     (e.g. type change Text→CheckBox), avoiding a subscription leak.
+ *   - `dataModel.subscribe("/")` lives on each host so every component
+ *     re-renders on any data change.
+ *   - All of the above bump a `tick` ref the render function reads, which is
+ *     how Vue is told to re-render outside of prop changes.
+ */
+import { type InjectionKey } from "vue";
+import { type ComponentApi, type SurfaceModel } from "@a2ui/web_core/v0_9";
+import { type CatalogRenderer } from "./catalog/catalog";
+/** Conventional id of the entry component on every A2UI v0.9 surface. */
+export declare const ROOT_COMPONENT_ID = "root";
+/** The `SurfaceModel` for the subtree below the provider. */
+export declare const A2uiSurfaceContext: InjectionKey<SurfaceModel<ComponentApi> | undefined>;
+/** Active catalog. */
+export declare const A2uiCatalogContext: InjectionKey<CatalogRenderer | undefined>;
+/** Ids of all `ComponentHost` ancestors above the current node. Used purely
+ * for cycle detection — A2UI catalogs technically allow self-referential
+ * children, and infinite recursion would crash the render. */
+export declare const A2uiAncestorContext: InjectionKey<readonly string[]>;
+export interface ComponentHostProps {
+    /** Component id to look up in the surface's component model. */
+    id: string;
+    /** Data-context base path for relative bindings inside this subtree. */
+    basePath: string;
+    /** Sibling index, surfaced to renderers for first-child margin logic. */
+    index?: number;
+}
+export declare const ComponentHost: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    id: {
+        type: StringConstructor;
+        required: true;
+    };
+    basePath: {
+        type: StringConstructor;
+        required: true;
+    };
+    index: {
+        type: NumberConstructor;
+        default: number;
+    };
+}>, () => import("vue/jsx-runtime").JSX.Element | null, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    id: {
+        type: StringConstructor;
+        required: true;
+    };
+    basePath: {
+        type: StringConstructor;
+        required: true;
+    };
+    index: {
+        type: NumberConstructor;
+        default: number;
+    };
+}>> & Readonly<{}>, {
+    index: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+//# sourceMappingURL=component-host.d.ts.map

package/lib-types/components/a2ui/component-host.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"component-host.d.ts","sourceRoot":"","sources":["../../../src/components/a2ui/component-host.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,OAAO,EAOL,KAAK,YAAY,EAElB,MAAM,KAAK,CAAC;AAEb,OAAO,EAEL,KAAK,YAAY,EAEjB,KAAK,YAAY,EAClB,MAAM,qBAAqB,CAAC;AAE7B,OAAO,EACL,KAAK,eAAe,EAGrB,MAAM,mBAAmB,CAAC;AAE3B,yEAAyE;AACzE,eAAO,MAAM,iBAAiB,SAAS,CAAC;AAExC,6DAA6D;AAC7D,eAAO,MAAM,kBAAkB,EAAE,YAAY,CAC3C,YAAY,CAAC,YAAY,CAAC,GAAG,SAAS,CACL,CAAC;AAEpC,sBAAsB;AACtB,eAAO,MAAM,kBAAkB,EAAE,YAAY,CAAC,eAAe,GAAG,SAAS,CACxC,CAAC;AAElC;;8DAE8D;AAC9D,eAAO,MAAM,mBAAmB,EAAE,YAAY,CAAC,SAAS,MAAM,EAAE,CAE/D,CAAC;AAEF,MAAM,WAAW,kBAAkB;IACjC,gEAAgE;IAChE,EAAE,EAAE,MAAM,CAAC;IACX,wEAAwE;IACxE,QAAQ,EAAE,MAAM,CAAC;IACjB,yEAAyE;IACzE,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;4EAoPxB,CAAC"}

package/lib-types/components/a2ui/elm-a2ui.d.ts

@@ -0,0 +1,115 @@
+/**
+ * Public A2UI v0.9 renderer.
+ *
+ * Two input modes:
+ *   - `url` — fetch a JSONL stream and process each line as a v0.9 message.
+ *   - `messages` — render a pre-collected message list (useful for tests).
+ *
+ * Ported from the qwik lead. Vue has no QRL serialization boundary, so surface
+ * state lives in plain (non-reactive) closures and a `tick` ref drives
+ * re-render: the SDK's `SurfaceModel`s carry runtime-only references
+ * (subscriptions, Maps) that never need to be reactive themselves. Per-component
+ * write-back and action dispatch are wired by `ComponentHost`.
+ */
+import { type PropType } from "vue";
+import { type ComponentApi, type SurfaceModel } from "@a2ui/web_core/v0_9";
+import { type CatalogRenderer } from "./catalog/catalog";
+export interface ElmA2uiProps {
+    /** A JSONL stream URL. Mutually exclusive with `messages`. */
+    url?: string;
+    /** Optional headers for the stream `fetch`. */
+    headers?: Record<string, string>;
+    /** Pre-collected message list (e.g. for tests / Storybook). Mutually exclusive with `url`. */
+    messages?: object[];
+    /**
+     * Catalog id used by `createSurface.catalogId`. Pre-registered so streams
+     * may begin emitting `updateComponents` before the first `createSurface`
+     * arrives.
+     */
+    catalogId?: string;
+    /**
+     * Renderer catalog. Defaults to `basicCatalog`. Extend with
+     * `basicCatalog.extend(defineRenderer(...))` to override individual types.
+     */
+    catalog?: CatalogRenderer;
+}
+export interface A2uiSurfaceProps {
+    /** The `SurfaceModel` to render. */
+    surface: SurfaceModel<ComponentApi>;
+    /**
+     * Active renderer catalog. Provided via `provide`/`inject` so descendant
+     * `ComponentHost`s can resolve renderers. Defaults to `basicCatalog`.
+     */
+    catalog?: CatalogRenderer;
+}
+export declare const A2uiSurface: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    surface: {
+        type: PropType<SurfaceModel<ComponentApi>>;
+        required: true;
+    };
+    catalog: {
+        type: PropType<CatalogRenderer>;
+        default: undefined;
+    };
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    surface: {
+        type: PropType<SurfaceModel<ComponentApi>>;
+        required: true;
+    };
+    catalog: {
+        type: PropType<CatalogRenderer>;
+        default: undefined;
+    };
+}>> & Readonly<{}>, {
+    catalog: CatalogRenderer;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export declare const ElmA2ui: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    url: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    headers: {
+        type: PropType<Record<string, string>>;
+        default: undefined;
+    };
+    messages: {
+        type: PropType<object[]>;
+        default: undefined;
+    };
+    catalogId: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    catalog: {
+        type: PropType<CatalogRenderer>;
+        default: undefined;
+    };
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    url: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    headers: {
+        type: PropType<Record<string, string>>;
+        default: undefined;
+    };
+    messages: {
+        type: PropType<object[]>;
+        default: undefined;
+    };
+    catalogId: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    catalog: {
+        type: PropType<CatalogRenderer>;
+        default: undefined;
+    };
+}>> & Readonly<{}>, {
+    url: string;
+    catalog: CatalogRenderer;
+    headers: Record<string, string>;
+    messages: object[];
+    catalogId: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+//# sourceMappingURL=elm-a2ui.d.ts.map

package/lib-types/components/a2ui/elm-a2ui.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"elm-a2ui.d.ts","sourceRoot":"","sources":["../../../src/components/a2ui/elm-a2ui.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AACH,OAAO,EAOL,KAAK,QAAQ,EACd,MAAM,KAAK,CAAC;AAEb,OAAO,EAGL,KAAK,YAAY,EACjB,KAAK,YAAY,EAClB,MAAM,qBAAqB,CAAC;AAO7B,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAczD,MAAM,WAAW,YAAY;IAC3B,8DAA8D;IAC9D,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,+CAA+C;IAC/C,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACjC,8FAA8F;IAC9F,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;IACpB;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,OAAO,CAAC,EAAE,eAAe,CAAC;CAC3B;AAsCD,MAAM,WAAW,gBAAgB;IAC/B,oCAAoC;IACpC,OAAO,EAAE,YAAY,CAAC,YAAY,CAAC,CAAC;IACpC;;;OAGG;IACH,OAAO,CAAC,EAAE,eAAe,CAAC;CAC3B;AAED,eAAO,MAAM,WAAW;;cAIF,QAAQ,CAAC,YAAY,CAAC,YAAY,CAAC,CAAC;;;;cAG3B,QAAQ,CAAC,eAAe,CAAC;;;;;cAHlC,QAAQ,CAAC,YAAY,CAAC,YAAY,CAAC,CAAC;;;;cAG3B,QAAQ,CAAC,eAAe,CAAC;;;;;4EAgBtD,CAAC;AAgBH,eAAO,MAAM,OAAO;;;;;;cAKE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;;;;cAGvB,QAAQ,CAAC,MAAM,EAAE,CAAC;;;;;;;;cAElB,QAAQ,CAAC,eAAe,CAAC;;;;;;;;;cALlC,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;;;;cAGvB,QAAQ,CAAC,MAAM,EAAE,CAAC;;;;;;;;cAElB,QAAQ,CAAC,eAAe,CAAC;;;;;;;;;4EAqLtD,CAAC"}

package/lib-types/components/a2ui/stream-json-lines.d.ts

@@ -0,0 +1,14 @@
+/**
+ * Reads a Response body as JSON Lines, invoking `onMessage` for each parsed
+ * message. Lines that fail to parse are reported via `onError` and skipped.
+ *
+ * Aborts cleanly when the supplied AbortSignal fires (cancels the underlying
+ * reader, which lets a pending `read()` resolve as `{ done: true }`).
+ */
+export interface StreamJsonLinesOptions {
+    signal?: AbortSignal;
+    onMessage: (message: unknown) => void;
+    onError?: (error: unknown, line: string) => void;
+}
+export declare function streamJsonLines(body: ReadableStream<Uint8Array>, { signal, onMessage, onError }: StreamJsonLinesOptions): Promise<void>;
+//# sourceMappingURL=stream-json-lines.d.ts.map

package/lib-types/components/a2ui/stream-json-lines.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"stream-json-lines.d.ts","sourceRoot":"","sources":["../../../src/components/a2ui/stream-json-lines.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,MAAM,WAAW,sBAAsB;IACrC,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,SAAS,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CAClD;AAED,wBAAsB,eAAe,CACnC,IAAI,EAAE,cAAc,CAAC,UAAU,CAAC,EAChC,EAAE,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,EAAE,sBAAsB,GACrD,OAAO,CAAC,IAAI,CAAC,CAwCf"}

package/lib-types/components/code/elm-code-block.d.ts

@@ -0,0 +1,47 @@
+import { type HTMLAttributes } from "vue";
+export interface ElmCodeBlockProps extends HTMLAttributes {
+    /**
+     * The code to display.
+     */
+    code: string;
+    /**
+     * The language of the code.
+     */
+    language?: string;
+    /**
+     * The caption of the code block.
+     * If not provided, the language will be used.
+     */
+    caption?: string;
+}
+export declare const ElmCodeBlock: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    code: {
+        type: StringConstructor;
+        required: true;
+    };
+    language: {
+        type: StringConstructor;
+        default: string;
+    };
+    caption: {
+        type: StringConstructor;
+        default: undefined;
+    };
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    code: {
+        type: StringConstructor;
+        required: true;
+    };
+    language: {
+        type: StringConstructor;
+        default: string;
+    };
+    caption: {
+        type: StringConstructor;
+        default: undefined;
+    };
+}>> & Readonly<{}>, {
+    caption: string;
+    language: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+//# sourceMappingURL=elm-code-block.d.ts.map

package/lib-types/components/code/elm-code-block.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"elm-code-block.d.ts","sourceRoot":"","sources":["../../../src/components/code/elm-code-block.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAsB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAW9D,MAAM,WAAW,iBAAkB,SAAQ,cAAc;IACvD;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;IAEb;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4EAiCvB,CAAC"}

package/lib-types/components/code/elm-katex.d.ts

@@ -0,0 +1,37 @@
+import { type HTMLAttributes } from "vue";
+export interface ElmKatexProps extends HTMLAttributes {
+    /**
+     * The KaTex expression.
+     */
+    expression: string;
+    /**
+     * Whether to render the equation in block mode.
+     * - If `true`, the equation will be rendered in block mode.
+     * - If `false`, the equation will be rendered in inline mode.
+     *
+     * Default is `false`.
+     */
+    block?: boolean;
+}
+export declare const ElmKatex: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    expression: {
+        type: StringConstructor;
+        required: true;
+    };
+    block: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    expression: {
+        type: StringConstructor;
+        required: true;
+    };
+    block: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{}>, {
+    block: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+//# sourceMappingURL=elm-katex.d.ts.map

package/lib-types/components/code/elm-katex.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"elm-katex.d.ts","sourceRoot":"","sources":["../../../src/components/code/elm-katex.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA6B,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAQrE,MAAM,WAAW,aAAc,SAAQ,cAAc;IACnD;;OAEG;IACH,UAAU,EAAE,MAAM,CAAC;IAEnB;;;;;;OAMG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAED,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;4EAyBnB,CAAC"}

package/lib-types/components/code/elm-shiki-highlighter.d.ts

@@ -0,0 +1,33 @@
+import { type HTMLAttributes } from "vue";
+export interface ElmShikiHighlighterProps extends HTMLAttributes {
+    /**
+     * The code to display.
+     */
+    code: string;
+    /**
+     * The language of the code.
+     */
+    language?: string;
+}
+export declare const ElmShikiHighlighter: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    code: {
+        type: StringConstructor;
+        required: true;
+    };
+    language: {
+        type: StringConstructor;
+        default: string;
+    };
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    code: {
+        type: StringConstructor;
+        required: true;
+    };
+    language: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & Readonly<{}>, {
+    language: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+//# sourceMappingURL=elm-shiki-highlighter.d.ts.map

package/lib-types/components/code/elm-shiki-highlighter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"elm-shiki-highlighter.d.ts","sourceRoot":"","sources":["../../../src/components/code/elm-shiki-highlighter.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA+B,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAQvE,MAAM,WAAW,wBAAyB,SAAQ,cAAc;IAC9D;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;IAEb;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;4EAsE9B,CAAC"}