@huntflow/ui 0.0.58 → 0.0.60

package/dist/ui.es.js

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