@huntflow/ui 0.0.60 → 0.1.2

package/dist/ui.es.js

@@ -1,93 +1,105 @@
-(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%}._icon_1p8iz_2{font-style:normal;display:inline-block;vertical-align:middle}._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-spacing-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-spacing-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-spacing-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)}._label_4sgbr_1{display:flex;flex-direction:row;gap:var(--hf-spacing-xs);font-style:normal;flex:1;margin-bottom:var(--hf-spacing-xs)}._header_4sgbr_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_4sgbr_18{flex-grow:1;gap:var(--hf-spacing-xs);display:flex;flex-direction:column}._title_4sgbr_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_4sgbr_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_4sgbr_33{line-height:var(--hf-font-line-height-label-subtitle)}._link_4sgbr_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_4sgbr_45 a{text-decoration:none;color:var(--hf-color-text-semilight)}._linkUpper_4sgbr_62{margin-bottom:1px}._wrapper_13pzw_1{margin-bottom:var(--hf-spacing-xs)}._input_13pzw_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_13pzw_5:active{border-color:var(--hf-color-input-border-focus)}._input_13pzw_5:focus{border-color:var(--hf-color-input-border-focus);outline:solid 3px var(--hf-color-input-border-focus-visible)}._input_13pzw_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_13pzw_35,._error_13pzw_35:active{border-color:var(--hf-color-input-border-error)}._error_13pzw_35:focus{border-color:var(--hf-color-input-border-error);outline:solid 3px var(--hf-color-input-border-error-focus-visible)}._description_13pzw_47{margin-top:var(--hf-spacing-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_13pzw_47 a{text-decoration:underline}._descriptionText_13pzw_58{color:var(--hf-color-input-text-description)}._errorText_13pzw_62{color:var(--hf-color-text-danger)}._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_471uj_1{font-family:var(--hf-font-family-body);font-style:normal;color:var(--hf-color-text-main);margin:0}._level-1_471uj_8{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_471uj_8._medium_471uj_12{font-weight:var(--hf-font-weight-text-h1-medium)}._level-2_471uj_17{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_471uj_17._medium_471uj_12{font-weight:var(--hf-font-weight-text-h2-medium)}._level-3_471uj_26{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_471uj_26._medium_471uj_12{font-weight:var(--hf-font-weight-text-h3-medium)}._level-4_471uj_35{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_471uj_35._medium_471uj_12{font-weight:var(--hf-font-weight-text-h4-medium)}._text_1mrtv_1{font-family:var(--hf-font-family-body);font-style:normal;color:var(--hf-color-text-main);margin:0}._primary_1mrtv_8{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)}._primary_1mrtv_8._medium_1mrtv_12{font-weight:var(--hf-font-weight-text-primary-medium)}._secondary_1mrtv_17{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)}._secondary_1mrtv_17._medium_1mrtv_12{font-weight:var(--hf-font-weight-text-secondary-medium)}._accent_1mrtv_26{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)}._accent_1mrtv_26._medium_1mrtv_12{font-weight:var(--hf-font-weight-text-accent-medium)}._subtitle_1mrtv_35{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_1vqio_1{padding:0 2px 0 0;border:none;margin:0;cursor:pointer;display:flex;flex-direction:row;gap:var(--hf-spacing-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_1vqio_1:hover{color:var(--hf-color-link-hover)}._plank_8tn62_1{border-radius:var(--hf-radius-m);padding:var(--hf-spacing-m) var(--hf-spacing-l);border-width:1px;border-style:solid;font-family:var(--hf-font-family-body),sans-serif;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);font-style:normal;display:flex;flex-direction:row;gap:var(--hf-spacing-m);align-items:center;justify-content:space-between}._default_8tn62_19{color:var(--hf-color-text-main);border-color:var(--hf-color-plank-default-border);background-color:var(--hf-color-plank-default-background)}._accent_8tn62_25{color:var(--hf-color-plank-success-text);border-color:var(--hf-color-plank-success-border);background-color:var(--hf-color-plank-success-background)}._danger_8tn62_31{color:var(--hf-color-plank-danger-text);border-color:var(--hf-color-plank-danger-border);background-color:var(--hf-color-plank-danger-background)}._text_8tn62_37{flex-grow:1}._icon_8tn62_41{width:var(--hf-font-line-height-text-primary);height:var(--hf-font-line-height-text-primary)}')),document.head.appendChild(t)}}catch(r){console.error("vite-plugin-css-injected-by-js",r)}})();
-import { defineComponent as v, computed as c, createElementBlock as d, openBlock as a, normalizeClass as r, unref as o, normalizeStyle as P, createElementVNode as j, useSlots as U, createCommentVNode as u, renderSlot as b, createBlock as C, createVNode as S, mergeModels as R, useAttrs as G, useModel as D, withCtx as $, createTextVNode as N, toDisplayString as T, mergeProps as E, withDirectives as K, vModelCheckbox as J, resolveDynamicComponent as O } from "vue";
-const B = (n, e) => {
-  const t = e ? n[e] : n.default;
-  return (t == null ? void 0 : t().some((l) => {
-    const s = l.children;
-    return s && s.toString().trim() !== "";
+(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%}._icon_1p8iz_2{font-style:normal;display:inline-block;vertical-align:middle}._button_8zhhb_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-spacing-button-icon)}._button_8zhhb_1:active{background-color:#999}._button_8zhhb_1:focus{outline:none}._button_8zhhb_1:focus-visible{outline:solid 3px var(--hf-color-button-disable-default)}._button_8zhhb_1:is(._disabled_8zhhb_1),._button_8zhhb_1:is(._disabled_8zhhb_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_8zhhb_1._loading_8zhhb_1{cursor:default}._button_8zhhb_1._loading_8zhhb_1>*:not(._loader_8zhhb_1){visibility:hidden}._button_8zhhb_1+._button_8zhhb_1{margin-left:var(--hf-spacing-button-between)}._content_8zhhb_1{display:flex;line-height:inherit}._content_8zhhb_1:first-child:last-child{width:100%;text-align:center}._loader_8zhhb_1{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}._dropdownIcon_8zhhb_1{margin-left:calc(var(--hf-spacing-button-icon) * -1)}._s_8zhhb_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_8zhhb_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_8zhhb_1._square_8zhhb_1{border-radius:var(--hf-radius-button-xs)}._xs_8zhhb_1._circle_8zhhb_1{border-radius:var(--hf-radius-button-circle)}._m_8zhhb_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_8zhhb_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_8zhhb_1{color:var(--hf-color-text-invert);background-color:var(--hf-color-button-primary-default);border-color:var(--hf-color-button-primary-default)}._primary_8zhhb_1:hover{background-color:var(--hf-color-button-primary-hover);border-color:var(--hf-color-button-primary-hover)}._primary_8zhhb_1:active{background-color:var(--hf-color-button-primary-active);border-color:var(--hf-color-button-primary-active)}._secondary_8zhhb_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_8zhhb_1:hover{background-color:var(--hf-color-button-secondary-fill-hover);border-color:var(--hf-color-button-secondary-fill-hover)}._secondary_8zhhb_1:active{background-color:var(--hf-color-button-secondary-fill-active);border-color:var(--hf-color-button-secondary-fill-active)}._accent_8zhhb_1{color:var(--hf-color-text-invert);background-color:var(--hf-color-button-accent-default);border-color:var(--hf-color-button-accent-default)}._accent_8zhhb_1:hover{background-color:var(--hf-color-button-accent-hover);border-color:var(--hf-color-button-accent-hover)}._accent_8zhhb_1:active{background-color:var(--hf-color-button-accent-active);border-color:var(--hf-color-button-accent-active)}._danger_8zhhb_1{color:var(--hf-color-text-invert);background-color:var(--hf-color-button-danger-default);border-color:var(--hf-color-button-danger-default)}._danger_8zhhb_1:hover{background-color:var(--hf-color-button-danger-hover);border-color:var(--hf-color-button-danger-hover)}._danger_8zhhb_1:active{background-color:var(--hf-color-button-danger-active);border-color:var(--hf-color-button-danger-active)}._jobsites_8zhhb_1{color:var(--hf-color-text-invert);background-color:var(--hf-color-button-jobsite-default);border-color:var(--hf-color-button-jobsite-default)}._jobsites_8zhhb_1:hover{background-color:var(--hf-color-button-jobsite-hover);border-color:var(--hf-color-button-jobsite-hover)}._jobsites_8zhhb_1:active{background-color:var(--hf-color-button-jobsite-active);border-color:var(--hf-color-button-jobsite-active)}._ghost_8zhhb_1{color:var(--hf-color-text-main);background-color:transparent;border-color:transparent}._ghost_8zhhb_1:hover{background-color:var(--hf-color-button-secondary-fill-hover)}._ghost_8zhhb_1:active{background-color:var(--hf-color-button-secondary-fill-active)}._ghost-danger_8zhhb_1{color:var(--hf-color-text-main);background-color:transparent;border-color:transparent}._ghost-danger_8zhhb_1:hover{color:var(--hf-color-text-invert);background-color:var(--hf-color-button-danger-hover)}._ghost-danger_8zhhb_1:active{color:var(--hf-color-text-invert);background-color:var(--hf-color-button-danger-active)}:root{--hf-btn-size-xs: 28px;--hf-btn-size-s: 32px;--hf-btn-size-m: 36px;--hf-btn-size-l: 40px}._s_1oi85_9{width:var(--hf-btn-size-s);height:var(--hf-btn-size-s)}._xs_1oi85_14{width:var(--hf-btn-size-xs);height:var(--hf-btn-size-xs);border-radius:var(--hf-radius-button-circle)}._m_1oi85_20{width:var(--hf-btn-size-m);height:var(--hf-btn-size-m)}._l_1oi85_25{width:var(--hf-btn-size-l);height:var(--hf-btn-size-l)}._button_1oi85_31{padding:0}._button_1vqio_1{padding:0 2px 0 0;border:none;margin:0;cursor:pointer;display:flex;flex-direction:row;gap:var(--hf-spacing-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_1vqio_1:hover{color:var(--hf-color-link-hover)}._label_4sgbr_1{display:flex;flex-direction:row;gap:var(--hf-spacing-xs);font-style:normal;flex:1;margin-bottom:var(--hf-spacing-xs)}._header_4sgbr_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_4sgbr_18{flex-grow:1;gap:var(--hf-spacing-xs);display:flex;flex-direction:column}._title_4sgbr_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_4sgbr_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_4sgbr_33{line-height:var(--hf-font-line-height-label-subtitle)}._link_4sgbr_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_4sgbr_45 a{text-decoration:none;color:var(--hf-color-text-semilight)}._linkUpper_4sgbr_62{margin-bottom:1px}._wrapper_ep5oa_1{margin-bottom:var(--hf-spacing-xs)}._input_ep5oa_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-right-default) var(--hf-padding-input-top-bottom-default) var(--hf-padding-input-left-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_ep5oa_5:active{border-color:var(--hf-color-input-border-focus)}._input_ep5oa_5:focus{border-color:var(--hf-color-input-border-focus);outline:solid 3px var(--hf-color-input-border-focus-visible)}._input_ep5oa_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_ep5oa_36,._error_ep5oa_36:active{border-color:var(--hf-color-input-border-error)}._error_ep5oa_36:focus{border-color:var(--hf-color-input-border-error);outline:solid 3px var(--hf-color-input-border-error-focus-visible)}._description_ep5oa_48{margin-top:var(--hf-spacing-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_ep5oa_48 a{text-decoration:underline}._descriptionText_ep5oa_59{color:var(--hf-color-input-text-description)}._errorText_ep5oa_63{color:var(--hf-color-text-danger)}._inputWrapper_ep5oa_67{position:relative}._leftSpace_ep5oa_71{padding-left:42px}._rightSpace_ep5oa_75{padding-right:42px}._leftIcon_ep5oa_79,._rightIcon_ep5oa_80{position:absolute;height:100%}._leftIcon_ep5oa_79{left:15px}._rightIcon_ep5oa_80{padding:0 9px;right:0}._rightIcon_ep5oa_80[aria-label^=close]{color:var(--hf-color-text-light);cursor:pointer}._plank_8tn62_1{border-radius:var(--hf-radius-m);padding:var(--hf-spacing-m) var(--hf-spacing-l);border-width:1px;border-style:solid;font-family:var(--hf-font-family-body),sans-serif;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);font-style:normal;display:flex;flex-direction:row;gap:var(--hf-spacing-m);align-items:center;justify-content:space-between}._default_8tn62_19{color:var(--hf-color-text-main);border-color:var(--hf-color-plank-default-border);background-color:var(--hf-color-plank-default-background)}._accent_8tn62_25{color:var(--hf-color-plank-success-text);border-color:var(--hf-color-plank-success-border);background-color:var(--hf-color-plank-success-background)}._danger_8tn62_31{color:var(--hf-color-plank-danger-text);border-color:var(--hf-color-plank-danger-border);background-color:var(--hf-color-plank-danger-background)}._text_8tn62_37{flex-grow:1}._icon_8tn62_41{width:var(--hf-font-line-height-text-primary);height:var(--hf-font-line-height-text-primary)}._text_1mrtv_1{font-family:var(--hf-font-family-body);font-style:normal;color:var(--hf-color-text-main);margin:0}._primary_1mrtv_8{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)}._primary_1mrtv_8._medium_1mrtv_12{font-weight:var(--hf-font-weight-text-primary-medium)}._secondary_1mrtv_17{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)}._secondary_1mrtv_17._medium_1mrtv_12{font-weight:var(--hf-font-weight-text-secondary-medium)}._accent_1mrtv_26{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)}._accent_1mrtv_26._medium_1mrtv_12{font-weight:var(--hf-font-weight-text-accent-medium)}._subtitle_1mrtv_35{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)}._title_471uj_1{font-family:var(--hf-font-family-body);font-style:normal;color:var(--hf-color-text-main);margin:0}._level-1_471uj_8{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_471uj_8._medium_471uj_12{font-weight:var(--hf-font-weight-text-h1-medium)}._level-2_471uj_17{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_471uj_17._medium_471uj_12{font-weight:var(--hf-font-weight-text-h2-medium)}._level-3_471uj_26{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_471uj_26._medium_471uj_12{font-weight:var(--hf-font-weight-text-h3-medium)}._level-4_471uj_35{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_471uj_35._medium_471uj_12{font-weight:var(--hf-font-weight-text-h4-medium)}")),document.head.appendChild(t)}}catch(r){console.error("vite-plugin-css-injected-by-js",r)}})();
+import { defineComponent as b, computed as u, createElementBlock as m, openBlock as c, normalizeClass as i, unref as l, normalizeStyle as K, createElementVNode as L, useSlots as P, createCommentVNode as p, renderSlot as y, createBlock as k, createVNode as j, mergeProps as U, withCtx as v, Fragment as J, Comment as Q, cloneVNode as X, h as M, toValue as Y, getCurrentInstance as Z, ref as ee, mergeModels as W, useAttrs as te, useModel as ne, createTextVNode as I, toDisplayString as S, resolveDynamicComponent as H } from "vue";
+const C = (s, e) => {
+  const t = e ? s[e] : s.default;
+  return (t == null ? void 0 : t().some((n) => {
+    const o = n.children;
+    return o && o.toString().trim() !== "";
   })) ?? !1;
-}, Q = "_loader_t6bg6_10", X = "_circle_t6bg6_15", Y = "_white_t6bg6_22", Z = "_black_t6bg6_26", ee = "_s_t6bg6_30", te = "_m_t6bg6_35", se = "_l_t6bg6_10", ne = "_spinner_t6bg6_45", z = {
-  loader: Q,
-  circle: X,
+}, se = "_loader_t6bg6_10", oe = "_circle_t6bg6_15", le = "_white_t6bg6_22", ae = "_black_t6bg6_26", re = "_s_t6bg6_30", ce = "_m_t6bg6_35", ie = "_l_t6bg6_10", ue = "_spinner_t6bg6_45", z = {
+  loader: se,
+  circle: oe,
   "loader-animation": "_loader-animation_t6bg6_1",
-  white: Y,
-  black: Z,
-  s: ee,
-  m: te,
-  l: se,
-  spinner: ne
-}, le = /* @__PURE__ */ v({
+  white: le,
+  black: ae,
+  s: re,
+  m: ce,
+  l: ie,
+  spinner: ue
+}, de = /* @__PURE__ */ b({
   __name: "loader",
   props: {
     className: {},
     size: { default: "l" },
     color: { default: "black" }
   },
-  setup(n) {
-    const e = n, t = c(() => [z.loader, z[e.size], z[e.color], z.circle]);
-    return (l, s) => (a(), d("span", {
-      class: r([o(z).spinner, t.value])
+  setup(s) {
+    const e = s, t = u(() => [z.loader, z[e.size], z[e.color], z.circle]);
+    return (n, o) => (c(), m("span", {
+      class: i([l(z).spinner, t.value])
     }, null, 2));
   }
-}), oe = ["aria-label", "width", "height"], ae = ["xlink:href"], re = /* @__PURE__ */ v({
+}), _e = ["aria-label", "width", "height"], pe = ["xlink:href"], me = /* @__PURE__ */ b({
   __name: "icon",
   props: {
-    type: {},
+    name: {},
     color: {},
     block: { type: Boolean }
   },
-  setup(n) {
-    const e = n, t = c(() => {
-      var i;
-      const s = (i = e == null ? void 0 : e.type) == null ? void 0 : i.match(/(\d+)$/);
-      return s ? Number.parseInt(s[1], 10) : 16;
-    }), l = c(() => {
-      const s = {};
-      return e.color && (s.color = e.color), e.block && (s.display = "block"), s;
+  setup(s) {
+    const e = s, t = u(() => {
+      var a;
+      const o = (a = e == null ? void 0 : e.name) == null ? void 0 : a.match(/(\d+)$/);
+      return o ? Number.parseInt(o[1], 10) : 16;
+    }), n = u(() => {
+      const o = {};
+      return e.color && (o.color = e.color), e.block && (o.display = "block"), o;
     });
-    return (s, i) => (a(), d("svg", {
-      class: r(s.$style.icon),
-      "aria-label": s.type,
-      style: P(l.value),
+    return (o, a) => (c(), m("svg", {
+      class: i(o.$style.icon),
+      "aria-label": o.name,
+      style: K(n.value),
       role: "img",
       width: t.value,
       height: t.value
     }, [
-      j("use", {
-        "xlink:href": `#${s.type}`
-      }, null, 8, ae)
-    ], 14, oe));
+      L("use", {
+        "xlink:href": `#${o.name}`
+      }, null, 8, pe)
+    ], 14, _e));
   }
-}), ce = "_icon_1p8iz_2", ie = {
-  icon: ce
-}, de = (n, e) => {
-  const t = n.__vccOpts || n;
-  for (const [l, s] of e)
-    t[l] = s;
+}), fe = "_icon_1p8iz_2", be = {
+  icon: fe
+}, he = (s, e) => {
+  const t = s.__vccOpts || s;
+  for (const [n, o] of e)
+    t[n] = o;
   return t;
-}, ue = {
-  $style: ie
-}, I = /* @__PURE__ */ de(re, [["__cssModules", ue]]), _e = "_button_1syl2_1", pe = "_disabled_1syl2_1", me = "_loading_1syl2_1", be = "_loader_1syl2_1", ye = "_content_1syl2_1", ve = "_dropdownIcon_1syl2_1", ke = "_s_1syl2_2", fe = "_xs_1syl2_1", he = "_square_1syl2_1", $e = "_circle_1syl2_1", ge = "_m_1syl2_1", we = "_l_1syl2_1", Te = "_primary_1syl2_1", Be = "_secondary_1syl2_1", Ce = "_accent_1syl2_1", ze = "_danger_1syl2_1", Ne = "_jobsites_1syl2_1", je = "_ghost_1syl2_1", m = {
-  button: _e,
-  disabled: pe,
-  loading: me,
-  loader: be,
-  content: ye,
-  dropdownIcon: ve,
-  s: ke,
-  xs: fe,
-  square: he,
-  circle: $e,
-  m: ge,
-  l: we,
-  primary: Te,
-  secondary: Be,
-  accent: Ce,
-  danger: ze,
-  jobsites: Ne,
-  ghost: je,
-  "ghost-danger": "_ghost-danger_1syl2_1"
-}, Le = ["name", "type", "disabled"], W = /* @__PURE__ */ v({
+}, ye = {
+  $style: be
+}, T = /* @__PURE__ */ he(me, [["__cssModules", ye]]), Et = async () => {
+  if (!(typeof document > "u") && !document.getElementById("__svg-sprite__"))
+    try {
+      const e = `
+      <svg id="__svg-sprite__" xmlns="http://www.w3.org/2000/svg" style="display: none;">
+        ${(await import("./sprite-DZhFK9-p.js")).default}
+      </svg>
+    `;
+      document.body.insertAdjacentHTML("afterbegin", e);
+    } catch (s) {
+      console.error("Failed to load SVG sprite:", s);
+    }
+}, ge = "_button_8zhhb_1", ve = "_disabled_8zhhb_1", ke = "_loading_8zhhb_1", $e = "_loader_8zhhb_1", we = "_content_8zhhb_1", Ce = "_dropdownIcon_8zhhb_1", Te = "_s_8zhhb_2", ze = "_xs_8zhhb_1", Ie = "_square_8zhhb_1", Se = "_circle_8zhhb_1", Be = "_m_8zhhb_1", Ne = "_l_8zhhb_1", Le = "_primary_8zhhb_1", je = "_secondary_8zhhb_1", Ue = "_accent_8zhhb_1", Me = "_danger_8zhhb_1", Ee = "_jobsites_8zhhb_1", Oe = "_ghost_8zhhb_1", h = {
+  button: ge,
+  disabled: ve,
+  loading: ke,
+  loader: $e,
+  content: we,
+  dropdownIcon: Ce,
+  s: Te,
+  xs: ze,
+  square: Ie,
+  circle: Se,
+  m: Be,
+  l: Ne,
+  primary: Le,
+  secondary: je,
+  accent: Ue,
+  danger: Me,
+  jobsites: Ee,
+  ghost: Oe,
+  "ghost-danger": "_ghost-danger_8zhhb_1"
+}, Pe = ["name", "type", "disabled"], V = /* @__PURE__ */ b({
   __name: "button",
   props: {
     size: { default: "m" },
@@ -103,8 +115,8 @@ const B = (n, e) => {
     htmlType: {}
   },
   emits: ["click"],
-  setup(n) {
-    const e = n, t = U(), l = {
+  setup(s) {
+    const e = s, t = P(), n = {
       primary: "white",
       secondary: "black",
       accent: "white",
@@ -112,115 +124,271 @@ const B = (n, e) => {
       jobsites: "white",
       ghost: "black",
       "ghost-danger": "black"
-    }, s = c(() => B(t)), i = c(() => [
-      m.button,
-      m[e.size],
-      m[e.type],
-      e.circle ? [m.circle] : [m.square],
+    }, o = u(() => C(t)), a = u(() => [
+      h.button,
+      h[e.size],
+      h[e.type],
+      e.circle ? [h.circle] : [h.square],
       {
-        [m.disabled]: e.disabled,
-        [m.loading]: e.loading,
-        [m.active]: e.active,
-        [m.bordered]: e.bordered
+        [h.disabled]: e.disabled,
+        [h.loading]: e.loading,
+        [h.active]: e.active,
+        [h.bordered]: e.bordered
       },
       e.className
-    ]), y = c(() => l[e.type] || "white");
-    return (_, g) => (a(), d("button", {
-      name: _.name,
-      class: r(i.value),
-      type: _.htmlType,
-      disabled: _.disabled || _.loading,
-      onClick: g[0] || (g[0] = (k) => _.$emit("click"))
+    ]), r = u(() => n[e.type] || "white");
+    return (d, $) => (c(), m("button", {
+      name: d.name,
+      class: i(a.value),
+      type: d.htmlType,
+      disabled: d.disabled || d.loading,
+      onClick: $[0] || ($[0] = (g) => d.$emit("click"))
     }, [
-      _.loading ? (a(), d("div", {
+      d.loading ? (c(), m("div", {
         key: 0,
-        class: r(o(m).loader)
+        class: i(l(h).loader)
       }, [
-        S(o(le), {
+        j(l(de), {
           size: "s",
-          color: y.value
+          color: r.value
         }, null, 8, ["color"])
-      ], 2)) : u("", !0),
-      _.$slots.before ? b(_.$slots, "before", { key: 1 }) : u("", !0),
-      s.value ? (a(), d("span", {
+      ], 2)) : p("", !0),
+      d.$slots.before ? y(d.$slots, "before", { key: 1 }) : p("", !0),
+      o.value ? (c(), m("span", {
         key: 2,
-        class: r(o(m).content)
+        class: i(l(h).content)
       }, [
-        b(_.$slots, "default")
-      ], 2)) : u("", !0),
-      _.$slots.after ? b(_.$slots, "after", { key: 3 }) : u("", !0),
-      _.dropdown ? (a(), C(I, {
+        y(d.$slots, "default")
+      ], 2)) : p("", !0),
+      d.$slots.after ? y(d.$slots, "after", { key: 3 }) : p("", !0),
+      d.dropdown ? (c(), k(l(T), {
         key: 4,
-        class: r(o(m).dropdownIcon),
-        type: "chevron-down-18"
-      }, null, 8, ["class"])) : u("", !0)
-    ], 10, Le));
+        class: i(l(h).dropdownIcon),
+        name: "chevron-down-18"
+      }, null, 8, ["class"])) : p("", !0)
+    ], 10, Pe));
+  }
+}), Re = "_s_1oi85_9", We = "_xs_1oi85_14", xe = "_m_1oi85_20", He = "_l_1oi85_25", Ve = "_button_1oi85_31", x = {
+  s: Re,
+  xs: We,
+  m: xe,
+  l: He,
+  button: Ve
+}, Ot = /* @__PURE__ */ b({
+  __name: "button-icon",
+  props: {
+    icon: {},
+    size: { default: "m" },
+    className: {},
+    type: { default: "primary" },
+    disabled: { type: Boolean, default: !1 },
+    loading: { type: Boolean, default: !1 },
+    active: { type: Boolean, default: !1 },
+    name: {},
+    circle: { type: Boolean, default: !1 },
+    bordered: { type: Boolean, default: !1 }
+  },
+  emits: ["click"],
+  setup(s) {
+    const e = s, t = u(() => [x.button, x[e.size], e.className]), n = u(() => {
+      const a = e.size === "xs" ? "18" : "20";
+      return e.icon.replace(/-?\d*$/, `-${a}`);
+    }), o = u(() => e.size === "xs");
+    return (a, r) => (c(), k(l(V), U({ class: t.value }, e, {
+      "html-type": "button",
+      circle: o.value,
+      onClick: r[0] || (r[0] = (d) => a.$emit("click"))
+    }), {
+      before: v(() => [
+        j(l(T), { name: n.value }, null, 8, ["name"])
+      ]),
+      _: 1
+    }, 16, ["class", "circle"]));
+  }
+}), Ae = "_button_1vqio_1", De = {
+  button: Ae
+}, Pt = /* @__PURE__ */ b({
+  __name: "button-link",
+  emits: ["click"],
+  setup(s) {
+    return (e, t) => (c(), m("button", {
+      class: i(l(De).button),
+      type: "button",
+      onClick: t[0] || (t[0] = (n) => e.$emit("click"))
+    }, [
+      j(l(T), { name: "plus-18" }),
+      y(e.$slots, "default")
+    ], 2));
+  }
+});
+function A(s) {
+  return s ? s.flatMap((e) => e.type === J ? A(e.children) : [e]) : [];
+}
+const Fe = b({
+  name: "PrimitiveSlot",
+  inheritAttrs: !1,
+  setup(s, { attrs: e, slots: t }) {
+    return () => {
+      var $;
+      if (!t.default)
+        return null;
+      const n = A(t.default()), o = n.findIndex((g) => g.type !== Q);
+      if (o === -1)
+        return n;
+      const a = n[o];
+      ($ = a.props) == null || delete $.ref;
+      const r = a.props ? U(e, a.props) : e, d = X({ ...a, props: {} }, r);
+      return n.length === 1 ? d : (n[o] = d, n);
+    };
+  }
+}), qe = ["area", "img", "input"], Ge = b({
+  name: "Primitive",
+  inheritAttrs: !1,
+  props: {
+    asChild: {
+      type: Boolean,
+      default: !1
+    },
+    as: {
+      type: [String, Object],
+      default: "div"
+    }
+  },
+  setup(s, { attrs: e, slots: t }) {
+    const n = s.asChild ? "template" : s.as;
+    return typeof n == "string" && qe.includes(n) ? () => M(n, e) : n !== "template" ? () => M(s.as, e, { default: t.default }) : () => M(Fe, e, { default: t.default });
+  }
+});
+function Ke(s) {
+  var e;
+  const t = Y(s);
+  return (e = t == null ? void 0 : t.$el) != null ? e : t;
+}
+function Je() {
+  const s = Z(), e = ee(), t = u(() => {
+    var r, d;
+    return ["#text", "#comment"].includes((r = e.value) == null ? void 0 : r.$el.nodeName) ? (d = e.value) == null ? void 0 : d.$el.nextElementSibling : Ke(e);
+  }), n = Object.assign({}, s.exposed), o = {};
+  for (const r in s.props)
+    Object.defineProperty(o, r, {
+      enumerable: !0,
+      configurable: !0,
+      get: () => s.props[r]
+    });
+  if (Object.keys(n).length > 0)
+    for (const r in n)
+      Object.defineProperty(o, r, {
+        enumerable: !0,
+        configurable: !0,
+        get: () => n[r]
+      });
+  Object.defineProperty(o, "$el", {
+    enumerable: !0,
+    configurable: !0,
+    get: () => s.vnode.el
+  }), s.exposed = o;
+  function a(r) {
+    e.value = r, r && (Object.defineProperty(o, "$el", {
+      enumerable: !0,
+      configurable: !0,
+      get: () => r instanceof Element ? r : r.$el
+    }), s.exposed = o);
   }
-}), Me = "_label_4sgbr_1", Se = "_header_4sgbr_10", Ie = "_headerWrapper_4sgbr_18", He = "_title_4sgbr_25", xe = "_subTitleRow_4sgbr_33", Re = "_subTitle_4sgbr_33", Ue = "_link_4sgbr_45", Ve = "_linkUpper_4sgbr_62", f = {
-  label: Me,
-  header: Se,
-  headerWrapper: Ie,
-  title: He,
-  subTitleRow: xe,
-  subTitle: Re,
-  link: Ue,
-  linkUpper: Ve
-}, qe = /* @__PURE__ */ v({
+  return { forwardRef: a, currentRef: e, currentElement: t };
+}
+const Qe = /* @__PURE__ */ b({
+  __name: "Label",
+  props: {
+    for: {},
+    asChild: { type: Boolean },
+    as: { default: "label" }
+  },
+  setup(s) {
+    const e = s;
+    return Je(), (t, n) => (c(), k(l(Ge), U(e, {
+      onMousedown: n[0] || (n[0] = (o) => {
+        !o.defaultPrevented && o.detail > 1 && o.preventDefault();
+      })
+    }), {
+      default: v(() => [
+        y(t.$slots, "default")
+      ]),
+      _: 3
+    }, 16));
+  }
+}), Xe = "_label_4sgbr_1", Ye = "_header_4sgbr_10", Ze = "_headerWrapper_4sgbr_18", et = "_title_4sgbr_25", tt = "_subTitleRow_4sgbr_33", nt = "_subTitle_4sgbr_33", st = "_link_4sgbr_45", ot = "_linkUpper_4sgbr_62", w = {
+  label: Xe,
+  header: Ye,
+  headerWrapper: Ze,
+  title: et,
+  subTitleRow: tt,
+  subTitle: nt,
+  link: st,
+  linkUpper: ot
+}, lt = /* @__PURE__ */ b({
   __name: "label",
   emits: ["click"],
-  setup(n) {
-    const e = U(), t = c(() => B(e, "header")), l = c(() => B(e)), s = c(() => B(e, "subTitle")), i = c(() => B(e, "link")), y = c(() => t.value || l.value || s.value), _ = c(() => !l.value && !s.value), g = c(
-      () => [f.link, _.value && f.linkUpper].filter(Boolean)
+  setup(s) {
+    const e = P(), t = u(() => C(e, "header")), n = u(() => C(e)), o = u(() => C(e, "subTitle")), a = u(() => C(e, "link")), r = u(() => t.value || n.value || o.value), d = u(() => !n.value && !o.value), $ = u(
+      () => [w.link, d.value && w.linkUpper].filter(Boolean)
     );
-    return (k, L) => (a(), d("label", {
-      class: r(o(f).label)
-    }, [
-      y.value ? (a(), d("span", {
-        key: 0,
-        class: r(o(f).headerWrapper)
-      }, [
-        t.value ? (a(), d("span", {
+    return (g, B) => (c(), k(l(Qe), {
+      class: i(l(w).label)
+    }, {
+      default: v(() => [
+        r.value ? (c(), m("span", {
           key: 0,
-          class: r(o(f).header)
+          class: i(l(w).headerWrapper)
         }, [
-          b(k.$slots, "header")
-        ], 2)) : u("", !0),
-        l.value ? (a(), d("span", {
+          t.value ? (c(), m("span", {
+            key: 0,
+            class: i(l(w).header)
+          }, [
+            y(g.$slots, "header")
+          ], 2)) : p("", !0),
+          n.value ? (c(), m("span", {
+            key: 1,
+            class: i(l(w).title)
+          }, [
+            y(g.$slots, "default")
+          ], 2)) : p("", !0),
+          o.value ? (c(), m("span", {
+            key: 2,
+            class: i(l(w).subTitleRow)
+          }, [
+            L("span", {
+              class: i(l(w).subTitle)
+            }, [
+              y(g.$slots, "subTitle")
+            ], 2)
+          ], 2)) : p("", !0)
+        ], 2)) : p("", !0),
+        a.value ? (c(), m("span", {
           key: 1,
-          class: r(o(f).title)
-        }, [
-          b(k.$slots, "default")
-        ], 2)) : u("", !0),
-        s.value ? (a(), d("span", {
-          key: 2,
-          class: r(o(f).subTitleRow)
+          class: i($.value),
+          onClick: B[0] || (B[0] = (R) => g.$emit("click"))
         }, [
-          j("span", {
-            class: r(o(f).subTitle)
-          }, [
-            b(k.$slots, "subTitle")
-          ], 2)
-        ], 2)) : u("", !0)
-      ], 2)) : u("", !0),
-      i.value ? (a(), d("span", {
-        key: 1,
-        class: r(g.value),
-        onClick: L[0] || (L[0] = (V) => k.$emit("click"))
-      }, [
-        b(k.$slots, "link")
-      ], 2)) : u("", !0)
-    ], 2));
+          y(g.$slots, "link")
+        ], 2)) : p("", !0)
+      ]),
+      _: 3
+    }, 8, ["class"]));
   }
-}), De = "_wrapper_13pzw_1", Ee = "_input_13pzw_5", Oe = "_error_13pzw_35", We = "_description_13pzw_47", Ae = "_descriptionText_13pzw_58", Fe = "_errorText_13pzw_62", h = {
-  wrapper: De,
-  input: Ee,
-  error: Oe,
-  description: We,
-  descriptionText: Ae,
-  errorText: Fe
-}, Pe = ["id", "value", "name", "type", "disabled", "placeholder", "aria-invalid"], Ge = ["innerHTML"], Ke = ["innerHTML"], Bt = /* @__PURE__ */ v({
+}), at = "_wrapper_ep5oa_1", rt = "_input_ep5oa_5", ct = "_error_ep5oa_36", it = "_description_ep5oa_48", ut = "_descriptionText_ep5oa_59", dt = "_errorText_ep5oa_63", _t = "_inputWrapper_ep5oa_67", pt = "_leftSpace_ep5oa_71", mt = "_rightSpace_ep5oa_75", ft = "_leftIcon_ep5oa_79", bt = "_rightIcon_ep5oa_80", f = {
+  wrapper: at,
+  input: rt,
+  error: ct,
+  description: it,
+  descriptionText: ut,
+  errorText: dt,
+  inputWrapper: _t,
+  leftSpace: pt,
+  rightSpace: mt,
+  leftIcon: ft,
+  rightIcon: bt
+}, ht = ["id", "value", "name", "type", "disabled", "placeholder", "aria-invalid"], yt = ["innerHTML"], gt = ["innerHTML"], Rt = /* @__PURE__ */ b({
   __name: "input",
-  props: /* @__PURE__ */ R({
+  props: /* @__PURE__ */ W({
     value: {},
     type: { default: "text" },
     id: {},
@@ -234,322 +402,225 @@ const B = (n, e) => {
     loading: { type: Boolean },
     error: {},
     description: {},
-    className: {}
+    className: {},
+    leftIcon: {},
+    rightIcon: {}
   }, {
     value: {},
     valueModifiers: {}
   }),
-  emits: /* @__PURE__ */ R(["update:value", "enter", "click-link", "focus", "blur"], ["update:value"]),
-  setup(n, { emit: e }) {
-    const t = n, l = e, s = G(), i = D(n, "value"), y = c(() => [
-      h.input,
+  emits: /* @__PURE__ */ W(["update:value", "enter", "click-link", "click-icon", "click", "focus", "blur"], ["update:value"]),
+  setup(s, { emit: e }) {
+    const t = s, n = e, o = te(), a = ne(s, "value"), r = u(() => [
+      f.input,
       {
-        [h.disabled]: t.disabled,
-        [h.error]: t.error,
-        [h.loading]: t.loading
+        [f.disabled]: t.disabled,
+        [f.error]: t.error,
+        [f.loading]: t.loading,
+        [f.leftSpace]: !!t.leftIcon,
+        [f.rightSpace]: !!t.rightIcon
       },
       t.className
-    ]), _ = c(() => t.header || t.title || t.subTitle || t.link), g = c(() => t.description || t.error), k = (p) => {
-      p.key === "Enter" && l("enter");
-    }, L = (p) => {
-      l("update:value", p.target.value);
-    }, V = () => {
-      l("focus");
-    }, A = () => {
-      l("blur");
+    ]), d = u(() => t.header || t.title || t.subTitle || t.link), $ = u(() => t.description || t.error), g = (_) => {
+      _.key === "Enter" && n("enter");
+    }, B = (_) => {
+      n("update:value", _.target.value);
+    }, R = () => {
+      n("focus");
+    }, D = () => {
+      n("blur");
     }, F = () => {
-      l("click-link");
+      n("click-link");
+    }, q = () => {
+      n("click");
+    }, G = (_) => {
+      _.preventDefault(), n("click-icon");
     };
-    return (p, wt) => (a(), d("div", {
-      class: r(o(h).wrapper)
+    return (_, Ut) => (c(), m("div", {
+      class: i(l(f).wrapper)
     }, [
-      _.value ? (a(), C(o(qe), {
+      d.value ? (c(), k(l(lt), {
         key: 0,
-        for: p.id,
+        for: _.id,
         onClick: F
       }, {
-        header: $(() => [
-          N(T(t.header), 1)
+        header: v(() => [
+          I(S(t.header), 1)
         ]),
-        subTitle: $(() => [
-          N(T(t.subTitle), 1)
+        subTitle: v(() => [
+          I(S(t.subTitle), 1)
         ]),
-        link: $(() => [
-          N(T(t.link), 1)
+        link: v(() => [
+          I(S(t.link), 1)
         ]),
-        default: $(() => [
-          N(" " + T(t.title) + " ", 1)
+        default: v(() => [
+          I(" " + S(t.title) + " ", 1)
         ]),
         _: 1
-      }, 8, ["for"])) : u("", !0),
-      j("input", E({
-        id: p.id,
-        value: i.value,
-        name: p.name,
-        type: p.type,
-        disabled: p.disabled || p.loading,
-        placeholder: p.placeholder,
-        class: y.value,
-        "aria-invalid": !!p.error
-      }, o(s), {
-        onInput: L,
-        onKeydown: k,
-        onFocus: V,
-        onBlur: A
-      }), null, 16, Pe),
-      g.value ? (a(), d("div", {
-        key: 1,
-        class: r(o(h).description)
+      }, 8, ["for"])) : p("", !0),
+      L("div", {
+        class: i(l(f).inputWrapper)
       }, [
-        p.error ? (a(), d("div", {
+        _.leftIcon ? (c(), k(l(T), {
           key: 0,
-          class: r(o(h).errorText),
-          innerHTML: p.error
-        }, null, 10, Ge)) : u("", !0),
-        p.description ? (a(), d("div", {
+          name: _.leftIcon,
+          class: i(l(f).leftIcon)
+        }, null, 8, ["name", "class"])) : p("", !0),
+        L("input", U({
+          id: _.id,
+          value: a.value,
+          name: _.name,
+          type: _.type,
+          disabled: _.disabled || _.loading,
+          placeholder: _.placeholder,
+          class: r.value,
+          "aria-invalid": !!_.error
+        }, l(o), {
+          onInput: B,
+          onKeydown: g,
+          onFocus: R,
+          onBlur: D,
+          onClick: q
+        }), null, 16, ht),
+        _.rightIcon ? (c(), k(l(T), {
           key: 1,
-          class: r(o(h).descriptionText),
-          innerHTML: p.description
-        }, null, 10, Ke)) : u("", !0)
-      ], 2)) : u("", !0)
-    ], 2));
-  }
-}), Je = "_label_jcdiv_1", Qe = "_disabled_jcdiv_7", Xe = "_input_jcdiv_17", Ye = "_error_jcdiv_30", Ze = "_text_jcdiv_70", et = "_errorText_jcdiv_76", w = {
-  label: Je,
-  disabled: Qe,
-  input: Xe,
-  error: Ye,
-  text: Ze,
-  errorText: et
-}, tt = ["for"], st = ["id", "name", "disabled"], Ct = /* @__PURE__ */ v({
-  __name: "checkbox",
-  props: /* @__PURE__ */ R({
-    id: {},
-    name: {},
-    disabled: { type: Boolean },
-    label: {},
-    error: {},
-    className: {}
-  }, {
-    checked: { type: Boolean },
-    checkedModifiers: {}
-  }),
-  emits: ["update:checked"],
-  setup(n) {
-    const e = n, t = D(n, "checked"), l = c(() => [
-      w.label,
-      {
-        [w.disabled]: e.disabled
-      },
-      e.className
-    ]);
-    return (s, i) => (a(), d("div", null, [
-      j("label", {
-        for: s.id,
-        class: r(l.value)
+          name: _.rightIcon,
+          class: i(l(f).rightIcon),
+          onClick: G
+        }, null, 8, ["name", "class"])) : p("", !0)
+      ], 2),
+      $.value ? (c(), m("div", {
+        key: 1,
+        class: i(l(f).description)
       }, [
-        K(j("input", {
-          id: s.id,
-          "onUpdate:modelValue": i[0] || (i[0] = (y) => t.value = y),
-          name: s.name,
-          type: "checkbox",
-          disabled: s.disabled,
-          class: r([o(w).input, { [o(w).error]: !!e.error }])
-        }, null, 10, st), [
-          [J, t.value]
-        ]),
-        s.$slots.default ? (a(), d("span", {
+        _.error ? (c(), m("div", {
           key: 0,
-          class: r(o(w).text)
-        }, [
-          b(s.$slots, "default")
-        ], 2)) : u("", !0)
-      ], 10, tt),
-      s.error ? (a(), d("div", {
-        key: 0,
-        class: r(o(w).errorText)
-      }, T(s.error), 3)) : u("", !0)
-    ]));
-  }
-}), zt = async () => {
-  if (!(typeof document > "u") && !document.getElementById("__svg-sprite__"))
-    try {
-      const e = `
-      <svg id="__svg-sprite__" xmlns="http://www.w3.org/2000/svg" style="display: none;">
-        ${(await import("./sprite-CRtOoHbV.js")).default}
-      </svg>
-    `;
-      document.body.insertAdjacentHTML("afterbegin", e);
-    } catch (n) {
-      console.error("Failed to load SVG sprite:", n);
-    }
-}, nt = "_title_471uj_1", lt = "_medium_471uj_12", H = {
-  title: nt,
-  "level-1": "_level-1_471uj_8",
-  medium: lt,
-  "level-2": "_level-2_471uj_17",
-  "level-3": "_level-3_471uj_26",
-  "level-4": "_level-4_471uj_35"
-}, Nt = /* @__PURE__ */ v({
-  __name: "title",
-  props: {
-    level: {},
-    className: {},
-    weight: {}
-  },
-  setup(n) {
-    const e = n, t = c(() => [
-      H.title,
-      H[`level-${e.level ?? 1}`],
-      e.className,
-      e.weight && H[e.weight]
-    ]), l = c(() => `h${e.level ?? 1}`);
-    return (s, i) => (a(), C(O(l.value), {
-      class: r(t.value)
-    }, {
-      default: $(() => [
-        b(s.$slots, "default")
-      ]),
-      _: 3
-    }, 8, ["class"]));
-  }
-}), ot = "_text_1mrtv_1", at = "_primary_1mrtv_8", rt = "_medium_1mrtv_12", ct = "_secondary_1mrtv_17", it = "_accent_1mrtv_26", dt = "_subtitle_1mrtv_35", x = {
-  text: ot,
-  primary: at,
-  medium: rt,
-  secondary: ct,
-  accent: it,
-  subtitle: dt
-}, jt = /* @__PURE__ */ v({
-  __name: "text",
-  props: {
-    tagName: { default: "p" },
-    kind: { default: "primary" },
-    weight: {}
-  },
-  setup(n) {
-    const e = n, t = c(() => [
-      x.text,
-      x[e.kind],
-      e.weight && x[e.weight]
-    ]);
-    return (l, s) => (a(), C(O(l.tagName), {
-      class: r(t.value)
-    }, {
-      default: $(() => [
-        b(l.$slots, "default")
-      ]),
-      _: 3
-    }, 8, ["class"]));
-  }
-}), ut = "_s_n8n8w_9", _t = "_xs_n8n8w_14", pt = "_m_n8n8w_19", mt = "_l_n8n8w_24", bt = "_button_n8n8w_30", q = {
-  s: ut,
-  xs: _t,
-  m: pt,
-  l: mt,
-  button: bt
-}, Lt = /* @__PURE__ */ v({
-  __name: "button-icon",
-  props: {
-    icon: {},
-    size: { default: "m" },
-    className: {},
-    type: { default: "primary" },
-    disabled: { type: Boolean, default: !1 },
-    loading: { type: Boolean, default: !1 },
-    active: { type: Boolean, default: !1 },
-    name: {},
-    circle: { type: Boolean, default: !1 },
-    bordered: { type: Boolean, default: !1 }
-  },
-  emits: ["click"],
-  setup(n) {
-    const e = n, t = c(() => [q.button, q[e.size], e.className]), l = c(() => {
-      const s = e.size === "xs" ? "18" : "20";
-      return e.icon.replace(/-?\d*$/, `-${s}`);
-    });
-    return (s, i) => (a(), C(o(W), E({ class: t.value }, e, {
-      "html-type": "button",
-      onClick: i[0] || (i[0] = (y) => s.$emit("click"))
-    }), {
-      before: $(() => [
-        S(o(I), { type: l.value }, null, 8, ["type"])
-      ]),
-      _: 1
-    }, 16, ["class"]));
-  }
-}), yt = "_button_1vqio_1", vt = {
-  button: yt
-}, Mt = /* @__PURE__ */ v({
-  __name: "button-link",
-  emits: ["click"],
-  setup(n) {
-    return (e, t) => (a(), d("button", {
-      class: r(o(vt).button),
-      type: "button",
-      onClick: t[0] || (t[0] = (l) => e.$emit("click"))
-    }, [
-      S(o(I), { type: "plus-18" }),
-      b(e.$slots, "default")
+          class: i(l(f).errorText),
+          innerHTML: _.error
+        }, null, 10, yt)) : p("", !0),
+        _.description ? (c(), m("div", {
+          key: 1,
+          class: i(l(f).descriptionText),
+          innerHTML: _.description
+        }, null, 10, gt)) : p("", !0)
+      ], 2)) : p("", !0)
     ], 2));
   }
-}), kt = "_plank_8tn62_1", ft = "_accent_8tn62_25", ht = "_danger_8tn62_31", $t = "_text_8tn62_37", gt = "_icon_8tn62_41", M = {
-  plank: kt,
+}), vt = "_plank_8tn62_1", kt = "_accent_8tn62_25", $t = "_danger_8tn62_31", wt = "_text_8tn62_37", Ct = "_icon_8tn62_41", N = {
+  plank: vt,
   default: "_default_8tn62_19",
-  accent: ft,
-  danger: ht,
-  text: $t,
-  icon: gt
-}, St = /* @__PURE__ */ v({
-  __name: "base-plank",
+  accent: kt,
+  danger: $t,
+  text: wt,
+  icon: Ct
+}, Wt = /* @__PURE__ */ b({
+  __name: "plank",
   props: {
     type: { default: "default" },
     icon: {},
     label: {}
   },
   emits: ["click"],
-  setup(n) {
-    const e = n, t = U(), l = c(() => B(t)), s = c(() => [M.plank, M[e.type]]);
-    return (i, y) => (a(), d("div", {
-      class: r(s.value)
+  setup(s) {
+    const e = s, t = P(), n = u(() => C(t)), o = u(() => [N.plank, N[e.type]]);
+    return (a, r) => (c(), m("div", {
+      class: i(o.value)
     }, [
-      i.icon ? (a(), d("div", {
+      a.icon ? (c(), m("div", {
         key: 0,
-        class: r(o(M).icon)
+        class: i(l(N).icon)
       }, [
-        S(o(I), { type: i.icon }, null, 8, ["type"])
-      ], 2)) : u("", !0),
-      l.value ? (a(), d("div", {
+        j(l(T), { name: a.icon }, null, 8, ["name"])
+      ], 2)) : p("", !0),
+      n.value ? (c(), m("div", {
         key: 1,
-        class: r(o(M).text)
+        class: i(l(N).text)
       }, [
-        b(i.$slots, "default")
-      ], 2)) : u("", !0),
-      i.label ? (a(), C(o(W), {
+        y(a.$slots, "default")
+      ], 2)) : p("", !0),
+      a.label ? (c(), k(l(V), {
         key: 2,
         size: "xs",
         type: "secondary",
-        onClick: y[0] || (y[0] = (_) => i.$emit("click"))
+        onClick: r[0] || (r[0] = (d) => a.$emit("click"))
       }, {
-        default: $(() => [
-          N(T(i.label), 1)
+        default: v(() => [
+          I(S(a.label), 1)
         ]),
         _: 1
-      })) : u("", !0)
+      })) : p("", !0)
     ], 2));
   }
+}), Tt = "_text_1mrtv_1", zt = "_primary_1mrtv_8", It = "_medium_1mrtv_12", St = "_secondary_1mrtv_17", Bt = "_accent_1mrtv_26", Nt = "_subtitle_1mrtv_35", E = {
+  text: Tt,
+  primary: zt,
+  medium: It,
+  secondary: St,
+  accent: Bt,
+  subtitle: Nt
+}, xt = /* @__PURE__ */ b({
+  __name: "text",
+  props: {
+    tagName: { default: "p" },
+    kind: { default: "primary" },
+    weight: {}
+  },
+  setup(s) {
+    const e = s, t = u(() => [
+      E.text,
+      E[e.kind],
+      e.weight && E[e.weight]
+    ]);
+    return (n, o) => (c(), k(H(n.tagName), {
+      class: i(t.value)
+    }, {
+      default: v(() => [
+        y(n.$slots, "default")
+      ]),
+      _: 3
+    }, 8, ["class"]));
+  }
+}), Lt = "_title_471uj_1", jt = "_medium_471uj_12", O = {
+  title: Lt,
+  "level-1": "_level-1_471uj_8",
+  medium: jt,
+  "level-2": "_level-2_471uj_17",
+  "level-3": "_level-3_471uj_26",
+  "level-4": "_level-4_471uj_35"
+}, Ht = /* @__PURE__ */ b({
+  __name: "title",
+  props: {
+    level: {},
+    className: {},
+    weight: {}
+  },
+  setup(s) {
+    const e = s, t = u(() => [
+      O.title,
+      O[`level-${e.level ?? 1}`],
+      e.className,
+      e.weight && O[e.weight]
+    ]), n = u(() => `h${e.level ?? 1}`);
+    return (o, a) => (c(), k(H(n.value), {
+      class: i(t.value)
+    }, {
+      default: v(() => [
+        y(o.$slots, "default")
+      ]),
+      _: 3
+    }, 8, ["class"]));
+  }
 });
 export {
-  W as BaseButton,
-  Ct as BaseCheckbox,
-  I as BaseIcon,
-  Bt as BaseInput,
-  qe as BaseLabel,
-  le as BaseLoader,
-  St as BasePlank,
-  jt as BaseText,
-  Nt as BaseTitle,
-  Lt as ButtonIcon,
-  Mt as ButtonLink,
-  zt as injectSvgSprite
+  V as UiButton,
+  Ot as UiButtonIcon,
+  Pt as UiButtonLink,
+  T as UiIcon,
+  Rt as UiInput,
+  lt as UiLabel,
+  de as UiLoader,
+  Wt as UiPlank,
+  xt as UiText,
+  Ht as UiTitle,
+  Et as injectSvgSprite
 };