@huntflow/ui 0.0.48 → 0.0.51

package/dist/ui.es.js

@@ -1,36 +1,53 @@
-(function(){"use strict";var e;try{if(typeof document<"u"){var o=document.createElement("style");o.nonce=(e=document.head.querySelector("meta[property=csp-nonce]"))==null?void 0:e.content,o.appendChild(document.createTextNode('._button_1ey6t_1{position:relative;display:inline-flex;align-items:center;font-weight:500;justify-content:center;border:none;border-radius:var(--hf-button-border-radius);cursor:pointer;transition:background-color .3s,box-shadow .3s}._button_1ey6t_1 ._contentWrapper_1ey6t_13{display:flex;align-items:center}._button_1ey6t_1:focus{outline:none}._primary_1ey6t_23{color:var(--hf-button-primary-text-color);border:1px solid var(--hf-button-primary-background-color);background-color:var(--hf-button-primary-background-color)}._primary_1ey6t_23:hover{background-color:var(--hf-button-primary-hover-background-color)}._primary_1ey6t_23:focus{box-shadow:0 0 0 3px var(--hf-button-primary-focus-color)}._primary_1ey6t_23._bordered_1ey6t_38{background-color:#fff;color:var(--hf-button-primary-background-color);border:1px solid var(--hf-button-primary-background-color)}._danger_1ey6t_44{color:var(--hf-button-danger-text-color);border:1px solid var(--hf-button-danger-background-color);background-color:var(--hf-button-danger-background-color)}._danger_1ey6t_44:hover{background-color:var(--hf-button-danger-hover-background-color)}._danger_1ey6t_44:focus{box-shadow:0 0 0 3px var(--hf-button-danger-focus-color)}._danger_1ey6t_44._bordered_1ey6t_38{background-color:#fff;color:var(--hf-button-danger-background-color);border:1px solid var(--hf-button-danger-background-color)}._default_1ey6t_64{background-color:#fff;color:var(--hf-button-default-text-color);border:1px solid var(--hf-button-default-border-color)}._default_1ey6t_64:hover{background-color:var(--hf-button-default-hover-background-color)}._default_1ey6t_64:focus{box-shadow:0 0 0 3px var(--hf-button-default-focus-color)}._link_1ey6t_78{background-color:#fff;color:#007bff;text-decoration:underline}._block_1ey6t_84{width:100%}._disabled_1ey6t_88{background-color:#e9ecef;color:#6c757d;cursor:not-allowed}._disabled_1ey6t_88:hover{background-color:inherit}._loading_1ey6t_98{cursor:wait}._loading_1ey6t_98 ._content_1ey6t_13{visibility:hidden}._circle_1ey6t_106{border-radius:100%;padding:0!important}._bordered_1ey6t_38{border:1px solid currentColor}._icon_1ey6t_115{display:flex;align-items:center}._iconLeft_1ey6t_120{margin-right:8px}._iconRight_1ey6t_124{margin-left:8px}._xs_1ey6t_128{padding:4px 8px;font-size:12px}._s_1ey6t_133{padding:6px 12px;font-size:14px;line-height:20px}._m_1ey6t_139{padding:6px 12px;font-size:15px;line-height:24px}._l_1ey6t_78{padding:16px 32px;font-size:18px}._xl_1ey6t_150{padding:20px 40px;font-size:20px}._loadingWrapper_1ey6t_155{width:100%;height:100%;position:absolute;left:0;right:0;display:flex;align-items:center;justify-content:center}._loadingWrapper_1ey6t_155 ._spinner_1ey6t_166{display:inline-block;position:absolute;right:0;left:0;margin:0 auto;width:16px;height:16px;border:2px solid rgba(0,0,0,.05);border-top-color:#fff;border-radius:50%;animation:_spin_1ey6t_166 .6s linear infinite}@keyframes _spin_1ey6t_166{to{transform:rotate(360deg)}}._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(r){console.error("vite-plugin-css-injected-by-js",r)}})();
-import { defineComponent as v, computed as b, openBlock as c, createElementBlock as d, normalizeClass as o, unref as a, createElementVNode as u, createCommentVNode as _, renderSlot as m, mergeModels as h, useModel as B, toDisplayString as g, withDirectives as x, vModelDynamic as E, vModelCheckbox as T, normalizeStyle as w } from "vue";
-const z = "_button_1ey6t_1", M = "_contentWrapper_1ey6t_13", N = "_primary_1ey6t_23", W = "_bordered_1ey6t_38", j = "_danger_1ey6t_44", L = "_link_1ey6t_78", R = "_block_1ey6t_84", S = "_disabled_1ey6t_88", V = "_loading_1ey6t_98", D = "_content_1ey6t_13", U = "_circle_1ey6t_106", A = "_icon_1ey6t_115", K = "_iconLeft_1ey6t_120", O = "_iconRight_1ey6t_124", P = "_xs_1ey6t_128", q = "_s_1ey6t_133", F = "_m_1ey6t_139", G = "_l_1ey6t_78", H = "_xl_1ey6t_150", J = "_loadingWrapper_1ey6t_155", Q = "_spinner_1ey6t_166", X = "_spin_1ey6t_166", r = {
-  button: z,
-  contentWrapper: M,
-  primary: N,
-  bordered: W,
-  danger: j,
-  default: "_default_1ey6t_64",
-  link: L,
-  block: R,
-  disabled: S,
-  loading: V,
-  content: D,
-  circle: U,
-  icon: A,
-  iconLeft: K,
-  iconRight: O,
-  xs: P,
-  s: q,
-  m: F,
-  l: G,
-  xl: H,
-  loadingWrapper: J,
-  spinner: Q,
-  spin: X
-}, Y = ["name", "type", "disabled"], je = /* @__PURE__ */ v({
+(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"
+}, 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: 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(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));
+  }
+}), _e = ["name", "type", "disabled"], Ge = /* @__PURE__ */ v({
   __name: "button",
   props: {
     size: { default: "m" },
     className: {},
-    type: { default: "default" },
-    block: { type: Boolean },
+    type: { default: "primary" },
     disabled: { type: Boolean, default: !1 },
     loading: { type: Boolean, default: !1 },
     active: { type: Boolean, default: !1 },
@@ -40,168 +57,212 @@ const z = "_button_1ey6t_1", M = "_contentWrapper_1ey6t_13", N = "_primary_1ey6t
     htmlType: {}
   },
   emits: ["click"],
-  setup(i) {
-    const t = i, l = b(() => [
-      r.button,
-      r[t.size],
-      r[t.type],
+  setup(a) {
+    const e = a, n = {
+      primary: "white",
+      secondary: "black",
+      accent: "white",
+      danger: "white",
+      jobsites: "white",
+      ghost: "black",
+      "ghost-danger": "black"
+    }, t = p(() => [
+      u.button,
+      u[e.size],
+      u[e.type],
+      e.circle ? [u.circle] : [u.square],
       {
-        [r.block]: t.block,
-        [r.disabled]: t.disabled,
-        [r.loading]: t.loading,
-        [r.active]: t.active,
-        [r.circle]: t.circle,
-        [r.bordered]: t.bordered
+        [u.disabled]: e.disabled,
+        [u.loading]: e.loading,
+        [u.active]: e.active,
+        [u.bordered]: e.bordered
       },
-      t.className
-    ]);
-    return (s, e) => (c(), d("button", {
-      name: s.name,
-      class: o(l.value),
-      type: s.htmlType,
-      disabled: s.disabled,
-      onClick: e[0] || (e[0] = (f) => s.$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"))
     }, [
-      s.loading ? (c(), d("div", {
+      c.loading ? (r(), i("div", {
         key: 0,
-        class: o(a(r).loadingWrapper)
+        class: l(o(u).loader)
       }, [
-        u("span", {
-          class: o(a(r).spinner)
-        }, null, 2)
+        V(o(de), {
+          size: "s",
+          color: s.value
+        }, null, 8, ["color"])
       ], 2)) : _("", !0),
-      u("div", {
-        class: o(a(r).contentWrapper)
+      c.$slots.before ? y(c.$slots, "before", { key: 1 }) : _("", !0),
+      $("span", {
+        class: l(o(u).content)
       }, [
-        s.$slots.leftIcon ? (c(), d("span", {
+        y(c.$slots, "default")
+      ], 2),
+      c.$slots.after ? y(c.$slots, "after", { key: 2 }) : _("", !0)
+    ], 10, _e));
+  }
+}), 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: o([a(r).icon, a(r).iconLeft])
+          class: l(o(m).header)
         }, [
-          m(s.$slots, "leftIcon")
+          y(e.$slots, "header")
         ], 2)) : _("", !0),
-        u("span", {
-          class: o(a(r).content)
-        }, [
-          m(s.$slots, "default")
-        ], 2),
-        s.$slots.rightIcon ? (c(), d("span", {
+        e.$slots.default ? (r(), i("span", {
           key: 1,
-          class: o([a(r).icon, a(r).iconRight])
+          class: l(o(m).title)
         }, [
-          m(s.$slots, "rightIcon")
+          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)
-    ], 10, Y));
+      ], 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));
   }
-}), Z = "_wrapper_f5n0f_1", ee = "_label_f5n0f_6", se = "_container_f5n0f_13", te = "_input_f5n0f_19", ne = "_error_f5n0f_29", oe = "_xs_f5n0f_41", le = "_s_f5n0f_46", ae = "_m_f5n0f_51", re = "_l_f5n0f_6", ie = "_xl_f5n0f_61", ce = "_disabled_f5n0f_66", de = "_errorText_f5n0f_71", pe = "_prefix_f5n0f_78", _e = "_suffix_f5n0f_79", ue = "_loading_f5n0f_94", fe = "_spinner_f5n0f_98", ye = "_spin_f5n0f_98", p = {
-  wrapper: Z,
-  label: ee,
-  container: se,
-  input: te,
-  error: ne,
-  xs: oe,
-  s: le,
-  m: ae,
-  l: re,
-  xl: ie,
-  disabled: ce,
-  errorText: de,
-  prefix: pe,
-  suffix: _e,
-  loading: ue,
-  spinner: fe,
-  spin: ye
-}, me = ["for"], be = ["id", "name", "type", "disabled", "placeholder"], Le = /* @__PURE__ */ v({
+}), qe = ["id", "name", "type", "disabled", "placeholder"], Me = ["innerHTML"], Ce = ["innerHTML"], Ke = /* @__PURE__ */ v({
   __name: "input",
-  props: /* @__PURE__ */ h({
+  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__ */ h(["update:value", "enter"], ["update:value"]),
-  setup(i, { emit: t }) {
-    const l = B(i, "value"), s = i, e = t, f = b(() => [
-      p.input,
-      p[s.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,
       {
-        [p.disabled]: s.disabled,
-        [p.error]: s.error,
-        [p.loading]: s.loading
+        [b.disabled]: t.disabled,
+        [b.error]: t.error,
+        [b.loading]: t.loading
       },
-      s.className
-    ]), $ = (n) => {
-      e("update:value", n.target.value);
-    }, C = (n) => {
-      n.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 (n, k) => (c(), d("div", {
-      class: o(a(p).wrapper)
+    return (d, M) => (r(), i("div", {
+      class: l(o(b).wrapper)
     }, [
-      n.label ? (c(), d("label", {
+      h.value ? (r(), R(o(Be), {
         key: 0,
-        for: n.id,
-        class: o(a(p).label)
-      }, g(n.label), 11, me)) : _("", !0),
-      u("div", {
-        class: o(a(p).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)
       }, [
-        n.$slots.prefix ? (c(), d("span", {
+        d.error ? (r(), i("div", {
           key: 0,
-          class: o(a(p).prefix)
-        }, [
-          m(n.$slots, "prefix")
-        ], 2)) : _("", !0),
-        x(u("input", {
-          id: n.id,
-          "onUpdate:modelValue": k[0] || (k[0] = (I) => l.value = I),
-          name: n.name,
-          type: n.type,
-          disabled: n.disabled || n.loading,
-          placeholder: n.placeholder,
-          class: o(f.value),
-          onInput: $,
-          onKeydown: C
-        }, null, 42, be), [
-          [E, l.value]
-        ]),
-        n.$slots.suffix ? (c(), d("span", {
+          class: l(o(b).errorText),
+          innerHTML: d.error
+        }, null, 10, Me)) : _("", !0),
+        d.description ? (r(), i("div", {
           key: 1,
-          class: o(a(p).suffix)
-        }, [
-          m(n.$slots, "suffix")
-        ], 2)) : _("", !0),
-        n.loading ? (c(), d("span", {
-          key: 2,
-          class: o(a(p).spinner)
-        }, null, 2)) : _("", !0)
-      ], 2),
-      n.error ? (c(), d("p", {
-        key: 1,
-        class: o(a(p).errorText)
-      }, g(n.error), 3)) : _("", !0)
+          class: l(o(b).descriptionText),
+          innerHTML: d.description
+        }, null, 10, Ce)) : _("", !0)
+      ], 2)) : _("", !0)
     ], 2));
   }
-}), ve = "_label_jcdiv_1", $e = "_disabled_jcdiv_7", he = "_input_jcdiv_17", ge = "_error_jcdiv_30", ke = "_text_jcdiv_70", Be = "_errorText_jcdiv_76", y = {
-  label: ve,
-  disabled: $e,
-  input: he,
-  error: ge,
-  text: ke,
-  errorText: Be
-}, xe = ["for"], Ce = ["id", "name", "disabled"], Re = /* @__PURE__ */ v({
+}), 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__ */ h({
+  props: /* @__PURE__ */ B({
     id: {},
     name: {},
     disabled: { type: Boolean },
@@ -213,92 +274,98 @@ const z = "_button_1ey6t_1", M = "_contentWrapper_1ey6t_13", N = "_primary_1ey6t
     checkedModifiers: {}
   }),
   emits: ["update:checked"],
-  setup(i) {
-    const t = B(i, "checked"), l = i, s = b(() => [
-      y.label,
+  setup(a) {
+    const e = C(a, "checked"), n = a, t = p(() => [
+      k.label,
       {
-        [y.disabled]: l.disabled
+        [k.disabled]: n.disabled
       },
-      l.className
+      n.className
     ]);
-    return (e, f) => (c(), d("div", null, [
-      u("label", {
-        for: e.id,
-        class: o(s.value)
+    return (s, c) => (r(), i("div", null, [
+      $("label", {
+        for: s.id,
+        class: l(t.value)
       }, [
-        x(u("input", {
-          id: e.id,
-          "onUpdate:modelValue": f[0] || (f[0] = ($) => t.value = $),
-          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: o([a(y).input, { [a(y).error]: !!l.error }])
-        }, null, 10, Ce), [
-          [T, t.value]
+          disabled: s.disabled,
+          class: l([o(k).input, { [o(k).error]: !!n.error }])
+        }, null, 10, De), [
+          [E, e.value]
         ]),
-        e.$slots.default ? (c(), d("span", {
+        s.$slots.default ? (r(), i("span", {
           key: 0,
-          class: o(a(y).text)
+          class: l(o(k).text)
         }, [
-          m(e.$slots, "default")
+          y(s.$slots, "default")
         ], 2)) : _("", !0)
-      ], 10, xe),
-      e.error ? (c(), d("div", {
+      ], 10, Re),
+      s.error ? (r(), i("div", {
         key: 0,
-        class: o(a(y).errorText)
-      }, g(e.error), 3)) : _("", !0)
+        class: l(o(k).errorText)
+      }, g(s.error), 3)) : _("", !0)
     ]));
   }
-}), Ie = ["aria-label", "width", "height"], Ee = ["xlink:href"], Te = /* @__PURE__ */ v({
+}), Ee = ["aria-label", "width", "height"], He = ["xlink:href"], Ie = /* @__PURE__ */ v({
   __name: "icon",
   props: {
     type: {},
     color: {},
     block: { type: Boolean }
   },
-  setup(i) {
-    const t = i, l = b(() => {
-      const e = t.type.match(/(\d+)$/);
-      return e ? parseInt(e[1], 10) : 16;
-    }), s = b(() => {
-      const e = {};
-      return t.color && (e.color = t.color), t.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, f) => (c(), d("svg", {
-      class: o(e.$style.icon),
-      "aria-label": e.type,
-      style: w(s.value),
+    return (s, c) => (r(), i("svg", {
+      class: l(s.$style.icon),
+      "aria-label": s.type,
+      style: H(t.value),
       role: "img",
-      width: l.value,
-      height: l.value
+      width: n.value,
+      height: n.value
     }, [
-      u("use", {
-        "xlink:href": `../assets/sprite.svg#${e.type}`
-      }, null, 8, Ee)
-    ], 14, Ie));
-  }
-}), we = "_icon_1p8iz_2", ze = {
-  icon: we
-}, Me = (i, t) => {
-  const l = i.__vccOpts || i;
-  for (const [s, e] of t)
-    l[s] = e;
-  return l;
-}, Ne = {
-  $style: ze
-}, Se = /* @__PURE__ */ Me(Te, [["__cssModules", Ne]]), Ve = () => {
-  const i = "huntflow-uikit-icons-sprite", t = "/src/assets/sprite.svg";
-  if (!document.getElementById(i)) {
-    const l = document.createElement("svg");
-    l.style.display = "none", l.id = i;
-    const s = document.createElement("defs"), e = document.createElement("use");
-    e.setAttribute("href", `${t}`), s.appendChild(e), l.appendChild(s), document.body.appendChild(l);
+      $("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 {
-  je as BaseButton,
-  Re as BaseCheckbox,
-  Se as BaseIcon,
-  Le as BaseInput,
-  Ve as useIcons
+  Ge as BaseButton,
+  Je as BaseCheckbox,
+  Pe as BaseIcon,
+  Ke as BaseInput,
+  Be as BaseLabel,
+  de as BaseLoader,
+  Qe as injectSvgSprite
 };