@huntflow/ui 0.0.55 → 0.0.57

package/dist/ui.es.js

@@ -1,93 +1,93 @@
-(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, createElementBlock as i, openBlock as a, normalizeClass as o, unref as r, normalizeStyle as O, createElementVNode as L, useSlots as V, createCommentVNode as p, renderSlot as m, createBlock as x, createVNode as S, mergeModels as z, useModel as D, withDirectives as R, withCtx as T, createTextVNode as B, toDisplayString as $, vModelDynamic as W, vModelCheckbox as A, resolveDynamicComponent as F, mergeProps as G } from "vue";
-const 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-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)}._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}._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_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)}._plank_dwxr0_1{border-radius:var(--hf-radius-m);padding:var(--hf-gap-m) var(--hf-gap-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-gap-m);align-items:center;justify-content:space-between}._default_dwxr0_19{color:var(--hf-color-text-main);border-color:var(--hf-color-plank-default-border);background-color:var(--hf-color-plank-default-background)}._accent_dwxr0_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_dwxr0_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_dwxr0_37{flex-grow:1}._icon_dwxr0_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 x, useSlots as H, createCommentVNode as _, renderSlot as m, createBlock as C, createVNode as M, mergeModels as q, useAttrs as G, useModel as D, withCtx as $, createTextVNode as j, toDisplayString as T, mergeProps as E, withDirectives as K, vModelCheckbox as J, resolveDynamicComponent as O } from "vue";
+const B = (l, e) => {
+  const t = e ? l[e] : l.default;
+  return (t == null ? void 0 : t().some((n) => {
+    const s = n.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", le = "_spinner_t6bg6_45", N = {
+  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: le
+}, ne = /* @__PURE__ */ v({
   __name: "loader",
   props: {
     className: {},
     size: { default: "l" },
     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])
+  setup(l) {
+    const e = l, t = c(() => [N.loader, N[e.size], N[e.color], N.circle]);
+    return (n, s) => (a(), d("span", {
+      class: r([o(N).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", ke = "_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: ke,
-  "ghost-danger": "_ghost-danger_1syl2_1"
-}, fe = ["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: {},
     color: {},
     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;
-    }), l = c(() => {
-      const t = {};
-      return e.color && (t.color = e.color), e.block && (t.display = "block"), t;
+  setup(l) {
+    const e = l, 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;
+    }), n = c(() => {
+      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: O(l.value),
+    return (s, i) => (a(), d("svg", {
+      class: r(s.$style.icon),
+      "aria-label": s.type,
+      style: P(n.value),
       role: "img",
-      width: s.value,
-      height: s.value
+      width: t.value,
+      height: t.value
     }, [
-      L("use", {
-        "xlink:href": `#${t.type}`
-      }, null, 8, $e)
-    ], 14, fe));
+      x("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"], Le = /* @__PURE__ */ b({
+}), ce = "_icon_1p8iz_2", ie = {
+  icon: ce
+}, de = (l, e) => {
+  const t = l.__vccOpts || l;
+  for (const [n, s] of e)
+    t[n] = s;
+  return t;
+}, _e = {
+  $style: ie
+}, S = /* @__PURE__ */ de(re, [["__cssModules", _e]]), ue = "_button_1syl2_1", pe = "_disabled_1syl2_1", ye = "_loading_1syl2_1", me = "_loader_1syl2_1", be = "_content_1syl2_1", ve = "_dropdownIcon_1syl2_1", ke = "_s_1syl2_2", he = "_xs_1syl2_1", fe = "_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", Ne = "_danger_1syl2_1", je = "_jobsites_1syl2_1", xe = "_ghost_1syl2_1", y = {
+  button: ue,
+  disabled: pe,
+  loading: ye,
+  loader: me,
+  content: be,
+  dropdownIcon: ve,
+  s: ke,
+  xs: he,
+  square: fe,
+  circle: $e,
+  m: ge,
+  l: we,
+  primary: Te,
+  secondary: Be,
+  accent: Ce,
+  danger: Ne,
+  jobsites: je,
+  ghost: xe,
+  "ghost-danger": "_ghost-danger_1syl2_1"
+}, Le = ["name", "type", "disabled"], W = /* @__PURE__ */ v({
   __name: "button",
   props: {
     size: { default: "m" },
@@ -103,8 +103,8 @@ const j = (n, e) => {
     htmlType: {}
   },
   emits: ["click"],
-  setup(n) {
-    const e = V(), s = n, l = {
+  setup(l) {
+    const e = l, t = H(), n = {
       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(() => [
+    }, s = c(() => B(t)), i = c(() => [
       y.button,
-      y[s.size],
-      y[s.type],
-      s.circle ? [y.circle] : [y.square],
+      y[e.size],
+      y[e.type],
+      e.circle ? [y.circle] : [y.square],
       {
-        [y.disabled]: s.disabled,
-        [y.loading]: s.loading,
-        [y.active]: s.active,
-        [y.bordered]: s.bordered
+        [y.disabled]: e.disabled,
+        [y.loading]: e.loading,
+        [y.active]: e.active,
+        [y.bordered]: e.bordered
       },
-      s.className
-    ]), v = c(() => l[s.type] || "white");
-    return (_, g) => (a(), i("button", {
-      name: _.name,
-      class: o(d.value),
-      type: _.htmlType,
-      disabled: _.disabled || _.loading,
-      onClick: g[0] || (g[0] = (h) => _.$emit("click"))
+      e.className
+    ]), b = c(() => n[e.type] || "white");
+    return (u, g) => (a(), d("button", {
+      name: u.name,
+      class: r(i.value),
+      type: u.htmlType,
+      disabled: u.disabled || u.loading,
+      onClick: g[0] || (g[0] = (k) => u.$emit("click"))
     }, [
-      _.loading ? (a(), i("div", {
+      u.loading ? (a(), d("div", {
         key: 0,
-        class: o(r(y).loader)
+        class: r(o(y).loader)
       }, [
-        S(r(te), {
+        M(o(ne), {
           size: "s",
-          color: v.value
+          color: b.value
         }, null, 8, ["color"])
-      ], 2)) : p("", !0),
-      _.$slots.before ? m(_.$slots, "before", { key: 1 }) : p("", !0),
-      t.value ? (a(), i("span", {
+      ], 2)) : _("", !0),
+      u.$slots.before ? m(u.$slots, "before", { key: 1 }) : _("", !0),
+      s.value ? (a(), d("span", {
         key: 2,
-        class: o(r(y).content)
+        class: r(o(y).content)
       }, [
-        m(_.$slots, "default")
-      ], 2)) : p("", !0),
-      _.$slots.after ? m(_.$slots, "after", { key: 3 }) : p("", !0),
-      _.dropdown ? (a(), x(I, {
+        m(u.$slots, "default")
+      ], 2)) : _("", !0),
+      u.$slots.after ? m(u.$slots, "after", { key: 3 }) : _("", !0),
+      u.dropdown ? (a(), C(S, {
         key: 4,
-        class: o(r(y).dropdownIcon),
+        class: r(o(y).dropdownIcon),
         type: "chevron-down-18"
-      }, null, 8, ["class"])) : p("", !0)
-    ], 10, je));
+      }, null, 8, ["class"])) : _("", !0)
+    ], 10, Le));
   }
-}), Ne = "_wrapper_1rgcl_1", xe = "_input_1rgcl_5", Me = "_error_1rgcl_35", ze = "_description_1rgcl_47", Se = "_descriptionText_1rgcl_58", Ie = "_errorText_1rgcl_62", k = {
-  wrapper: Ne,
-  input: xe,
-  error: Me,
-  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", f = {
-  label: qe,
-  header: He,
-  headerWrapper: Ue,
-  title: Ve,
-  subTitleRow: De,
-  subTitle: Re,
-  link: Ee,
-  linkUpper: Oe
-}, We = /* @__PURE__ */ b({
+}), ze = "_label_12r0e_1", Me = "_header_12r0e_10", Se = "_headerWrapper_12r0e_18", Ie = "_title_12r0e_25", qe = "_subTitleRow_12r0e_33", He = "_subTitle_12r0e_33", Re = "_link_12r0e_45", Ue = "_linkUpper_12r0e_62", h = {
+  label: ze,
+  header: Me,
+  headerWrapper: Se,
+  title: Ie,
+  subTitleRow: qe,
+  subTitle: He,
+  link: Re,
+  linkUpper: Ue
+}, Ve = /* @__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), g = c(
-      () => [f.link, _.value && f.linkUpper].filter(Boolean)
+  setup(l) {
+    const e = H(), t = c(() => B(e, "header")), n = c(() => B(e)), s = c(() => B(e, "subTitle")), i = c(() => B(e, "link")), b = c(() => t.value || n.value || s.value), u = c(() => !n.value && !s.value), g = c(
+      () => [h.link, u.value && h.linkUpper].filter(Boolean)
     );
-    return (h, N) => (a(), i("label", {
-      class: o(r(f).label)
+    return (k, L) => (a(), d("label", {
+      class: r(o(h).label)
     }, [
-      v.value ? (a(), i("span", {
+      b.value ? (a(), d("span", {
         key: 0,
-        class: o(r(f).headerWrapper)
+        class: r(o(h).headerWrapper)
       }, [
-        s.value ? (a(), i("span", {
+        t.value ? (a(), d("span", {
           key: 0,
-          class: o(r(f).header)
+          class: r(o(h).header)
         }, [
-          m(h.$slots, "header")
-        ], 2)) : p("", !0),
-        l.value ? (a(), i("span", {
+          m(k.$slots, "header")
+        ], 2)) : _("", !0),
+        n.value ? (a(), d("span", {
           key: 1,
-          class: o(r(f).title)
+          class: r(o(h).title)
         }, [
-          m(h.$slots, "default")
-        ], 2)) : p("", !0),
-        t.value ? (a(), i("span", {
+          m(k.$slots, "default")
+        ], 2)) : _("", !0),
+        s.value ? (a(), d("span", {
           key: 2,
-          class: o(r(f).subTitleRow)
+          class: r(o(h).subTitleRow)
         }, [
-          L("span", {
-            class: o(r(f).subTitle)
+          x("span", {
+            class: r(o(h).subTitle)
           }, [
-            m(h.$slots, "subTitle")
+            m(k.$slots, "subTitle")
           ], 2)
-        ], 2)) : p("", !0)
-      ], 2)) : p("", !0),
-      d.value ? (a(), i("span", {
+        ], 2)) : _("", !0)
+      ], 2)) : _("", !0),
+      i.value ? (a(), d("span", {
         key: 1,
-        class: o(g.value),
-        onClick: N[0] || (N[0] = (u) => h.$emit("click"))
+        class: r(g.value),
+        onClick: L[0] || (L[0] = (R) => k.$emit("click"))
       }, [
-        m(h.$slots, "link")
-      ], 2)) : p("", !0)
+        m(k.$slots, "link")
+      ], 2)) : _("", !0)
     ], 2));
   }
-}), Ae = ["id", "name", "type", "disabled", "placeholder"], Fe = ["innerHTML"], Ge = ["innerHTML"], bt = /* @__PURE__ */ b({
+}), De = "_wrapper_1rgcl_1", Ee = "_input_1rgcl_5", Oe = "_error_1rgcl_35", We = "_description_1rgcl_47", Ae = "_descriptionText_1rgcl_58", Fe = "_errorText_1rgcl_62", f = {
+  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"], Tt = /* @__PURE__ */ v({
   __name: "input",
-  props: /* @__PURE__ */ z({
+  props: /* @__PURE__ */ q({
     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"]),
-  setup(n, { emit: e }) {
-    const s = D(n, "value"), l = n, t = e, d = c(() => [
-      k.input,
+  emits: /* @__PURE__ */ q(["update:value", "enter", "click-link", "focus", "blur"], ["update:value"]),
+  setup(l, { emit: e }) {
+    const t = l, n = e, s = G(), i = D(l, "value"), b = c(() => [
+      f.input,
       {
-        [k.disabled]: l.disabled,
-        [k.error]: l.error,
-        [k.loading]: l.loading
+        [f.disabled]: t.disabled,
+        [f.error]: t.error,
+        [f.loading]: t.loading
       },
-      l.className
-    ]), v = c(() => l.header || l.title || l.subTitle || l.link), _ = c(() => l.description || l.error), g = (u) => {
-      t("update:value", u.target.value);
-    }, h = (u) => {
-      u.key === "Enter" && t("enter");
-    }, N = () => {
-      t("click-link");
+      t.className
+    ]), u = c(() => t.header || t.title || t.subTitle || t.link), g = c(() => t.description || t.error), k = (p) => {
+      p.key === "Enter" && n("enter");
+    }, L = (p) => {
+      n("update:value", p.target.value);
+    }, R = () => {
+      n("focus");
+    }, A = () => {
+      n("blur");
+    }, F = () => {
+      n("click-link");
     };
-    return (u, q) => (a(), i("div", {
-      class: o(r(k).wrapper)
+    return (p, gt) => (a(), d("div", {
+      class: r(o(f).wrapper)
     }, [
-      v.value ? (a(), x(r(We), {
+      u.value ? (a(), C(o(Ve), {
         key: 0,
-        for: u.id,
-        onClick: N
+        for: p.id,
+        onClick: F
       }, {
-        header: T(() => [
-          B($(l.header), 1)
+        header: $(() => [
+          j(T(t.header), 1)
         ]),
-        subTitle: T(() => [
-          B($(l.subTitle), 1)
+        subTitle: $(() => [
+          j(T(t.subTitle), 1)
         ]),
-        link: T(() => [
-          B($(l.link), 1)
+        link: $(() => [
+          j(T(t.link), 1)
         ]),
-        default: T(() => [
-          B(" " + $(l.title) + " ", 1)
+        default: $(() => [
+          j(" " + T(t.title) + " ", 1)
         ]),
         _: 1
-      }, 8, ["for"])) : p("", !0),
-      R(L("input", {
-        id: u.id,
-        "onUpdate:modelValue": q[0] || (q[0] = (E) => s.value = E),
-        name: u.name,
-        type: u.type,
-        disabled: u.disabled || u.loading,
-        placeholder: u.placeholder,
-        class: o(d.value),
-        onInput: g,
-        onKeydown: h
-      }, null, 42, Ae), [
-        [W, s.value]
-      ]),
-      _.value ? (a(), i("div", {
+      }, 8, ["for"])) : _("", !0),
+      x("input", E({
+        id: p.id,
+        value: i.value,
+        name: p.name,
+        type: p.type,
+        disabled: p.disabled || p.loading,
+        placeholder: p.placeholder,
+        class: b.value,
+        "aria-invalid": !!p.error
+      }, o(s), {
+        onInput: L,
+        onKeydown: k,
+        onFocus: R,
+        onBlur: A
+      }), null, 16, Pe),
+      g.value ? (a(), d("div", {
         key: 1,
-        class: o(r(k).description)
+        class: r(o(f).description)
       }, [
-        u.error ? (a(), i("div", {
+        p.error ? (a(), d("div", {
           key: 0,
-          class: o(r(k).errorText),
-          innerHTML: u.error
-        }, null, 10, Fe)) : p("", !0),
-        u.description ? (a(), i("div", {
+          class: r(o(f).errorText),
+          innerHTML: p.error
+        }, null, 10, Ge)) : _("", !0),
+        p.description ? (a(), d("div", {
           key: 1,
-          class: o(r(k).descriptionText),
-          innerHTML: u.description
-        }, null, 10, Ge)) : p("", !0)
-      ], 2)) : p("", !0)
+          class: r(o(f).descriptionText),
+          innerHTML: p.description
+        }, null, 10, Ke)) : _("", !0)
+      ], 2)) : _("", !0)
     ], 2));
   }
-}), Ke = "_label_jcdiv_1", Pe = "_disabled_jcdiv_7", Je = "_input_jcdiv_17", Qe = "_error_jcdiv_30", Xe = "_text_jcdiv_70", Ye = "_errorText_jcdiv_76", w = {
-  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"], Bt = /* @__PURE__ */ v({
   __name: "checkbox",
-  props: /* @__PURE__ */ z({
+  props: /* @__PURE__ */ q({
     id: {},
     name: {},
     disabled: { type: Boolean },
@@ -329,115 +335,117 @@ const j = (n, e) => {
     checkedModifiers: {}
   }),
   emits: ["update:checked"],
-  setup(n) {
-    const e = D(n, "checked"), s = n, l = c(() => [
+  setup(l) {
+    const e = l, t = D(l, "checked"), n = c(() => [
       w.label,
       {
-        [w.disabled]: s.disabled
+        [w.disabled]: e.disabled
       },
-      s.className
+      e.className
     ]);
-    return (t, d) => (a(), i("div", null, [
-      L("label", {
-        for: t.id,
-        class: o(l.value)
+    return (s, i) => (a(), d("div", null, [
+      x("label", {
+        for: s.id,
+        class: r(n.value)
       }, [
-        R(L("input", {
-          id: t.id,
-          "onUpdate:modelValue": d[0] || (d[0] = (v) => e.value = v),
-          name: t.name,
+        K(x("input", {
+          id: s.id,
+          "onUpdate:modelValue": i[0] || (i[0] = (b) => t.value = b),
+          name: s.name,
           type: "checkbox",
-          disabled: t.disabled,
-          class: o([r(w).input, { [r(w).error]: !!s.error }])
-        }, null, 10, et), [
-          [A, 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(w).text)
+          class: r(o(w).text)
         }, [
-          m(t.$slots, "default")
-        ], 2)) : p("", !0)
-      ], 10, Ze),
-      t.error ? (a(), i("div", {
+          m(s.$slots, "default")
+        ], 2)) : _("", !0)
+      ], 10, tt),
+      s.error ? (a(), d("div", {
         key: 0,
-        class: o(r(w).errorText)
-      }, $(t.error), 3)) : p("", !0)
+        class: r(o(w).errorText)
+      }, T(s.error), 3)) : _("", !0)
     ]));
   }
-}), ht = async () => {
+}), Ct = 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);
+    } catch (l) {
+      console.error("Failed to load SVG sprite:", l);
     }
-}, tt = "_title_j3vxq_1", H = {
-  title: tt,
+}, lt = "_title_j3vxq_1", U = {
+  title: lt,
   "level-1": "_level-1_j3vxq_8",
   "level-2": "_level-2_j3vxq_14",
   "level-3": "_level-3_j3vxq_20",
   "level-4": "_level-4_j3vxq_26"
-}, kt = /* @__PURE__ */ b({
+}, Nt = /* @__PURE__ */ v({
   __name: "title",
   props: {
     level: {},
-    text: {},
     className: {}
   },
-  setup(n) {
-    const e = n, s = c(() => [H.title, H[`level-${e.level}`], e.className]), l = c(() => `h${e.level}`);
-    return (t, d) => (a(), x(F(l.value), {
-      class: o(s.value)
+  setup(l) {
+    const e = l, t = c(() => [
+      U.title,
+      U[`level-${e.level ?? 1}`],
+      e.className
+    ]), n = c(() => `h${e.level ?? 1}`);
+    return (s, i) => (a(), C(O(n.value), {
+      class: r(t.value)
     }, {
-      default: T(() => [
-        m(t.$slots, "default", {}, () => [
-          B($(t.text), 1)
-        ])
+      default: $(() => [
+        m(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", M = {
-  text: st,
-  primary: lt,
-  medium: nt,
-  secondary: ot,
-  accent: at,
-  subtitle: rt
-}, ft = /* @__PURE__ */ b({
+}), nt = "_text_pweht_1", ot = "_primary_pweht_8", at = "_medium_pweht_13", rt = "_secondary_pweht_18", ct = "_accent_pweht_27", it = "_subtitle_pweht_36", I = {
+  text: nt,
+  primary: ot,
+  medium: at,
+  secondary: rt,
+  accent: ct,
+  subtitle: it
+}, jt = /* @__PURE__ */ v({
   __name: "text",
   props: {
-    text: {},
+    tagName: { default: "p" },
     kind: { default: "primary" },
     weight: {}
   },
-  setup(n) {
-    const e = n, s = c(() => [
-      M.text,
-      M[e.kind],
-      e.weight && M[e.weight]
+  setup(l) {
+    const e = l, t = c(() => [
+      I.text,
+      I[e.kind],
+      e.weight && I[e.weight]
     ]);
-    return (l, t) => (a(), i("p", {
-      class: o(s.value)
-    }, [
-      m(l.$slots, "default", {}, () => [
-        B($(l.text), 1)
-      ])
-    ], 2));
+    return (n, s) => (a(), C(O(n.tagName), {
+      class: r(t.value)
+    }, {
+      default: $(() => [
+        m(n.$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({
+}), dt = "_s_n8n8w_9", _t = "_xs_n8n8w_14", ut = "_m_n8n8w_19", pt = "_l_n8n8w_24", yt = "_button_n8n8w_30", V = {
+  s: dt,
+  xs: _t,
+  m: ut,
+  l: pt,
+  button: yt
+}, xt = /* @__PURE__ */ v({
   __name: "button-icon",
   props: {
     icon: {},
@@ -452,47 +460,93 @@ const j = (n, e) => {
     bordered: { type: Boolean, default: !1 }
   },
   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}`);
+  setup(l) {
+    const e = l, t = c(() => [V.button, V[e.size], e.className]), n = c(() => {
+      const s = e.size === "xs" ? "18" : "20";
+      return e.icon.replace(/-?\d*$/, `-${s}`);
     });
-    return (t, d) => (a(), x(r(Le), 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] = (b) => s.$emit("click"))
     }), {
-      before: T(() => [
-        S(r(I), { type: l.value }, null, 8, ["type"])
+      before: $(() => [
+        M(o(S), { type: n.value }, null, 8, ["type"])
       ]),
       _: 1
     }, 16, ["class"]));
   }
-}), pt = "_button_fj122_1", yt = {
-  button: pt
-}, gt = /* @__PURE__ */ b({
+}), mt = "_button_fj122_1", bt = {
+  button: mt
+}, Lt = /* @__PURE__ */ v({
   __name: "button-link",
   emits: ["click"],
-  setup(n) {
-    return (e, s) => (a(), i("button", {
-      class: o(r(yt).button),
+  setup(l) {
+    return (e, t) => (a(), d("button", {
+      class: r(o(bt).button),
       type: "button",
-      onClick: s[0] || (s[0] = (l) => e.$emit("click"))
+      onClick: t[0] || (t[0] = (n) => e.$emit("click"))
     }, [
-      S(r(I), { type: "plus-18" }),
+      M(o(S), { type: "plus-18" }),
       m(e.$slots, "default")
     ], 2));
   }
+}), vt = "_plank_dwxr0_1", kt = "_accent_dwxr0_25", ht = "_danger_dwxr0_31", ft = "_text_dwxr0_37", $t = "_icon_dwxr0_41", z = {
+  plank: vt,
+  default: "_default_dwxr0_19",
+  accent: kt,
+  danger: ht,
+  text: ft,
+  icon: $t
+}, zt = /* @__PURE__ */ v({
+  __name: "base-plank",
+  props: {
+    type: { default: "default" },
+    icon: {},
+    label: {}
+  },
+  emits: ["click"],
+  setup(l) {
+    const e = l, t = H(), n = c(() => B(t)), s = c(() => [z.plank, z[e.type]]);
+    return (i, b) => (a(), d("div", {
+      class: r(s.value)
+    }, [
+      i.icon ? (a(), d("div", {
+        key: 0,
+        class: r(o(z).icon)
+      }, [
+        M(o(S), { type: i.icon }, null, 8, ["type"])
+      ], 2)) : _("", !0),
+      n.value ? (a(), d("div", {
+        key: 1,
+        class: r(o(z).text)
+      }, [
+        m(i.$slots, "default")
+      ], 2)) : _("", !0),
+      i.label ? (a(), C(o(W), {
+        key: 2,
+        size: "xs",
+        type: "secondary",
+        onClick: b[0] || (b[0] = (u) => i.$emit("click"))
+      }, {
+        default: $(() => [
+          j(T(i.label), 1)
+        ]),
+        _: 1
+      })) : _("", !0)
+    ], 2));
+  }
 });
 export {
-  Le as BaseButton,
-  vt as BaseCheckbox,
-  I as BaseIcon,
-  bt as BaseInput,
-  We as BaseLabel,
-  te as BaseLoader,
-  ft as BaseText,
-  kt as BaseTitle,
-  $t as ButtonIcon,
-  gt as ButtonLink,
-  ht as injectSvgSprite
+  W as BaseButton,
+  Bt as BaseCheckbox,
+  S as BaseIcon,
+  Tt as BaseInput,
+  Ve as BaseLabel,
+  ne as BaseLoader,
+  zt as BasePlank,
+  jt as BaseText,
+  Nt as BaseTitle,
+  xt as ButtonIcon,
+  Lt as ButtonLink,
+  Ct as injectSvgSprite
 };