@huntflow/ui 0.0.49 → 0.0.52

package/dist/ui.es.js

@@ -1,49 +1,48 @@
-(function(){"use strict";var r;try{if(typeof document<"u"){var o=document.createElement("style");o.nonce=(r=document.head.querySelector("meta[property=csp-nonce]"))==null?void 0:r.content,o.appendChild(document.createTextNode('._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);font-style:normal;min-width:-moz-max-content;min-width:max-content;text-decoration:none;color:inherit;gap:4px}._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>*:not(._loader_1syl2_1){visibility:hidden}._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}._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)}@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%}._wrapper_f5n0f_1{display:flex;flex-direction:column}._label_f5n0f_6{margin-bottom:4px;font-size:15px;font-weight:500;line-height:20px}._container_f5n0f_13{position:relative;display:flex;align-items:center}._input_f5n0f_19{flex:1;padding:8px 12px;font-size:15px;line-height:24px;border:1px solid #00000029;border-radius:12px;outline:none;transition:border-color .3s}._input_f5n0f_19._error_f5n0f_29{border:1px solid #FF0000}._input_f5n0f_19._error_f5n0f_29:focus{outline:3px solid #FFD6D6}._input_f5n0f_19:focus{outline:3px solid #C4EDFA}._xs_f5n0f_41{padding:4px 8px;font-size:12px}._s_f5n0f_46{padding:6px 10px;font-size:13px}._m_f5n0f_51{padding:8px 12px;font-size:14px}._l_f5n0f_6{padding:10px 14px;font-size:16px}._xl_f5n0f_61{padding:12px 16px;font-size:18px}._disabled_f5n0f_66{background-color:#e9ecef;cursor:not-allowed}._errorText_f5n0f_71{margin-top:4px;font-size:14px;line-height:20px;color:red}._prefix_f5n0f_78,._suffix_f5n0f_79{position:absolute;display:flex;align-items:center;color:#6c757d}._prefix_f5n0f_78{left:8px}._suffix_f5n0f_79{right:8px}._loading_f5n0f_94{cursor:wait}._spinner_f5n0f_98{position:absolute;right:8px;width:16px;height:16px;border:2px solid rgba(0,0,0,.2);border-top-color:#007bff;border-radius:50%;animation:_spin_f5n0f_98 .6s linear infinite}@keyframes _spin_f5n0f_98{to{transform:rotate(360deg)}}._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}._icon_1p8iz_2{font-style:normal;display:inline-block;vertical-align:middle}')),document.head.appendChild(o)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}})();
-import { defineComponent as $, computed as f, openBlock as i, createElementBlock as d, normalizeClass as r, unref as c, createVNode as j, createCommentVNode as u, renderSlot as y, createElementVNode as h, mergeModels as v, useModel as C, toDisplayString as k, withDirectives as z, vModelDynamic as N, vModelCheckbox as T, normalizeStyle as x } from "vue";
-const M = "_button_1syl2_1", I = "_disabled_1syl2_1", L = "_loading_1syl2_1", V = "_loader_1syl2_1", q = "_content_1syl2_1", D = "_s_1syl2_2", O = "_xs_1syl2_1", S = "_square_1syl2_1", A = "_circle_1syl2_1", R = "_m_1syl2_1", U = "_l_1syl2_1", K = "_primary_1syl2_1", P = "_secondary_1syl2_1", F = "_accent_1syl2_1", G = "_danger_1syl2_1", H = "_jobsites_1syl2_1", J = "_ghost_1syl2_1", p = {
-  button: M,
-  disabled: I,
-  loading: L,
-  loader: V,
-  content: q,
-  s: D,
-  xs: O,
-  square: S,
-  circle: A,
-  m: R,
-  l: U,
-  primary: K,
-  secondary: P,
-  accent: F,
-  danger: G,
-  jobsites: H,
-  ghost: J,
+(function(){"use strict";var r;try{if(typeof document<"u"){var o=document.createElement("style");o.nonce=(r=document.head.querySelector("meta[property=csp-nonce]"))==null?void 0:r.content,o.appendChild(document.createTextNode('._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);font-style:normal;min-width:-moz-max-content;min-width:max-content;text-decoration:none;color:inherit;gap:var(--hf-gap-xs)}._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>*:not(._loader_1syl2_1){visibility:hidden}._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}._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)}@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%}._wrapper_6qo53_1{margin-bottom:var(--hf-gap-xs)}._input_6qo53_5{border-radius:var(--hf-radius-input-default);border:var(--hf-border-xs) solid var(--hf-color-field-border-default);background:var(--hf-color-field-background-default);padding:var(--hf-padding-input-top-bottom-default) var(--hf-padding-input-left-right-default);width:100%;box-sizing:border-box;color:var(--hf-color-field-text-default);font-size:var(--hf-font-size-field-text);font-weight:var(--hf-font-weight-field-text);line-height:var(--hf-font-line-height-field-text)}._input_6qo53_5:active{border-color:var(--hf-color-field-border-focus)}._input_6qo53_5:focus{border-color:var(--hf-color-field-border-focus);outline:solid 3px var(--hf-color-field-border-focus-visible)}._input_6qo53_5:disabled{outline:none;border-color:var(--hf-color-field-text-disable);background:var(--hf-color-field-background-disable);color:var(--hf-color-field-text-disable)}._error_6qo53_35,._error_6qo53_35:active{border-color:var(--hf-color-field-border-error)}._error_6qo53_35:focus{border-color:var(--hf-color-field-border-error);outline:solid 3px var(--hf-color-field-border-error-focus-visible)}._description_6qo53_47{margin-top:var(--hf-gap-xs);font-size:var(--hf-font-size-field-error);font-weight:var(--hf-font-weight-field-description);line-height:var(--hf-font-line-height-field-description)}._description_6qo53_47 a{text-decoration:underline}._descriptionText_6qo53_58{color:var(--hf-color-field-text-description)}._errorText_6qo53_62{color:var(--hf-color-text-danger)}._label_12r0e_1{display:flex;flex-direction:row;gap:var(--hf-gap-xs);font-style:normal;flex:1;margin-bottom:var(--hf-gap-xs)}._header_12r0e_10{display:block;color:var(--hf-color-text-main);font-size:var(--hf-font-size-text-h4);font-weight:var(--hf-font-weight-text-h4);line-height:var(--hf-font-line-height-text-h4)}._headerWrapper_12r0e_18{flex-grow:1;gap:var(--hf-gap-xs);display:flex;flex-direction:column}._title_12r0e_25{display:block;color:var(--hf-color-text-main);font-size:var(--hf-font-size-label-title);font-weight:var(--hf-font-weight-label-title);line-height:var(--hf-font-line-height-label-title)}._subTitleRow_12r0e_33{display:flex;justify-content:space-between;font-size:var(--hf-font-size-label-subtitle);color:var(--hf-color-text-semilight);font-weight:var(--hf-font-weight-label-subtitle)}._subTitle_12r0e_33{line-height:var(--hf-font-line-height-label-subtitle)}._link_12r0e_45{overflow:hidden;text-overflow:ellipsis;font-size:var(--hf-font-size-label-title);line-height:var(--hf-font-line-height-label-subtitle);color:var(--hf-color-text-semilight);font-weight:var(--hf-font-weight-label-subtitle);margin-left:auto;align-self:flex-end;height:20px}._link_12r0e_45 a{text-decoration:none;color:var(--hf-color-text-semilight)}._linkUpper_12r0e_62{margin-bottom:1px}._label_jcdiv_1{display:flex;align-items:center;gap:8px;height:20px}._label_jcdiv_1._disabled_jcdiv_7{color:gray;cursor:not-allowed}._label_jcdiv_1 span{margin-top:-5px}._input_jcdiv_17[type=checkbox]{vertical-align:-2px;margin:0;border-radius:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;width:16px;height:16px;border:1px solid #25CFE8;transform:translateY(-.075em);display:grid;place-content:center}._input_jcdiv_17._error_jcdiv_30[type=checkbox]{border:1px solid #FF0000}._input_jcdiv_17[type=checkbox]:before{content:"";width:16px;height:16px;clip-path:polygon(0 0,50% 0,100% 0,100% 100%,50% 100%,0 100%);transform:scale(0);transform-origin:bottom left;transition:.12s transform ease-in-out;background-color:#25cfe8;border-radius:4px}._input_jcdiv_17[type=checkbox]:checked:before{transform:scale(1)}._input_jcdiv_17[type=checkbox]:focus{outline:2px solid #C4EDFA}._input_jcdiv_17._error_jcdiv_30[type=checkbox]:focus{outline:2px solid #FFD6D6}._input_jcdiv_17[type=checkbox]:disabled{border-color:#00000029;opacity:30%;color:#000;cursor:not-allowed}._text_jcdiv_70{-webkit-user-select:none;-moz-user-select:none;user-select:none;font-size:15px;line-height:20px}._errorText_jcdiv_76{color:red;font-size:12px}._icon_1p8iz_2{font-style:normal;display:inline-block;vertical-align:middle}')),document.head.appendChild(o)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}})();
+import { defineComponent as g, computed as u, openBlock as i, createElementBlock as c, normalizeClass as n, unref as a, createVNode as U, createCommentVNode as _, renderSlot as h, createElementVNode as f, useSlots as V, mergeModels as S, useModel as q, createBlock as R, withCtx as C, createTextVNode as L, toDisplayString as T, withDirectives as z, vModelDynamic as D, vModelCheckbox as E, normalizeStyle as I } from "vue";
+const O = "_button_1syl2_1", W = "_disabled_1syl2_1", A = "_loading_1syl2_1", F = "_loader_1syl2_1", G = "_content_1syl2_1", K = "_s_1syl2_2", J = "_xs_1syl2_1", P = "_square_1syl2_1", Q = "_circle_1syl2_1", X = "_m_1syl2_1", Y = "_l_1syl2_1", Z = "_primary_1syl2_1", x = "_secondary_1syl2_1", ee = "_accent_1syl2_1", se = "_danger_1syl2_1", te = "_jobsites_1syl2_1", le = "_ghost_1syl2_1", p = {
+  button: O,
+  disabled: W,
+  loading: A,
+  loader: F,
+  content: G,
+  s: K,
+  xs: J,
+  square: P,
+  circle: Q,
+  m: X,
+  l: Y,
+  primary: Z,
+  secondary: x,
+  accent: ee,
+  danger: se,
+  jobsites: te,
+  ghost: le,
   "ghost-danger": "_ghost-danger_1syl2_1"
-}, Q = "_loader_t6bg6_10", W = "_circle_t6bg6_15", X = "_white_t6bg6_22", Y = "_black_t6bg6_26", Z = "_s_t6bg6_30", ee = "_m_t6bg6_35", se = "_l_t6bg6_10", te = "_spinner_t6bg6_45", g = {
-  loader: Q,
-  circle: W,
+}, oe = "_loader_t6bg6_10", ne = "_circle_t6bg6_15", re = "_white_t6bg6_22", ae = "_black_t6bg6_26", ie = "_s_t6bg6_30", ce = "_m_t6bg6_35", de = "_l_t6bg6_10", ue = "_spinner_t6bg6_45", $ = {
+  loader: oe,
+  circle: ne,
   "loader-animation": "_loader-animation_t6bg6_1",
-  white: X,
-  black: Y,
-  s: Z,
-  m: ee,
-  l: se,
-  spinner: te
-}, oe = /* @__PURE__ */ $({
+  white: re,
+  black: ae,
+  s: ie,
+  m: ce,
+  l: de,
+  spinner: ue
+}, _e = /* @__PURE__ */ g({
   __name: "loader",
   props: {
     className: {},
     size: { default: "l" },
     color: { default: "black" }
   },
-  setup(n) {
-    const s = n, t = f(() => [g.loader, g[s.size], g[s.color], g.circle]);
-    return (l, e) => (i(), d("span", {
-      class: r([c(g).spinner, t.value])
+  setup(o) {
+    const s = o, l = u(() => [$.loader, $[s.size], $[s.color], $.circle]);
+    return (t, e) => (i(), c("span", {
+      class: n([a($).spinner, l.value])
     }, null, 2));
   }
-}), ne = ["name", "type", "disabled"], Ae = /* @__PURE__ */ $({
-  name: "BaseButton",
+}), pe = ["name", "type", "disabled"], Pe = /* @__PURE__ */ g({
   __name: "button",
   props: {
     size: { default: "m" },
@@ -58,8 +57,8 @@ const M = "_button_1syl2_1", I = "_disabled_1syl2_1", L = "_loading_1syl2_1", V
     htmlType: {}
   },
   emits: ["click"],
-  setup(n) {
-    const s = n, t = {
+  setup(o) {
+    const s = o, l = {
       primary: "white",
       secondary: "black",
       accent: "white",
@@ -67,7 +66,7 @@ const M = "_button_1syl2_1", I = "_disabled_1syl2_1", L = "_loading_1syl2_1", V
       jobsites: "white",
       ghost: "black",
       "ghost-danger": "black"
-    }, l = f(() => [
+    }, t = u(() => [
       p.button,
       p[s.size],
       p[s.type],
@@ -79,141 +78,200 @@ const M = "_button_1syl2_1", I = "_disabled_1syl2_1", L = "_loading_1syl2_1", V
         [p.bordered]: s.bordered
       },
       s.className
-    ]), e = f(() => t[s.type] || "white");
-    return (a, m) => (i(), d("button", {
-      name: a.name,
-      class: r(l.value),
-      type: a.htmlType,
-      disabled: a.disabled || a.loading,
-      onClick: m[0] || (m[0] = (B) => a.$emit("click"))
+    ]), e = u(() => l[s.type] || "white");
+    return (r, b) => (i(), c("button", {
+      name: r.name,
+      class: n(t.value),
+      type: r.htmlType,
+      disabled: r.disabled || r.loading,
+      onClick: b[0] || (b[0] = (w) => r.$emit("click"))
     }, [
-      a.loading ? (i(), d("div", {
+      r.loading ? (i(), c("div", {
         key: 0,
-        class: r(c(p).loader)
+        class: n(a(p).loader)
       }, [
-        j(c(oe), {
+        U(a(_e), {
           size: "s",
           color: e.value
         }, null, 8, ["color"])
-      ], 2)) : u("", !0),
-      a.$slots.before ? y(a.$slots, "before", { key: 1 }) : u("", !0),
-      h("span", {
-        class: r(c(p).content)
+      ], 2)) : _("", !0),
+      r.$slots.before ? h(r.$slots, "before", { key: 1 }) : _("", !0),
+      f("span", {
+        class: n(a(p).content)
       }, [
-        y(a.$slots, "default")
+        h(r.$slots, "default")
       ], 2),
-      a.$slots.after ? y(a.$slots, "after", { key: 2 }) : u("", !0)
-    ], 10, ne));
+      r.$slots.after ? h(r.$slots, "after", { key: 2 }) : _("", !0)
+    ], 10, pe));
   }
-}), le = "_wrapper_f5n0f_1", ae = "_label_f5n0f_6", re = "_container_f5n0f_13", ce = "_input_f5n0f_19", ie = "_error_f5n0f_29", de = "_xs_f5n0f_41", _e = "_s_f5n0f_46", pe = "_m_f5n0f_51", ue = "_l_f5n0f_6", fe = "_xl_f5n0f_61", me = "_disabled_f5n0f_66", be = "_errorText_f5n0f_71", ye = "_prefix_f5n0f_78", he = "_suffix_f5n0f_79", ge = "_loading_f5n0f_94", $e = "_spinner_f5n0f_98", ve = "_spin_f5n0f_98", _ = {
-  wrapper: le,
-  label: ae,
-  container: re,
-  input: ce,
-  error: ie,
-  xs: de,
-  s: _e,
-  m: pe,
-  l: ue,
-  xl: fe,
-  disabled: me,
-  errorText: be,
-  prefix: ye,
-  suffix: he,
-  loading: ge,
-  spinner: $e,
-  spin: ve
-}, ke = ["for"], Be = ["id", "name", "type", "disabled", "placeholder"], Re = /* @__PURE__ */ $({
+}), be = "_wrapper_6qo53_1", ye = "_input_6qo53_5", me = "_error_6qo53_35", he = "_description_6qo53_47", ke = "_descriptionText_6qo53_58", ve = "_errorText_6qo53_62", y = {
+  wrapper: be,
+  input: ye,
+  error: me,
+  description: he,
+  descriptionText: ke,
+  errorText: ve
+}, M = (o, s) => {
+  const l = s ? o[s] : o.default;
+  return (l == null ? void 0 : l().some((t) => {
+    const e = t.children;
+    return e && e.toString().trim() !== "";
+  })) ?? !1;
+}, fe = "_label_12r0e_1", ge = "_header_12r0e_10", $e = "_headerWrapper_12r0e_18", Te = "_title_12r0e_25", we = "_subTitleRow_12r0e_33", Be = "_subTitle_12r0e_33", Ce = "_link_12r0e_45", Le = "_linkUpper_12r0e_62", m = {
+  label: fe,
+  header: ge,
+  headerWrapper: $e,
+  title: Te,
+  subTitleRow: we,
+  subTitle: Be,
+  link: Ce,
+  linkUpper: Le
+}, Me = /* @__PURE__ */ g({
+  __name: "label",
+  emits: ["click"],
+  setup(o) {
+    const s = V(), l = u(() => M(s, "header")), t = u(() => M(s)), e = u(() => M(s, "subTitle")), r = u(() => M(s, "link")), b = u(() => l.value || t.value || e.value), w = u(() => !t.value && !e.value), j = u(
+      () => [m.link, w.value && m.linkUpper].filter(Boolean)
+    );
+    return (k, B) => (i(), c("label", {
+      class: n(a(m).label)
+    }, [
+      b.value ? (i(), c("span", {
+        key: 0,
+        class: n(a(m).headerWrapper)
+      }, [
+        l.value ? (i(), c("span", {
+          key: 0,
+          class: n(a(m).header)
+        }, [
+          h(k.$slots, "header")
+        ], 2)) : _("", !0),
+        t.value ? (i(), c("span", {
+          key: 1,
+          class: n(a(m).title)
+        }, [
+          h(k.$slots, "default")
+        ], 2)) : _("", !0),
+        e.value ? (i(), c("span", {
+          key: 2,
+          class: n(a(m).subTitleRow)
+        }, [
+          f("span", {
+            class: n(a(m).subTitle)
+          }, [
+            h(k.$slots, "subTitle")
+          ], 2)
+        ], 2)) : _("", !0)
+      ], 2)) : _("", !0),
+      r.value ? (i(), c("span", {
+        key: 1,
+        class: n(j.value),
+        onClick: B[0] || (B[0] = (d) => k.$emit("click"))
+      }, [
+        h(k.$slots, "link")
+      ], 2)) : _("", !0)
+    ], 2));
+  }
+}), je = ["id", "name", "type", "disabled", "placeholder"], Se = ["innerHTML"], Ne = ["innerHTML"], Qe = /* @__PURE__ */ g({
   __name: "input",
-  props: /* @__PURE__ */ v({
+  props: /* @__PURE__ */ S({
     value: {},
     type: { default: "text" },
     id: {},
     name: {},
     disabled: { type: Boolean },
-    label: {},
+    title: {},
+    header: {},
+    subTitle: {},
+    link: {},
     placeholder: {},
     loading: { type: Boolean },
     error: {},
-    size: { default: "m" },
+    description: {},
     className: {}
   }, {
     value: {},
     valueModifiers: {}
   }),
-  emits: /* @__PURE__ */ v(["update:value", "enter"], ["update:value"]),
-  setup(n, { emit: s }) {
-    const t = C(n, "value"), l = n, e = s, a = f(() => [
-      _.input,
-      _[l.size],
+  emits: /* @__PURE__ */ S(["update:value", "enter", "click-link"], ["update:value"]),
+  setup(o, { emit: s }) {
+    const l = q(o, "value"), t = o, e = s, r = u(() => [
+      y.input,
       {
-        [_.disabled]: l.disabled,
-        [_.error]: l.error,
-        [_.loading]: l.loading
+        [y.disabled]: t.disabled,
+        [y.error]: t.error,
+        [y.loading]: t.loading
       },
-      l.className
-    ]), m = (o) => {
-      e("update:value", o.target.value);
-    }, B = (o) => {
-      o.key === "Enter" && e("enter");
+      t.className
+    ]), b = u(() => t.header || t.title || t.subTitle || t.link), w = u(() => t.description || t.error), j = (d) => {
+      e("update:value", d.target.value);
+    }, k = (d) => {
+      d.key === "Enter" && e("enter");
+    }, B = () => {
+      e("click-link");
     };
-    return (o, w) => (i(), d("div", {
-      class: r(c(_).wrapper)
+    return (d, N) => (i(), c("div", {
+      class: n(a(y).wrapper)
     }, [
-      o.label ? (i(), d("label", {
+      b.value ? (i(), R(a(Me), {
         key: 0,
-        for: o.id,
-        class: r(c(_).label)
-      }, k(o.label), 11, ke)) : u("", !0),
-      h("div", {
-        class: r(c(_).container)
+        for: d.id,
+        onClick: B
+      }, {
+        header: C(() => [
+          L(T(t.header), 1)
+        ]),
+        subTitle: C(() => [
+          L(T(t.subTitle), 1)
+        ]),
+        link: C(() => [
+          L(T(t.link), 1)
+        ]),
+        default: C(() => [
+          L(" " + T(t.title) + " ", 1)
+        ]),
+        _: 1
+      }, 8, ["for"])) : _("", !0),
+      z(f("input", {
+        id: d.id,
+        "onUpdate:modelValue": N[0] || (N[0] = (H) => l.value = H),
+        name: d.name,
+        type: d.type,
+        disabled: d.disabled || d.loading,
+        placeholder: d.placeholder,
+        class: n(r.value),
+        onInput: j,
+        onKeydown: k
+      }, null, 42, je), [
+        [D, l.value]
+      ]),
+      w.value ? (i(), c("div", {
+        key: 1,
+        class: n(a(y).description)
       }, [
-        o.$slots.prefix ? (i(), d("span", {
+        d.error ? (i(), c("div", {
           key: 0,
-          class: r(c(_).prefix)
-        }, [
-          y(o.$slots, "prefix")
-        ], 2)) : u("", !0),
-        z(h("input", {
-          id: o.id,
-          "onUpdate:modelValue": w[0] || (w[0] = (E) => t.value = E),
-          name: o.name,
-          type: o.type,
-          disabled: o.disabled || o.loading,
-          placeholder: o.placeholder,
-          class: r(a.value),
-          onInput: m,
-          onKeydown: B
-        }, null, 42, Be), [
-          [N, t.value]
-        ]),
-        o.$slots.suffix ? (i(), d("span", {
+          class: n(a(y).errorText),
+          innerHTML: d.error
+        }, null, 10, Se)) : _("", !0),
+        d.description ? (i(), c("div", {
           key: 1,
-          class: r(c(_).suffix)
-        }, [
-          y(o.$slots, "suffix")
-        ], 2)) : u("", !0),
-        o.loading ? (i(), d("span", {
-          key: 2,
-          class: r(c(_).spinner)
-        }, null, 2)) : u("", !0)
-      ], 2),
-      o.error ? (i(), d("p", {
-        key: 1,
-        class: r(c(_).errorText)
-      }, k(o.error), 3)) : u("", !0)
+          class: n(a(y).descriptionText),
+          innerHTML: d.description
+        }, null, 10, Ne)) : _("", !0)
+      ], 2)) : _("", !0)
     ], 2));
   }
-}), we = "_label_jcdiv_1", Ce = "_disabled_jcdiv_7", ze = "_input_jcdiv_17", Ee = "_error_jcdiv_30", je = "_text_jcdiv_70", Ne = "_errorText_jcdiv_76", b = {
-  label: we,
-  disabled: Ce,
-  input: ze,
-  error: Ee,
-  text: je,
-  errorText: Ne
-}, Te = ["for"], xe = ["id", "name", "disabled"], Ue = /* @__PURE__ */ $({
+}), qe = "_label_jcdiv_1", ze = "_disabled_jcdiv_7", He = "_input_jcdiv_17", Ue = "_error_jcdiv_30", Ve = "_text_jcdiv_70", Re = "_errorText_jcdiv_76", v = {
+  label: qe,
+  disabled: ze,
+  input: He,
+  error: Ue,
+  text: Ve,
+  errorText: Re
+}, De = ["for"], Ee = ["id", "name", "disabled"], Xe = /* @__PURE__ */ g({
   __name: "checkbox",
-  props: /* @__PURE__ */ v({
+  props: /* @__PURE__ */ S({
     id: {},
     name: {},
     disabled: { type: Boolean },
@@ -225,93 +283,98 @@ const M = "_button_1syl2_1", I = "_disabled_1syl2_1", L = "_loading_1syl2_1", V
     checkedModifiers: {}
   }),
   emits: ["update:checked"],
-  setup(n) {
-    const s = C(n, "checked"), t = n, l = f(() => [
-      b.label,
+  setup(o) {
+    const s = q(o, "checked"), l = o, t = u(() => [
+      v.label,
       {
-        [b.disabled]: t.disabled
+        [v.disabled]: l.disabled
       },
-      t.className
+      l.className
     ]);
-    return (e, a) => (i(), d("div", null, [
-      h("label", {
+    return (e, r) => (i(), c("div", null, [
+      f("label", {
         for: e.id,
-        class: r(l.value)
+        class: n(t.value)
       }, [
-        z(h("input", {
+        z(f("input", {
           id: e.id,
-          "onUpdate:modelValue": a[0] || (a[0] = (m) => s.value = m),
+          "onUpdate:modelValue": r[0] || (r[0] = (b) => s.value = b),
           name: e.name,
           type: "checkbox",
           disabled: e.disabled,
-          class: r([c(b).input, { [c(b).error]: !!t.error }])
-        }, null, 10, xe), [
-          [T, s.value]
+          class: n([a(v).input, { [a(v).error]: !!l.error }])
+        }, null, 10, Ee), [
+          [E, s.value]
         ]),
-        e.$slots.default ? (i(), d("span", {
+        e.$slots.default ? (i(), c("span", {
           key: 0,
-          class: r(c(b).text)
+          class: n(a(v).text)
         }, [
-          y(e.$slots, "default")
-        ], 2)) : u("", !0)
-      ], 10, Te),
-      e.error ? (i(), d("div", {
+          h(e.$slots, "default")
+        ], 2)) : _("", !0)
+      ], 10, De),
+      e.error ? (i(), c("div", {
         key: 0,
-        class: r(c(b).errorText)
-      }, k(e.error), 3)) : u("", !0)
+        class: n(a(v).errorText)
+      }, T(e.error), 3)) : _("", !0)
     ]));
   }
-}), Me = ["aria-label", "width", "height"], Ie = ["xlink:href"], Le = /* @__PURE__ */ $({
+}), Ie = ["aria-label", "width", "height"], Oe = ["xlink:href"], We = /* @__PURE__ */ g({
   __name: "icon",
   props: {
     type: {},
     color: {},
     block: { type: Boolean }
   },
-  setup(n) {
-    const s = n, t = f(() => {
+  setup(o) {
+    const s = o, l = u(() => {
       const e = s.type.match(/(\d+)$/);
       return e ? parseInt(e[1], 10) : 16;
-    }), l = f(() => {
+    }), t = u(() => {
       const e = {};
       return s.color && (e.color = s.color), s.block && (e.display = "block"), e;
     });
-    return (e, a) => (i(), d("svg", {
-      class: r(e.$style.icon),
+    return (e, r) => (i(), c("svg", {
+      class: n(e.$style.icon),
       "aria-label": e.type,
-      style: x(l.value),
+      style: I(t.value),
       role: "img",
-      width: t.value,
-      height: t.value
+      width: l.value,
+      height: l.value
     }, [
-      h("use", {
-        "xlink:href": `../assets/sprite.svg#${e.type}`
-      }, null, 8, Ie)
-    ], 14, Me));
-  }
-}), Ve = "_icon_1p8iz_2", qe = {
-  icon: Ve
-}, De = (n, s) => {
-  const t = n.__vccOpts || n;
-  for (const [l, e] of s)
-    t[l] = e;
-  return t;
-}, Oe = {
-  $style: qe
-}, Ke = /* @__PURE__ */ De(Le, [["__cssModules", Oe]]), Pe = () => {
-  const n = "huntflow-uikit-icons-sprite", s = "/src/assets/sprite.svg";
-  if (!document.getElementById(n)) {
-    const t = document.createElement("svg");
-    t.style.display = "none", t.id = n;
-    const l = document.createElement("defs"), e = document.createElement("use");
-    e.setAttribute("href", `${s}`), l.appendChild(e), t.appendChild(l), document.body.appendChild(t);
+      f("use", {
+        "xlink:href": `#${e.type}`
+      }, null, 8, Oe)
+    ], 14, Ie));
   }
+}), Ae = "_icon_1p8iz_2", Fe = {
+  icon: Ae
+}, Ge = (o, s) => {
+  const l = o.__vccOpts || o;
+  for (const [t, e] of s)
+    l[t] = e;
+  return l;
+}, Ke = {
+  $style: Fe
+}, Ye = /* @__PURE__ */ Ge(We, [["__cssModules", Ke]]), Ze = async () => {
+  if (!(typeof document > "u") && !document.getElementById("__svg-sprite__"))
+    try {
+      const s = `
+      <svg id="__svg-sprite__" xmlns="http://www.w3.org/2000/svg" style="display: none;">
+        ${(await import("./sprite-CP6qWMMh.js")).default}
+      </svg>
+    `;
+      document.body.insertAdjacentHTML("afterbegin", s);
+    } catch (o) {
+      console.error("Failed to load SVG sprite:", o);
+    }
 };
 export {
-  Ae as BaseButton,
-  Ue as BaseCheckbox,
-  Ke as BaseIcon,
-  Re as BaseInput,
-  oe as BaseLoader,
-  Pe as useIcons
+  Pe as BaseButton,
+  Xe as BaseCheckbox,
+  Ye as BaseIcon,
+  Qe as BaseInput,
+  Me as BaseLabel,
+  _e as BaseLoader,
+  Ze as injectSvgSprite
 };