@huntflow/ui 0.0.49 → 0.0.51

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_12dq3_1{display:flex;flex-direction:row;gap:var(--hf-gap-xs);font-style:normal;flex:1;margin-bottom:var(--hf-gap-xs)}._header_12dq3_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_12dq3_18{flex-grow:1;gap:var(--hf-gap-xs);display:flex;flex-direction:column}._title_12dq3_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_12dq3_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_12dq3_33{line-height:var(--hf-font-line-height-label-subtitle)}._link_12dq3_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_12dq3_45 a{text-decoration:none;color:var(--hf-color-text-semilight)}._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 v, computed as p, openBlock as r, createElementBlock as i, normalizeClass as l, unref as o, createVNode as V, createCommentVNode as _, renderSlot as y, createElementVNode as $, mergeModels as B, useModel as C, createBlock as R, withCtx as T, createTextVNode as w, toDisplayString as g, withDirectives as L, vModelDynamic as D, vModelCheckbox as E, normalizeStyle as H } from "vue";
+const I = "_button_1syl2_1", O = "_disabled_1syl2_1", W = "_loading_1syl2_1", A = "_loader_1syl2_1", U = "_content_1syl2_1", F = "_s_1syl2_2", G = "_xs_1syl2_1", K = "_square_1syl2_1", J = "_circle_1syl2_1", P = "_m_1syl2_1", Q = "_l_1syl2_1", X = "_primary_1syl2_1", Y = "_secondary_1syl2_1", Z = "_accent_1syl2_1", x = "_danger_1syl2_1", ee = "_jobsites_1syl2_1", se = "_ghost_1syl2_1", u = {
+  button: I,
+  disabled: O,
+  loading: W,
+  loader: A,
+  content: U,
+  s: F,
+  xs: G,
+  square: K,
+  circle: J,
+  m: P,
+  l: Q,
+  primary: X,
+  secondary: Y,
+  accent: Z,
+  danger: x,
+  jobsites: ee,
+  ghost: se,
   "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,
+}, te = "_loader_t6bg6_10", le = "_circle_t6bg6_15", oe = "_white_t6bg6_22", ne = "_black_t6bg6_26", re = "_s_t6bg6_30", ae = "_m_t6bg6_35", ie = "_l_t6bg6_10", ce = "_spinner_t6bg6_45", f = {
+  loader: te,
+  circle: le,
   "loader-animation": "_loader-animation_t6bg6_1",
-  white: X,
-  black: Y,
-  s: Z,
-  m: ee,
-  l: se,
-  spinner: te
-}, oe = /* @__PURE__ */ $({
+  white: oe,
+  black: ne,
+  s: re,
+  m: ae,
+  l: ie,
+  spinner: ce
+}, de = /* @__PURE__ */ v({
   __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(a) {
+    const e = a, n = p(() => [f.loader, f[e.size], f[e.color], f.circle]);
+    return (t, s) => (r(), i("span", {
+      class: l([o(f).spinner, n.value])
     }, null, 2));
   }
-}), ne = ["name", "type", "disabled"], Ae = /* @__PURE__ */ $({
-  name: "BaseButton",
+}), _e = ["name", "type", "disabled"], Ge = /* @__PURE__ */ v({
   __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(a) {
+    const e = a, n = {
       primary: "white",
       secondary: "black",
       accent: "white",
@@ -67,153 +66,203 @@ const M = "_button_1syl2_1", I = "_disabled_1syl2_1", L = "_loading_1syl2_1", V
       jobsites: "white",
       ghost: "black",
       "ghost-danger": "black"
-    }, l = f(() => [
-      p.button,
-      p[s.size],
-      p[s.type],
-      s.circle ? [p.circle] : [p.square],
+    }, t = p(() => [
+      u.button,
+      u[e.size],
+      u[e.type],
+      e.circle ? [u.circle] : [u.square],
       {
-        [p.disabled]: s.disabled,
-        [p.loading]: s.loading,
-        [p.active]: s.active,
-        [p.bordered]: s.bordered
+        [u.disabled]: e.disabled,
+        [u.loading]: e.loading,
+        [u.active]: e.active,
+        [u.bordered]: e.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.className
+    ]), s = p(() => n[e.type] || "white");
+    return (c, h) => (r(), i("button", {
+      name: c.name,
+      class: l(t.value),
+      type: c.htmlType,
+      disabled: c.disabled || c.loading,
+      onClick: h[0] || (h[0] = (q) => c.$emit("click"))
     }, [
-      a.loading ? (i(), d("div", {
+      c.loading ? (r(), i("div", {
         key: 0,
-        class: r(c(p).loader)
+        class: l(o(u).loader)
       }, [
-        j(c(oe), {
+        V(o(de), {
           size: "s",
-          color: e.value
+          color: s.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),
+      c.$slots.before ? y(c.$slots, "before", { key: 1 }) : _("", !0),
+      $("span", {
+        class: l(o(u).content)
       }, [
-        y(a.$slots, "default")
+        y(c.$slots, "default")
       ], 2),
-      a.$slots.after ? y(a.$slots, "after", { key: 2 }) : u("", !0)
-    ], 10, ne));
+      c.$slots.after ? y(c.$slots, "after", { key: 2 }) : _("", !0)
+    ], 10, _e));
   }
-}), 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__ */ $({
+}), ue = "_wrapper_6qo53_1", pe = "_input_6qo53_5", be = "_error_6qo53_35", ye = "_description_6qo53_47", me = "_descriptionText_6qo53_58", he = "_errorText_6qo53_62", b = {
+  wrapper: ue,
+  input: pe,
+  error: be,
+  description: ye,
+  descriptionText: me,
+  errorText: he
+}, ke = "_label_12dq3_1", ve = "_header_12dq3_10", fe = "_headerWrapper_12dq3_18", ge = "_title_12dq3_25", $e = "_subTitleRow_12dq3_33", Te = "_subTitle_12dq3_33", we = "_link_12dq3_45", m = {
+  label: ke,
+  header: ve,
+  headerWrapper: fe,
+  title: ge,
+  subTitleRow: $e,
+  subTitle: Te,
+  link: we
+}, Be = /* @__PURE__ */ v({
+  __name: "label",
+  emits: ["click"],
+  setup(a) {
+    return (e, n) => (r(), i("label", {
+      class: l(o(m).label)
+    }, [
+      e.$slots.header || e.$slots.title ? (r(), i("span", {
+        key: 0,
+        class: l(o(m).headerWrapper)
+      }, [
+        e.$slots.header ? (r(), i("span", {
+          key: 0,
+          class: l(o(m).header)
+        }, [
+          y(e.$slots, "header")
+        ], 2)) : _("", !0),
+        e.$slots.default ? (r(), i("span", {
+          key: 1,
+          class: l(o(m).title)
+        }, [
+          y(e.$slots, "default")
+        ], 2)) : _("", !0),
+        e.$slots.subTitle || e.$slots.link ? (r(), i("span", {
+          key: 2,
+          class: l(o(m).subTitleRow)
+        }, [
+          e.$slots.subTitle ? (r(), i("span", {
+            key: 0,
+            class: l(o(m).subTitle)
+          }, [
+            y(e.$slots, "subTitle")
+          ], 2)) : _("", !0)
+        ], 2)) : _("", !0)
+      ], 2)) : _("", !0),
+      e.$slots.link ? (r(), i("span", {
+        key: 1,
+        class: l(o(m).link),
+        onClick: n[0] || (n[0] = (t) => e.$emit("click"))
+      }, [
+        y(e.$slots, "link")
+      ], 2)) : _("", !0)
+    ], 2));
+  }
+}), qe = ["id", "name", "type", "disabled", "placeholder"], Me = ["innerHTML"], Ce = ["innerHTML"], Ke = /* @__PURE__ */ v({
   __name: "input",
-  props: /* @__PURE__ */ v({
+  props: /* @__PURE__ */ B({
     value: {},
     type: { default: "text" },
     id: {},
     name: {},
     disabled: { type: Boolean },
     label: {},
+    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__ */ B(["update:value", "enter", "click-link"], ["update:value"]),
+  setup(a, { emit: e }) {
+    const n = C(a, "value"), t = a, s = e, c = p(() => [
+      b.input,
       {
-        [_.disabled]: l.disabled,
-        [_.error]: l.error,
-        [_.loading]: l.loading
+        [b.disabled]: t.disabled,
+        [b.error]: t.error,
+        [b.loading]: t.loading
       },
-      l.className
-    ]), m = (o) => {
-      e("update:value", o.target.value);
-    }, B = (o) => {
-      o.key === "Enter" && e("enter");
+      t.className
+    ]), h = p(() => t.header || t.label || t.subTitle || t.link), q = p(() => t.description || t.error), j = (d) => {
+      s("update:value", d.target.value);
+    }, N = (d) => {
+      d.key === "Enter" && s("enter");
+    }, z = () => {
+      s("click-link");
     };
-    return (o, w) => (i(), d("div", {
-      class: r(c(_).wrapper)
+    return (d, M) => (r(), i("div", {
+      class: l(o(b).wrapper)
     }, [
-      o.label ? (i(), d("label", {
+      h.value ? (r(), R(o(Be), {
         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: z
+      }, {
+        header: T(() => [
+          w(g(t.header), 1)
+        ]),
+        subTitle: T(() => [
+          w(g(t.subTitle), 1)
+        ]),
+        link: T(() => [
+          w(g(t.link), 1)
+        ]),
+        default: T(() => [
+          w(" " + g(t.label) + " ", 1)
+        ]),
+        _: 1
+      }, 8, ["for"])) : _("", !0),
+      L($("input", {
+        id: d.id,
+        "onUpdate:modelValue": M[0] || (M[0] = (S) => n.value = S),
+        name: d.name,
+        type: d.type,
+        disabled: d.disabled || d.loading,
+        placeholder: d.placeholder,
+        class: l(c.value),
+        onInput: j,
+        onKeydown: N
+      }, null, 42, qe), [
+        [D, n.value]
+      ]),
+      q.value ? (r(), i("div", {
+        key: 1,
+        class: l(o(b).description)
       }, [
-        o.$slots.prefix ? (i(), d("span", {
+        d.error ? (r(), i("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: l(o(b).errorText),
+          innerHTML: d.error
+        }, null, 10, Me)) : _("", !0),
+        d.description ? (r(), i("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: l(o(b).descriptionText),
+          innerHTML: d.description
+        }, null, 10, Ce)) : _("", !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__ */ $({
+}), Le = "_label_jcdiv_1", je = "_disabled_jcdiv_7", Ne = "_input_jcdiv_17", ze = "_error_jcdiv_30", Se = "_text_jcdiv_70", Ve = "_errorText_jcdiv_76", k = {
+  label: Le,
+  disabled: je,
+  input: Ne,
+  error: ze,
+  text: Se,
+  errorText: Ve
+}, Re = ["for"], De = ["id", "name", "disabled"], Je = /* @__PURE__ */ v({
   __name: "checkbox",
-  props: /* @__PURE__ */ v({
+  props: /* @__PURE__ */ B({
     id: {},
     name: {},
     disabled: { type: Boolean },
@@ -225,93 +274,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(a) {
+    const e = C(a, "checked"), n = a, t = p(() => [
+      k.label,
       {
-        [b.disabled]: t.disabled
+        [k.disabled]: n.disabled
       },
-      t.className
+      n.className
     ]);
-    return (e, a) => (i(), d("div", null, [
-      h("label", {
-        for: e.id,
-        class: r(l.value)
+    return (s, c) => (r(), i("div", null, [
+      $("label", {
+        for: s.id,
+        class: l(t.value)
       }, [
-        z(h("input", {
-          id: e.id,
-          "onUpdate:modelValue": a[0] || (a[0] = (m) => s.value = m),
-          name: e.name,
+        L($("input", {
+          id: s.id,
+          "onUpdate:modelValue": c[0] || (c[0] = (h) => e.value = h),
+          name: s.name,
           type: "checkbox",
-          disabled: e.disabled,
-          class: r([c(b).input, { [c(b).error]: !!t.error }])
-        }, null, 10, xe), [
-          [T, s.value]
+          disabled: s.disabled,
+          class: l([o(k).input, { [o(k).error]: !!n.error }])
+        }, null, 10, De), [
+          [E, e.value]
         ]),
-        e.$slots.default ? (i(), d("span", {
+        s.$slots.default ? (r(), i("span", {
           key: 0,
-          class: r(c(b).text)
+          class: l(o(k).text)
         }, [
-          y(e.$slots, "default")
-        ], 2)) : u("", !0)
-      ], 10, Te),
-      e.error ? (i(), d("div", {
+          y(s.$slots, "default")
+        ], 2)) : _("", !0)
+      ], 10, Re),
+      s.error ? (r(), i("div", {
         key: 0,
-        class: r(c(b).errorText)
-      }, k(e.error), 3)) : u("", !0)
+        class: l(o(k).errorText)
+      }, g(s.error), 3)) : _("", !0)
     ]));
   }
-}), Me = ["aria-label", "width", "height"], Ie = ["xlink:href"], Le = /* @__PURE__ */ $({
+}), Ee = ["aria-label", "width", "height"], He = ["xlink:href"], Ie = /* @__PURE__ */ v({
   __name: "icon",
   props: {
     type: {},
     color: {},
     block: { type: Boolean }
   },
-  setup(n) {
-    const s = n, t = f(() => {
-      const e = s.type.match(/(\d+)$/);
-      return e ? parseInt(e[1], 10) : 16;
-    }), l = f(() => {
-      const e = {};
-      return s.color && (e.color = s.color), s.block && (e.display = "block"), e;
+  setup(a) {
+    const e = a, n = p(() => {
+      const s = e.type.match(/(\d+)$/);
+      return s ? parseInt(s[1], 10) : 16;
+    }), t = p(() => {
+      const s = {};
+      return e.color && (s.color = e.color), e.block && (s.display = "block"), s;
     });
-    return (e, a) => (i(), d("svg", {
-      class: r(e.$style.icon),
-      "aria-label": e.type,
-      style: x(l.value),
+    return (s, c) => (r(), i("svg", {
+      class: l(s.$style.icon),
+      "aria-label": s.type,
+      style: H(t.value),
       role: "img",
-      width: t.value,
-      height: t.value
+      width: n.value,
+      height: n.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);
+      $("use", {
+        "xlink:href": `../assets/sprite.svg#${s.type}`
+      }, null, 8, He)
+    ], 14, Ee));
   }
+}), Oe = "_icon_1p8iz_2", We = {
+  icon: Oe
+}, Ae = (a, e) => {
+  const n = a.__vccOpts || a;
+  for (const [t, s] of e)
+    n[t] = s;
+  return n;
+}, Ue = {
+  $style: We
+}, Pe = /* @__PURE__ */ Ae(Ie, [["__cssModules", Ue]]), Qe = 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-CP6qWMMh.js")).default}
+      </svg>
+    `;
+      document.body.insertAdjacentHTML("afterbegin", e);
+    } catch (a) {
+      console.error("Failed to load SVG sprite:", a);
+    }
 };
 export {
-  Ae as BaseButton,
-  Ue as BaseCheckbox,
-  Ke as BaseIcon,
-  Re as BaseInput,
-  oe as BaseLoader,
-  Pe as useIcons
+  Ge as BaseButton,
+  Je as BaseCheckbox,
+  Pe as BaseIcon,
+  Ke as BaseInput,
+  Be as BaseLabel,
+  de as BaseLoader,
+  Qe as injectSvgSprite
 };