@huntflow/ui 0.0.54 → 0.0.56

package/dist/ui.es.js

@@ -1,7 +1,7 @@
-(function(){"use strict";var o;try{if(typeof document<"u"){var t=document.createElement("style");t.nonce=(o=document.head.querySelector("meta[property=csp-nonce]"))==null?void 0:o.content,t.appendChild(document.createTextNode('@keyframes _loader-animation_t6bg6_1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._loader_t6bg6_10{display:block;color:var(--hf-loader-color);flex:0 0 auto}._circle_t6bg6_15{animation-name:_loader-animation_t6bg6_1;animation-iteration-count:infinite;animation-duration:1s;animation-timing-function:linear}._white_t6bg6_22{--hf-loader-color: var(--hf-color-text-invert)}._black_t6bg6_26{--hf-loader-color: var(--hf-color-text-main)}._s_t6bg6_30{width:18px;height:18px}._m_t6bg6_35{width:28px;height:28px}._l_t6bg6_10{width:56px;height:56px}._spinner_t6bg6_45{display:inline-block;border:1px solid var(--hf-loader-color);border-top-color:transparent;border-left-color:transparent;border-radius:50%}._button_1syl2_1{position:relative;display:inline-flex;align-items:center;justify-content:center;border:solid 1px;cursor:pointer;font-family:var(--hf-font-family-body),sans-serif;font-style:normal;min-width:-moz-max-content;min-width:max-content;text-decoration:none;color:inherit;gap:var(--hf-gap-button-icon)}._button_1syl2_1:active{background-color:#999}._button_1syl2_1:focus{outline:none}._button_1syl2_1:focus-visible{outline:solid 3px var(--hf-color-button-disable-default)}._button_1syl2_1:is(._disabled_1syl2_1),._button_1syl2_1:is(._disabled_1syl2_1):hover{background:var(--hf-color-button-disable-default);border-color:transparent;color:var(--hf-color-text-light);box-shadow:none;transform:none;cursor:default}._button_1syl2_1._loading_1syl2_1{cursor:default}._button_1syl2_1._loading_1syl2_1>*:not(._loader_1syl2_1){visibility:hidden}._button_1syl2_1+._button_1syl2_1{margin-left:var(--hf-gap-button-between)}._content_1syl2_1{display:flex;line-height:inherit}._content_1syl2_1:first-child:last-child{width:100%;text-align:center}._loader_1syl2_1{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}._dropdownIcon_1syl2_1{margin-left:calc(var(--hf-gap-button-icon) * -1)}._s_1syl2_2{border-radius:var(--hf-radius-button-s);font-size:var(--hf-font-size-button-s);font-weight:var(--hf-font-weight-button-s);line-height:var(--hf-font-line-height-button-s);padding:var(--hf-padding-button-top-bottom-s) var(--hf-padding-button-left-right-s)}._xs_1syl2_1{font-size:var(--hf-font-size-button-xs);font-weight:var(--hf-font-weight-button-xs);line-height:var(--hf-font-line-height-button-xs);padding:var(--hf-padding-button-top-bottom-xs) var(--hf-padding-button-left-right-xs)}._xs_1syl2_1._square_1syl2_1{border-radius:var(--hf-radius-button-xs)}._xs_1syl2_1._circle_1syl2_1{border-radius:var(--hf-radius-button-circle)}._m_1syl2_1{border-radius:var(--hf-radius-button-m);font-size:var(--hf-font-size-button-m);font-weight:var(--hf-font-weight-button-m);line-height:var(--hf-font-line-height-button-m);padding:var(--hf-padding-button-top-bottom-m) var(--hf-padding-button-left-right-m)}._l_1syl2_1{border-radius:var(--hf-radius-button-l);font-size:var(--hf-font-size-button-l);font-weight:var(--hf-font-weight-button-l);line-height:var(--hf-font-line-height-button-l);padding:var(--hf-padding-button-top-bottom-l) var(--hf-padding-button-left-right-l)}._primary_1syl2_1{color:var(--hf-color-text-invert);background-color:var(--hf-color-button-primary-default);border-color:var(--hf-color-button-primary-default)}._primary_1syl2_1:hover{background-color:var(--hf-color-button-primary-hover);border-color:var(--hf-color-button-primary-hover)}._primary_1syl2_1:active{background-color:var(--hf-color-button-primary-active);border-color:var(--hf-color-button-primary-active)}._secondary_1syl2_1{color:var(--hf-color-text-main);background-color:var(--hf-color-button-secondary-fill-default);border-color:var(--hf-color-button-secondary-border-default);box-shadow:0 1px 4px #0505050a}._secondary_1syl2_1:hover{background-color:var(--hf-color-button-secondary-fill-hover);border-color:var(--hf-color-button-secondary-fill-hover)}._secondary_1syl2_1:active{background-color:var(--hf-color-button-secondary-fill-active);border-color:var(--hf-color-button-secondary-fill-active)}._accent_1syl2_1{color:var(--hf-color-text-invert);background-color:var(--hf-color-button-accent-default);border-color:var(--hf-color-button-accent-default)}._accent_1syl2_1:hover{background-color:var(--hf-color-button-accent-hover);border-color:var(--hf-color-button-accent-hover)}._accent_1syl2_1:active{background-color:var(--hf-color-button-accent-active);border-color:var(--hf-color-button-accent-active)}._danger_1syl2_1{color:var(--hf-color-text-invert);background-color:var(--hf-color-button-danger-default);border-color:var(--hf-color-button-danger-default)}._danger_1syl2_1:hover{background-color:var(--hf-color-button-danger-hover);border-color:var(--hf-color-button-danger-hover)}._danger_1syl2_1:active{background-color:var(--hf-color-button-danger-active);border-color:var(--hf-color-button-danger-active)}._jobsites_1syl2_1{color:var(--hf-color-text-invert);background-color:var(--hf-color-button-jobsite-default);border-color:var(--hf-color-button-jobsite-default)}._jobsites_1syl2_1:hover{background-color:var(--hf-color-button-jobsite-hover);border-color:var(--hf-color-button-jobsite-hover)}._jobsites_1syl2_1:active{background-color:var(--hf-color-button-jobsite-active);border-color:var(--hf-color-button-jobsite-active)}._ghost_1syl2_1{color:var(--hf-color-text-main);background-color:transparent;border-color:transparent}._ghost_1syl2_1:hover{background-color:var(--hf-color-button-secondary-fill-hover)}._ghost_1syl2_1:active{background-color:var(--hf-color-button-secondary-fill-active)}._ghost-danger_1syl2_1{color:var(--hf-color-text-main);background-color:transparent;border-color:transparent}._ghost-danger_1syl2_1:hover{color:var(--hf-color-text-invert);background-color:var(--hf-color-button-danger-hover)}._ghost-danger_1syl2_1:active{color:var(--hf-color-text-invert);background-color:var(--hf-color-button-danger-active)}._icon_1p8iz_2{font-style:normal;display:inline-block;vertical-align:middle}._wrapper_6qo53_1{margin-bottom:var(--hf-gap-xs)}._input_6qo53_5{border-radius:var(--hf-radius-input-default);border:var(--hf-border-xs) solid var(--hf-color-field-border-default);background:var(--hf-color-field-background-default);padding:var(--hf-padding-input-top-bottom-default) var(--hf-padding-input-left-right-default);width:100%;box-sizing:border-box;color:var(--hf-color-field-text-default);font-size:var(--hf-font-size-field-text);font-weight:var(--hf-font-weight-field-text);line-height:var(--hf-font-line-height-field-text)}._input_6qo53_5:active{border-color:var(--hf-color-field-border-focus)}._input_6qo53_5:focus{border-color:var(--hf-color-field-border-focus);outline:solid 3px var(--hf-color-field-border-focus-visible)}._input_6qo53_5:disabled{outline:none;border-color:var(--hf-color-field-text-disable);background:var(--hf-color-field-background-disable);color:var(--hf-color-field-text-disable)}._error_6qo53_35,._error_6qo53_35:active{border-color:var(--hf-color-field-border-error)}._error_6qo53_35:focus{border-color:var(--hf-color-field-border-error);outline:solid 3px var(--hf-color-field-border-error-focus-visible)}._description_6qo53_47{margin-top:var(--hf-gap-xs);font-size:var(--hf-font-size-field-error);font-weight:var(--hf-font-weight-field-description);line-height:var(--hf-font-line-height-field-description)}._description_6qo53_47 a{text-decoration:underline}._descriptionText_6qo53_58{color:var(--hf-color-field-text-description)}._errorText_6qo53_62{color:var(--hf-color-text-danger)}._label_12r0e_1{display:flex;flex-direction:row;gap:var(--hf-gap-xs);font-style:normal;flex:1;margin-bottom:var(--hf-gap-xs)}._header_12r0e_10{display:block;color:var(--hf-color-text-main);font-size:var(--hf-font-size-text-h4);font-weight:var(--hf-font-weight-text-h4);line-height:var(--hf-font-line-height-text-h4)}._headerWrapper_12r0e_18{flex-grow:1;gap:var(--hf-gap-xs);display:flex;flex-direction:column}._title_12r0e_25{display:block;color:var(--hf-color-text-main);font-size:var(--hf-font-size-label-title);font-weight:var(--hf-font-weight-label-title);line-height:var(--hf-font-line-height-label-title)}._subTitleRow_12r0e_33{display:flex;justify-content:space-between;font-size:var(--hf-font-size-label-subtitle);color:var(--hf-color-text-semilight);font-weight:var(--hf-font-weight-label-subtitle)}._subTitle_12r0e_33{line-height:var(--hf-font-line-height-label-subtitle)}._link_12r0e_45{overflow:hidden;text-overflow:ellipsis;font-size:var(--hf-font-size-label-title);line-height:var(--hf-font-line-height-label-subtitle);color:var(--hf-color-text-semilight);font-weight:var(--hf-font-weight-label-subtitle);margin-left:auto;align-self:flex-end;height:20px}._link_12r0e_45 a{text-decoration:none;color:var(--hf-color-text-semilight)}._linkUpper_12r0e_62{margin-bottom:1px}._label_jcdiv_1{display:flex;align-items:center;gap:8px;height:20px}._label_jcdiv_1._disabled_jcdiv_7{color:gray;cursor:not-allowed}._label_jcdiv_1 span{margin-top:-5px}._input_jcdiv_17[type=checkbox]{vertical-align:-2px;margin:0;border-radius:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;width:16px;height:16px;border:1px solid #25CFE8;transform:translateY(-.075em);display:grid;place-content:center}._input_jcdiv_17._error_jcdiv_30[type=checkbox]{border:1px solid #FF0000}._input_jcdiv_17[type=checkbox]:before{content:"";width:16px;height:16px;clip-path:polygon(0 0,50% 0,100% 0,100% 100%,50% 100%,0 100%);transform:scale(0);transform-origin:bottom left;transition:.12s transform ease-in-out;background-color:#25cfe8;border-radius:4px}._input_jcdiv_17[type=checkbox]:checked:before{transform:scale(1)}._input_jcdiv_17[type=checkbox]:focus{outline:2px solid #C4EDFA}._input_jcdiv_17._error_jcdiv_30[type=checkbox]:focus{outline:2px solid #FFD6D6}._input_jcdiv_17[type=checkbox]:disabled{border-color:#00000029;opacity:30%;color:#000;cursor:not-allowed}._text_jcdiv_70{-webkit-user-select:none;-moz-user-select:none;user-select:none;font-size:15px;line-height:20px}._errorText_jcdiv_76{color:red;font-size:12px}._title_6ila8_1{font-family:var(--hf-font-family-body);font-style:normal;color:var(--hf-color-text-main)}._level-1_6ila8_7{font-size:var(--hf-font-size-text-h1);font-weight:var(--hf-font-weight-text-h1);line-height:var(--hf-font-line-height-text-h1)}._level-2_6ila8_13{font-size:var(--hf-font-size-text-h2);font-weight:var(--hf-font-weight-text-h2);line-height:var(--hf-font-line-height-text-h2)}._level-3_6ila8_19{font-size:var(--hf-font-size-text-h3);font-weight:var(--hf-font-weight-text-h3);line-height:var(--hf-font-line-height-text-h3)}._level-4_6ila8_25{font-size:var(--hf-font-size-text-h4);font-weight:var(--hf-font-weight-text-h4);line-height:var(--hf-font-line-height-text-h4)}._text_pweht_1{font-family:var(--hf-font-family-body);font-style:normal;color:var(--hf-color-text-main);margin:0}._primary_pweht_8{font-size:var(--hf-font-size-text-primary);font-weight:var(--hf-font-weight-text-primary);line-height:var(--hf-font-line-height-text-primary)}._primary_pweht_8._medium_pweht_13{font-weight:var(--hf-font-weight-text-primary-bold)}._secondary_pweht_18{font-size:var(--hf-font-size-text-secondary);font-weight:var(--hf-font-weight-text-secondary);line-height:var(--hf-font-line-height-text-secondary)}._secondary_pweht_18._medium_pweht_13{font-weight:var(--hf-font-weight-text-secondary-bold)}._accent_pweht_27{font-size:var(--hf-font-size-text-accent);font-weight:var(--hf-font-weight-text-accent);line-height:var(--hf-font-line-height-text-accent)}._accent_pweht_27._medium_pweht_13{font-weight:var(--hf-font-weight-text-accent-bold)}._subtitle_pweht_36{font-size:var(--hf-font-size-text-subtitle);font-weight:var(--hf-font-weight-text-subtitle);line-height:var(--hf-font-line-height-text-subtitle)}:root{--hf-btn-size-xs: 28px;--hf-btn-size-s: 32px;--hf-btn-size-m: 36px;--hf-btn-size-l: 40px}._s_n8n8w_9{width:var(--hf-btn-size-s);height:var(--hf-btn-size-s)}._xs_n8n8w_14{width:var(--hf-btn-size-xs);height:var(--hf-btn-size-xs)}._m_n8n8w_19{width:var(--hf-btn-size-m);height:var(--hf-btn-size-m)}._l_n8n8w_24{width:var(--hf-btn-size-l);height:var(--hf-btn-size-l)}._button_n8n8w_30{padding:0}._button_fj122_1{padding:0 2px 0 0;border:none;margin:0;cursor:pointer;display:flex;flex-direction:row;gap:var(--hf-gap-button-link-s);align-items:center;background-color:transparent;color:var(--hf-color-link-default);font-family:var(--hf-font-family-body),sans-serif;font-size:var(--hf-font-size-button-link-s);font-style:normal;font-weight:var(--hf-font-weight-button-link-s);line-height:var(--hf-font-line-height-button-link-s)}._button_fj122_1:hover{color:var(--hf-color-link-hover)}')),document.head.appendChild(t)}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}})();
-import { defineComponent as b, computed as c, createElementBlock as i, openBlock as a, normalizeClass as n, unref as r, normalizeStyle as O, createElementVNode as N, useSlots as V, createCommentVNode as p, renderSlot as m, createBlock as j, createVNode as I, mergeModels as S, useModel as D, withDirectives as R, withCtx as T, createTextVNode as B, toDisplayString as $, vModelDynamic as W, vModelCheckbox as A, resolveDynamicComponent as F, mergeProps as G } from "vue";
-const L = (o, e) => {
-  const s = e ? o[e] : o.default;
+(function(){"use strict";var o;try{if(typeof document<"u"){var t=document.createElement("style");t.nonce=(o=document.head.querySelector("meta[property=csp-nonce]"))==null?void 0:o.content,t.appendChild(document.createTextNode('@keyframes _loader-animation_t6bg6_1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._loader_t6bg6_10{display:block;color:var(--hf-loader-color);flex:0 0 auto}._circle_t6bg6_15{animation-name:_loader-animation_t6bg6_1;animation-iteration-count:infinite;animation-duration:1s;animation-timing-function:linear}._white_t6bg6_22{--hf-loader-color: var(--hf-color-text-invert)}._black_t6bg6_26{--hf-loader-color: var(--hf-color-text-main)}._s_t6bg6_30{width:18px;height:18px}._m_t6bg6_35{width:28px;height:28px}._l_t6bg6_10{width:56px;height:56px}._spinner_t6bg6_45{display:inline-block;border:1px solid var(--hf-loader-color);border-top-color:transparent;border-left-color:transparent;border-radius:50%}._button_1syl2_1{position:relative;display:inline-flex;align-items:center;justify-content:center;border:solid 1px;cursor:pointer;font-family:var(--hf-font-family-body),sans-serif;font-style:normal;min-width:-moz-max-content;min-width:max-content;text-decoration:none;color:inherit;gap:var(--hf-gap-button-icon)}._button_1syl2_1:active{background-color:#999}._button_1syl2_1:focus{outline:none}._button_1syl2_1:focus-visible{outline:solid 3px var(--hf-color-button-disable-default)}._button_1syl2_1:is(._disabled_1syl2_1),._button_1syl2_1:is(._disabled_1syl2_1):hover{background:var(--hf-color-button-disable-default);border-color:transparent;color:var(--hf-color-text-light);box-shadow:none;transform:none;cursor:default}._button_1syl2_1._loading_1syl2_1{cursor:default}._button_1syl2_1._loading_1syl2_1>*:not(._loader_1syl2_1){visibility:hidden}._button_1syl2_1+._button_1syl2_1{margin-left:var(--hf-gap-button-between)}._content_1syl2_1{display:flex;line-height:inherit}._content_1syl2_1:first-child:last-child{width:100%;text-align:center}._loader_1syl2_1{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}._dropdownIcon_1syl2_1{margin-left:calc(var(--hf-gap-button-icon) * -1)}._s_1syl2_2{border-radius:var(--hf-radius-button-s);font-size:var(--hf-font-size-button-s);font-weight:var(--hf-font-weight-button-s);line-height:var(--hf-font-line-height-button-s);padding:var(--hf-padding-button-top-bottom-s) var(--hf-padding-button-left-right-s)}._xs_1syl2_1{font-size:var(--hf-font-size-button-xs);font-weight:var(--hf-font-weight-button-xs);line-height:var(--hf-font-line-height-button-xs);padding:var(--hf-padding-button-top-bottom-xs) var(--hf-padding-button-left-right-xs)}._xs_1syl2_1._square_1syl2_1{border-radius:var(--hf-radius-button-xs)}._xs_1syl2_1._circle_1syl2_1{border-radius:var(--hf-radius-button-circle)}._m_1syl2_1{border-radius:var(--hf-radius-button-m);font-size:var(--hf-font-size-button-m);font-weight:var(--hf-font-weight-button-m);line-height:var(--hf-font-line-height-button-m);padding:var(--hf-padding-button-top-bottom-m) var(--hf-padding-button-left-right-m)}._l_1syl2_1{border-radius:var(--hf-radius-button-l);font-size:var(--hf-font-size-button-l);font-weight:var(--hf-font-weight-button-l);line-height:var(--hf-font-line-height-button-l);padding:var(--hf-padding-button-top-bottom-l) var(--hf-padding-button-left-right-l)}._primary_1syl2_1{color:var(--hf-color-text-invert);background-color:var(--hf-color-button-primary-default);border-color:var(--hf-color-button-primary-default)}._primary_1syl2_1:hover{background-color:var(--hf-color-button-primary-hover);border-color:var(--hf-color-button-primary-hover)}._primary_1syl2_1:active{background-color:var(--hf-color-button-primary-active);border-color:var(--hf-color-button-primary-active)}._secondary_1syl2_1{color:var(--hf-color-text-main);background-color:var(--hf-color-button-secondary-fill-default);border-color:var(--hf-color-button-secondary-border-default);box-shadow:0 1px 4px #0505050a}._secondary_1syl2_1:hover{background-color:var(--hf-color-button-secondary-fill-hover);border-color:var(--hf-color-button-secondary-fill-hover)}._secondary_1syl2_1:active{background-color:var(--hf-color-button-secondary-fill-active);border-color:var(--hf-color-button-secondary-fill-active)}._accent_1syl2_1{color:var(--hf-color-text-invert);background-color:var(--hf-color-button-accent-default);border-color:var(--hf-color-button-accent-default)}._accent_1syl2_1:hover{background-color:var(--hf-color-button-accent-hover);border-color:var(--hf-color-button-accent-hover)}._accent_1syl2_1:active{background-color:var(--hf-color-button-accent-active);border-color:var(--hf-color-button-accent-active)}._danger_1syl2_1{color:var(--hf-color-text-invert);background-color:var(--hf-color-button-danger-default);border-color:var(--hf-color-button-danger-default)}._danger_1syl2_1:hover{background-color:var(--hf-color-button-danger-hover);border-color:var(--hf-color-button-danger-hover)}._danger_1syl2_1:active{background-color:var(--hf-color-button-danger-active);border-color:var(--hf-color-button-danger-active)}._jobsites_1syl2_1{color:var(--hf-color-text-invert);background-color:var(--hf-color-button-jobsite-default);border-color:var(--hf-color-button-jobsite-default)}._jobsites_1syl2_1:hover{background-color:var(--hf-color-button-jobsite-hover);border-color:var(--hf-color-button-jobsite-hover)}._jobsites_1syl2_1:active{background-color:var(--hf-color-button-jobsite-active);border-color:var(--hf-color-button-jobsite-active)}._ghost_1syl2_1{color:var(--hf-color-text-main);background-color:transparent;border-color:transparent}._ghost_1syl2_1:hover{background-color:var(--hf-color-button-secondary-fill-hover)}._ghost_1syl2_1:active{background-color:var(--hf-color-button-secondary-fill-active)}._ghost-danger_1syl2_1{color:var(--hf-color-text-main);background-color:transparent;border-color:transparent}._ghost-danger_1syl2_1:hover{color:var(--hf-color-text-invert);background-color:var(--hf-color-button-danger-hover)}._ghost-danger_1syl2_1:active{color:var(--hf-color-text-invert);background-color:var(--hf-color-button-danger-active)}._icon_1p8iz_2{font-style:normal;display:inline-block;vertical-align:middle}._wrapper_1rgcl_1{margin-bottom:var(--hf-gap-xs)}._input_1rgcl_5{border-radius:var(--hf-radius-input-default);border:var(--hf-border-xs) solid var(--hf-color-input-border-default);background:var(--hf-color-input-background-default);padding:var(--hf-padding-input-top-bottom-default) var(--hf-padding-input-left-right-default);width:100%;box-sizing:border-box;color:var(--hf-color-input-text-default);font-size:var(--hf-font-size-field-text);font-weight:var(--hf-font-weight-field-text);line-height:var(--hf-font-line-height-field-text)}._input_1rgcl_5:active{border-color:var(--hf-color-input-border-focus)}._input_1rgcl_5:focus{border-color:var(--hf-color-input-border-focus);outline:solid 3px var(--hf-color-input-border-focus-visible)}._input_1rgcl_5:disabled{outline:none;border-color:var(--hf-color-input-text-disable);background:var(--hf-color-input-background-disable);color:var(--hf-color-input-text-disable)}._error_1rgcl_35,._error_1rgcl_35:active{border-color:var(--hf-color-input-border-error)}._error_1rgcl_35:focus{border-color:var(--hf-color-input-border-error);outline:solid 3px var(--hf-color-input-border-error-focus-visible)}._description_1rgcl_47{margin-top:var(--hf-gap-xs);font-size:var(--hf-font-size-field-error);font-weight:var(--hf-font-weight-field-description);line-height:var(--hf-font-line-height-field-description)}._description_1rgcl_47 a{text-decoration:underline}._descriptionText_1rgcl_58{color:var(--hf-color-input-text-description)}._errorText_1rgcl_62{color:var(--hf-color-text-danger)}._label_12r0e_1{display:flex;flex-direction:row;gap:var(--hf-gap-xs);font-style:normal;flex:1;margin-bottom:var(--hf-gap-xs)}._header_12r0e_10{display:block;color:var(--hf-color-text-main);font-size:var(--hf-font-size-text-h4);font-weight:var(--hf-font-weight-text-h4);line-height:var(--hf-font-line-height-text-h4)}._headerWrapper_12r0e_18{flex-grow:1;gap:var(--hf-gap-xs);display:flex;flex-direction:column}._title_12r0e_25{display:block;color:var(--hf-color-text-main);font-size:var(--hf-font-size-label-title);font-weight:var(--hf-font-weight-label-title);line-height:var(--hf-font-line-height-label-title)}._subTitleRow_12r0e_33{display:flex;justify-content:space-between;font-size:var(--hf-font-size-label-subtitle);color:var(--hf-color-text-semilight);font-weight:var(--hf-font-weight-label-subtitle)}._subTitle_12r0e_33{line-height:var(--hf-font-line-height-label-subtitle)}._link_12r0e_45{overflow:hidden;text-overflow:ellipsis;font-size:var(--hf-font-size-label-title);line-height:var(--hf-font-line-height-label-subtitle);color:var(--hf-color-text-semilight);font-weight:var(--hf-font-weight-label-subtitle);margin-left:auto;align-self:flex-end;height:20px}._link_12r0e_45 a{text-decoration:none;color:var(--hf-color-text-semilight)}._linkUpper_12r0e_62{margin-bottom:1px}._label_jcdiv_1{display:flex;align-items:center;gap:8px;height:20px}._label_jcdiv_1._disabled_jcdiv_7{color:gray;cursor:not-allowed}._label_jcdiv_1 span{margin-top:-5px}._input_jcdiv_17[type=checkbox]{vertical-align:-2px;margin:0;border-radius:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;width:16px;height:16px;border:1px solid #25CFE8;transform:translateY(-.075em);display:grid;place-content:center}._input_jcdiv_17._error_jcdiv_30[type=checkbox]{border:1px solid #FF0000}._input_jcdiv_17[type=checkbox]:before{content:"";width:16px;height:16px;clip-path:polygon(0 0,50% 0,100% 0,100% 100%,50% 100%,0 100%);transform:scale(0);transform-origin:bottom left;transition:.12s transform ease-in-out;background-color:#25cfe8;border-radius:4px}._input_jcdiv_17[type=checkbox]:checked:before{transform:scale(1)}._input_jcdiv_17[type=checkbox]:focus{outline:2px solid #C4EDFA}._input_jcdiv_17._error_jcdiv_30[type=checkbox]:focus{outline:2px solid #FFD6D6}._input_jcdiv_17[type=checkbox]:disabled{border-color:#00000029;opacity:30%;color:#000;cursor:not-allowed}._text_jcdiv_70{-webkit-user-select:none;-moz-user-select:none;user-select:none;font-size:15px;line-height:20px}._errorText_jcdiv_76{color:red;font-size:12px}._title_j3vxq_1{font-family:var(--hf-font-family-body);font-style:normal;color:var(--hf-color-text-main);margin:0}._level-1_j3vxq_8{font-size:var(--hf-font-size-text-h1);font-weight:var(--hf-font-weight-text-h1);line-height:var(--hf-font-line-height-text-h1)}._level-2_j3vxq_14{font-size:var(--hf-font-size-text-h2);font-weight:var(--hf-font-weight-text-h2);line-height:var(--hf-font-line-height-text-h2)}._level-3_j3vxq_20{font-size:var(--hf-font-size-text-h3);font-weight:var(--hf-font-weight-text-h3);line-height:var(--hf-font-line-height-text-h3)}._level-4_j3vxq_26{font-size:var(--hf-font-size-text-h4);font-weight:var(--hf-font-weight-text-h4);line-height:var(--hf-font-line-height-text-h4)}._text_pweht_1{font-family:var(--hf-font-family-body);font-style:normal;color:var(--hf-color-text-main);margin:0}._primary_pweht_8{font-size:var(--hf-font-size-text-primary);font-weight:var(--hf-font-weight-text-primary);line-height:var(--hf-font-line-height-text-primary)}._primary_pweht_8._medium_pweht_13{font-weight:var(--hf-font-weight-text-primary-bold)}._secondary_pweht_18{font-size:var(--hf-font-size-text-secondary);font-weight:var(--hf-font-weight-text-secondary);line-height:var(--hf-font-line-height-text-secondary)}._secondary_pweht_18._medium_pweht_13{font-weight:var(--hf-font-weight-text-secondary-bold)}._accent_pweht_27{font-size:var(--hf-font-size-text-accent);font-weight:var(--hf-font-weight-text-accent);line-height:var(--hf-font-line-height-text-accent)}._accent_pweht_27._medium_pweht_13{font-weight:var(--hf-font-weight-text-accent-bold)}._subtitle_pweht_36{font-size:var(--hf-font-size-text-subtitle);font-weight:var(--hf-font-weight-text-subtitle);line-height:var(--hf-font-line-height-text-subtitle)}:root{--hf-btn-size-xs: 28px;--hf-btn-size-s: 32px;--hf-btn-size-m: 36px;--hf-btn-size-l: 40px}._s_n8n8w_9{width:var(--hf-btn-size-s);height:var(--hf-btn-size-s)}._xs_n8n8w_14{width:var(--hf-btn-size-xs);height:var(--hf-btn-size-xs)}._m_n8n8w_19{width:var(--hf-btn-size-m);height:var(--hf-btn-size-m)}._l_n8n8w_24{width:var(--hf-btn-size-l);height:var(--hf-btn-size-l)}._button_n8n8w_30{padding:0}._button_fj122_1{padding:0 2px 0 0;border:none;margin:0;cursor:pointer;display:flex;flex-direction:row;gap:var(--hf-gap-button-link-s);align-items:center;background-color:transparent;color:var(--hf-color-link-default);font-family:var(--hf-font-family-body),sans-serif;font-size:var(--hf-font-size-button-link-s);font-style:normal;font-weight:var(--hf-font-weight-button-link-s);line-height:var(--hf-font-line-height-button-link-s)}._button_fj122_1:hover{color:var(--hf-color-link-hover)}')),document.head.appendChild(t)}}catch(r){console.error("vite-plugin-css-injected-by-js",r)}})();
+import { defineComponent as b, computed as c, openBlock as a, createElementBlock as i, normalizeClass as o, unref as r, normalizeStyle as W, createElementVNode as N, useSlots as V, createVNode as S, createCommentVNode as p, renderSlot as m, createBlock as L, mergeModels as z, useModel as D, withCtx as $, createTextVNode as B, toDisplayString as g, withDirectives as R, vModelDynamic as A, vModelCheckbox as F, resolveDynamicComponent as E, mergeProps as G } from "vue";
+const j = (n, e) => {
+  const s = e ? n[e] : n.default;
   return (s == null ? void 0 : s().some((l) => {
     const t = l.children;
     return t && t.toString().trim() !== "";
@@ -23,17 +23,17 @@ const L = (o, e) => {
     size: { default: "l" },
     color: { default: "black" }
   },
-  setup(o) {
-    const e = o, s = c(() => [C.loader, C[e.size], C[e.color], C.circle]);
+  setup(n) {
+    const e = n, s = c(() => [C.loader, C[e.size], C[e.color], C.circle]);
     return (l, t) => (a(), i("span", {
-      class: n([r(C).spinner, s.value])
+      class: o([r(C).spinner, s.value])
     }, null, 2));
   }
-}), se = "_button_1syl2_1", le = "_disabled_1syl2_1", oe = "_loading_1syl2_1", ne = "_loader_1syl2_1", ae = "_content_1syl2_1", re = "_dropdownIcon_1syl2_1", ce = "_s_1syl2_2", ie = "_xs_1syl2_1", de = "_square_1syl2_1", _e = "_circle_1syl2_1", ue = "_m_1syl2_1", pe = "_l_1syl2_1", ye = "_primary_1syl2_1", me = "_secondary_1syl2_1", be = "_accent_1syl2_1", he = "_danger_1syl2_1", ve = "_jobsites_1syl2_1", ke = "_ghost_1syl2_1", y = {
+}), se = "_button_1syl2_1", le = "_disabled_1syl2_1", ne = "_loading_1syl2_1", oe = "_loader_1syl2_1", ae = "_content_1syl2_1", re = "_dropdownIcon_1syl2_1", ce = "_s_1syl2_2", ie = "_xs_1syl2_1", de = "_square_1syl2_1", _e = "_circle_1syl2_1", ue = "_m_1syl2_1", pe = "_l_1syl2_1", ye = "_primary_1syl2_1", me = "_secondary_1syl2_1", be = "_accent_1syl2_1", ve = "_danger_1syl2_1", he = "_jobsites_1syl2_1", fe = "_ghost_1syl2_1", y = {
   button: se,
   disabled: le,
-  loading: oe,
-  loader: ne,
+  loading: ne,
+  loader: oe,
   content: ae,
   dropdownIcon: re,
   s: ce,
@@ -45,19 +45,19 @@ const L = (o, e) => {
   primary: ye,
   secondary: me,
   accent: be,
-  danger: he,
-  jobsites: ve,
-  ghost: ke,
+  danger: ve,
+  jobsites: he,
+  ghost: fe,
   "ghost-danger": "_ghost-danger_1syl2_1"
-}, fe = ["aria-label", "width", "height"], $e = ["xlink:href"], ge = /* @__PURE__ */ b({
+}, ke = ["aria-label", "width", "height"], $e = ["xlink:href"], ge = /* @__PURE__ */ b({
   __name: "icon",
   props: {
     type: {},
     color: {},
     block: { type: Boolean }
   },
-  setup(o) {
-    const e = o, s = c(() => {
+  setup(n) {
+    const e = n, s = c(() => {
       var d;
       const t = (d = e == null ? void 0 : e.type) == null ? void 0 : d.match(/(\d+)$/);
       return t ? parseInt(t[1], 10) : 16;
@@ -66,9 +66,9 @@ const L = (o, e) => {
       return e.color && (t.color = e.color), e.block && (t.display = "block"), t;
     });
     return (t, d) => (a(), i("svg", {
-      class: n(t.$style.icon),
+      class: o(t.$style.icon),
       "aria-label": t.type,
-      style: O(l.value),
+      style: W(l.value),
       role: "img",
       width: s.value,
       height: s.value
@@ -76,18 +76,18 @@ const L = (o, e) => {
       N("use", {
         "xlink:href": `#${t.type}`
       }, null, 8, $e)
-    ], 14, fe));
+    ], 14, ke));
   }
 }), we = "_icon_1p8iz_2", Te = {
   icon: we
-}, Be = (o, e) => {
-  const s = o.__vccOpts || o;
+}, Be = (n, e) => {
+  const s = n.__vccOpts || n;
   for (const [l, t] of e)
     s[l] = t;
   return s;
 }, Ce = {
   $style: Te
-}, q = /* @__PURE__ */ Be(ge, [["__cssModules", Ce]]), Le = ["name", "type", "disabled"], Ne = /* @__PURE__ */ b({
+}, I = /* @__PURE__ */ Be(ge, [["__cssModules", Ce]]), je = ["name", "type", "disabled"], Ne = /* @__PURE__ */ b({
   __name: "button",
   props: {
     size: { default: "m" },
@@ -103,8 +103,8 @@ const L = (o, e) => {
     htmlType: {}
   },
   emits: ["click"],
-  setup(o) {
-    const e = V(), s = o, l = {
+  setup(n) {
+    const e = V(), s = n, l = {
       primary: "white",
       secondary: "black",
       accent: "white",
@@ -112,7 +112,7 @@ const L = (o, e) => {
       jobsites: "white",
       ghost: "black",
       "ghost-danger": "black"
-    }, t = c(() => L(e)), d = c(() => [
+    }, t = c(() => j(e)), d = c(() => [
       y.button,
       y[s.size],
       y[s.type],
@@ -124,47 +124,47 @@ const L = (o, e) => {
         [y.bordered]: s.bordered
       },
       s.className
-    ]), h = c(() => l[s.type] || "white");
-    return (_, g) => (a(), i("button", {
+    ]), v = c(() => l[s.type] || "white");
+    return (_, w) => (a(), i("button", {
       name: _.name,
-      class: n(d.value),
+      class: o(d.value),
       type: _.htmlType,
       disabled: _.disabled || _.loading,
-      onClick: g[0] || (g[0] = (v) => _.$emit("click"))
+      onClick: w[0] || (w[0] = (h) => _.$emit("click"))
     }, [
       _.loading ? (a(), i("div", {
         key: 0,
-        class: n(r(y).loader)
+        class: o(r(y).loader)
       }, [
-        I(r(te), {
+        S(r(te), {
           size: "s",
-          color: h.value
+          color: v.value
         }, null, 8, ["color"])
       ], 2)) : p("", !0),
       _.$slots.before ? m(_.$slots, "before", { key: 1 }) : p("", !0),
       t.value ? (a(), i("span", {
         key: 2,
-        class: n(r(y).content)
+        class: o(r(y).content)
       }, [
         m(_.$slots, "default")
       ], 2)) : p("", !0),
       _.$slots.after ? m(_.$slots, "after", { key: 3 }) : p("", !0),
-      _.dropdown ? (a(), j(q, {
+      _.dropdown ? (a(), L(I, {
         key: 4,
-        class: n(r(y).dropdownIcon),
+        class: o(r(y).dropdownIcon),
         type: "chevron-down-18"
       }, null, 8, ["class"])) : p("", !0)
-    ], 10, Le));
+    ], 10, je));
   }
-}), Me = "_wrapper_6qo53_1", je = "_input_6qo53_5", ze = "_error_6qo53_35", Se = "_description_6qo53_47", Ie = "_descriptionText_6qo53_58", qe = "_errorText_6qo53_62", k = {
-  wrapper: Me,
-  input: je,
-  error: ze,
-  description: Se,
-  descriptionText: Ie,
-  errorText: qe
-}, xe = "_label_12r0e_1", He = "_header_12r0e_10", Ue = "_headerWrapper_12r0e_18", Ve = "_title_12r0e_25", De = "_subTitleRow_12r0e_33", Re = "_subTitle_12r0e_33", Ee = "_link_12r0e_45", Oe = "_linkUpper_12r0e_62", f = {
-  label: xe,
+}), Le = "_wrapper_1rgcl_1", Me = "_input_1rgcl_5", xe = "_error_1rgcl_35", ze = "_description_1rgcl_47", Se = "_descriptionText_1rgcl_58", Ie = "_errorText_1rgcl_62", f = {
+  wrapper: Le,
+  input: Me,
+  error: xe,
+  description: ze,
+  descriptionText: Se,
+  errorText: Ie
+}, qe = "_label_12r0e_1", He = "_header_12r0e_10", Ue = "_headerWrapper_12r0e_18", Ve = "_title_12r0e_25", De = "_subTitleRow_12r0e_33", Re = "_subTitle_12r0e_33", Ee = "_link_12r0e_45", Oe = "_linkUpper_12r0e_62", k = {
+  label: qe,
   header: He,
   headerWrapper: Ue,
   title: Ve,
@@ -175,52 +175,52 @@ const L = (o, e) => {
 }, We = /* @__PURE__ */ b({
   __name: "label",
   emits: ["click"],
-  setup(o) {
-    const e = V(), s = c(() => L(e, "header")), l = c(() => L(e)), t = c(() => L(e, "subTitle")), d = c(() => L(e, "link")), h = c(() => s.value || l.value || t.value), _ = c(() => !l.value && !t.value), g = c(
-      () => [f.link, _.value && f.linkUpper].filter(Boolean)
+  setup(n) {
+    const e = V(), s = c(() => j(e, "header")), l = c(() => j(e)), t = c(() => j(e, "subTitle")), d = c(() => j(e, "link")), v = c(() => s.value || l.value || t.value), _ = c(() => !l.value && !t.value), w = c(
+      () => [k.link, _.value && k.linkUpper].filter(Boolean)
     );
-    return (v, M) => (a(), i("label", {
-      class: n(r(f).label)
+    return (h, M) => (a(), i("label", {
+      class: o(r(k).label)
     }, [
-      h.value ? (a(), i("span", {
+      v.value ? (a(), i("span", {
         key: 0,
-        class: n(r(f).headerWrapper)
+        class: o(r(k).headerWrapper)
       }, [
         s.value ? (a(), i("span", {
           key: 0,
-          class: n(r(f).header)
+          class: o(r(k).header)
         }, [
-          m(v.$slots, "header")
+          m(h.$slots, "header")
         ], 2)) : p("", !0),
         l.value ? (a(), i("span", {
           key: 1,
-          class: n(r(f).title)
+          class: o(r(k).title)
         }, [
-          m(v.$slots, "default")
+          m(h.$slots, "default")
         ], 2)) : p("", !0),
         t.value ? (a(), i("span", {
           key: 2,
-          class: n(r(f).subTitleRow)
+          class: o(r(k).subTitleRow)
         }, [
           N("span", {
-            class: n(r(f).subTitle)
+            class: o(r(k).subTitle)
           }, [
-            m(v.$slots, "subTitle")
+            m(h.$slots, "subTitle")
           ], 2)
         ], 2)) : p("", !0)
       ], 2)) : p("", !0),
       d.value ? (a(), i("span", {
         key: 1,
-        class: n(g.value),
-        onClick: M[0] || (M[0] = (u) => v.$emit("click"))
+        class: o(w.value),
+        onClick: M[0] || (M[0] = (u) => h.$emit("click"))
       }, [
-        m(v.$slots, "link")
+        m(h.$slots, "link")
       ], 2)) : p("", !0)
     ], 2));
   }
 }), Ae = ["id", "name", "type", "disabled", "placeholder"], Fe = ["innerHTML"], Ge = ["innerHTML"], bt = /* @__PURE__ */ b({
   __name: "input",
-  props: /* @__PURE__ */ S({
+  props: /* @__PURE__ */ z({
     value: {},
     type: { default: "text" },
     id: {},
@@ -239,85 +239,85 @@ const L = (o, e) => {
     value: {},
     valueModifiers: {}
   }),
-  emits: /* @__PURE__ */ S(["update:value", "enter", "click-link"], ["update:value"]),
-  setup(o, { emit: e }) {
-    const s = D(o, "value"), l = o, t = e, d = c(() => [
-      k.input,
+  emits: /* @__PURE__ */ z(["update:value", "enter", "click-link"], ["update:value"]),
+  setup(n, { emit: e }) {
+    const s = D(n, "value"), l = n, t = e, d = c(() => [
+      f.input,
       {
-        [k.disabled]: l.disabled,
-        [k.error]: l.error,
-        [k.loading]: l.loading
+        [f.disabled]: l.disabled,
+        [f.error]: l.error,
+        [f.loading]: l.loading
       },
       l.className
-    ]), h = c(() => l.header || l.title || l.subTitle || l.link), _ = c(() => l.description || l.error), g = (u) => {
+    ]), v = c(() => l.header || l.title || l.subTitle || l.link), _ = c(() => l.description || l.error), w = (u) => {
       t("update:value", u.target.value);
-    }, v = (u) => {
+    }, h = (u) => {
       u.key === "Enter" && t("enter");
     }, M = () => {
       t("click-link");
     };
-    return (u, x) => (a(), i("div", {
-      class: n(r(k).wrapper)
+    return (u, q) => (a(), i("div", {
+      class: o(r(f).wrapper)
     }, [
-      h.value ? (a(), j(r(We), {
+      v.value ? (a(), L(r(We), {
         key: 0,
         for: u.id,
         onClick: M
       }, {
-        header: T(() => [
-          B($(l.header), 1)
+        header: $(() => [
+          B(g(l.header), 1)
         ]),
-        subTitle: T(() => [
-          B($(l.subTitle), 1)
+        subTitle: $(() => [
+          B(g(l.subTitle), 1)
         ]),
-        link: T(() => [
-          B($(l.link), 1)
+        link: $(() => [
+          B(g(l.link), 1)
         ]),
-        default: T(() => [
-          B(" " + $(l.title) + " ", 1)
+        default: $(() => [
+          B(" " + g(l.title) + " ", 1)
         ]),
         _: 1
       }, 8, ["for"])) : p("", !0),
       R(N("input", {
         id: u.id,
-        "onUpdate:modelValue": x[0] || (x[0] = (E) => s.value = E),
+        "onUpdate:modelValue": q[0] || (q[0] = (O) => s.value = O),
         name: u.name,
         type: u.type,
         disabled: u.disabled || u.loading,
         placeholder: u.placeholder,
-        class: n(d.value),
-        onInput: g,
-        onKeydown: v
+        class: o(d.value),
+        onInput: w,
+        onKeydown: h
       }, null, 42, Ae), [
-        [W, s.value]
+        [A, s.value]
       ]),
       _.value ? (a(), i("div", {
         key: 1,
-        class: n(r(k).description)
+        class: o(r(f).description)
       }, [
         u.error ? (a(), i("div", {
           key: 0,
-          class: n(r(k).errorText),
+          class: o(r(f).errorText),
           innerHTML: u.error
         }, null, 10, Fe)) : p("", !0),
         u.description ? (a(), i("div", {
           key: 1,
-          class: n(r(k).descriptionText),
+          class: o(r(f).descriptionText),
           innerHTML: u.description
         }, null, 10, Ge)) : p("", !0)
       ], 2)) : p("", !0)
     ], 2));
   }
-}), Ke = "_label_jcdiv_1", Pe = "_disabled_jcdiv_7", Je = "_input_jcdiv_17", Qe = "_error_jcdiv_30", Xe = "_text_jcdiv_70", Ye = "_errorText_jcdiv_76", w = {
+}), Ke = "_label_jcdiv_1", Pe = "_disabled_jcdiv_7", Je = "_input_jcdiv_17", Qe = "_error_jcdiv_30", Xe = "_text_jcdiv_70", Ye = "_errorText_jcdiv_76", T = {
   label: Ke,
   disabled: Pe,
   input: Je,
   error: Qe,
   text: Xe,
   errorText: Ye
-}, Ze = ["for"], et = ["id", "name", "disabled"], ht = /* @__PURE__ */ b({
+}, Ze = ["for"], et = ["id", "name", "disabled"], vt = /* @__PURE__ */ b({
   __name: "checkbox",
-  props: /* @__PURE__ */ S({
+  props: /* @__PURE__ */ z({
     id: {},
     name: {},
     disabled: { type: Boolean },
@@ -329,43 +329,43 @@ const L = (o, e) => {
     checkedModifiers: {}
   }),
   emits: ["update:checked"],
-  setup(o) {
-    const e = D(o, "checked"), s = o, l = c(() => [
-      w.label,
+  setup(n) {
+    const e = D(n, "checked"), s = n, l = c(() => [
+      T.label,
       {
-        [w.disabled]: s.disabled
+        [T.disabled]: s.disabled
       },
       s.className
     ]);
     return (t, d) => (a(), i("div", null, [
       N("label", {
         for: t.id,
-        class: n(l.value)
+        class: o(l.value)
       }, [
         R(N("input", {
           id: t.id,
-          "onUpdate:modelValue": d[0] || (d[0] = (h) => e.value = h),
+          "onUpdate:modelValue": d[0] || (d[0] = (v) => e.value = v),
           name: t.name,
           type: "checkbox",
           disabled: t.disabled,
-          class: n([r(w).input, { [r(w).error]: !!s.error }])
+          class: o([r(T).input, { [r(T).error]: !!s.error }])
         }, null, 10, et), [
-          [A, e.value]
+          [F, e.value]
         ]),
         t.$slots.default ? (a(), i("span", {
           key: 0,
-          class: n(r(w).text)
+          class: o(r(T).text)
         }, [
           m(t.$slots, "default")
         ], 2)) : p("", !0)
       ], 10, Ze),
       t.error ? (a(), i("div", {
         key: 0,
-        class: n(r(w).errorText)
-      }, $(t.error), 3)) : p("", !0)
+        class: o(r(T).errorText)
+      }, g(t.error), 3)) : p("", !0)
     ]));
   }
-}), vt = async () => {
+}), ht = async () => {
   if (!(typeof document > "u") && !document.getElementById("__svg-sprite__"))
     try {
       const e = `
@@ -374,62 +374,70 @@ const L = (o, e) => {
       </svg>
     `;
       document.body.insertAdjacentHTML("afterbegin", e);
-    } catch (o) {
-      console.error("Failed to load SVG sprite:", o);
+    } catch (n) {
+      console.error("Failed to load SVG sprite:", n);
     }
-}, tt = "_title_6ila8_1", H = {
+}, tt = "_title_j3vxq_1", H = {
   title: tt,
-  "level-1": "_level-1_6ila8_7",
-  "level-2": "_level-2_6ila8_13",
-  "level-3": "_level-3_6ila8_19",
-  "level-4": "_level-4_6ila8_25"
-}, kt = /* @__PURE__ */ b({
+  "level-1": "_level-1_j3vxq_8",
+  "level-2": "_level-2_j3vxq_14",
+  "level-3": "_level-3_j3vxq_20",
+  "level-4": "_level-4_j3vxq_26"
+}, ft = /* @__PURE__ */ b({
   __name: "title",
   props: {
     level: {},
     text: {},
     className: {}
   },
-  setup(o) {
-    const e = o, s = c(() => [H.title, H[`level-${e.level}`], e.className]), l = c(() => `h${e.level}`);
-    return (t, d) => (a(), j(F(l.value), {
-      class: n(s.value)
+  setup(n) {
+    const e = n, s = c(() => [
+      H.title,
+      H[`level-${e.level ?? 1}`],
+      e.className
+    ]), l = c(() => `h${e.level ?? 1}`);
+    return (t, d) => (a(), L(E(l.value), {
+      class: o(s.value)
     }, {
-      default: T(() => [
+      default: $(() => [
         m(t.$slots, "default", {}, () => [
-          B($(t.text), 1)
+          B(g(t.text), 1)
         ])
       ]),
       _: 3
     }, 8, ["class"]));
   }
-}), st = "_text_pweht_1", lt = "_primary_pweht_8", ot = "_medium_pweht_13", nt = "_secondary_pweht_18", at = "_accent_pweht_27", rt = "_subtitle_pweht_36", z = {
+}), st = "_text_pweht_1", lt = "_primary_pweht_8", nt = "_medium_pweht_13", ot = "_secondary_pweht_18", at = "_accent_pweht_27", rt = "_subtitle_pweht_36", x = {
   text: st,
   primary: lt,
-  medium: ot,
-  secondary: nt,
+  medium: nt,
+  secondary: ot,
   accent: at,
   subtitle: rt
-}, ft = /* @__PURE__ */ b({
+}, kt = /* @__PURE__ */ b({
   __name: "text",
   props: {
+    tagName: { default: "p" },
     text: {},
     kind: { default: "primary" },
     weight: {}
   },
-  setup(o) {
-    const e = o, s = c(() => [
-      z.text,
-      z[e.kind],
-      e.weight && z[e.weight]
+  setup(n) {
+    const e = n, s = c(() => [
+      x.text,
+      x[e.kind],
+      e.weight && x[e.weight]
     ]);
-    return (l, t) => (a(), i("p", {
-      class: n(s.value)
-    }, [
-      m(l.$slots, "default", {}, () => [
-        B($(l.text), 1)
-      ])
-    ], 2));
+    return (l, t) => (a(), L(E(l.tagName), {
+      class: o(s.value)
+    }, {
+      default: $(() => [
+        m(l.$slots, "default", {}, () => [
+          B(g(l.text), 1)
+        ])
+      ]),
+      _: 3
+    }, 8, ["class"]));
   }
 }), ct = "_s_n8n8w_9", it = "_xs_n8n8w_14", dt = "_m_n8n8w_19", _t = "_l_n8n8w_24", ut = "_button_n8n8w_30", U = {
   s: ct,
@@ -452,17 +460,17 @@ const L = (o, e) => {
     bordered: { type: Boolean, default: !1 }
   },
   emits: ["click"],
-  setup(o) {
-    const e = o, s = c(() => [U.button, U[e.size], e.className]), l = c(() => {
+  setup(n) {
+    const e = n, s = c(() => [U.button, U[e.size], e.className]), l = c(() => {
       const t = e.size === "xs" ? "18" : "20";
       return e.icon.replace(/-?\d*$/, `-${t}`);
     });
-    return (t, d) => (a(), j(r(Ne), G({ class: s.value }, e, {
+    return (t, d) => (a(), L(r(Ne), G({ class: s.value }, e, {
       "html-type": "button",
-      onClick: d[0] || (d[0] = (h) => t.$emit("click"))
+      onClick: d[0] || (d[0] = (v) => t.$emit("click"))
     }), {
-      before: T(() => [
-        I(r(q), { type: l.value }, null, 8, ["type"])
+      before: $(() => [
+        S(r(I), { type: l.value }, null, 8, ["type"])
       ]),
       _: 1
     }, 16, ["class"]));
@@ -472,27 +480,27 @@ const L = (o, e) => {
 }, gt = /* @__PURE__ */ b({
   __name: "button-link",
   emits: ["click"],
-  setup(o) {
+  setup(n) {
     return (e, s) => (a(), i("button", {
-      class: n(r(yt).button),
+      class: o(r(yt).button),
       type: "button",
       onClick: s[0] || (s[0] = (l) => e.$emit("click"))
     }, [
-      I(r(q), { type: "plus-18" }),
+      S(r(I), { type: "plus-18" }),
       m(e.$slots, "default")
     ], 2));
   }
 });
 export {
   Ne as BaseButton,
-  ht as BaseCheckbox,
-  q as BaseIcon,
+  vt as BaseCheckbox,
+  I as BaseIcon,
   bt as BaseInput,
   We as BaseLabel,
   te as BaseLoader,
-  ft as BaseText,
-  kt as BaseTitle,
+  kt as BaseText,
+  ft as BaseTitle,
   $t as ButtonIcon,
   gt as ButtonLink,
-  vt as injectSvgSprite
+  ht as injectSvgSprite
 };