@huntflow/ui 0.1.6 → 0.1.8

package/dist/components/ui-text/types.d.ts

@@ -2,4 +2,5 @@ export type UiTextProps = {
     tagName?: string;
     kind?: 'primary' | 'secondary' | 'accent' | 'subtitle';
     weight?: 'medium';
+    color?: 'main' | 'secondary' | 'semilight' | 'light' | 'invert' | 'danger' | 'success';
 };

package/dist/components/ui-title/types.d.ts

@@ -2,4 +2,5 @@ export type UiTitleProps = {
     level: 1 | 2 | 3 | 4;
     className?: string;
     weight?: 'medium';
+    color?: 'main' | 'secondary' | 'semilight' | 'light' | 'invert' | 'danger' | 'success';
 };

package/dist/ui.es.js

@@ -1,69 +1,69 @@
-(function(){"use strict";try{if(typeof document<"u"){var t=document.createElement("style");t.nonce=document.head.querySelector("meta[property=csp-nonce]")?.content,t.appendChild(document.createTextNode("@keyframes _loader-animation_t6bg6_1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._loader_t6bg6_10{display:block;color:var(--hf-loader-color);flex:0 0 auto}._circle_t6bg6_15{animation-name:_loader-animation_t6bg6_1;animation-iteration-count:infinite;animation-duration:1s;animation-timing-function:linear}._white_t6bg6_22{--hf-loader-color: var(--hf-color-text-invert)}._black_t6bg6_26{--hf-loader-color: var(--hf-color-text-main)}._s_t6bg6_30{width:18px;height:18px}._m_t6bg6_35{width:28px;height:28px}._l_t6bg6_10{width:56px;height:56px}._spinner_t6bg6_45{display:inline-block;border:1px solid var(--hf-loader-color);border-top-color:transparent;border-left-color:transparent;border-radius:50%}._icon_1p8iz_2{font-style:normal;display:inline-block;vertical-align:middle}._button_8zhhb_1{position:relative;display:inline-flex;align-items:center;justify-content:center;border:solid 1px;cursor:pointer;font-family:var(--hf-font-family-body),sans-serif;font-style:normal;min-width:-moz-max-content;min-width:max-content;text-decoration:none;color:inherit;gap:var(--hf-spacing-button-icon)}._button_8zhhb_1:active{background-color:#999}._button_8zhhb_1:focus{outline:none}._button_8zhhb_1:focus-visible{outline:solid 3px var(--hf-color-button-disable-default)}._button_8zhhb_1:is(._disabled_8zhhb_1),._button_8zhhb_1:is(._disabled_8zhhb_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_8zhhb_1._loading_8zhhb_1{cursor:default}._button_8zhhb_1._loading_8zhhb_1>*:not(._loader_8zhhb_1){visibility:hidden}._button_8zhhb_1+._button_8zhhb_1{margin-left:var(--hf-spacing-button-between)}._content_8zhhb_1{display:flex;line-height:inherit}._content_8zhhb_1:first-child:last-child{width:100%;text-align:center}._loader_8zhhb_1{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}._dropdownIcon_8zhhb_1{margin-left:calc(var(--hf-spacing-button-icon) * -1)}._s_8zhhb_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_8zhhb_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_8zhhb_1._square_8zhhb_1{border-radius:var(--hf-radius-button-xs)}._xs_8zhhb_1._circle_8zhhb_1{border-radius:var(--hf-radius-button-circle)}._m_8zhhb_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_8zhhb_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_8zhhb_1{color:var(--hf-color-text-invert);background-color:var(--hf-color-button-primary-default);border-color:var(--hf-color-button-primary-default)}._primary_8zhhb_1:hover{background-color:var(--hf-color-button-primary-hover);border-color:var(--hf-color-button-primary-hover)}._primary_8zhhb_1:active{background-color:var(--hf-color-button-primary-active);border-color:var(--hf-color-button-primary-active)}._secondary_8zhhb_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_8zhhb_1:hover{background-color:var(--hf-color-button-secondary-fill-hover);border-color:var(--hf-color-button-secondary-fill-hover)}._secondary_8zhhb_1:active{background-color:var(--hf-color-button-secondary-fill-active);border-color:var(--hf-color-button-secondary-fill-active)}._accent_8zhhb_1{color:var(--hf-color-text-invert);background-color:var(--hf-color-button-accent-default);border-color:var(--hf-color-button-accent-default)}._accent_8zhhb_1:hover{background-color:var(--hf-color-button-accent-hover);border-color:var(--hf-color-button-accent-hover)}._accent_8zhhb_1:active{background-color:var(--hf-color-button-accent-active);border-color:var(--hf-color-button-accent-active)}._danger_8zhhb_1{color:var(--hf-color-text-invert);background-color:var(--hf-color-button-danger-default);border-color:var(--hf-color-button-danger-default)}._danger_8zhhb_1:hover{background-color:var(--hf-color-button-danger-hover);border-color:var(--hf-color-button-danger-hover)}._danger_8zhhb_1:active{background-color:var(--hf-color-button-danger-active);border-color:var(--hf-color-button-danger-active)}._jobsites_8zhhb_1{color:var(--hf-color-text-invert);background-color:var(--hf-color-button-jobsite-default);border-color:var(--hf-color-button-jobsite-default)}._jobsites_8zhhb_1:hover{background-color:var(--hf-color-button-jobsite-hover);border-color:var(--hf-color-button-jobsite-hover)}._jobsites_8zhhb_1:active{background-color:var(--hf-color-button-jobsite-active);border-color:var(--hf-color-button-jobsite-active)}._ghost_8zhhb_1{color:var(--hf-color-text-main);background-color:transparent;border-color:transparent}._ghost_8zhhb_1:hover{background-color:var(--hf-color-button-secondary-fill-hover)}._ghost_8zhhb_1:active{background-color:var(--hf-color-button-secondary-fill-active)}._ghost-danger_8zhhb_1{color:var(--hf-color-text-main);background-color:transparent;border-color:transparent}._ghost-danger_8zhhb_1:hover{color:var(--hf-color-text-invert);background-color:var(--hf-color-button-danger-hover)}._ghost-danger_8zhhb_1:active{color:var(--hf-color-text-invert);background-color:var(--hf-color-button-danger-active)}:root{--hf-btn-size-xs: 28px;--hf-btn-size-s: 32px;--hf-btn-size-m: 36px;--hf-btn-size-l: 40px}._s_1oi85_9{width:var(--hf-btn-size-s);height:var(--hf-btn-size-s)}._xs_1oi85_14{width:var(--hf-btn-size-xs);height:var(--hf-btn-size-xs);border-radius:var(--hf-radius-button-circle)}._m_1oi85_20{width:var(--hf-btn-size-m);height:var(--hf-btn-size-m)}._l_1oi85_25{width:var(--hf-btn-size-l);height:var(--hf-btn-size-l)}._button_1oi85_31{padding:0}._button_1vqio_1{padding:0 2px 0 0;border:none;margin:0;cursor:pointer;display:flex;flex-direction:row;gap:var(--hf-spacing-button-link-s);align-items:center;background-color:transparent;color:var(--hf-color-link-default);font-family:var(--hf-font-family-body),sans-serif;font-size:var(--hf-font-size-button-link-s);font-style:normal;font-weight:var(--hf-font-weight-button-link-s);line-height:var(--hf-font-line-height-button-link-s)}._button_1vqio_1:hover{color:var(--hf-color-link-hover)}._label_1a45q_1{color:var(--hf-color-text-main);font-size:var(--hf-font-size-label-title);font-style:normal;font-weight:var(--hf-font-weight-regular);line-height:var(--hf-font-line-height-label-title)}._content_14uwa_1{display:flex;flex-direction:row;gap:var(--hf-spacing-xs);flex:1;margin-bottom:var(--hf-spacing-xs)}._label_14uwa_9{display:flex;flex-direction:row;gap:var(--hf-spacing-xs);font-style:normal;flex:1;margin-bottom:var(--hf-spacing-xs)}._header_14uwa_18{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_14uwa_26{flex-grow:1;gap:var(--hf-spacing-xs);display:flex;flex-direction:column}._title_14uwa_33{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_14uwa_41{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_14uwa_41{line-height:var(--hf-font-line-height-label-subtitle)}._link_14uwa_53{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_14uwa_53 a{text-decoration:none;color:var(--hf-color-text-semilight)}._linkUpper_14uwa_70{margin-bottom:1px}._wrapper_ep5oa_1{margin-bottom:var(--hf-spacing-xs)}._input_ep5oa_5{border-radius:var(--hf-radius-input-default);border:var(--hf-border-xs) solid var(--hf-color-input-border-default);background:var(--hf-color-input-background-default);padding:var(--hf-padding-input-top-bottom-default) var(--hf-padding-input-right-default) var(--hf-padding-input-top-bottom-default) var(--hf-padding-input-left-default);width:100%;box-sizing:border-box;color:var(--hf-color-input-text-default);font-size:var(--hf-font-size-field-text);font-weight:var(--hf-font-weight-field-text);line-height:var(--hf-font-line-height-field-text)}._input_ep5oa_5:active{border-color:var(--hf-color-input-border-focus)}._input_ep5oa_5:focus{border-color:var(--hf-color-input-border-focus);outline:solid 3px var(--hf-color-input-border-focus-visible)}._input_ep5oa_5:disabled{outline:none;border-color:var(--hf-color-input-text-disable);background:var(--hf-color-input-background-disable);color:var(--hf-color-input-text-disable)}._error_ep5oa_36,._error_ep5oa_36:active{border-color:var(--hf-color-input-border-error)}._error_ep5oa_36:focus{border-color:var(--hf-color-input-border-error);outline:solid 3px var(--hf-color-input-border-error-focus-visible)}._description_ep5oa_48{margin-top:var(--hf-spacing-xs);font-size:var(--hf-font-size-field-error);font-weight:var(--hf-font-weight-field-description);line-height:var(--hf-font-line-height-field-description)}._description_ep5oa_48 a{text-decoration:underline}._descriptionText_ep5oa_59{color:var(--hf-color-input-text-description)}._errorText_ep5oa_63{color:var(--hf-color-text-danger)}._inputWrapper_ep5oa_67{position:relative}._leftSpace_ep5oa_71{padding-left:42px}._rightSpace_ep5oa_75{padding-right:42px}._leftIcon_ep5oa_79,._rightIcon_ep5oa_80{position:absolute;height:100%}._leftIcon_ep5oa_79{left:15px}._rightIcon_ep5oa_80{padding:0 9px;right:0}._rightIcon_ep5oa_80[aria-label^=close]{color:var(--hf-color-text-light);cursor:pointer}._plank_8tn62_1{border-radius:var(--hf-radius-m);padding:var(--hf-spacing-m) var(--hf-spacing-l);border-width:1px;border-style:solid;font-family:var(--hf-font-family-body),sans-serif;font-size:var(--hf-font-size-text-primary);font-weight:var(--hf-font-weight-text-primary-regular);line-height:var(--hf-font-line-height-text-primary);font-style:normal;display:flex;flex-direction:row;gap:var(--hf-spacing-m);align-items:center;justify-content:space-between}._default_8tn62_19{color:var(--hf-color-text-main);border-color:var(--hf-color-plank-default-border);background-color:var(--hf-color-plank-default-background)}._accent_8tn62_25{color:var(--hf-color-plank-success-text);border-color:var(--hf-color-plank-success-border);background-color:var(--hf-color-plank-success-background)}._danger_8tn62_31{color:var(--hf-color-plank-danger-text);border-color:var(--hf-color-plank-danger-border);background-color:var(--hf-color-plank-danger-background)}._text_8tn62_37{flex-grow:1}._icon_8tn62_41{width:var(--hf-font-line-height-text-primary);height:var(--hf-font-line-height-text-primary)}._text_1mrtv_1{font-family:var(--hf-font-family-body);font-style:normal;color:var(--hf-color-text-main);margin:0}._primary_1mrtv_8{font-size:var(--hf-font-size-text-primary);font-weight:var(--hf-font-weight-text-primary-regular);line-height:var(--hf-font-line-height-text-primary)}._primary_1mrtv_8._medium_1mrtv_12{font-weight:var(--hf-font-weight-text-primary-medium)}._secondary_1mrtv_17{font-size:var(--hf-font-size-text-secondary);font-weight:var(--hf-font-weight-text-secondary-regular);line-height:var(--hf-font-line-height-text-secondary)}._secondary_1mrtv_17._medium_1mrtv_12{font-weight:var(--hf-font-weight-text-secondary-medium)}._accent_1mrtv_26{font-size:var(--hf-font-size-text-accent);font-weight:var(--hf-font-weight-text-accent-regular);line-height:var(--hf-font-line-height-text-accent)}._accent_1mrtv_26._medium_1mrtv_12{font-weight:var(--hf-font-weight-text-accent-medium)}._subtitle_1mrtv_35{font-size:var(--hf-font-size-text-subtitle);font-weight:var(--hf-font-weight-text-subtitle);line-height:var(--hf-font-line-height-text-subtitle)}._title_471uj_1{font-family:var(--hf-font-family-body);font-style:normal;color:var(--hf-color-text-main);margin:0}._level-1_471uj_8{font-size:var(--hf-font-size-text-h1);font-weight:var(--hf-font-weight-text-h1-regular);line-height:var(--hf-font-line-height-text-h1)}._level-1_471uj_8._medium_471uj_12{font-weight:var(--hf-font-weight-text-h1-medium)}._level-2_471uj_17{font-size:var(--hf-font-size-text-h2);font-weight:var(--hf-font-weight-text-h2-regular);line-height:var(--hf-font-line-height-text-h2)}._level-2_471uj_17._medium_471uj_12{font-weight:var(--hf-font-weight-text-h2-medium)}._level-3_471uj_26{font-size:var(--hf-font-size-text-h3);font-weight:var(--hf-font-weight-text-h3-regular);line-height:var(--hf-font-line-height-text-h3)}._level-3_471uj_26._medium_471uj_12{font-weight:var(--hf-font-weight-text-h3-medium)}._level-4_471uj_35{font-size:var(--hf-font-size-text-h4);font-weight:var(--hf-font-weight-text-h4-regular);line-height:var(--hf-font-line-height-text-h4)}._level-4_471uj_35._medium_471uj_12{font-weight:var(--hf-font-weight-text-h4-medium)}._error_1y1de_1{font-size:var(--hf-font-size-label-subtitle);font-weight:var(--hf-font-weight-regular);line-height:var(--hf-font-line-height-label-subtitle);color:var(--hf-color-text-danger)}")),document.head.appendChild(t)}}catch(o){console.error("vite-plugin-css-injected-by-js",o)}})();
-import { defineComponent as f, computed as c, createElementBlock as p, openBlock as a, normalizeClass as r, unref as l, normalizeStyle as K, createElementVNode as j, useSlots as P, createCommentVNode as m, renderSlot as b, createBlock as g, createVNode as B, mergeProps as U, withCtx as v, Fragment as J, toValue as Q, getCurrentInstance as X, ref as Y, Comment as Z, cloneVNode as ee, h as M, mergeModels as R, useAttrs as te, useModel as ne, createTextVNode as z, toDisplayString as S, resolveDynamicComponent as x } from "vue";
-const C = (s, e) => (e ? s[e] : s.default)?.().some((n) => {
-  const o = n.children;
-  return o && o.toString().trim() !== "";
-}) ?? !1, se = "_loader_t6bg6_10", oe = "_circle_t6bg6_15", le = "_white_t6bg6_22", ae = "_black_t6bg6_26", re = "_s_t6bg6_30", ce = "_m_t6bg6_35", ie = "_l_t6bg6_10", ue = "_spinner_t6bg6_45", I = {
-  loader: se,
-  circle: oe,
+(function(){"use strict";try{if(typeof document<"u"){var o=document.createElement("style");o.nonce=document.head.querySelector("meta[property=csp-nonce]")?.content,o.appendChild(document.createTextNode("@keyframes _loader-animation_t6bg6_1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._loader_t6bg6_10{display:block;color:var(--hf-loader-color);flex:0 0 auto}._circle_t6bg6_15{animation-name:_loader-animation_t6bg6_1;animation-iteration-count:infinite;animation-duration:1s;animation-timing-function:linear}._white_t6bg6_22{--hf-loader-color: var(--hf-color-text-invert)}._black_t6bg6_26{--hf-loader-color: var(--hf-color-text-main)}._s_t6bg6_30{width:18px;height:18px}._m_t6bg6_35{width:28px;height:28px}._l_t6bg6_10{width:56px;height:56px}._spinner_t6bg6_45{display:inline-block;border:1px solid var(--hf-loader-color);border-top-color:transparent;border-left-color:transparent;border-radius:50%}._icon_1p8iz_2{font-style:normal;display:inline-block;vertical-align:middle}._button_8zhhb_1{position:relative;display:inline-flex;align-items:center;justify-content:center;border:solid 1px;cursor:pointer;font-family:var(--hf-font-family-body),sans-serif;font-style:normal;min-width:-moz-max-content;min-width:max-content;text-decoration:none;color:inherit;gap:var(--hf-spacing-button-icon)}._button_8zhhb_1:active{background-color:#999}._button_8zhhb_1:focus{outline:none}._button_8zhhb_1:focus-visible{outline:solid 3px var(--hf-color-button-disable-default)}._button_8zhhb_1:is(._disabled_8zhhb_1),._button_8zhhb_1:is(._disabled_8zhhb_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_8zhhb_1._loading_8zhhb_1{cursor:default}._button_8zhhb_1._loading_8zhhb_1>*:not(._loader_8zhhb_1){visibility:hidden}._button_8zhhb_1+._button_8zhhb_1{margin-left:var(--hf-spacing-button-between)}._content_8zhhb_1{display:flex;line-height:inherit}._content_8zhhb_1:first-child:last-child{width:100%;text-align:center}._loader_8zhhb_1{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}._dropdownIcon_8zhhb_1{margin-left:calc(var(--hf-spacing-button-icon) * -1)}._s_8zhhb_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_8zhhb_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_8zhhb_1._square_8zhhb_1{border-radius:var(--hf-radius-button-xs)}._xs_8zhhb_1._circle_8zhhb_1{border-radius:var(--hf-radius-button-circle)}._m_8zhhb_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_8zhhb_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_8zhhb_1{color:var(--hf-color-text-invert);background-color:var(--hf-color-button-primary-default);border-color:var(--hf-color-button-primary-default)}._primary_8zhhb_1:hover{background-color:var(--hf-color-button-primary-hover);border-color:var(--hf-color-button-primary-hover)}._primary_8zhhb_1:active{background-color:var(--hf-color-button-primary-active);border-color:var(--hf-color-button-primary-active)}._secondary_8zhhb_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_8zhhb_1:hover{background-color:var(--hf-color-button-secondary-fill-hover);border-color:var(--hf-color-button-secondary-fill-hover)}._secondary_8zhhb_1:active{background-color:var(--hf-color-button-secondary-fill-active);border-color:var(--hf-color-button-secondary-fill-active)}._accent_8zhhb_1{color:var(--hf-color-text-invert);background-color:var(--hf-color-button-accent-default);border-color:var(--hf-color-button-accent-default)}._accent_8zhhb_1:hover{background-color:var(--hf-color-button-accent-hover);border-color:var(--hf-color-button-accent-hover)}._accent_8zhhb_1:active{background-color:var(--hf-color-button-accent-active);border-color:var(--hf-color-button-accent-active)}._danger_8zhhb_1{color:var(--hf-color-text-invert);background-color:var(--hf-color-button-danger-default);border-color:var(--hf-color-button-danger-default)}._danger_8zhhb_1:hover{background-color:var(--hf-color-button-danger-hover);border-color:var(--hf-color-button-danger-hover)}._danger_8zhhb_1:active{background-color:var(--hf-color-button-danger-active);border-color:var(--hf-color-button-danger-active)}._jobsites_8zhhb_1{color:var(--hf-color-text-invert);background-color:var(--hf-color-button-jobsite-default);border-color:var(--hf-color-button-jobsite-default)}._jobsites_8zhhb_1:hover{background-color:var(--hf-color-button-jobsite-hover);border-color:var(--hf-color-button-jobsite-hover)}._jobsites_8zhhb_1:active{background-color:var(--hf-color-button-jobsite-active);border-color:var(--hf-color-button-jobsite-active)}._ghost_8zhhb_1{color:var(--hf-color-text-main);background-color:transparent;border-color:transparent}._ghost_8zhhb_1:hover{background-color:var(--hf-color-button-secondary-fill-hover)}._ghost_8zhhb_1:active{background-color:var(--hf-color-button-secondary-fill-active)}._ghost-danger_8zhhb_1{color:var(--hf-color-text-main);background-color:transparent;border-color:transparent}._ghost-danger_8zhhb_1:hover{color:var(--hf-color-text-invert);background-color:var(--hf-color-button-danger-hover)}._ghost-danger_8zhhb_1:active{color:var(--hf-color-text-invert);background-color:var(--hf-color-button-danger-active)}:root{--hf-btn-size-xs: 28px;--hf-btn-size-s: 32px;--hf-btn-size-m: 36px;--hf-btn-size-l: 40px}._s_1oi85_9{width:var(--hf-btn-size-s);height:var(--hf-btn-size-s)}._xs_1oi85_14{width:var(--hf-btn-size-xs);height:var(--hf-btn-size-xs);border-radius:var(--hf-radius-button-circle)}._m_1oi85_20{width:var(--hf-btn-size-m);height:var(--hf-btn-size-m)}._l_1oi85_25{width:var(--hf-btn-size-l);height:var(--hf-btn-size-l)}._button_1oi85_31{padding:0}._button_1vqio_1{padding:0 2px 0 0;border:none;margin:0;cursor:pointer;display:flex;flex-direction:row;gap:var(--hf-spacing-button-link-s);align-items:center;background-color:transparent;color:var(--hf-color-link-default);font-family:var(--hf-font-family-body),sans-serif;font-size:var(--hf-font-size-button-link-s);font-style:normal;font-weight:var(--hf-font-weight-button-link-s);line-height:var(--hf-font-line-height-button-link-s)}._button_1vqio_1:hover{color:var(--hf-color-link-hover)}._label_1a45q_1{color:var(--hf-color-text-main);font-size:var(--hf-font-size-label-title);font-style:normal;font-weight:var(--hf-font-weight-regular);line-height:var(--hf-font-line-height-label-title)}._content_14uwa_1{display:flex;flex-direction:row;gap:var(--hf-spacing-xs);flex:1;margin-bottom:var(--hf-spacing-xs)}._label_14uwa_9{display:flex;flex-direction:row;gap:var(--hf-spacing-xs);font-style:normal;flex:1;margin-bottom:var(--hf-spacing-xs)}._header_14uwa_18{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_14uwa_26{flex-grow:1;gap:var(--hf-spacing-xs);display:flex;flex-direction:column}._title_14uwa_33{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_14uwa_41{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_14uwa_41{line-height:var(--hf-font-line-height-label-subtitle)}._link_14uwa_53{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_14uwa_53 a{text-decoration:none;color:var(--hf-color-text-semilight)}._linkUpper_14uwa_70{margin-bottom:1px}._wrapper_ep5oa_1{margin-bottom:var(--hf-spacing-xs)}._input_ep5oa_5{border-radius:var(--hf-radius-input-default);border:var(--hf-border-xs) solid var(--hf-color-input-border-default);background:var(--hf-color-input-background-default);padding:var(--hf-padding-input-top-bottom-default) var(--hf-padding-input-right-default) var(--hf-padding-input-top-bottom-default) var(--hf-padding-input-left-default);width:100%;box-sizing:border-box;color:var(--hf-color-input-text-default);font-size:var(--hf-font-size-field-text);font-weight:var(--hf-font-weight-field-text);line-height:var(--hf-font-line-height-field-text)}._input_ep5oa_5:active{border-color:var(--hf-color-input-border-focus)}._input_ep5oa_5:focus{border-color:var(--hf-color-input-border-focus);outline:solid 3px var(--hf-color-input-border-focus-visible)}._input_ep5oa_5:disabled{outline:none;border-color:var(--hf-color-input-text-disable);background:var(--hf-color-input-background-disable);color:var(--hf-color-input-text-disable)}._error_ep5oa_36,._error_ep5oa_36:active{border-color:var(--hf-color-input-border-error)}._error_ep5oa_36:focus{border-color:var(--hf-color-input-border-error);outline:solid 3px var(--hf-color-input-border-error-focus-visible)}._description_ep5oa_48{margin-top:var(--hf-spacing-xs);font-size:var(--hf-font-size-field-error);font-weight:var(--hf-font-weight-field-description);line-height:var(--hf-font-line-height-field-description)}._description_ep5oa_48 a{text-decoration:underline}._descriptionText_ep5oa_59{color:var(--hf-color-input-text-description)}._errorText_ep5oa_63{color:var(--hf-color-text-danger)}._inputWrapper_ep5oa_67{position:relative}._leftSpace_ep5oa_71{padding-left:42px}._rightSpace_ep5oa_75{padding-right:42px}._leftIcon_ep5oa_79,._rightIcon_ep5oa_80{position:absolute;height:100%}._leftIcon_ep5oa_79{left:15px}._rightIcon_ep5oa_80{padding:0 9px;right:0}._rightIcon_ep5oa_80[aria-label^=close]{color:var(--hf-color-text-light);cursor:pointer}._plank_8tn62_1{border-radius:var(--hf-radius-m);padding:var(--hf-spacing-m) var(--hf-spacing-l);border-width:1px;border-style:solid;font-family:var(--hf-font-family-body),sans-serif;font-size:var(--hf-font-size-text-primary);font-weight:var(--hf-font-weight-text-primary-regular);line-height:var(--hf-font-line-height-text-primary);font-style:normal;display:flex;flex-direction:row;gap:var(--hf-spacing-m);align-items:center;justify-content:space-between}._default_8tn62_19{color:var(--hf-color-text-main);border-color:var(--hf-color-plank-default-border);background-color:var(--hf-color-plank-default-background)}._accent_8tn62_25{color:var(--hf-color-plank-success-text);border-color:var(--hf-color-plank-success-border);background-color:var(--hf-color-plank-success-background)}._danger_8tn62_31{color:var(--hf-color-plank-danger-text);border-color:var(--hf-color-plank-danger-border);background-color:var(--hf-color-plank-danger-background)}._text_8tn62_37{flex-grow:1}._icon_8tn62_41{width:var(--hf-font-line-height-text-primary);height:var(--hf-font-line-height-text-primary)}._text_13xdn_1{font-family:var(--hf-font-family-body);font-style:normal;color:var(--hf-color-text-main);margin:0}._primary_13xdn_8{font-size:var(--hf-font-size-text-primary);font-weight:var(--hf-font-weight-text-primary-regular);line-height:var(--hf-font-line-height-text-primary)}._primary_13xdn_8._medium_13xdn_12{font-weight:var(--hf-font-weight-text-primary-medium)}._secondary_13xdn_17{font-size:var(--hf-font-size-text-secondary);font-weight:var(--hf-font-weight-text-secondary-regular);line-height:var(--hf-font-line-height-text-secondary)}._secondary_13xdn_17._medium_13xdn_12{font-weight:var(--hf-font-weight-text-secondary-medium)}._accent_13xdn_26{font-size:var(--hf-font-size-text-accent);font-weight:var(--hf-font-weight-text-accent-regular);line-height:var(--hf-font-line-height-text-accent)}._accent_13xdn_26._medium_13xdn_12{font-weight:var(--hf-font-weight-text-accent-medium)}._subtitle_13xdn_35{font-size:var(--hf-font-size-text-subtitle);font-weight:var(--hf-font-weight-text-subtitle);line-height:var(--hf-font-line-height-text-subtitle)}._color-main_13xdn_41{color:var(--hf-color-text-main)}._color-secondary_13xdn_45{color:var(--hf-color-text-secondary)}._color-semilight_13xdn_49{color:var(--hf-color-text-semilight)}._color-light_13xdn_53{color:var(--hf-color-text-light)}._color-invert_13xdn_57{color:var(--hf-color-text-invert)}._color-danger_13xdn_61{color:var(--hf-color-text-danger)}._color-success_13xdn_65{color:var(--hf-color-text-success)}._title_1qk7l_1{font-family:var(--hf-font-family-body);font-style:normal;color:var(--hf-color-text-main);margin:0}._level-1_1qk7l_8{font-size:var(--hf-font-size-text-h1);font-weight:var(--hf-font-weight-text-h1-regular);line-height:var(--hf-font-line-height-text-h1)}._level-1_1qk7l_8._medium_1qk7l_12{font-weight:var(--hf-font-weight-text-h1-medium)}._level-2_1qk7l_17{font-size:var(--hf-font-size-text-h2);font-weight:var(--hf-font-weight-text-h2-regular);line-height:var(--hf-font-line-height-text-h2)}._level-2_1qk7l_17._medium_1qk7l_12{font-weight:var(--hf-font-weight-text-h2-medium)}._level-3_1qk7l_26{font-size:var(--hf-font-size-text-h3);font-weight:var(--hf-font-weight-text-h3-regular);line-height:var(--hf-font-line-height-text-h3)}._level-3_1qk7l_26._medium_1qk7l_12{font-weight:var(--hf-font-weight-text-h3-medium)}._level-4_1qk7l_35{font-size:var(--hf-font-size-text-h4);font-weight:var(--hf-font-weight-text-h4-regular);line-height:var(--hf-font-line-height-text-h4)}._level-4_1qk7l_35._medium_1qk7l_12{font-weight:var(--hf-font-weight-text-h4-medium)}._color-main_1qk7l_44{color:var(--hf-color-text-main)}._color-secondary_1qk7l_48{color:var(--hf-color-text-secondary)}._color-semilight_1qk7l_52{color:var(--hf-color-text-semilight)}._color-light_1qk7l_56{color:var(--hf-color-text-light)}._color-invert_1qk7l_60{color:var(--hf-color-text-invert)}._color-danger_1qk7l_64{color:var(--hf-color-text-danger)}._color-success_1qk7l_68{color:var(--hf-color-text-success)}._error_1y1de_1{font-size:var(--hf-font-size-label-subtitle);font-weight:var(--hf-font-weight-regular);line-height:var(--hf-font-line-height-label-subtitle);color:var(--hf-color-text-danger)}")),document.head.appendChild(o)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}})();
+import { defineComponent as f, computed as c, createElementBlock as p, openBlock as r, normalizeClass as a, unref as l, normalizeStyle as K, createElementVNode as U, useSlots as E, createCommentVNode as m, renderSlot as h, createBlock as k, createVNode as B, mergeProps as M, withCtx as g, Fragment as J, toValue as Q, getCurrentInstance as X, ref as Y, Comment as Z, cloneVNode as ee, h as j, mergeModels as P, useAttrs as te, useModel as ne, createTextVNode as z, toDisplayString as S, resolveDynamicComponent as W } from "vue";
+const C = (o, e) => (e ? o[e] : o.default)?.().some((n) => {
+  const s = n.children;
+  return s && s.toString().trim() !== "";
+}) ?? !1, oe = "_loader_t6bg6_10", se = "_circle_t6bg6_15", le = "_white_t6bg6_22", re = "_black_t6bg6_26", ae = "_s_t6bg6_30", ce = "_m_t6bg6_35", ie = "_l_t6bg6_10", ue = "_spinner_t6bg6_45", I = {
+  loader: oe,
+  circle: se,
   "loader-animation": "_loader-animation_t6bg6_1",
   white: le,
-  black: ae,
-  s: re,
+  black: re,
+  s: ae,
   m: ce,
   l: ie,
   spinner: ue
-}, de = /* @__PURE__ */ f({
+}, _e = /* @__PURE__ */ f({
   __name: "loader",
   props: {
     className: {},
     size: { default: "l" },
     color: { default: "black" }
   },
-  setup(s) {
-    const e = s, t = c(() => [I.loader, I[e.size], I[e.color], I.circle]);
-    return (n, o) => (a(), p("span", {
-      class: r([l(I).spinner, t.value])
+  setup(o) {
+    const e = o, t = c(() => [I.loader, I[e.size], I[e.color], I.circle]);
+    return (n, s) => (r(), p("span", {
+      class: a([l(I).spinner, t.value])
     }, null, 2));
   }
-}), _e = ["aria-label", "width", "height"], pe = ["xlink:href"], me = /* @__PURE__ */ f({
+}), de = ["aria-label", "width", "height"], pe = ["xlink:href"], me = /* @__PURE__ */ f({
   __name: "icon",
   props: {
     name: {},
     color: {},
     block: { type: Boolean }
   },
-  setup(s) {
-    const e = s, t = c(() => {
-      const o = e?.name?.match(/(\d+)$/);
-      return o ? Number.parseInt(o[1], 10) : 16;
+  setup(o) {
+    const e = o, t = c(() => {
+      const s = e?.name?.match(/(\d+)$/);
+      return s ? Number.parseInt(s[1], 10) : 16;
     }), n = c(() => {
-      const o = {};
-      return e.color && (o.color = e.color), e.block && (o.display = "block"), o;
+      const s = {};
+      return e.color && (s.color = e.color), e.block && (s.display = "block"), s;
     });
-    return (o, i) => (a(), p("svg", {
-      class: r(o.$style.icon),
-      "aria-label": o.name,
+    return (s, i) => (r(), p("svg", {
+      class: a(s.$style.icon),
+      "aria-label": s.name,
       style: K(n.value),
       role: "img",
       width: t.value,
       height: t.value
     }, [
-      j("use", {
-        "xlink:href": `#${o.name}`
+      U("use", {
+        "xlink:href": `#${s.name}`
       }, null, 8, pe)
-    ], 14, _e));
+    ], 14, de));
   }
-}), fe = "_icon_1p8iz_2", be = {
+}), fe = "_icon_1p8iz_2", he = {
   icon: fe
-}, he = (s, e) => {
-  const t = s.__vccOpts || s;
-  for (const [n, o] of e)
-    t[n] = o;
+}, be = (o, e) => {
+  const t = o.__vccOpts || o;
+  for (const [n, s] of e)
+    t[n] = s;
   return t;
 }, ye = {
-  $style: be
-}, T = /* @__PURE__ */ he(me, [["__cssModules", ye]]), Ht = async () => {
+  $style: he
+}, T = /* @__PURE__ */ be(me, [["__cssModules", ye]]), Ht = async () => {
   if (!(typeof document > "u") && !document.getElementById("__svg-sprite__"))
     try {
       const e = `
@@ -72,13 +72,13 @@ const C = (s, e) => (e ? s[e] : s.default)?.().some((n) => {
       </svg>
     `;
       document.body.insertAdjacentHTML("afterbegin", e);
-    } catch (s) {
-      console.error("Failed to load SVG sprite:", s);
+    } catch (o) {
+      console.error("Failed to load SVG sprite:", o);
     }
-}, ve = "_button_8zhhb_1", ge = "_disabled_8zhhb_1", ke = "_loading_8zhhb_1", $e = "_loader_8zhhb_1", we = "_content_8zhhb_1", Ce = "_dropdownIcon_8zhhb_1", Te = "_s_8zhhb_2", Ie = "_xs_8zhhb_1", ze = "_square_8zhhb_1", Se = "_circle_8zhhb_1", Be = "_m_8zhhb_1", Ne = "_l_8zhhb_1", Le = "_primary_8zhhb_1", je = "_secondary_8zhhb_1", Ue = "_accent_8zhhb_1", Me = "_danger_8zhhb_1", Ee = "_jobsites_8zhhb_1", Oe = "_ghost_8zhhb_1", y = {
-  button: ve,
-  disabled: ge,
-  loading: ke,
+}, ge = "_button_8zhhb_1", ke = "_disabled_8zhhb_1", ve = "_loading_8zhhb_1", $e = "_loader_8zhhb_1", we = "_content_8zhhb_1", Ce = "_dropdownIcon_8zhhb_1", Te = "_s_8zhhb_2", Ie = "_xs_8zhhb_1", ze = "_square_8zhhb_1", Se = "_circle_8zhhb_1", Be = "_m_8zhhb_1", Ne = "_l_8zhhb_1", Le = "_primary_8zhhb_1", qe = "_secondary_8zhhb_1", xe = "_accent_8zhhb_1", Ue = "_danger_8zhhb_1", Me = "_jobsites_8zhhb_1", je = "_ghost_8zhhb_1", y = {
+  button: ge,
+  disabled: ke,
+  loading: ve,
   loader: $e,
   content: we,
   dropdownIcon: Ce,
@@ -89,13 +89,13 @@ const C = (s, e) => (e ? s[e] : s.default)?.().some((n) => {
   m: Be,
   l: Ne,
   primary: Le,
-  secondary: je,
-  accent: Ue,
-  danger: Me,
-  jobsites: Ee,
-  ghost: Oe,
+  secondary: qe,
+  accent: xe,
+  danger: Ue,
+  jobsites: Me,
+  ghost: je,
   "ghost-danger": "_ghost-danger_8zhhb_1"
-}, Pe = ["name", "type", "disabled"], H = /* @__PURE__ */ f({
+}, Ee = ["name", "type", "disabled"], H = /* @__PURE__ */ f({
   __name: "button",
   props: {
     size: { default: "m" },
@@ -111,8 +111,8 @@ const C = (s, e) => (e ? s[e] : s.default)?.().some((n) => {
     htmlType: {}
   },
   emits: ["click"],
-  setup(s) {
-    const e = s, t = P(), n = {
+  setup(o) {
+    const e = o, t = E(), n = {
       primary: "white",
       secondary: "black",
       accent: "white",
@@ -120,7 +120,7 @@ const C = (s, e) => (e ? s[e] : s.default)?.().some((n) => {
       jobsites: "white",
       ghost: "black",
       "ghost-danger": "black"
-    }, o = c(() => C(t)), i = c(() => [
+    }, s = c(() => C(t)), i = c(() => [
       y.button,
       y[e.size],
       y[e.type],
@@ -133,42 +133,42 @@ const C = (s, e) => (e ? s[e] : s.default)?.().some((n) => {
       },
       e.className
     ]), u = c(() => n[e.type] || "white");
-    return (_, k) => (a(), p("button", {
-      name: _.name,
-      class: r(i.value),
-      type: _.htmlType,
-      disabled: _.disabled || _.loading,
-      onClick: k[0] || (k[0] = ($) => _.$emit("click"))
+    return (d, v) => (r(), p("button", {
+      name: d.name,
+      class: a(i.value),
+      type: d.htmlType,
+      disabled: d.disabled || d.loading,
+      onClick: v[0] || (v[0] = ($) => d.$emit("click"))
     }, [
-      _.loading ? (a(), p("div", {
+      d.loading ? (r(), p("div", {
         key: 0,
-        class: r(l(y).loader)
+        class: a(l(y).loader)
       }, [
-        B(l(de), {
+        B(l(_e), {
           size: "s",
           color: u.value
         }, null, 8, ["color"])
       ], 2)) : m("", !0),
-      _.$slots.before ? b(_.$slots, "before", { key: 1 }) : m("", !0),
-      o.value ? (a(), p("span", {
+      d.$slots.before ? h(d.$slots, "before", { key: 1 }) : m("", !0),
+      s.value ? (r(), p("span", {
         key: 2,
-        class: r(l(y).content)
+        class: a(l(y).content)
       }, [
-        b(_.$slots, "default")
+        h(d.$slots, "default")
       ], 2)) : m("", !0),
-      _.$slots.after ? b(_.$slots, "after", { key: 3 }) : m("", !0),
-      _.dropdown ? (a(), g(l(T), {
+      d.$slots.after ? h(d.$slots, "after", { key: 3 }) : m("", !0),
+      d.dropdown ? (r(), k(l(T), {
         key: 4,
-        class: r(l(y).dropdownIcon),
+        class: a(l(y).dropdownIcon),
         name: "chevron-down-18"
       }, null, 8, ["class"])) : m("", !0)
-    ], 10, Pe));
+    ], 10, Ee));
   }
-}), qe = "_s_1oi85_9", Re = "_xs_1oi85_14", We = "_m_1oi85_20", xe = "_l_1oi85_25", He = "_button_1oi85_31", W = {
-  s: qe,
-  xs: Re,
-  m: We,
-  l: xe,
+}), Oe = "_s_1oi85_9", Pe = "_xs_1oi85_14", Re = "_m_1oi85_20", We = "_l_1oi85_25", He = "_button_1oi85_31", R = {
+  s: Oe,
+  xs: Pe,
+  m: Re,
+  l: We,
   button: He
 }, Vt = /* @__PURE__ */ f({
   __name: "button-icon",
@@ -185,17 +185,17 @@ const C = (s, e) => (e ? s[e] : s.default)?.().some((n) => {
     bordered: { type: Boolean, default: !1 }
   },
   emits: ["click"],
-  setup(s) {
-    const e = s, t = c(() => [W.button, W[e.size], e.className]), n = c(() => {
+  setup(o) {
+    const e = o, t = c(() => [R.button, R[e.size], e.className]), n = c(() => {
       const i = e.size === "xs" ? "18" : "20";
       return e.icon.replace(/-?\d*$/, `-${i}`);
-    }), o = c(() => e.size === "xs");
-    return (i, u) => (a(), g(l(H), U({ class: t.value }, e, {
+    }), s = c(() => e.size === "xs");
+    return (i, u) => (r(), k(l(H), M({ class: t.value }, e, {
       "html-type": "button",
-      circle: o.value,
-      onClick: u[0] || (u[0] = (_) => i.$emit("click"))
+      circle: s.value,
+      onClick: u[0] || (u[0] = (d) => i.$emit("click"))
     }), {
-      before: v(() => [
+      before: g(() => [
         B(l(T), { name: n.value }, null, 8, ["name"])
       ]),
       _: 1
@@ -206,48 +206,48 @@ const C = (s, e) => (e ? s[e] : s.default)?.().some((n) => {
 }, At = /* @__PURE__ */ f({
   __name: "button-link",
   emits: ["click"],
-  setup(s) {
-    return (e, t) => (a(), p("button", {
-      class: r(l(Ae).button),
+  setup(o) {
+    return (e, t) => (r(), p("button", {
+      class: a(l(Ae).button),
       type: "button",
       onClick: t[0] || (t[0] = (n) => e.$emit("click"))
     }, [
       B(l(T), { name: "plus-18" }),
-      b(e.$slots, "default")
+      h(e.$slots, "default")
     ], 2));
   }
 });
-function V(s) {
-  return s ? s.flatMap((e) => e.type === J ? V(e.children) : [e]) : [];
+function V(o) {
+  return o ? o.flatMap((e) => e.type === J ? V(e.children) : [e]) : [];
 }
-function De(s) {
+function De(o) {
   var e;
-  const t = Q(s);
+  const t = Q(o);
   return (e = t?.$el) != null ? e : t;
 }
 function Fe() {
-  const s = X(), e = Y(), t = c(() => ["#text", "#comment"].includes(e.value?.$el.nodeName) ? e.value?.$el.nextElementSibling : De(e)), n = Object.assign({}, s.exposed), o = {};
-  for (const u in s.props) Object.defineProperty(o, u, {
+  const o = X(), e = Y(), t = c(() => ["#text", "#comment"].includes(e.value?.$el.nodeName) ? e.value?.$el.nextElementSibling : De(e)), n = Object.assign({}, o.exposed), s = {};
+  for (const u in o.props) Object.defineProperty(s, u, {
     enumerable: !0,
     configurable: !0,
-    get: () => s.props[u]
+    get: () => o.props[u]
   });
-  if (Object.keys(n).length > 0) for (const u in n) Object.defineProperty(o, u, {
+  if (Object.keys(n).length > 0) for (const u in n) Object.defineProperty(s, u, {
     enumerable: !0,
     configurable: !0,
     get: () => n[u]
   });
-  Object.defineProperty(o, "$el", {
+  Object.defineProperty(s, "$el", {
     enumerable: !0,
     configurable: !0,
-    get: () => s.vnode.el
-  }), s.exposed = o;
+    get: () => o.vnode.el
+  }), o.exposed = s;
   function i(u) {
-    e.value = u, u && (Object.defineProperty(o, "$el", {
+    e.value = u, u && (Object.defineProperty(s, "$el", {
       enumerable: !0,
       configurable: !0,
       get: () => u instanceof Element ? u : u.$el
-    }), s.exposed = o);
+    }), o.exposed = s);
   }
   return {
     forwardRef: i,
@@ -258,18 +258,18 @@ function Fe() {
 const Ge = f({
   name: "PrimitiveSlot",
   inheritAttrs: !1,
-  setup(s, { attrs: e, slots: t }) {
+  setup(o, { attrs: e, slots: t }) {
     return () => {
       if (!t.default) return null;
-      const n = V(t.default()), o = n.findIndex((k) => k.type !== Z);
-      if (o === -1) return n;
-      const i = n[o];
+      const n = V(t.default()), s = n.findIndex((v) => v.type !== Z);
+      if (s === -1) return n;
+      const i = n[s];
       delete i.props?.ref;
-      const u = i.props ? U(e, i.props) : e, _ = ee({
+      const u = i.props ? M(e, i.props) : e, d = ee({
         ...i,
         props: {}
       }, u);
-      return n.length === 1 ? _ : (n[o] = _, n);
+      return n.length === 1 ? d : (n[s] = d, n);
     };
   }
 }), Ke = [
@@ -289,9 +289,9 @@ const Ge = f({
       default: "div"
     }
   },
-  setup(s, { attrs: e, slots: t }) {
-    const n = s.asChild ? "template" : s.as;
-    return typeof n == "string" && Ke.includes(n) ? () => M(n, e) : n !== "template" ? () => M(s.as, e, { default: t.default }) : () => M(Ge, e, { default: t.default });
+  setup(o, { attrs: e, slots: t }) {
+    const n = o.asChild ? "template" : o.as;
+    return typeof n == "string" && Ke.includes(n) ? () => j(n, e) : n !== "template" ? () => j(o.as, e, { default: t.default }) : () => j(Ge, e, { default: t.default });
   }
 });
 var Qe = /* @__PURE__ */ f({
@@ -311,12 +311,12 @@ var Qe = /* @__PURE__ */ f({
       default: "label"
     }
   },
-  setup(s) {
-    const e = s;
-    return Fe(), (t, n) => (a(), g(l(Je), U(e, { onMousedown: n[0] || (n[0] = (o) => {
-      !o.defaultPrevented && o.detail > 1 && o.preventDefault();
+  setup(o) {
+    const e = o;
+    return Fe(), (t, n) => (r(), k(l(Je), M(e, { onMousedown: n[0] || (n[0] = (s) => {
+      !s.defaultPrevented && s.detail > 1 && s.preventDefault();
     }) }), {
-      default: v(() => [b(t.$slots, "default")]),
+      default: g(() => [h(t.$slots, "default")]),
       _: 3
     }, 16));
   }
@@ -328,91 +328,91 @@ const Ye = "_label_1a45q_1", Ze = {
   props: {
     className: {}
   },
-  setup(s) {
-    const e = s, t = c(() => [
+  setup(o) {
+    const e = o, t = c(() => [
       Ze.label,
       e.className
     ]);
-    return (n, o) => (a(), g(l(Xe), {
-      class: r(t.value)
+    return (n, s) => (r(), k(l(Xe), {
+      class: a(t.value)
     }, {
-      default: v(() => [
-        b(n.$slots, "default")
+      default: g(() => [
+        h(n.$slots, "default")
       ]),
       _: 3
     }, 8, ["class"]));
   }
-}), tt = "_content_14uwa_1", nt = "_label_14uwa_9", st = "_header_14uwa_18", ot = "_headerWrapper_14uwa_26", lt = "_title_14uwa_33", at = "_subTitleRow_14uwa_41", rt = "_subTitle_14uwa_41", ct = "_link_14uwa_53", it = "_linkUpper_14uwa_70", w = {
+}), tt = "_content_14uwa_1", nt = "_label_14uwa_9", ot = "_header_14uwa_18", st = "_headerWrapper_14uwa_26", lt = "_title_14uwa_33", rt = "_subTitleRow_14uwa_41", at = "_subTitle_14uwa_41", ct = "_link_14uwa_53", it = "_linkUpper_14uwa_70", w = {
   content: tt,
   label: nt,
-  header: st,
-  headerWrapper: ot,
+  header: ot,
+  headerWrapper: st,
   title: lt,
-  subTitleRow: at,
-  subTitle: rt,
+  subTitleRow: rt,
+  subTitle: at,
   link: ct,
   linkUpper: it
 }, ut = /* @__PURE__ */ f({
   __name: "label-content",
   emits: ["click"],
-  setup(s) {
-    const e = P(), t = c(() => C(e, "header")), n = c(() => C(e)), o = c(() => C(e, "subTitle")), i = c(() => C(e, "link")), u = c(() => t.value || n.value || o.value), _ = c(() => !n.value && !o.value), k = c(
-      () => [w.link, _.value && w.linkUpper].filter(Boolean)
+  setup(o) {
+    const e = E(), t = c(() => C(e, "header")), n = c(() => C(e)), s = c(() => C(e, "subTitle")), i = c(() => C(e, "link")), u = c(() => t.value || n.value || s.value), d = c(() => !n.value && !s.value), v = c(
+      () => [w.link, d.value && w.linkUpper].filter(Boolean)
     );
-    return ($, N) => (a(), p("div", {
-      class: r(l(w).content)
+    return ($, N) => (r(), p("div", {
+      class: a(l(w).content)
     }, [
-      u.value ? (a(), p("span", {
+      u.value ? (r(), p("span", {
         key: 0,
-        class: r(l(w).headerWrapper)
+        class: a(l(w).headerWrapper)
       }, [
-        t.value ? (a(), p("span", {
+        t.value ? (r(), p("span", {
           key: 0,
-          class: r(l(w).header)
+          class: a(l(w).header)
         }, [
-          b($.$slots, "header")
+          h($.$slots, "header")
         ], 2)) : m("", !0),
-        n.value ? (a(), p("span", {
+        n.value ? (r(), p("span", {
           key: 1,
-          class: r(l(w).title)
+          class: a(l(w).title)
         }, [
-          b($.$slots, "default")
+          h($.$slots, "default")
         ], 2)) : m("", !0),
-        o.value ? (a(), p("span", {
+        s.value ? (r(), p("span", {
           key: 2,
-          class: r(l(w).subTitleRow)
+          class: a(l(w).subTitleRow)
         }, [
-          j("span", {
-            class: r(l(w).subTitle)
+          U("span", {
+            class: a(l(w).subTitle)
           }, [
-            b($.$slots, "subTitle")
+            h($.$slots, "subTitle")
           ], 2)
         ], 2)) : m("", !0)
       ], 2)) : m("", !0),
-      i.value ? (a(), p("span", {
+      i.value ? (r(), p("span", {
         key: 1,
-        class: r(k.value),
-        onClick: N[0] || (N[0] = (q) => $.$emit("click"))
+        class: a(v.value),
+        onClick: N[0] || (N[0] = (O) => $.$emit("click"))
       }, [
-        b($.$slots, "link")
+        h($.$slots, "link")
       ], 2)) : m("", !0)
     ], 2));
   }
-}), dt = "_wrapper_ep5oa_1", _t = "_input_ep5oa_5", pt = "_error_ep5oa_36", mt = "_description_ep5oa_48", ft = "_descriptionText_ep5oa_59", bt = "_errorText_ep5oa_63", ht = "_inputWrapper_ep5oa_67", yt = "_leftSpace_ep5oa_71", vt = "_rightSpace_ep5oa_75", gt = "_leftIcon_ep5oa_79", kt = "_rightIcon_ep5oa_80", h = {
-  wrapper: dt,
-  input: _t,
+}), _t = "_wrapper_ep5oa_1", dt = "_input_ep5oa_5", pt = "_error_ep5oa_36", mt = "_description_ep5oa_48", ft = "_descriptionText_ep5oa_59", ht = "_errorText_ep5oa_63", bt = "_inputWrapper_ep5oa_67", yt = "_leftSpace_ep5oa_71", gt = "_rightSpace_ep5oa_75", kt = "_leftIcon_ep5oa_79", vt = "_rightIcon_ep5oa_80", b = {
+  wrapper: _t,
+  input: dt,
   error: pt,
   description: mt,
   descriptionText: ft,
-  errorText: bt,
-  inputWrapper: ht,
+  errorText: ht,
+  inputWrapper: bt,
   leftSpace: yt,
-  rightSpace: vt,
-  leftIcon: gt,
-  rightIcon: kt
+  rightSpace: gt,
+  leftIcon: kt,
+  rightIcon: vt
 }, $t = ["id", "value", "name", "type", "disabled", "placeholder", "aria-invalid"], wt = ["innerHTML"], Ct = ["innerHTML"], Dt = /* @__PURE__ */ f({
   __name: "input",
-  props: /* @__PURE__ */ R({
+  props: /* @__PURE__ */ P({
     value: {},
     type: { default: "text" },
     id: {},
@@ -433,23 +433,23 @@ const Ye = "_label_1a45q_1", Ze = {
     value: {},
     valueModifiers: {}
   }),
-  emits: /* @__PURE__ */ R(["update:value", "enter", "clickLink", "clickIcon", "click", "focus", "blur"], ["update:value"]),
-  setup(s, { emit: e }) {
-    const t = s, n = e, o = te(), i = ne(s, "value"), u = c(() => [
-      h.input,
+  emits: /* @__PURE__ */ P(["update:value", "enter", "clickLink", "clickIcon", "click", "focus", "blur"], ["update:value"]),
+  setup(o, { emit: e }) {
+    const t = o, n = e, s = te(), i = ne(o, "value"), u = c(() => [
+      b.input,
       {
-        [h.disabled]: t.disabled,
-        [h.error]: t.error,
-        [h.loading]: t.loading,
-        [h.leftSpace]: !!t.leftIcon,
-        [h.rightSpace]: !!t.rightIcon
+        [b.disabled]: t.disabled,
+        [b.error]: t.error,
+        [b.loading]: t.loading,
+        [b.leftSpace]: !!t.leftIcon,
+        [b.rightSpace]: !!t.rightIcon
       },
       t.className
-    ]), _ = c(() => t.header || t.title || t.subTitle || t.link), k = c(() => t.description || t.error), $ = (d) => {
-      d.key === "Enter" && n("enter");
-    }, N = (d) => {
-      n("update:value", d.target.value);
-    }, q = () => {
+    ]), d = c(() => t.header || t.title || t.subTitle || t.link), v = c(() => t.description || t.error), $ = (_) => {
+      _.key === "Enter" && n("enter");
+    }, N = (_) => {
+      n("update:value", _.target.value);
+    }, O = () => {
       n("focus");
     }, A = () => {
       n("blur");
@@ -457,29 +457,29 @@ const Ye = "_label_1a45q_1", Ze = {
       n("clickLink");
     }, F = () => {
       n("click");
-    }, G = (d) => {
-      d.preventDefault(), n("clickIcon");
+    }, G = (_) => {
+      _.preventDefault(), n("clickIcon");
     };
-    return (d, Wt) => (a(), p("div", {
-      class: r(l(h).wrapper)
+    return (_, Rt) => (r(), p("div", {
+      class: a(l(b).wrapper)
     }, [
-      _.value ? (a(), g(l(et), {
+      d.value ? (r(), k(l(et), {
         key: 0,
-        for: d.id,
+        for: _.id,
         onClick: D
       }, {
-        default: v(() => [
+        default: g(() => [
           B(l(ut), null, {
-            header: v(() => [
+            header: g(() => [
               z(S(t.header), 1)
             ]),
-            subTitle: v(() => [
+            subTitle: g(() => [
               z(S(t.subTitle), 1)
             ]),
-            link: v(() => [
+            link: g(() => [
               z(S(t.link), 1)
             ]),
-            default: v(() => [
+            default: g(() => [
               z(" " + S(t.title) + " ", 1)
             ]),
             _: 1
@@ -487,50 +487,50 @@ const Ye = "_label_1a45q_1", Ze = {
         ]),
         _: 1
       }, 8, ["for"])) : m("", !0),
-      j("div", {
-        class: r(l(h).inputWrapper)
+      U("div", {
+        class: a(l(b).inputWrapper)
       }, [
-        d.leftIcon ? (a(), g(l(T), {
+        _.leftIcon ? (r(), k(l(T), {
           key: 0,
-          name: d.leftIcon,
-          class: r(l(h).leftIcon)
+          name: _.leftIcon,
+          class: a(l(b).leftIcon)
         }, null, 8, ["name", "class"])) : m("", !0),
-        j("input", U({
-          id: d.id,
+        U("input", M({
+          id: _.id,
           value: i.value,
-          name: d.name,
-          type: d.type,
-          disabled: d.disabled || d.loading,
-          placeholder: d.placeholder,
+          name: _.name,
+          type: _.type,
+          disabled: _.disabled || _.loading,
+          placeholder: _.placeholder,
           class: u.value,
-          "aria-invalid": !!d.error
-        }, l(o), {
+          "aria-invalid": !!_.error
+        }, l(s), {
           onInput: N,
           onKeydown: $,
-          onFocus: q,
+          onFocus: O,
           onBlur: A,
           onClick: F
         }), null, 16, $t),
-        d.rightIcon ? (a(), g(l(T), {
+        _.rightIcon ? (r(), k(l(T), {
           key: 1,
-          name: d.rightIcon,
-          class: r(l(h).rightIcon),
+          name: _.rightIcon,
+          class: a(l(b).rightIcon),
           onClick: G
         }, null, 8, ["name", "class"])) : m("", !0)
       ], 2),
-      k.value ? (a(), p("div", {
+      v.value ? (r(), p("div", {
         key: 1,
-        class: r(l(h).description)
+        class: a(l(b).description)
       }, [
-        d.error ? (a(), p("div", {
+        _.error ? (r(), p("div", {
           key: 0,
-          class: r(l(h).errorText),
-          innerHTML: d.error
+          class: a(l(b).errorText),
+          innerHTML: _.error
         }, null, 10, wt)) : m("", !0),
-        d.description ? (a(), p("div", {
+        _.description ? (r(), p("div", {
           key: 1,
-          class: r(l(h).descriptionText),
-          innerHTML: d.description
+          class: a(l(b).descriptionText),
+          innerHTML: _.description
         }, null, 10, Ct)) : m("", !0)
       ], 2)) : m("", !0)
     ], 2));
@@ -550,111 +550,129 @@ const Ye = "_label_1a45q_1", Ze = {
     label: {}
   },
   emits: ["click"],
-  setup(s) {
-    const e = s, t = P(), n = c(() => C(t)), o = c(() => [L.plank, L[e.type]]);
-    return (i, u) => (a(), p("div", {
-      class: r(o.value)
+  setup(o) {
+    const e = o, t = E(), n = c(() => C(t)), s = c(() => [L.plank, L[e.type]]);
+    return (i, u) => (r(), p("div", {
+      class: a(s.value)
     }, [
-      i.icon ? (a(), p("div", {
+      i.icon ? (r(), p("div", {
         key: 0,
-        class: r(l(L).icon)
+        class: a(l(L).icon)
       }, [
         B(l(T), { name: i.icon }, null, 8, ["name"])
       ], 2)) : m("", !0),
-      n.value ? (a(), p("div", {
+      n.value ? (r(), p("div", {
         key: 1,
-        class: r(l(L).text)
+        class: a(l(L).text)
       }, [
-        b(i.$slots, "default")
+        h(i.$slots, "default")
       ], 2)) : m("", !0),
-      i.label ? (a(), g(l(H), {
+      i.label ? (r(), k(l(H), {
         key: 2,
         size: "xs",
         type: "secondary",
-        onClick: u[0] || (u[0] = (_) => i.$emit("click"))
+        onClick: u[0] || (u[0] = (d) => i.$emit("click"))
       }, {
-        default: v(() => [
+        default: g(() => [
           z(S(i.label), 1)
         ]),
         _: 1
       })) : m("", !0)
     ], 2));
   }
-}), Nt = "_text_1mrtv_1", Lt = "_primary_1mrtv_8", jt = "_medium_1mrtv_12", Ut = "_secondary_1mrtv_17", Mt = "_accent_1mrtv_26", Et = "_subtitle_1mrtv_35", E = {
+}), Nt = "_text_13xdn_1", Lt = "_primary_13xdn_8", qt = "_medium_13xdn_12", xt = "_secondary_13xdn_17", Ut = "_accent_13xdn_26", Mt = "_subtitle_13xdn_35", q = {
   text: Nt,
   primary: Lt,
-  medium: jt,
-  secondary: Ut,
-  accent: Mt,
-  subtitle: Et
+  medium: qt,
+  secondary: xt,
+  accent: Ut,
+  subtitle: Mt,
+  "color-main": "_color-main_13xdn_41",
+  "color-secondary": "_color-secondary_13xdn_45",
+  "color-semilight": "_color-semilight_13xdn_49",
+  "color-light": "_color-light_13xdn_53",
+  "color-invert": "_color-invert_13xdn_57",
+  "color-danger": "_color-danger_13xdn_61",
+  "color-success": "_color-success_13xdn_65"
 }, Gt = /* @__PURE__ */ f({
   __name: "text",
   props: {
     tagName: { default: "p" },
     kind: { default: "primary" },
-    weight: {}
+    weight: {},
+    color: {}
   },
-  setup(s) {
-    const e = s, t = c(() => [
-      E.text,
-      E[e.kind],
-      e.weight && E[e.weight]
+  setup(o) {
+    const e = o, t = c(() => [
+      q.text,
+      q[e.kind],
+      e.weight && q[e.weight],
+      e.color && q[`color-${e.color}`]
     ]);
-    return (n, o) => (a(), g(x(n.tagName), {
-      class: r(t.value)
+    return (n, s) => (r(), k(W(n.tagName), {
+      class: a(t.value)
     }, {
-      default: v(() => [
-        b(n.$slots, "default")
+      default: g(() => [
+        h(n.$slots, "default")
       ]),
       _: 3
     }, 8, ["class"]));
   }
-}), Ot = "_title_471uj_1", Pt = "_medium_471uj_12", O = {
-  title: Ot,
-  "level-1": "_level-1_471uj_8",
-  medium: Pt,
-  "level-2": "_level-2_471uj_17",
-  "level-3": "_level-3_471uj_26",
-  "level-4": "_level-4_471uj_35"
+}), jt = "_title_1qk7l_1", Et = "_medium_1qk7l_12", x = {
+  title: jt,
+  "level-1": "_level-1_1qk7l_8",
+  medium: Et,
+  "level-2": "_level-2_1qk7l_17",
+  "level-3": "_level-3_1qk7l_26",
+  "level-4": "_level-4_1qk7l_35",
+  "color-main": "_color-main_1qk7l_44",
+  "color-secondary": "_color-secondary_1qk7l_48",
+  "color-semilight": "_color-semilight_1qk7l_52",
+  "color-light": "_color-light_1qk7l_56",
+  "color-invert": "_color-invert_1qk7l_60",
+  "color-danger": "_color-danger_1qk7l_64",
+  "color-success": "_color-success_1qk7l_68"
 }, Kt = /* @__PURE__ */ f({
   __name: "title",
   props: {
     level: {},
     className: {},
-    weight: {}
+    weight: {},
+    color: {}
   },
-  setup(s) {
-    const e = s, t = c(() => [
-      O.title,
-      O[`level-${e.level ?? 1}`],
+  setup(o) {
+    const e = o, t = c(() => [
+      x.title,
+      x[`level-${e.level ?? 1}`],
       e.className,
-      e.weight && O[e.weight]
+      e.weight && x[e.weight],
+      e.color && x[`color-${e.color}`]
     ]), n = c(() => `h${e.level ?? 1}`);
-    return (o, i) => (a(), g(x(n.value), {
-      class: r(t.value)
+    return (s, i) => (r(), k(W(n.value), {
+      class: a(t.value)
     }, {
-      default: v(() => [
-        b(o.$slots, "default")
+      default: g(() => [
+        h(s.$slots, "default")
       ]),
       _: 3
     }, 8, ["class"]));
   }
-}), qt = "_error_1y1de_1", Rt = {
-  error: qt
+}), Ot = "_error_1y1de_1", Pt = {
+  error: Ot
 }, Jt = /* @__PURE__ */ f({
   __name: "error",
   props: {
     className: {}
   },
-  setup(s) {
-    const e = s, t = c(() => [
-      Rt.error,
+  setup(o) {
+    const e = o, t = c(() => [
+      Pt.error,
       e.className
     ]);
-    return (n, o) => (a(), p("span", {
-      class: r(t.value)
+    return (n, s) => (r(), p("span", {
+      class: a(t.value)
     }, [
-      b(n.$slots, "default")
+      h(n.$slots, "default")
     ], 2));
   }
 });
@@ -666,7 +684,7 @@ export {
   T as UiIcon,
   Dt as UiInput,
   et as UiLabel,
-  de as UiLoader,
+  _e as UiLoader,
   Ft as UiPlank,
   Gt as UiText,
   Kt as UiTitle,

package/package.json

@@ -2,7 +2,7 @@
   "name": "@huntflow/ui",
   "description": "HuntFlow UiKit, icons, utils library",
   "private": false,
-  "version": "0.1.6",
+  "version": "0.1.8",
   "author": {
     "name": "HuntFlow Developer",
     "nickname": "developer",
@@ -19,6 +19,7 @@
   "scripts": {
     "dev": "vite",
     "build": "npx tsx utils/svg-sprite.ts && vue-tsc -b && vite build",
+    "prepublishOnly": "npm run build",
     "preview": "vite preview",
     "storybook": "storybook dev -p 6006",
     "build-storybook": "storybook build",