@huntflow/ui 0.2.16 → 0.2.18

package/dist/ui.es.js

@@ -1,6 +1,6 @@
 (function(){"use strict";try{if(typeof document<"u"){var o=document.createElement("style");o.nonce=document.head.querySelector("meta[property=csp-nonce]")?.content,o.appendChild(document.createTextNode(`@keyframes _loader-animation_tpkd0_1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._loader_tpkd0_11{color:var(--hf-loader-color);display:block;flex:0 0 auto}._circle_tpkd0_17{animation-name:_loader-animation_tpkd0_1;animation-duration:1s;animation-timing-function:linear;animation-iteration-count:infinite}._white_tpkd0_24{--hf-loader-color: var(--hf-color-text-invert)}._black_tpkd0_28{--hf-loader-color: var(--hf-color-text-main)}._s_tpkd0_32{width:18px;height:18px}._m_tpkd0_37{width:28px;height:28px}._l_tpkd0_11{width:56px;height:56px}._spinner_tpkd0_47{display:inline-block;border:1px solid var(--hf-loader-color);border-radius:50%;border-left-color:transparent;border-top-color:transparent}._icon_1p8iz_2{font-style:normal;display:inline-block;vertical-align:middle}._button_mb1r2_1{font-family:var(--hf-font-family-body),sans-serif;font-style:normal;color:inherit;text-decoration:none;display:inline-flex;justify-content:center;align-items:center;gap:var(--hf-spacing-button-icon);min-width:-moz-max-content;min-width:max-content;border:solid 1px;position:relative;cursor:pointer;-moz-osx-font-smoothing:auto;-webkit-font-smoothing:antialiased}._button_mb1r2_1:active{background-color:#999}._button_mb1r2_1:focus{outline:none}._button_mb1r2_1:focus-visible{outline:solid 3px var(--hf-color-button-primary-border-focus)}._button_mb1r2_1:is(._disabled_mb1r2_1),._button_mb1r2_1:is(._disabled_mb1r2_1):hover{color:var(--hf-color-text-light);background-color:var(--hf-color-button-disable-default);border-color:transparent;box-shadow:none;transform:none;cursor:default}._button_mb1r2_1._loading_mb1r2_1{cursor:default}._button_mb1r2_1._loading_mb1r2_1>*:not(._loader_mb1r2_1){visibility:hidden}._content_mb1r2_1{line-height:inherit;display:flex}._content_mb1r2_1:first-child:last-child{text-align:center;width:100%}._loader_mb1r2_1{display:flex;justify-content:center;align-items:center;position:absolute;inset:0}._dropDown_mb1r2_1{margin-right:-4px}._s_mb1r2_2{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);border-radius:var(--hf-radius-button-s)}._xs_mb1r2_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_mb1r2_1._square_mb1r2_1{border-radius:var(--hf-radius-button-xs)}._xs_mb1r2_1._circle_mb1r2_1{border-radius:var(--hf-radius-button-circle)}._m_mb1r2_1{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);border-radius:var(--hf-radius-button-m)}._l_mb1r2_1{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);border-radius:var(--hf-radius-button-l)}._primary_mb1r2_1{color:var(--hf-color-text-invert);background-color:var(--hf-color-button-primary-default);border-color:var(--hf-color-button-primary-default)}._primary_mb1r2_1:hover{background-color:var(--hf-color-button-primary-hover);border-color:var(--hf-color-button-primary-hover)}._primary_mb1r2_1:active{background-color:var(--hf-color-button-primary-active);border-color:var(--hf-color-button-primary-active)}._primary_mb1r2_1._loading_mb1r2_1{background-color:var(--hf-color-button-primary-default)}._secondary_mb1r2_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_mb1r2_1:hover{background-color:var(--hf-color-button-secondary-fill-hover);border-color:var(--hf-color-button-secondary-fill-hover)}._secondary_mb1r2_1:active{background-color:var(--hf-color-button-secondary-fill-active);border-color:var(--hf-color-button-secondary-fill-active)}._secondary_mb1r2_1._loading_mb1r2_1{background-color:var(--hf-color-button-secondary-fill-default)}._accent_mb1r2_1{color:var(--hf-color-text-invert);background-color:var(--hf-color-button-accent-default);border-color:var(--hf-color-button-accent-default)}._accent_mb1r2_1:hover{background-color:var(--hf-color-button-accent-hover);border-color:var(--hf-color-button-accent-hover)}._accent_mb1r2_1:active{background-color:var(--hf-color-button-accent-active);border-color:var(--hf-color-button-accent-active)}._accent_mb1r2_1._loading_mb1r2_1{background-color:var(--hf-color-button-accent-default)}._danger_mb1r2_1{color:var(--hf-color-text-invert);background-color:var(--hf-color-button-danger-default);border-color:var(--hf-color-button-danger-default)}._danger_mb1r2_1:hover{background-color:var(--hf-color-button-danger-hover);border-color:var(--hf-color-button-danger-hover)}._danger_mb1r2_1:active{background-color:var(--hf-color-button-danger-active);border-color:var(--hf-color-button-danger-active)}._danger_mb1r2_1._loading_mb1r2_1{background-color:var(--hf-color-button-danger-default)}._jobsites_mb1r2_1{color:var(--hf-color-text-invert);background-color:var(--hf-color-button-jobsite-default);border-color:var(--hf-color-button-jobsite-default)}._jobsites_mb1r2_1:hover{background-color:var(--hf-color-button-jobsite-hover);border-color:var(--hf-color-button-jobsite-hover)}._jobsites_mb1r2_1:active{background-color:var(--hf-color-button-jobsite-active);border-color:var(--hf-color-button-jobsite-active)}._jobsites_mb1r2_1._loading_mb1r2_1{background-color:var(--hf-color-button-jobsite-default)}._ghost_mb1r2_1{color:var(--hf-color-text-secondary);background-color:transparent;border-color:transparent}._ghost_mb1r2_1:hover{color:var(--hf-color-text-main);background-color:var(--hf-color-button-secondary-fill-hover)}._ghost_mb1r2_1:active{color:var(--hf-color-text-main);background-color:var(--hf-color-button-secondary-fill-active)}._ghost_mb1r2_1._loading_mb1r2_1{background-color:transparent}._ghost-danger_mb1r2_1{color:var(--hf-color-text-secondary);background-color:transparent;border-color:transparent}._ghost-danger_mb1r2_1:hover{color:var(--hf-color-text-invert);background-color:var(--hf-color-button-danger-hover)}._ghost-danger_mb1r2_1:active{color:var(--hf-color-text-invert);background-color:var(--hf-color-button-danger-active)}._ghost-danger_mb1r2_1._loading_mb1r2_1{background-color:transparent}:root{--hf-btn-size-xs: 28px;--hf-btn-size-s: 32px;--hf-btn-size-m: 36px;--hf-btn-size-l: 40px}._s_o7jd7_9{width:var(--hf-btn-size-s);height:var(--hf-btn-size-s)}._xs_o7jd7_14{width:var(--hf-btn-size-xs);height:var(--hf-btn-size-xs);border-radius:var(--hf-radius-button-circle)}._m_o7jd7_20{width:var(--hf-btn-size-m);height:var(--hf-btn-size-m)}._l_o7jd7_25{width:var(--hf-btn-size-l);height:var(--hf-btn-size-l)}._button_o7jd7_31{padding:0}._button_cmm43_1{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);color:var(--hf-color-link-default);display:flex;flex-direction:row;align-items:center;gap:var(--hf-spacing-button-link-s);margin:0;padding:0 2px 0 0;background-color:transparent;border:none;cursor:pointer;-moz-osx-font-smoothing:auto;-webkit-font-smoothing:antialiased}._button_cmm43_1:hover{color:var(--hf-color-link-hover)}._button_cmm43_1:disabled,._button_cmm43_1:disabled:hover{color:var(--hf-color-link-default)}._lock_cmm43_30{margin:-12px -16px 0 0}._label_1ic51_1{font-family:var(--hf-font-family-body),sans-serif;font-size:var(--hf-font-size-label-title);font-style:normal;font-weight:var(--hf-font-weight-regular);line-height:var(--hf-font-line-height-label-title);color:var(--hf-color-text-main);-moz-osx-font-smoothing:auto;-webkit-font-smoothing:antialiased}._content_1g21n_1{font-family:var(--hf-font-family-body),sans-serif;display:flex;flex:1;flex-direction:row;gap:var(--hf-spacing-xs);margin-bottom:var(--hf-spacing-xs);-moz-osx-font-smoothing:auto;-webkit-font-smoothing:antialiased}._label_1g21n_12{font-style:normal;display:flex;flex:1;flex-direction:row;gap:var(--hf-spacing-xs);margin-bottom:var(--hf-spacing-xs)}._header_1g21n_21{font-size:var(--hf-font-size-text-h4);font-weight:var(--hf-font-weight-text-h4-medium);line-height:var(--hf-font-line-height-text-h4);color:var(--hf-color-text-main);display:block}._headerWrapper_1g21n_29{display:flex;flex-direction:column;flex-grow:1;gap:var(--hf-spacing-xs)}._title_1g21n_36{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);color:var(--hf-color-text-main);display:block}._subTitleRow_1g21n_44{font-size:var(--hf-font-size-label-subtitle);font-weight:var(--hf-font-weight-label-subtitle);color:var(--hf-color-text-semilight);display:flex;justify-content:space-between}._subTitle_1g21n_44{line-height:var(--hf-font-line-height-label-subtitle)}._link_1g21n_56{font-size:var(--hf-font-size-label-title);font-weight:var(--hf-font-weight-label-subtitle);line-height:var(--hf-font-line-height-label-subtitle);color:var(--hf-color-text-semilight);align-self:flex-end;height:20px;margin-left:auto;overflow:hidden;text-overflow:ellipsis}._link_1g21n_56 a{color:var(--hf-color-text-semilight);text-decoration:none}._linkUpper_1g21n_73{margin-bottom:1px}._wrapper_1qwte_1{font-family:var(--hf-font-family-body),sans-serif;margin-bottom:var(--hf-spacing-xs);-moz-osx-font-smoothing:auto;-webkit-font-smoothing:antialiased}._input_1qwte_8{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);color:var(--hf-color-input-text-default);box-sizing:border-box;width:100%;padding:var(--hf-padding-input-top-bottom-s) var(--hf-padding-input-right-s) var(--hf-padding-input-top-bottom-s) var(--hf-padding-input-left-s);background:var(--hf-color-input-background-default);border:var(--hf-border-xs) solid var(--hf-color-input-border-default);border-radius:var(--hf-radius-input-default)}._input_1qwte_8:active{border-color:var(--hf-color-input-border-focus)}._input_1qwte_8:focus{border-color:var(--hf-color-input-border-focus);outline:solid 3px var(--hf-color-input-border-focus-visible)}._input_1qwte_8:disabled{color:var(--hf-color-input-text-disable);background:var(--hf-color-input-background-disable);border-color:var(--hf-color-input-text-disable);outline:none}._error_1qwte_38,._error_1qwte_38:active{border-color:var(--hf-color-input-border-error)}._error_1qwte_38:focus{border-color:var(--hf-color-input-border-error);outline:solid 3px var(--hf-color-input-border-error-focus-visible)}._description_1qwte_51{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);margin-top:var(--hf-spacing-xs)}._description_1qwte_51 a{text-decoration:underline}._descriptionText_1qwte_62{color:var(--hf-color-input-text-description)}._errorText_1qwte_66{color:var(--hf-color-text-danger)}._inputWrapper_1qwte_70{position:relative}._leftSpace_1qwte_74{padding-left:42px}._rightSpace_1qwte_78{padding-right:42px}._leftIcon_1qwte_82,._rightIcon_1qwte_83{height:100%;position:absolute}._leftIcon_1qwte_82{left:15px}._rightIcon_1qwte_83{padding:0 9px;right:0}._rightIcon_1qwte_83[aria-label^=close]{color:var(--hf-color-text-light);cursor:pointer}._plank_1yp3k_1{font-family:var(--hf-font-family-body),sans-serif;font-size:var(--hf-font-size-text-primary);font-style:normal;font-weight:var(--hf-font-weight-text-primary-regular);line-height:var(--hf-font-line-height-text-primary);display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:var(--hf-spacing-m);padding:var(--hf-spacing-m) var(--hf-spacing-l);border-width:1px;border-style:solid;border-radius:var(--hf-radius-m);-moz-osx-font-smoothing:auto;-webkit-font-smoothing:antialiased}._default_1yp3k_20{color:var(--hf-color-text-main);background-color:var(--hf-color-plank-default-background);border-color:var(--hf-color-plank-default-border)}._accent_1yp3k_26{color:var(--hf-color-plank-success-text);background-color:var(--hf-color-plank-success-background);border-color:var(--hf-color-plank-success-border)}._danger_1yp3k_32{color:var(--hf-color-plank-danger-text);background-color:var(--hf-color-plank-danger-background);border-color:var(--hf-color-plank-danger-border)}._text_1yp3k_38{flex-grow:1}._icon_1yp3k_42{width:var(--hf-font-line-height-text-primary);height:var(--hf-font-line-height-text-primary)}._text_1sbhq_1{font-family:var(--hf-font-family-body),sans-serif;font-style:normal;color:var(--hf-color-text-main);margin:0;-moz-osx-font-smoothing:auto;-webkit-font-smoothing:antialiased}._primary_1sbhq_10{font-size:var(--hf-font-size-text-primary);font-weight:var(--hf-font-weight-text-primary-regular);line-height:var(--hf-font-line-height-text-primary)}._secondary_1sbhq_16{font-size:var(--hf-font-size-text-secondary);font-weight:var(--hf-font-weight-text-secondary-regular);line-height:var(--hf-font-line-height-text-secondary)}._accent_1sbhq_22{font-size:var(--hf-font-size-text-accent);font-weight:var(--hf-font-weight-text-accent-regular);line-height:var(--hf-font-line-height-text-accent)}._subtitle_1sbhq_28{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)}._medium_1sbhq_34{font-weight:var(--hf-font-weight-text-primary-medium)}._color-main_1sbhq_38{color:var(--hf-color-text-main)}._color-secondary_1sbhq_42{color:var(--hf-color-text-secondary)}._color-semilight_1sbhq_46{color:var(--hf-color-text-semilight)}._color-light_1sbhq_50{color:var(--hf-color-text-light)}._color-invert_1sbhq_54{color:var(--hf-color-text-invert)}._color-danger_1sbhq_58{color:var(--hf-color-text-danger)}._color-success_1sbhq_62{color:var(--hf-color-text-success)}._title_1m0wo_1{font-family:var(--hf-font-family-body),sans-serif;font-style:normal;color:var(--hf-color-text-main);margin:0;-moz-osx-font-smoothing:auto;-webkit-font-smoothing:antialiased}._level-1_1m0wo_10{font-size:var(--hf-font-size-text-h1);font-weight:var(--hf-font-weight-text-h1-regular);line-height:var(--hf-font-line-height-text-h1)}._level-1_1m0wo_10._medium_1m0wo_15{font-weight:var(--hf-font-weight-text-h1-medium)}._level-2_1m0wo_20{font-size:var(--hf-font-size-text-h2);font-weight:var(--hf-font-weight-text-h2-regular);line-height:var(--hf-font-line-height-text-h2)}._level-2_1m0wo_20._medium_1m0wo_15{font-weight:var(--hf-font-weight-text-h2-medium)}._level-3_1m0wo_30{font-size:var(--hf-font-size-text-h3);font-weight:var(--hf-font-weight-text-h3-regular);line-height:var(--hf-font-line-height-text-h3)}._level-3_1m0wo_30._medium_1m0wo_15{font-weight:var(--hf-font-weight-text-h3-medium)}._level-4_1m0wo_40{font-size:var(--hf-font-size-text-h4);font-weight:var(--hf-font-weight-text-h4-regular);line-height:var(--hf-font-line-height-text-h4)}._level-4_1m0wo_40._medium_1m0wo_15{font-weight:var(--hf-font-weight-text-h4-medium)}._color-main_1m0wo_50{color:var(--hf-color-text-main)}._color-secondary_1m0wo_54{color:var(--hf-color-text-secondary)}._color-semilight_1m0wo_58{color:var(--hf-color-text-semilight)}._color-light_1m0wo_62{color:var(--hf-color-text-light)}._color-invert_1m0wo_66{color:var(--hf-color-text-invert)}._color-danger_1m0wo_70{color:var(--hf-color-text-danger)}._color-success_1m0wo_74{color:var(--hf-color-text-success)}._error_lk2jx_1{font-family:var(--hf-font-family-body),sans-serif;font-size:var(--hf-font-size-label-subtitle);font-weight:var(--hf-font-weight-regular);line-height:var(--hf-font-line-height-label-subtitle);color:var(--hf-color-text-danger);-moz-osx-font-smoothing:auto;-webkit-font-smoothing:antialiased}._root_1tj1b_1{overflow:hidden;border-radius:50%;position:relative;aspect-ratio:1/1}._root_1tj1b_1 img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}._default_1tj1b_14{background-color:var(--hf-color-avatar-background);background-image:url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M11.3731%2012.2451C8.04067%2011.4614%207.47001%207.04127%2010.5054%205.5244C11.4539%205.05047%2012.6607%205.02109%2013.5811%205.44961C15.802%206.48374%2016.3914%209.29209%2014.7734%2011.1304C13.9547%2012.0605%2012.5483%2012.5215%2011.3731%2012.2451Z'%20fill='%23D7D7D7'/%3e%3cpath%20d='M7.06146%2014.4533C7.36479%2013.8666%208.78017%2013.2895%2010.4265%2013.081C12.0578%2012.8746%2013.8883%2012.9839%2015.2382%2013.3686C17.2103%2013.9304%2017.7187%2014.6903%2017.0375%2016.0575C16.2941%2017.5493%2013.9853%2018.8659%2012.1058%2018.8699C10.2126%2018.874%207.85172%2017.5174%207.15739%2016.0265C6.84163%2015.3485%206.81597%2014.9279%207.06146%2014.4533Z'%20fill='%23D7D7D7'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:center center;background-size:cover}._default_1tj1b_14 img{display:none}._xxs_1tj1b_26{width:var(--hf-size-avatar-xxs)}._xs_1tj1b_30{width:var(--hf-size-avatar-xs)}._s_1tj1b_16{width:var(--hf-size-avatar-s)}._m_1tj1b_38{width:var(--hf-size-avatar-m)}._l_1tj1b_42{width:var(--hf-size-avatar-l)}._l_1tj1b_42._square_1tj1b_45{border-radius:var(--hf-radius-s)}._xl_1tj1b_50{width:var(--hf-size-avatar-xl)}._xl_1tj1b_50._square_1tj1b_45{border-radius:var(--hf-radius-l)}._xxl_1tj1b_58{width:var(--hf-size-avatar-xxl)}._xxl_1tj1b_58._square_1tj1b_45{border-radius:var(--hf-radius-l)}._3xl_1tj1b_66{width:var(--hf-size-avatar-3xl)}._3xl_1tj1b_66._square_1tj1b_45{border-radius:var(--hf-radius-l)}._stack_1b4a2_1{list-style:none;display:flex;flex-wrap:wrap;margin:0;padding:0}._auto_1b4a2_9{width:auto}._row_1b4a2_13{flex-direction:row}._row_1b4a2_13._reverse_1b4a2_16{flex-direction:row-reverse}._column_1b4a2_21{flex-direction:column;width:-moz-fit-content;width:fit-content}._column_1b4a2_21._reverse_1b4a2_16{flex-direction:column-reverse}._full_1b4a2_30{width:100%}._xxs_1b4a2_34{gap:var(--hf-spacing-xxs)}._xs_1b4a2_38{gap:var(--hf-spacing-xs)}._s_1b4a2_1{gap:var(--hf-spacing-s)}._m_1b4a2_46{gap:var(--hf-spacing-m)}._l_1b4a2_50{gap:var(--hf-spacing-l)}._xl_1b4a2_54{gap:var(--hf-spacing-xl)}._xxl_1b4a2_58{gap:var(--hf-spacing-xxl)}._xxxl_1b4a2_62{gap:var(--hf-spacing-3xl)}._xxxxl_1b4a2_66{gap:var(--hf-spacing-4xl)}._xxxxxl_1b4a2_70{gap:var(--hf-spacing-5xl)}._main-start_1b4a2_74{justify-content:flex-start}._main-center_1b4a2_78{justify-content:center}._main-between_1b4a2_82{justify-content:space-between}._main-around_1b4a2_86{justify-content:space-around}._main-end_1b4a2_90{justify-content:flex-end}._cross-start_1b4a2_94{align-items:flex-start}._cross-center_1b4a2_98{align-items:center}._cross-end_1b4a2_102{align-items:flex-end}`)),document.head.appendChild(o)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}})();
-import { defineComponent as b, toRefs as J, computed as d, createElementBlock as m, openBlock as a, normalizeClass as r, unref as o, normalizeStyle as Q, createElementVNode as j, createCommentVNode as p, renderSlot as f, createBlock as k, createVNode as L, mergeProps as N, withCtx as h, Fragment as X, toValue as Y, getCurrentInstance as Z, ref as E, Comment as ee, cloneVNode as te, h as z, useSlots as ne, mergeModels as M, useModel as se, useAttrs as le, createSlots as oe, createTextVNode as T, toDisplayString as q, resolveDynamicComponent as A, watch as ae } from "vue";
-const re = "_loader_tpkd0_11", ce = "_circle_tpkd0_17", ie = "_white_tpkd0_24", ue = "_black_tpkd0_28", de = "_s_tpkd0_32", _e = "_m_tpkd0_37", me = "_l_tpkd0_11", pe = "_spinner_tpkd0_47", C = {
+import { defineComponent as y, toRefs as J, computed as i, createElementBlock as m, openBlock as a, normalizeClass as r, unref as o, normalizeStyle as Q, createElementVNode as L, renderSlot as p, createBlock as k, withCtx as h, createCommentVNode as _, createVNode as z, mergeProps as N, Fragment as X, toValue as Y, getCurrentInstance as Z, ref as E, Comment as ee, cloneVNode as te, h as A, useSlots as ne, mergeModels as O, useModel as se, useAttrs as le, createSlots as oe, createTextVNode as T, toDisplayString as q, resolveDynamicComponent as M, watch as ae } from "vue";
+const re = "_loader_tpkd0_11", ce = "_circle_tpkd0_17", ie = "_white_tpkd0_24", ue = "_black_tpkd0_28", de = "_s_tpkd0_32", _e = "_m_tpkd0_37", me = "_l_tpkd0_11", fe = "_spinner_tpkd0_47", C = {
   loader: re,
   circle: ce,
   "loader-animation": "_loader-animation_tpkd0_1",
@@ -9,8 +9,8 @@ const re = "_loader_tpkd0_11", ce = "_circle_tpkd0_17", ie = "_white_tpkd0_24",
   s: de,
   m: _e,
   l: me,
-  spinner: pe
-}, be = /* @__PURE__ */ b({
+  spinner: fe
+}, be = /* @__PURE__ */ y({
   name: "UiLoader",
   __name: "loader",
   props: {
@@ -19,17 +19,17 @@ const re = "_loader_tpkd0_11", ce = "_circle_tpkd0_17", ie = "_white_tpkd0_24",
     color: {}
   },
   setup(e) {
-    const t = e, { size: n, color: s } = J(t), l = d(() => n?.value ?? "l"), c = d(() => s?.value ?? "black"), _ = d(() => [
+    const t = e, { size: n, color: s } = J(t), l = i(() => n?.value ?? "l"), d = i(() => s?.value ?? "black"), u = i(() => [
       C.loader,
       C[l.value],
-      C[c.value],
+      C[d.value],
       C.circle
     ]);
-    return (u, w) => (a(), m("span", {
-      class: r([o(C).spinner, _.value])
+    return (b, w) => (a(), m("span", {
+      class: r([o(C).spinner, u.value])
     }, null, 2));
   }
-}), fe = ["aria-label", "width", "height"], ye = ["xlink:href"], ke = /* @__PURE__ */ b({
+}), pe = ["aria-label", "width", "height"], ye = ["xlink:href"], ke = /* @__PURE__ */ y({
   name: "UiIcon",
   __name: "icon",
   props: {
@@ -38,14 +38,14 @@ const re = "_loader_tpkd0_11", ce = "_circle_tpkd0_17", ie = "_white_tpkd0_24",
     block: { type: Boolean }
   },
   setup(e) {
-    const t = e, n = d(() => {
+    const t = e, n = i(() => {
       const l = t?.name?.match(/(\d+)$/);
       return l ? Number.parseInt(l[1], 10) : 16;
-    }), s = d(() => {
+    }), s = i(() => {
       const l = {};
       return t.color && (l.color = t.color), t.block && (l.display = "block"), l;
     });
-    return (l, c) => (a(), m("svg", {
+    return (l, d) => (a(), m("svg", {
       class: r(l.$style.icon),
       "aria-label": l.name,
       style: Q(s.value),
@@ -53,10 +53,10 @@ const re = "_loader_tpkd0_11", ce = "_circle_tpkd0_17", ie = "_white_tpkd0_24",
       width: n.value,
       height: n.value
     }, [
-      j("use", {
+      L("use", {
         "xlink:href": `#${l.name}`
       }, null, 8, ye)
-    ], 14, fe));
+    ], 14, pe));
   }
 }), ge = "_icon_1p8iz_2", he = {
   icon: ge
@@ -67,7 +67,7 @@ const re = "_loader_tpkd0_11", ce = "_circle_tpkd0_17", ie = "_white_tpkd0_24",
   return n;
 }, $e = {
   $style: he
-}, x = /* @__PURE__ */ ve(ke, [["__cssModules", $e]]), hn = async () => {
+}, $ = /* @__PURE__ */ ve(ke, [["__cssModules", $e]]), $n = async () => {
   if (!(typeof document > "u") && !document.getElementById("__svg-sprite__"))
     try {
       const t = `
@@ -79,32 +79,50 @@ const re = "_loader_tpkd0_11", ce = "_circle_tpkd0_17", ie = "_white_tpkd0_24",
     } catch (e) {
       console.error("Failed to load SVG sprite:", e);
     }
-}, xe = "_button_mb1r2_1", we = "_disabled_mb1r2_1", Ce = "_loading_mb1r2_1", Te = "_loader_mb1r2_1", qe = "_content_mb1r2_1", Ie = "_dropDown_mb1r2_1", Se = "_s_mb1r2_2", Be = "_xs_mb1r2_1", Ue = "_square_mb1r2_1", je = "_circle_mb1r2_1", Le = "_m_mb1r2_1", Ne = "_l_mb1r2_1", ze = "_primary_mb1r2_1", Ee = "_secondary_mb1r2_1", Ae = "_accent_mb1r2_1", Me = "_danger_mb1r2_1", Ve = "_jobsites_mb1r2_1", Oe = "_ghost_mb1r2_1", g = {
+}, xe = "_button_mb1r2_1", we = "_disabled_mb1r2_1", Be = "_loading_mb1r2_1", Ce = "_loader_mb1r2_1", Te = "_content_mb1r2_1", qe = "_dropDown_mb1r2_1", Ie = "_s_mb1r2_2", Se = "_xs_mb1r2_1", Ue = "_square_mb1r2_1", je = "_circle_mb1r2_1", Le = "_m_mb1r2_1", ze = "_l_mb1r2_1", Ne = "_primary_mb1r2_1", Ae = "_secondary_mb1r2_1", Ee = "_accent_mb1r2_1", Me = "_danger_mb1r2_1", Ve = "_jobsites_mb1r2_1", Oe = "_ghost_mb1r2_1", v = {
   button: xe,
   disabled: we,
-  loading: Ce,
-  loader: Te,
-  content: qe,
-  dropDown: Ie,
-  s: Se,
-  xs: Be,
+  loading: Be,
+  loader: Ce,
+  content: Te,
+  dropDown: qe,
+  s: Ie,
+  xs: Se,
   square: Ue,
   circle: je,
   m: Le,
-  l: Ne,
-  primary: ze,
-  secondary: Ee,
-  accent: Ae,
+  l: ze,
+  primary: Ne,
+  secondary: Ae,
+  accent: Ee,
   danger: Me,
   jobsites: Ve,
   ghost: Oe,
   "ghost-danger": "_ghost-danger_mb1r2_1"
-}, Pe = ["name", "type", "disabled"], P = /* @__PURE__ */ b({
+}, Pe = ["href"], De = ["disabled"], Re = /* @__PURE__ */ y({
+  __name: "tag-variant",
+  props: {
+    to: {},
+    disabled: { type: Boolean }
+  },
+  setup(e) {
+    return (t, n) => t.to && !t.disabled ? (a(), m("a", {
+      key: 0,
+      href: t.to
+    }, [
+      p(t.$slots, "default")
+    ], 8, Pe)) : (a(), m("button", {
+      key: 1,
+      disabled: t.disabled
+    }, [
+      p(t.$slots, "default")
+    ], 8, De));
+  }
+}), R = /* @__PURE__ */ y({
   name: "UiButton",
   __name: "button",
   props: {
     size: { default: "s" },
-    className: { default: "" },
     type: { default: "primary" },
     disabled: { type: Boolean, default: !1 },
     loading: { type: Boolean, default: !1 },
@@ -113,7 +131,10 @@ const re = "_loader_tpkd0_11", ce = "_circle_tpkd0_17", ie = "_white_tpkd0_24",
     name: {},
     circle: { type: Boolean, default: !1 },
     bordered: { type: Boolean, default: !1 },
-    htmlType: { default: "button" }
+    htmlType: { default: "button" },
+    to: {},
+    iconBefore: {},
+    iconAfter: {}
   },
   emits: ["click"],
   setup(e, { emit: t }) {
@@ -125,65 +146,88 @@ const re = "_loader_tpkd0_11", ce = "_circle_tpkd0_17", ie = "_white_tpkd0_24",
       jobsites: "white",
       ghost: "black",
       "ghost-danger": "black"
-    }, l = d(() => [
-      g.button,
-      g[e.size],
-      g[e.type],
-      e.circle ? g.circle : g.square,
+    }, l = i(() => [
+      v.button,
+      v[e.size],
+      v[e.type],
+      e.circle ? v.circle : v.square,
       {
-        [g.disabled]: e.disabled,
-        [g.loading]: e.loading,
-        [g.active]: e.active,
-        [g.bordered]: e.bordered
-      },
-      e.className
-    ]), c = d(() => s[e.type] || "white"), _ = (u) => {
-      n("click", u);
+        [v.disabled]: e.disabled,
+        [v.loading]: e.loading,
+        [v.active]: e.active,
+        [v.bordered]: e.bordered
+      }
+    ]), d = i(() => s[e.type] || "white"), u = i(() => {
+      if (!e.iconBefore)
+        return;
+      const f = e.size === "xs" ? "18" : "20";
+      return `${e.iconBefore}-${f}`;
+    }), b = i(() => {
+      if (!e.iconAfter)
+        return;
+      const f = e.size === "xs" ? "18" : "20";
+      return `${e.iconAfter}-${f}`;
+    }), w = (f) => {
+      n("click", f);
     };
-    return (u, w) => (a(), m("button", {
-      name: u.name,
+    return (f, V) => (a(), k(Re, {
+      to: f.to,
+      name: f.name,
       class: r(l.value),
-      type: u.htmlType,
-      disabled: u.disabled || u.loading,
-      onClick: _
-    }, [
-      u.loading ? (a(), m("div", {
-        key: 0,
-        class: r(o(g).loader)
-      }, [
-        L(o(be), {
-          size: "s",
-          color: c.value
-        }, null, 8, ["color"])
-      ], 2)) : p("", !0),
-      u.$slots.before ? f(u.$slots, "before", { key: 1 }) : p("", !0),
-      u.$slots.default ? (a(), m("span", {
-        key: 2,
-        class: r(o(g).content)
-      }, [
-        f(u.$slots, "default")
-      ], 2)) : p("", !0),
-      u.$slots.after ? f(u.$slots, "after", { key: 3 }) : p("", !0),
-      u.dropdown ? (a(), k(o(x), {
-        key: 4,
-        class: r(o(g).dropDown),
-        name: "chevron-down-16"
-      }, null, 8, ["class"])) : p("", !0)
-    ], 10, Pe));
+      type: f.htmlType,
+      disabled: f.disabled || f.loading,
+      onClick: w
+    }, {
+      default: h(() => [
+        f.loading ? (a(), m("div", {
+          key: 0,
+          class: r(o(v).loader)
+        }, [
+          z(o(be), {
+            size: "s",
+            color: d.value
+          }, null, 8, ["color"])
+        ], 2)) : _("", !0),
+        f.$slots.before || u.value ? p(f.$slots, "before", { key: 1 }, () => [
+          u.value ? (a(), k(o($), {
+            key: 0,
+            name: u.value
+          }, null, 8, ["name"])) : _("", !0)
+        ]) : _("", !0),
+        f.$slots.default ? (a(), m("span", {
+          key: 2,
+          class: r(o(v).content)
+        }, [
+          p(f.$slots, "default")
+        ], 2)) : _("", !0),
+        f.$slots.after || b.value ? p(f.$slots, "after", { key: 3 }, () => [
+          b.value ? (a(), k(o($), {
+            key: 0,
+            name: b.value
+          }, null, 8, ["name"])) : _("", !0)
+        ]) : _("", !0),
+        f.dropdown ? (a(), k(o($), {
+          key: 4,
+          class: r(o(v).dropDown),
+          name: "chevron-down-16"
+        }, null, 8, ["class"])) : _("", !0)
+      ]),
+      _: 3
+    }, 8, ["to", "name", "class", "type", "disabled"]));
   }
-}), De = "_s_o7jd7_9", Re = "_xs_o7jd7_14", We = "_m_o7jd7_20", Fe = "_l_o7jd7_25", He = "_button_o7jd7_31", V = {
-  s: De,
-  xs: Re,
-  m: We,
-  l: Fe,
-  button: He
-}, vn = /* @__PURE__ */ b({
+}), We = "_s_o7jd7_9", Fe = "_xs_o7jd7_14", He = "_m_o7jd7_20", Ge = "_l_o7jd7_25", Ke = "_button_o7jd7_31", P = {
+  s: We,
+  xs: Fe,
+  m: He,
+  l: Ge,
+  button: Ke
+}, xn = /* @__PURE__ */ y({
   name: "UiButtonIcon",
   __name: "button-icon",
   props: {
-    icon: { default: "" },
+    icon: {},
     size: { default: "m" },
-    className: { default: "" },
+    className: {},
     type: { default: "primary" },
     disabled: { type: Boolean, default: !1 },
     loading: { type: Boolean, default: !1 },
@@ -194,16 +238,13 @@ const re = "_loader_tpkd0_11", ce = "_circle_tpkd0_17", ie = "_white_tpkd0_24",
   },
   emits: ["click"],
   setup(e) {
-    const t = d(() => [
-      V.button,
-      V[e.size],
-      e.className
-    ]), n = d(() => {
-      if (!e.icon)
-        return "";
-      const c = e.size === "xs" ? "18" : "20";
-      return e.icon.replace(/-?\d*$/, `-${c}`);
-    }), s = d(() => e.size === "xs" || e.circle), l = d(() => ({
+    const t = i(() => [
+      P.button,
+      P[e.size]
+    ]), n = i(() => {
+      const d = e.size === "xs" ? "18" : "20";
+      return `${e.icon}-${d}`;
+    }), s = i(() => e.size === "xs" || e.circle), l = i(() => ({
       size: e.size,
       type: e.type,
       disabled: e.disabled,
@@ -212,20 +253,20 @@ const re = "_loader_tpkd0_11", ce = "_circle_tpkd0_17", ie = "_white_tpkd0_24",
       circle: s.value,
       bordered: e.bordered
     }));
-    return (c, _) => (a(), k(o(P), N({ class: t.value }, l.value, {
+    return (d, u) => (a(), k(o(R), N({ class: t.value }, l.value, {
       "html-type": "button",
-      onClick: _[0] || (_[0] = (u) => c.$emit("click"))
+      onClick: u[0] || (u[0] = (b) => d.$emit("click"))
     }), {
       before: h(() => [
-        L(o(x), { name: n.value }, null, 8, ["name"])
+        z(o($), { name: n.value }, null, 8, ["name"])
       ]),
       _: 1
     }, 16, ["class"]));
   }
-}), Ge = "_button_cmm43_1", Ke = "_lock_cmm43_30", O = {
-  button: Ge,
-  lock: Ke
-}, Je = ["disabled"], $n = /* @__PURE__ */ b({
+}), Je = "_button_cmm43_1", Qe = "_lock_cmm43_30", D = {
+  button: Je,
+  lock: Qe
+}, Xe = ["disabled"], wn = /* @__PURE__ */ y({
   name: "UiButtonLink",
   __name: "button-link",
   props: {
@@ -235,84 +276,84 @@ const re = "_loader_tpkd0_11", ce = "_circle_tpkd0_17", ie = "_white_tpkd0_24",
   emits: ["click"],
   setup(e) {
     return (t, n) => (a(), m("button", {
-      class: r(o(O).button),
+      class: r(o(D).button),
       type: "button",
       disabled: t.lock,
       onClick: n[0] || (n[0] = (s) => t.$emit("click"))
     }, [
-      t.lock ? (a(), k(o(x), {
+      t.lock ? (a(), k(o($), {
         key: 0,
         name: "lock-color-16",
-        class: r(o(O).lock)
-      }, null, 8, ["class"])) : p("", !0),
-      t.icon ? (a(), k(o(x), {
+        class: r(o(D).lock)
+      }, null, 8, ["class"])) : _("", !0),
+      t.icon ? (a(), k(o($), {
         key: 1,
         name: "plus-18"
-      })) : p("", !0),
-      f(t.$slots, "default")
-    ], 10, Je));
+      })) : _("", !0),
+      p(t.$slots, "default")
+    ], 10, Xe));
   }
 });
-function D(e) {
-  return e ? e.flatMap((t) => t.type === X ? D(t.children) : [t]) : [];
+function W(e) {
+  return e ? e.flatMap((t) => t.type === X ? W(t.children) : [t]) : [];
 }
-function Qe(e) {
+function Ye(e) {
   var t;
   const n = Y(e);
   return (t = n?.$el) != null ? t : n;
 }
-function Xe() {
-  const e = Z(), t = E(), n = d(() => ["#text", "#comment"].includes(t.value?.$el.nodeName) ? t.value?.$el.nextElementSibling : Qe(t)), s = Object.assign({}, e.exposed), l = {};
-  for (const _ in e.props) Object.defineProperty(l, _, {
+function Ze() {
+  const e = Z(), t = E(), n = i(() => ["#text", "#comment"].includes(t.value?.$el.nodeName) ? t.value?.$el.nextElementSibling : Ye(t)), s = Object.assign({}, e.exposed), l = {};
+  for (const u in e.props) Object.defineProperty(l, u, {
     enumerable: !0,
     configurable: !0,
-    get: () => e.props[_]
+    get: () => e.props[u]
   });
-  if (Object.keys(s).length > 0) for (const _ in s) Object.defineProperty(l, _, {
+  if (Object.keys(s).length > 0) for (const u in s) Object.defineProperty(l, u, {
     enumerable: !0,
     configurable: !0,
-    get: () => s[_]
+    get: () => s[u]
   });
   Object.defineProperty(l, "$el", {
     enumerable: !0,
     configurable: !0,
     get: () => e.vnode.el
   }), e.exposed = l;
-  function c(_) {
-    t.value = _, _ && (Object.defineProperty(l, "$el", {
+  function d(u) {
+    t.value = u, u && (Object.defineProperty(l, "$el", {
       enumerable: !0,
       configurable: !0,
-      get: () => _ instanceof Element ? _ : _.$el
+      get: () => u instanceof Element ? u : u.$el
     }), e.exposed = l);
   }
   return {
-    forwardRef: c,
+    forwardRef: d,
     currentRef: t,
     currentElement: n
   };
 }
-const Ye = b({
+const et = y({
   name: "PrimitiveSlot",
   inheritAttrs: !1,
   setup(e, { attrs: t, slots: n }) {
     return () => {
       if (!n.default) return null;
-      const s = D(n.default()), l = s.findIndex((w) => w.type !== ee);
+      const s = W(n.default()), l = s.findIndex((w) => w.type !== ee);
       if (l === -1) return s;
-      const c = s[l];
-      delete c.props?.ref;
-      const _ = c.props ? N(t, c.props) : t, u = te({
-        ...c,
+      const d = s[l];
+      delete d.props?.ref;
+      const u = d.props ? N(t, d.props) : t, b = te({
+        ...d,
         props: {}
-      }, _);
-      return s.length === 1 ? u : (s[l] = u, s);
+      }, u);
+      return s.length === 1 ? b : (s[l] = b, s);
     };
   }
-}), Ze = [
+}), tt = [
   "area",
   "img",
   "input"
-], et = b({
+], nt = y({
   name: "Primitive",
   inheritAttrs: !1,
   props: {
@@ -327,10 +368,10 @@ const Ye = b({
   },
   setup(e, { attrs: t, slots: n }) {
     const s = e.asChild ? "template" : e.as;
-    return typeof s == "string" && Ze.includes(s) ? () => z(s, t) : s !== "template" ? () => z(e.as, t, { default: n.default }) : () => z(Ye, t, { default: n.default });
+    return typeof s == "string" && tt.includes(s) ? () => A(s, t) : s !== "template" ? () => A(e.as, t, { default: n.default }) : () => A(et, t, { default: n.default });
   }
 });
-var tt = /* @__PURE__ */ b({
+var st = /* @__PURE__ */ y({
   __name: "Label",
   props: {
     for: {
@@ -349,109 +390,109 @@ var tt = /* @__PURE__ */ b({
   },
   setup(e) {
     const t = e;
-    return Xe(), (n, s) => (a(), k(o(et), N(t, { onMousedown: s[0] || (s[0] = (l) => {
+    return Ze(), (n, s) => (a(), k(o(nt), N(t, { onMousedown: s[0] || (s[0] = (l) => {
       !l.defaultPrevented && l.detail > 1 && l.preventDefault();
     }) }), {
-      default: h(() => [f(n.$slots, "default")]),
+      default: h(() => [p(n.$slots, "default")]),
       _: 3
     }, 16));
   }
-}), nt = tt;
-const st = "_label_1ic51_1", lt = {
-  label: st
-}, ot = /* @__PURE__ */ b({
+}), lt = st;
+const ot = "_label_1ic51_1", at = {
+  label: ot
+}, rt = /* @__PURE__ */ y({
   name: "UiLabel",
   __name: "label",
   props: {
     className: {}
   },
   setup(e) {
-    const t = e, n = d(() => [
-      lt.label,
+    const t = e, n = i(() => [
+      at.label,
       t.className
     ]);
-    return (s, l) => (a(), k(o(nt), {
+    return (s, l) => (a(), k(o(lt), {
       class: r(n.value)
     }, {
       default: h(() => [
-        f(s.$slots, "default")
+        p(s.$slots, "default")
       ]),
       _: 3
     }, 8, ["class"]));
   }
-}), at = "_content_1g21n_1", rt = "_label_1g21n_12", ct = "_header_1g21n_21", it = "_headerWrapper_1g21n_29", ut = "_title_1g21n_36", dt = "_subTitleRow_1g21n_44", _t = "_subTitle_1g21n_44", mt = "_link_1g21n_56", pt = "_linkUpper_1g21n_73", v = {
-  content: at,
-  label: rt,
-  header: ct,
-  headerWrapper: it,
-  title: ut,
-  subTitleRow: dt,
-  subTitle: _t,
-  link: mt,
+}), ct = "_content_1g21n_1", it = "_label_1g21n_12", ut = "_header_1g21n_21", dt = "_headerWrapper_1g21n_29", _t = "_title_1g21n_36", mt = "_subTitleRow_1g21n_44", ft = "_subTitle_1g21n_44", bt = "_link_1g21n_56", pt = "_linkUpper_1g21n_73", x = {
+  content: ct,
+  label: it,
+  header: ut,
+  headerWrapper: dt,
+  title: _t,
+  subTitleRow: mt,
+  subTitle: ft,
+  link: bt,
   linkUpper: pt
-}, bt = /* @__PURE__ */ b({
+}, yt = /* @__PURE__ */ y({
   name: "UiLabelContent",
   __name: "label-content",
   emits: ["click"],
   setup(e) {
-    const t = ne(), n = d(() => t.header || t.title || t.subTitle), s = d(() => !t.title && !t.subTitle), l = d(
-      () => [v.link, s.value && v.linkUpper].filter(Boolean)
+    const t = ne(), n = i(() => t.header || t.default || t.subTitle), s = i(() => !t.default && !t.subTitle), l = i(
+      () => [x.link, s.value && x.linkUpper].filter(Boolean)
     );
-    return (c, _) => (a(), m("div", {
-      class: r(o(v).content)
+    return (d, u) => (a(), m("div", {
+      class: r(o(x).content)
     }, [
       n.value ? (a(), m("span", {
         key: 0,
-        class: r(o(v).headerWrapper)
+        class: r(o(x).headerWrapper)
       }, [
-        c.$slots.header ? (a(), m("span", {
+        o(t).header ? (a(), m("span", {
           key: 0,
-          class: r(o(v).header)
+          class: r(o(x).header)
         }, [
-          f(c.$slots, "header")
-        ], 2)) : p("", !0),
-        c.$slots.title ? (a(), m("span", {
+          p(d.$slots, "header")
+        ], 2)) : _("", !0),
+        o(t).default ? (a(), m("span", {
           key: 1,
-          class: r(o(v).title)
+          class: r(o(x).title)
         }, [
-          f(c.$slots, "default")
-        ], 2)) : p("", !0),
-        c.$slots.subTitle ? (a(), m("span", {
+          p(d.$slots, "default")
+        ], 2)) : _("", !0),
+        o(t).subTitle ? (a(), m("span", {
           key: 2,
-          class: r(o(v).subTitleRow)
+          class: r(o(x).subTitleRow)
         }, [
-          j("span", {
-            class: r(o(v).subTitle)
+          L("span", {
+            class: r(o(x).subTitle)
           }, [
-            f(c.$slots, "subTitle")
+            p(d.$slots, "subTitle")
           ], 2)
-        ], 2)) : p("", !0)
-      ], 2)) : p("", !0),
-      c.$slots.link ? (a(), m("span", {
+        ], 2)) : _("", !0)
+      ], 2)) : _("", !0),
+      o(t).link ? (a(), m("span", {
         key: 1,
         class: r(l.value),
-        onClick: _[0] || (_[0] = (u) => c.$emit("click"))
+        onClick: u[0] || (u[0] = (b) => d.$emit("click"))
       }, [
-        f(c.$slots, "link")
-      ], 2)) : p("", !0)
+        p(d.$slots, "link")
+      ], 2)) : _("", !0)
     ], 2));
   }
-}), ft = "_wrapper_1qwte_1", yt = "_input_1qwte_8", kt = "_error_1qwte_38", gt = "_description_1qwte_51", ht = "_descriptionText_1qwte_62", vt = "_errorText_1qwte_66", $t = "_inputWrapper_1qwte_70", xt = "_leftSpace_1qwte_74", wt = "_rightSpace_1qwte_78", Ct = "_leftIcon_1qwte_82", Tt = "_rightIcon_1qwte_83", y = {
-  wrapper: ft,
-  input: yt,
-  error: kt,
-  description: gt,
-  descriptionText: ht,
-  errorText: vt,
-  inputWrapper: $t,
-  leftSpace: xt,
-  rightSpace: wt,
-  leftIcon: Ct,
-  rightIcon: Tt
-}, qt = ["id", "value", "name", "type", "disabled", "placeholder", "aria-invalid"], It = ["innerHTML"], St = ["innerHTML"], xn = /* @__PURE__ */ b({
+}), kt = "_wrapper_1qwte_1", gt = "_input_1qwte_8", ht = "_error_1qwte_38", vt = "_description_1qwte_51", $t = "_descriptionText_1qwte_62", xt = "_errorText_1qwte_66", wt = "_inputWrapper_1qwte_70", Bt = "_leftSpace_1qwte_74", Ct = "_rightSpace_1qwte_78", Tt = "_leftIcon_1qwte_82", qt = "_rightIcon_1qwte_83", g = {
+  wrapper: kt,
+  input: gt,
+  error: ht,
+  description: vt,
+  descriptionText: $t,
+  errorText: xt,
+  inputWrapper: wt,
+  leftSpace: Bt,
+  rightSpace: Ct,
+  leftIcon: Tt,
+  rightIcon: qt
+}, It = ["id", "value", "name", "type", "disabled", "placeholder", "aria-invalid"], St = ["innerHTML"], Ut = ["innerHTML"], Bn = /* @__PURE__ */ y({
   name: "UiInput",
   __name: "input",
-  props: /* @__PURE__ */ M({
+  props: /* @__PURE__ */ O({
     type: { default: "text" },
     id: {},
     name: {},
@@ -471,121 +512,121 @@ const st = "_label_1ic51_1", lt = {
     modelValue: { type: String },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ M(["update:modelValue", "inputValue", "enter", "clickLink", "clickIcon", "click", "focus", "blur"], ["update:modelValue"]),
+  emits: /* @__PURE__ */ O(["update:modelValue", "inputValue", "enter", "clickLink", "clickIcon", "click", "focus", "blur"], ["update:modelValue"]),
   setup(e, { emit: t }) {
-    const n = t, s = se(e, "modelValue"), l = le(), c = d(() => [
-      y.input,
+    const n = t, s = se(e, "modelValue"), l = le(), d = i(() => [
+      g.input,
       {
-        [y.disabled]: e.disabled,
-        [y.error]: e.error,
-        [y.loading]: e.loading,
-        [y.leftSpace]: !!e.leftIcon,
-        [y.rightSpace]: !!e.rightIcon
+        [g.disabled]: e.disabled,
+        [g.error]: e.error,
+        [g.loading]: e.loading,
+        [g.leftSpace]: !!e.leftIcon,
+        [g.rightSpace]: !!e.rightIcon
       },
       e.className
-    ]), _ = d(() => e.header || e.title || e.subTitle || e.link), u = d(() => e.description || e.error), w = (i) => {
-      i.key === "Enter" && n("enter");
-    }, R = (i) => {
-      n("update:modelValue", i.target.value), n("inputValue", i.target.value);
-    }, W = () => n("focus"), F = () => n("blur"), H = () => n("clickLink"), G = () => n("click"), K = (i) => {
-      i.preventDefault(), n("clickIcon");
+    ]), u = i(() => e.header || e.title || e.subTitle || e.link), b = i(() => e.description || e.error), w = (c) => {
+      c.key === "Enter" && n("enter");
+    }, f = (c) => {
+      n("update:modelValue", c.target.value), n("inputValue", c.target.value);
+    }, V = () => n("focus"), F = () => n("blur"), H = () => n("clickLink"), G = () => n("click"), K = (c) => {
+      c.preventDefault(), n("clickIcon");
     };
-    return (i, kn) => (a(), m("div", {
-      class: r(o(y).wrapper)
+    return (c, hn) => (a(), m("div", {
+      class: r(o(g).wrapper)
     }, [
-      _.value ? (a(), k(o(ot), {
+      u.value ? (a(), k(o(rt), {
         key: 0,
-        for: i.id,
+        for: c.id,
         onClick: H
       }, {
         default: h(() => [
-          L(o(bt), null, oe({
+          z(o(yt), null, oe({
             default: h(() => [
-              T(" " + q(i.title) + " ", 1)
+              T(" " + q(c.title) + " ", 1)
             ]),
             _: 2
           }, [
-            i.header ? {
+            c.header ? {
               name: "header",
               fn: h(() => [
-                T(q(i.header), 1)
+                T(q(c.header), 1)
               ]),
               key: "0"
             } : void 0,
-            i.subTitle ? {
+            c.subTitle ? {
               name: "subTitle",
               fn: h(() => [
-                T(q(i.subTitle), 1)
+                T(q(c.subTitle), 1)
               ]),
               key: "1"
             } : void 0,
-            i.link ? {
+            c.link ? {
               name: "link",
               fn: h(() => [
-                T(q(i.link), 1)
+                T(q(c.link), 1)
               ]),
               key: "2"
             } : void 0
           ]), 1024)
         ]),
         _: 1
-      }, 8, ["for"])) : p("", !0),
-      j("div", {
-        class: r(o(y).inputWrapper)
+      }, 8, ["for"])) : _("", !0),
+      L("div", {
+        class: r(o(g).inputWrapper)
       }, [
-        i.leftIcon ? (a(), k(o(x), {
+        c.leftIcon ? (a(), k(o($), {
           key: 0,
-          name: i.leftIcon,
-          class: r(o(y).leftIcon)
-        }, null, 8, ["name", "class"])) : p("", !0),
-        j("input", N({
-          id: i.id,
+          name: c.leftIcon,
+          class: r(o(g).leftIcon)
+        }, null, 8, ["name", "class"])) : _("", !0),
+        L("input", N({
+          id: c.id,
           value: s.value,
-          name: i.name,
-          type: i.type,
-          disabled: i.disabled || i.loading,
-          placeholder: i.placeholder,
-          class: c.value,
-          "aria-invalid": !!i.error
+          name: c.name,
+          type: c.type,
+          disabled: c.disabled || c.loading,
+          placeholder: c.placeholder,
+          class: d.value,
+          "aria-invalid": !!c.error
         }, o(l), {
-          onInput: R,
+          onInput: f,
           onKeydown: w,
-          onFocus: W,
+          onFocus: V,
           onBlur: F,
           onClick: G
-        }), null, 16, qt),
-        i.rightIcon ? (a(), k(o(x), {
+        }), null, 16, It),
+        c.rightIcon ? (a(), k(o($), {
           key: 1,
-          name: i.rightIcon,
-          class: r(o(y).rightIcon),
+          name: c.rightIcon,
+          class: r(o(g).rightIcon),
           onClick: K
-        }, null, 8, ["name", "class"])) : p("", !0)
+        }, null, 8, ["name", "class"])) : _("", !0)
       ], 2),
-      u.value ? (a(), m("div", {
+      b.value ? (a(), m("div", {
         key: 1,
-        class: r(o(y).description)
+        class: r(o(g).description)
       }, [
-        i.error ? (a(), m("div", {
+        c.error ? (a(), m("div", {
           key: 0,
-          class: r(o(y).errorText),
-          innerHTML: i.error
-        }, null, 10, It)) : p("", !0),
-        i.description ? (a(), m("div", {
+          class: r(o(g).errorText),
+          innerHTML: c.error
+        }, null, 10, St)) : _("", !0),
+        c.description ? (a(), m("div", {
           key: 1,
-          class: r(o(y).descriptionText),
-          innerHTML: i.description
-        }, null, 10, St)) : p("", !0)
-      ], 2)) : p("", !0)
+          class: r(o(g).descriptionText),
+          innerHTML: c.description
+        }, null, 10, Ut)) : _("", !0)
+      ], 2)) : _("", !0)
     ], 2));
   }
-}), Bt = "_plank_1yp3k_1", Ut = "_accent_1yp3k_26", jt = "_danger_1yp3k_32", Lt = "_text_1yp3k_38", Nt = "_icon_1yp3k_42", I = {
-  plank: Bt,
+}), jt = "_plank_1yp3k_1", Lt = "_accent_1yp3k_26", zt = "_danger_1yp3k_32", Nt = "_text_1yp3k_38", At = "_icon_1yp3k_42", I = {
+  plank: jt,
   default: "_default_1yp3k_20",
-  accent: Ut,
-  danger: jt,
-  text: Lt,
-  icon: Nt
-}, wn = /* @__PURE__ */ b({
+  accent: Lt,
+  danger: zt,
+  text: Nt,
+  icon: At
+}, Cn = /* @__PURE__ */ y({
   name: "UiPlank",
   __name: "plank",
   props: {
@@ -595,7 +636,7 @@ const st = "_label_1ic51_1", lt = {
   },
   emits: ["click"],
   setup(e) {
-    const t = d(() => [
+    const t = i(() => [
       I.plank,
       I[e.type]
     ]);
@@ -606,15 +647,15 @@ const st = "_label_1ic51_1", lt = {
         key: 0,
         class: r(o(I).icon)
       }, [
-        L(o(x), { name: n.icon }, null, 8, ["name"])
-      ], 2)) : p("", !0),
+        z(o($), { name: n.icon }, null, 8, ["name"])
+      ], 2)) : _("", !0),
       n.$slots.default ? (a(), m("div", {
         key: 1,
         class: r(o(I).text)
       }, [
-        f(n.$slots, "default")
-      ], 2)) : p("", !0),
-      n.label ? (a(), k(o(P), {
+        p(n.$slots, "default")
+      ], 2)) : _("", !0),
+      n.label ? (a(), k(o(R), {
         key: 2,
         size: "xs",
         type: "secondary",
@@ -624,16 +665,16 @@ const st = "_label_1ic51_1", lt = {
           T(q(n.label), 1)
         ]),
         _: 1
-      })) : p("", !0)
+      })) : _("", !0)
     ], 2));
   }
-}), zt = "_text_1sbhq_1", Et = "_primary_1sbhq_10", At = "_secondary_1sbhq_16", Mt = "_accent_1sbhq_22", Vt = "_subtitle_1sbhq_28", Ot = "_medium_1sbhq_34", S = {
-  text: zt,
-  primary: Et,
-  secondary: At,
-  accent: Mt,
-  subtitle: Vt,
-  medium: Ot,
+}), Et = "_text_1sbhq_1", Mt = "_primary_1sbhq_10", Vt = "_secondary_1sbhq_16", Ot = "_accent_1sbhq_22", Pt = "_subtitle_1sbhq_28", Dt = "_medium_1sbhq_34", S = {
+  text: Et,
+  primary: Mt,
+  secondary: Vt,
+  accent: Ot,
+  subtitle: Pt,
+  medium: Dt,
   "color-main": "_color-main_1sbhq_38",
   "color-secondary": "_color-secondary_1sbhq_42",
   "color-semilight": "_color-semilight_1sbhq_46",
@@ -641,7 +682,7 @@ const st = "_label_1ic51_1", lt = {
   "color-invert": "_color-invert_1sbhq_54",
   "color-danger": "_color-danger_1sbhq_58",
   "color-success": "_color-success_1sbhq_62"
-}, Cn = /* @__PURE__ */ b({
+}, Tn = /* @__PURE__ */ y({
   name: "UiText",
   __name: "text",
   props: {
@@ -651,25 +692,25 @@ const st = "_label_1ic51_1", lt = {
     color: {}
   },
   setup(e) {
-    const t = d(() => [
+    const t = i(() => [
       S.text,
       S[e.kind],
       e.weight && S[e.weight],
       e.color && S[`color-${e.color}`]
     ]);
-    return (n, s) => (a(), k(A(n.tagName), {
+    return (n, s) => (a(), k(M(n.tagName), {
       class: r(t.value)
     }, {
       default: h(() => [
-        f(n.$slots, "default")
+        p(n.$slots, "default")
       ]),
       _: 3
     }, 8, ["class"]));
   }
-}), Pt = "_title_1m0wo_1", Dt = "_medium_1m0wo_15", B = {
-  title: Pt,
+}), Rt = "_title_1m0wo_1", Wt = "_medium_1m0wo_15", U = {
+  title: Rt,
   "level-1": "_level-1_1m0wo_10",
-  medium: Dt,
+  medium: Wt,
   "level-2": "_level-2_1m0wo_20",
   "level-3": "_level-3_1m0wo_30",
   "level-4": "_level-4_1m0wo_40",
@@ -680,7 +721,7 @@ const st = "_label_1ic51_1", lt = {
   "color-invert": "_color-invert_1m0wo_66",
   "color-danger": "_color-danger_1m0wo_70",
   "color-success": "_color-success_1m0wo_74"
-}, Tn = /* @__PURE__ */ b({
+}, qn = /* @__PURE__ */ y({
   name: "UiTitle",
   __name: "title",
   props: {
@@ -690,54 +731,54 @@ const st = "_label_1ic51_1", lt = {
     color: {}
   },
   setup(e) {
-    const t = e, n = d(() => [
-      B.title,
-      B[`level-${t.level ?? 1}`],
+    const t = e, n = i(() => [
+      U.title,
+      U[`level-${t.level ?? 1}`],
       t.className,
-      t.weight && B[t.weight],
-      t.color && B[`color-${t.color}`]
-    ]), s = d(() => `h${t.level ?? 1}`);
-    return (l, c) => (a(), k(A(s.value), {
+      t.weight && U[t.weight],
+      t.color && U[`color-${t.color}`]
+    ]), s = i(() => `h${t.level ?? 1}`);
+    return (l, d) => (a(), k(M(s.value), {
       class: r(n.value)
     }, {
       default: h(() => [
-        f(l.$slots, "default")
+        p(l.$slots, "default")
       ]),
       _: 3
     }, 8, ["class"]));
   }
-}), Rt = "_error_lk2jx_1", Wt = {
-  error: Rt
-}, qn = /* @__PURE__ */ b({
+}), Ft = "_error_lk2jx_1", Ht = {
+  error: Ft
+}, In = /* @__PURE__ */ y({
   name: "UiError",
   __name: "error",
   props: {
     className: {}
   },
   setup(e) {
-    const t = e, n = d(() => [
-      Wt.error,
+    const t = e, n = i(() => [
+      Ht.error,
       t.className
     ]);
     return (s, l) => (a(), m("span", {
       class: r(n.value)
     }, [
-      f(s.$slots, "default")
+      p(s.$slots, "default")
     ], 2));
   }
-}), Ft = "_root_1tj1b_1", Ht = "_xxs_1tj1b_26", Gt = "_xs_1tj1b_30", Kt = "_s_1tj1b_16", Jt = "_m_1tj1b_38", Qt = "_l_1tj1b_42", Xt = "_square_1tj1b_45", Yt = "_xl_1tj1b_50", Zt = "_xxl_1tj1b_58", U = {
-  root: Ft,
+}), Gt = "_root_1tj1b_1", Kt = "_xxs_1tj1b_26", Jt = "_xs_1tj1b_30", Qt = "_s_1tj1b_16", Xt = "_m_1tj1b_38", Yt = "_l_1tj1b_42", Zt = "_square_1tj1b_45", en = "_xl_1tj1b_50", tn = "_xxl_1tj1b_58", j = {
+  root: Gt,
   default: "_default_1tj1b_14",
-  xxs: Ht,
-  xs: Gt,
-  s: Kt,
-  m: Jt,
-  l: Qt,
-  square: Xt,
-  xl: Yt,
-  xxl: Zt,
+  xxs: Kt,
+  xs: Jt,
+  s: Qt,
+  m: Xt,
+  l: Yt,
+  square: Zt,
+  xl: en,
+  xxl: tn,
   "3xl": "_3xl_1tj1b_66"
-}, en = ["src"], In = /* @__PURE__ */ b({
+}, nn = ["src"], Sn = /* @__PURE__ */ y({
   name: "UiAvatar",
   __name: "avatar",
   props: {
@@ -746,57 +787,57 @@ const st = "_label_1ic51_1", lt = {
     square: { type: Boolean, default: !1 }
   },
   setup(e) {
-    const t = E(!e.src), n = E(!1), s = d(() => e.src && !n.value), l = d(() => {
-      const u = !t.value || n.value || !e.src;
+    const t = E(!e.src), n = E(!1), s = i(() => e.src && !n.value), l = i(() => {
+      const b = !t.value || n.value || !e.src;
       return [
-        U.root,
-        U[e.size],
-        e.square && U.square,
-        u && U.default
+        j.root,
+        j[e.size],
+        e.square && j.square,
+        b && j.default
       ];
     });
     ae(
       () => e.src,
-      (u) => {
-        t.value = !u, n.value = !1;
+      (b) => {
+        t.value = !b, n.value = !1;
       },
       { immediate: !0 }
     );
-    function c() {
+    function d() {
       t.value = !0;
     }
-    function _() {
+    function u() {
       n.value = !0;
     }
-    return (u, w) => (a(), m("div", {
+    return (b, w) => (a(), m("div", {
       class: r(l.value)
     }, [
       s.value ? (a(), m("img", {
         key: 0,
-        src: u.src,
-        onLoad: c,
-        onError: _
-      }, null, 40, en)) : p("", !0),
-      f(u.$slots, "default")
+        src: b.src,
+        onLoad: d,
+        onError: u
+      }, null, 40, nn)) : _("", !0),
+      p(b.$slots, "default")
     ], 2));
   }
-}), tn = "_stack_1b4a2_1", nn = "_auto_1b4a2_9", sn = "_row_1b4a2_13", ln = "_reverse_1b4a2_16", on = "_column_1b4a2_21", an = "_full_1b4a2_30", rn = "_xxs_1b4a2_34", cn = "_xs_1b4a2_38", un = "_s_1b4a2_1", dn = "_m_1b4a2_46", _n = "_l_1b4a2_50", mn = "_xl_1b4a2_54", pn = "_xxl_1b4a2_58", bn = "_xxxl_1b4a2_62", fn = "_xxxxl_1b4a2_66", yn = "_xxxxxl_1b4a2_70", $ = {
-  stack: tn,
-  auto: nn,
-  row: sn,
-  reverse: ln,
-  column: on,
-  full: an,
-  xxs: rn,
-  xs: cn,
-  s: un,
-  m: dn,
-  l: _n,
-  xl: mn,
+}), sn = "_stack_1b4a2_1", ln = "_auto_1b4a2_9", on = "_row_1b4a2_13", an = "_reverse_1b4a2_16", rn = "_column_1b4a2_21", cn = "_full_1b4a2_30", un = "_xxs_1b4a2_34", dn = "_xs_1b4a2_38", _n = "_s_1b4a2_1", mn = "_m_1b4a2_46", fn = "_l_1b4a2_50", bn = "_xl_1b4a2_54", pn = "_xxl_1b4a2_58", yn = "_xxxl_1b4a2_62", kn = "_xxxxl_1b4a2_66", gn = "_xxxxxl_1b4a2_70", B = {
+  stack: sn,
+  auto: ln,
+  row: on,
+  reverse: an,
+  column: rn,
+  full: cn,
+  xxs: un,
+  xs: dn,
+  s: _n,
+  m: mn,
+  l: fn,
+  xl: bn,
   xxl: pn,
-  xxxl: bn,
-  xxxxl: fn,
-  xxxxxl: yn,
+  xxxl: yn,
+  xxxxl: kn,
+  xxxxxl: gn,
   "main-start": "_main-start_1b4a2_74",
   "main-center": "_main-center_1b4a2_78",
   "main-between": "_main-between_1b4a2_82",
@@ -805,7 +846,7 @@ const st = "_label_1ic51_1", lt = {
   "cross-start": "_cross-start_1b4a2_94",
   "cross-center": "_cross-center_1b4a2_98",
   "cross-end": "_cross-end_1b4a2_102"
-}, Sn = /* @__PURE__ */ b({
+}, Un = /* @__PURE__ */ y({
   name: "UiStack",
   __name: "stack",
   props: {
@@ -818,7 +859,7 @@ const st = "_label_1ic51_1", lt = {
     size: { default: "full" }
   },
   setup(e) {
-    const t = d(() => e.gap ? {
+    const t = i(() => e.gap ? {
       xxs: "xxs",
       xs: "xs",
       s: "s",
@@ -829,38 +870,38 @@ const st = "_label_1ic51_1", lt = {
       "3xl": "xxxl",
       "4xl": "xxxxl",
       "5xl": "xxxxxl"
-    }[e.gap] : ""), n = d(() => [
-      $.stack,
-      $[e.direction],
-      $[t.value],
-      e.mainAlignment ? $[`main-${e.mainAlignment}`] : "",
-      e.crossAlignment ? $[`cross-${e.crossAlignment}`] : "",
-      e.reverse ? $.reverse : "",
-      $[e.size]
+    }[e.gap] : ""), n = i(() => [
+      B.stack,
+      B[e.direction],
+      B[t.value],
+      e.mainAlignment ? B[`main-${e.mainAlignment}`] : "",
+      e.crossAlignment ? B[`cross-${e.crossAlignment}`] : "",
+      e.reverse ? B.reverse : "",
+      B[e.size]
     ]);
-    return (s, l) => (a(), k(A(s.tagName), {
+    return (s, l) => (a(), k(M(s.tagName), {
       class: r(n.value)
     }, {
       default: h(() => [
-        f(s.$slots, "default")
+        p(s.$slots, "default")
       ]),
       _: 3
     }, 8, ["class"]));
   }
 });
 export {
-  In as UiAvatar,
-  P as UiButton,
-  vn as UiButtonIcon,
-  $n as UiButtonLink,
-  qn as UiError,
-  x as UiIcon,
-  xn as UiInput,
-  ot as UiLabel,
+  Sn as UiAvatar,
+  R as UiButton,
+  xn as UiButtonIcon,
+  wn as UiButtonLink,
+  In as UiError,
+  $ as UiIcon,
+  Bn as UiInput,
+  rt as UiLabel,
   be as UiLoader,
-  wn as UiPlank,
-  Sn as UiStack,
-  Cn as UiText,
-  Tn as UiTitle,
-  hn as injectSvgSprite
+  Cn as UiPlank,
+  Un as UiStack,
+  Tn as UiText,
+  qn as UiTitle,
+  $n as injectSvgSprite
 };