@huntflow/ui 0.2.16 → 0.2.17

package/dist/components/ui-button/button.vue.d.ts

@@ -7,14 +7,14 @@ declare function __VLS_template(): {
         after?(_: {}): any;
     };
     refs: {};
-    rootEl: HTMLButtonElement;
+    rootEl: any;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<UiButtonProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     click: (event: MouseEvent) => any;
 }, string, import('vue').PublicProps, Readonly<UiButtonProps> & Readonly<{
     onClick?: ((event: MouseEvent) => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLButtonElement>;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/dist/components/ui-button/tag-variant.vue.d.ts

@@ -0,0 +1,22 @@
+type __VLS_Props = {
+    to?: string;
+    disabled?: boolean;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -10,6 +10,7 @@ export type UiButtonProps = {
     circle?: boolean;
     bordered?: boolean;
     htmlType?: UiButtonHTMLType;
+    to?: string;
 };
 export type UiButtonSize = 's' | 'xs' | 'm' | 'l';
 export type UiButtonType = 'primary' | 'secondary' | 'accent' | 'jobsites' | 'ghost' | 'ghost-danger' | 'danger';

package/dist/components/ui-button-icon/button-icon.vue.d.ts

@@ -3,5 +3,5 @@ declare const _default: import('vue').DefineComponent<UiButtonIconProps, {}, {},
     click: () => any;
 }, string, import('vue').PublicProps, Readonly<UiButtonIconProps> & Readonly<{
     onClick?: (() => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLButtonElement>;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/ui.es.js

@@ -1,5 +1,5 @@
 (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_tpkd0_1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._loader_tpkd0_11{color:var(--hf-loader-color);display:block;flex:0 0 auto}._circle_tpkd0_17{animation-name:_loader-animation_tpkd0_1;animation-duration:1s;animation-timing-function:linear;animation-iteration-count:infinite}._white_tpkd0_24{--hf-loader-color: var(--hf-color-text-invert)}._black_tpkd0_28{--hf-loader-color: var(--hf-color-text-main)}._s_tpkd0_32{width:18px;height:18px}._m_tpkd0_37{width:28px;height:28px}._l_tpkd0_11{width:56px;height:56px}._spinner_tpkd0_47{display:inline-block;border:1px solid var(--hf-loader-color);border-radius:50%;border-left-color:transparent;border-top-color:transparent}._icon_1p8iz_2{font-style:normal;display:inline-block;vertical-align:middle}._button_mb1r2_1{font-family:var(--hf-font-family-body),sans-serif;font-style:normal;color:inherit;text-decoration:none;display:inline-flex;justify-content:center;align-items:center;gap:var(--hf-spacing-button-icon);min-width:-moz-max-content;min-width:max-content;border:solid 1px;position:relative;cursor:pointer;-moz-osx-font-smoothing:auto;-webkit-font-smoothing:antialiased}._button_mb1r2_1:active{background-color:#999}._button_mb1r2_1:focus{outline:none}._button_mb1r2_1:focus-visible{outline:solid 3px var(--hf-color-button-primary-border-focus)}._button_mb1r2_1:is(._disabled_mb1r2_1),._button_mb1r2_1:is(._disabled_mb1r2_1):hover{color:var(--hf-color-text-light);background-color:var(--hf-color-button-disable-default);border-color:transparent;box-shadow:none;transform:none;cursor:default}._button_mb1r2_1._loading_mb1r2_1{cursor:default}._button_mb1r2_1._loading_mb1r2_1>*:not(._loader_mb1r2_1){visibility:hidden}._content_mb1r2_1{line-height:inherit;display:flex}._content_mb1r2_1:first-child:last-child{text-align:center;width:100%}._loader_mb1r2_1{display:flex;justify-content:center;align-items:center;position:absolute;inset:0}._dropDown_mb1r2_1{margin-right:-4px}._s_mb1r2_2{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);border-radius:var(--hf-radius-button-s)}._xs_mb1r2_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_mb1r2_1._square_mb1r2_1{border-radius:var(--hf-radius-button-xs)}._xs_mb1r2_1._circle_mb1r2_1{border-radius:var(--hf-radius-button-circle)}._m_mb1r2_1{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);border-radius:var(--hf-radius-button-m)}._l_mb1r2_1{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);border-radius:var(--hf-radius-button-l)}._primary_mb1r2_1{color:var(--hf-color-text-invert);background-color:var(--hf-color-button-primary-default);border-color:var(--hf-color-button-primary-default)}._primary_mb1r2_1:hover{background-color:var(--hf-color-button-primary-hover);border-color:var(--hf-color-button-primary-hover)}._primary_mb1r2_1:active{background-color:var(--hf-color-button-primary-active);border-color:var(--hf-color-button-primary-active)}._primary_mb1r2_1._loading_mb1r2_1{background-color:var(--hf-color-button-primary-default)}._secondary_mb1r2_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_mb1r2_1:hover{background-color:var(--hf-color-button-secondary-fill-hover);border-color:var(--hf-color-button-secondary-fill-hover)}._secondary_mb1r2_1:active{background-color:var(--hf-color-button-secondary-fill-active);border-color:var(--hf-color-button-secondary-fill-active)}._secondary_mb1r2_1._loading_mb1r2_1{background-color:var(--hf-color-button-secondary-fill-default)}._accent_mb1r2_1{color:var(--hf-color-text-invert);background-color:var(--hf-color-button-accent-default);border-color:var(--hf-color-button-accent-default)}._accent_mb1r2_1:hover{background-color:var(--hf-color-button-accent-hover);border-color:var(--hf-color-button-accent-hover)}._accent_mb1r2_1:active{background-color:var(--hf-color-button-accent-active);border-color:var(--hf-color-button-accent-active)}._accent_mb1r2_1._loading_mb1r2_1{background-color:var(--hf-color-button-accent-default)}._danger_mb1r2_1{color:var(--hf-color-text-invert);background-color:var(--hf-color-button-danger-default);border-color:var(--hf-color-button-danger-default)}._danger_mb1r2_1:hover{background-color:var(--hf-color-button-danger-hover);border-color:var(--hf-color-button-danger-hover)}._danger_mb1r2_1:active{background-color:var(--hf-color-button-danger-active);border-color:var(--hf-color-button-danger-active)}._danger_mb1r2_1._loading_mb1r2_1{background-color:var(--hf-color-button-danger-default)}._jobsites_mb1r2_1{color:var(--hf-color-text-invert);background-color:var(--hf-color-button-jobsite-default);border-color:var(--hf-color-button-jobsite-default)}._jobsites_mb1r2_1:hover{background-color:var(--hf-color-button-jobsite-hover);border-color:var(--hf-color-button-jobsite-hover)}._jobsites_mb1r2_1:active{background-color:var(--hf-color-button-jobsite-active);border-color:var(--hf-color-button-jobsite-active)}._jobsites_mb1r2_1._loading_mb1r2_1{background-color:var(--hf-color-button-jobsite-default)}._ghost_mb1r2_1{color:var(--hf-color-text-secondary);background-color:transparent;border-color:transparent}._ghost_mb1r2_1:hover{color:var(--hf-color-text-main);background-color:var(--hf-color-button-secondary-fill-hover)}._ghost_mb1r2_1:active{color:var(--hf-color-text-main);background-color:var(--hf-color-button-secondary-fill-active)}._ghost_mb1r2_1._loading_mb1r2_1{background-color:transparent}._ghost-danger_mb1r2_1{color:var(--hf-color-text-secondary);background-color:transparent;border-color:transparent}._ghost-danger_mb1r2_1:hover{color:var(--hf-color-text-invert);background-color:var(--hf-color-button-danger-hover)}._ghost-danger_mb1r2_1:active{color:var(--hf-color-text-invert);background-color:var(--hf-color-button-danger-active)}._ghost-danger_mb1r2_1._loading_mb1r2_1{background-color:transparent}:root{--hf-btn-size-xs: 28px;--hf-btn-size-s: 32px;--hf-btn-size-m: 36px;--hf-btn-size-l: 40px}._s_o7jd7_9{width:var(--hf-btn-size-s);height:var(--hf-btn-size-s)}._xs_o7jd7_14{width:var(--hf-btn-size-xs);height:var(--hf-btn-size-xs);border-radius:var(--hf-radius-button-circle)}._m_o7jd7_20{width:var(--hf-btn-size-m);height:var(--hf-btn-size-m)}._l_o7jd7_25{width:var(--hf-btn-size-l);height:var(--hf-btn-size-l)}._button_o7jd7_31{padding:0}._button_cmm43_1{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);color:var(--hf-color-link-default);display:flex;flex-direction:row;align-items:center;gap:var(--hf-spacing-button-link-s);margin:0;padding:0 2px 0 0;background-color:transparent;border:none;cursor:pointer;-moz-osx-font-smoothing:auto;-webkit-font-smoothing:antialiased}._button_cmm43_1:hover{color:var(--hf-color-link-hover)}._button_cmm43_1:disabled,._button_cmm43_1:disabled:hover{color:var(--hf-color-link-default)}._lock_cmm43_30{margin:-12px -16px 0 0}._label_1ic51_1{font-family:var(--hf-font-family-body),sans-serif;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);color:var(--hf-color-text-main);-moz-osx-font-smoothing:auto;-webkit-font-smoothing:antialiased}._content_1g21n_1{font-family:var(--hf-font-family-body),sans-serif;display:flex;flex:1;flex-direction:row;gap:var(--hf-spacing-xs);margin-bottom:var(--hf-spacing-xs);-moz-osx-font-smoothing:auto;-webkit-font-smoothing:antialiased}._label_1g21n_12{font-style:normal;display:flex;flex:1;flex-direction:row;gap:var(--hf-spacing-xs);margin-bottom:var(--hf-spacing-xs)}._header_1g21n_21{font-size:var(--hf-font-size-text-h4);font-weight:var(--hf-font-weight-text-h4-medium);line-height:var(--hf-font-line-height-text-h4);color:var(--hf-color-text-main);display:block}._headerWrapper_1g21n_29{display:flex;flex-direction:column;flex-grow:1;gap:var(--hf-spacing-xs)}._title_1g21n_36{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);color:var(--hf-color-text-main);display:block}._subTitleRow_1g21n_44{font-size:var(--hf-font-size-label-subtitle);font-weight:var(--hf-font-weight-label-subtitle);color:var(--hf-color-text-semilight);display:flex;justify-content:space-between}._subTitle_1g21n_44{line-height:var(--hf-font-line-height-label-subtitle)}._link_1g21n_56{font-size:var(--hf-font-size-label-title);font-weight:var(--hf-font-weight-label-subtitle);line-height:var(--hf-font-line-height-label-subtitle);color:var(--hf-color-text-semilight);align-self:flex-end;height:20px;margin-left:auto;overflow:hidden;text-overflow:ellipsis}._link_1g21n_56 a{color:var(--hf-color-text-semilight);text-decoration:none}._linkUpper_1g21n_73{margin-bottom:1px}._wrapper_1qwte_1{font-family:var(--hf-font-family-body),sans-serif;margin-bottom:var(--hf-spacing-xs);-moz-osx-font-smoothing:auto;-webkit-font-smoothing:antialiased}._input_1qwte_8{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);color:var(--hf-color-input-text-default);box-sizing:border-box;width:100%;padding:var(--hf-padding-input-top-bottom-s) var(--hf-padding-input-right-s) var(--hf-padding-input-top-bottom-s) var(--hf-padding-input-left-s);background:var(--hf-color-input-background-default);border:var(--hf-border-xs) solid var(--hf-color-input-border-default);border-radius:var(--hf-radius-input-default)}._input_1qwte_8:active{border-color:var(--hf-color-input-border-focus)}._input_1qwte_8:focus{border-color:var(--hf-color-input-border-focus);outline:solid 3px var(--hf-color-input-border-focus-visible)}._input_1qwte_8:disabled{color:var(--hf-color-input-text-disable);background:var(--hf-color-input-background-disable);border-color:var(--hf-color-input-text-disable);outline:none}._error_1qwte_38,._error_1qwte_38:active{border-color:var(--hf-color-input-border-error)}._error_1qwte_38:focus{border-color:var(--hf-color-input-border-error);outline:solid 3px var(--hf-color-input-border-error-focus-visible)}._description_1qwte_51{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);margin-top:var(--hf-spacing-xs)}._description_1qwte_51 a{text-decoration:underline}._descriptionText_1qwte_62{color:var(--hf-color-input-text-description)}._errorText_1qwte_66{color:var(--hf-color-text-danger)}._inputWrapper_1qwte_70{position:relative}._leftSpace_1qwte_74{padding-left:42px}._rightSpace_1qwte_78{padding-right:42px}._leftIcon_1qwte_82,._rightIcon_1qwte_83{height:100%;position:absolute}._leftIcon_1qwte_82{left:15px}._rightIcon_1qwte_83{padding:0 9px;right:0}._rightIcon_1qwte_83[aria-label^=close]{color:var(--hf-color-text-light);cursor:pointer}._plank_1yp3k_1{font-family:var(--hf-font-family-body),sans-serif;font-size:var(--hf-font-size-text-primary);font-style:normal;font-weight:var(--hf-font-weight-text-primary-regular);line-height:var(--hf-font-line-height-text-primary);display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:var(--hf-spacing-m);padding:var(--hf-spacing-m) var(--hf-spacing-l);border-width:1px;border-style:solid;border-radius:var(--hf-radius-m);-moz-osx-font-smoothing:auto;-webkit-font-smoothing:antialiased}._default_1yp3k_20{color:var(--hf-color-text-main);background-color:var(--hf-color-plank-default-background);border-color:var(--hf-color-plank-default-border)}._accent_1yp3k_26{color:var(--hf-color-plank-success-text);background-color:var(--hf-color-plank-success-background);border-color:var(--hf-color-plank-success-border)}._danger_1yp3k_32{color:var(--hf-color-plank-danger-text);background-color:var(--hf-color-plank-danger-background);border-color:var(--hf-color-plank-danger-border)}._text_1yp3k_38{flex-grow:1}._icon_1yp3k_42{width:var(--hf-font-line-height-text-primary);height:var(--hf-font-line-height-text-primary)}._text_1sbhq_1{font-family:var(--hf-font-family-body),sans-serif;font-style:normal;color:var(--hf-color-text-main);margin:0;-moz-osx-font-smoothing:auto;-webkit-font-smoothing:antialiased}._primary_1sbhq_10{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)}._secondary_1sbhq_16{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)}._accent_1sbhq_22{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)}._subtitle_1sbhq_28{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)}._medium_1sbhq_34{font-weight:var(--hf-font-weight-text-primary-medium)}._color-main_1sbhq_38{color:var(--hf-color-text-main)}._color-secondary_1sbhq_42{color:var(--hf-color-text-secondary)}._color-semilight_1sbhq_46{color:var(--hf-color-text-semilight)}._color-light_1sbhq_50{color:var(--hf-color-text-light)}._color-invert_1sbhq_54{color:var(--hf-color-text-invert)}._color-danger_1sbhq_58{color:var(--hf-color-text-danger)}._color-success_1sbhq_62{color:var(--hf-color-text-success)}._title_1m0wo_1{font-family:var(--hf-font-family-body),sans-serif;font-style:normal;color:var(--hf-color-text-main);margin:0;-moz-osx-font-smoothing:auto;-webkit-font-smoothing:antialiased}._level-1_1m0wo_10{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_1m0wo_10._medium_1m0wo_15{font-weight:var(--hf-font-weight-text-h1-medium)}._level-2_1m0wo_20{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_1m0wo_20._medium_1m0wo_15{font-weight:var(--hf-font-weight-text-h2-medium)}._level-3_1m0wo_30{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_1m0wo_30._medium_1m0wo_15{font-weight:var(--hf-font-weight-text-h3-medium)}._level-4_1m0wo_40{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_1m0wo_40._medium_1m0wo_15{font-weight:var(--hf-font-weight-text-h4-medium)}._color-main_1m0wo_50{color:var(--hf-color-text-main)}._color-secondary_1m0wo_54{color:var(--hf-color-text-secondary)}._color-semilight_1m0wo_58{color:var(--hf-color-text-semilight)}._color-light_1m0wo_62{color:var(--hf-color-text-light)}._color-invert_1m0wo_66{color:var(--hf-color-text-invert)}._color-danger_1m0wo_70{color:var(--hf-color-text-danger)}._color-success_1m0wo_74{color:var(--hf-color-text-success)}._error_lk2jx_1{font-family:var(--hf-font-family-body),sans-serif;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);-moz-osx-font-smoothing:auto;-webkit-font-smoothing:antialiased}._root_1tj1b_1{overflow:hidden;border-radius:50%;position:relative;aspect-ratio:1/1}._root_1tj1b_1 img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}._default_1tj1b_14{background-color:var(--hf-color-avatar-background);background-image:url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M11.3731%2012.2451C8.04067%2011.4614%207.47001%207.04127%2010.5054%205.5244C11.4539%205.05047%2012.6607%205.02109%2013.5811%205.44961C15.802%206.48374%2016.3914%209.29209%2014.7734%2011.1304C13.9547%2012.0605%2012.5483%2012.5215%2011.3731%2012.2451Z'%20fill='%23D7D7D7'/%3e%3cpath%20d='M7.06146%2014.4533C7.36479%2013.8666%208.78017%2013.2895%2010.4265%2013.081C12.0578%2012.8746%2013.8883%2012.9839%2015.2382%2013.3686C17.2103%2013.9304%2017.7187%2014.6903%2017.0375%2016.0575C16.2941%2017.5493%2013.9853%2018.8659%2012.1058%2018.8699C10.2126%2018.874%207.85172%2017.5174%207.15739%2016.0265C6.84163%2015.3485%206.81597%2014.9279%207.06146%2014.4533Z'%20fill='%23D7D7D7'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:center center;background-size:cover}._default_1tj1b_14 img{display:none}._xxs_1tj1b_26{width:var(--hf-size-avatar-xxs)}._xs_1tj1b_30{width:var(--hf-size-avatar-xs)}._s_1tj1b_16{width:var(--hf-size-avatar-s)}._m_1tj1b_38{width:var(--hf-size-avatar-m)}._l_1tj1b_42{width:var(--hf-size-avatar-l)}._l_1tj1b_42._square_1tj1b_45{border-radius:var(--hf-radius-s)}._xl_1tj1b_50{width:var(--hf-size-avatar-xl)}._xl_1tj1b_50._square_1tj1b_45{border-radius:var(--hf-radius-l)}._xxl_1tj1b_58{width:var(--hf-size-avatar-xxl)}._xxl_1tj1b_58._square_1tj1b_45{border-radius:var(--hf-radius-l)}._3xl_1tj1b_66{width:var(--hf-size-avatar-3xl)}._3xl_1tj1b_66._square_1tj1b_45{border-radius:var(--hf-radius-l)}._stack_1b4a2_1{list-style:none;display:flex;flex-wrap:wrap;margin:0;padding:0}._auto_1b4a2_9{width:auto}._row_1b4a2_13{flex-direction:row}._row_1b4a2_13._reverse_1b4a2_16{flex-direction:row-reverse}._column_1b4a2_21{flex-direction:column;width:-moz-fit-content;width:fit-content}._column_1b4a2_21._reverse_1b4a2_16{flex-direction:column-reverse}._full_1b4a2_30{width:100%}._xxs_1b4a2_34{gap:var(--hf-spacing-xxs)}._xs_1b4a2_38{gap:var(--hf-spacing-xs)}._s_1b4a2_1{gap:var(--hf-spacing-s)}._m_1b4a2_46{gap:var(--hf-spacing-m)}._l_1b4a2_50{gap:var(--hf-spacing-l)}._xl_1b4a2_54{gap:var(--hf-spacing-xl)}._xxl_1b4a2_58{gap:var(--hf-spacing-xxl)}._xxxl_1b4a2_62{gap:var(--hf-spacing-3xl)}._xxxxl_1b4a2_66{gap:var(--hf-spacing-4xl)}._xxxxxl_1b4a2_70{gap:var(--hf-spacing-5xl)}._main-start_1b4a2_74{justify-content:flex-start}._main-center_1b4a2_78{justify-content:center}._main-between_1b4a2_82{justify-content:space-between}._main-around_1b4a2_86{justify-content:space-around}._main-end_1b4a2_90{justify-content:flex-end}._cross-start_1b4a2_94{align-items:flex-start}._cross-center_1b4a2_98{align-items:center}._cross-end_1b4a2_102{align-items:flex-end}`)),document.head.appendChild(o)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}})();
-import { defineComponent as b, toRefs as J, computed as d, createElementBlock as m, openBlock as a, normalizeClass as r, unref as o, normalizeStyle as Q, createElementVNode as j, createCommentVNode as p, renderSlot as f, createBlock as k, createVNode as L, mergeProps as N, withCtx as h, Fragment as X, toValue as Y, getCurrentInstance as Z, ref as E, Comment as ee, cloneVNode as te, h as z, useSlots as ne, mergeModels as M, useModel as se, useAttrs as le, createSlots as oe, createTextVNode as T, toDisplayString as q, resolveDynamicComponent as A, watch as ae } from "vue";
+import { defineComponent as f, toRefs as J, computed as d, createElementBlock as m, openBlock as o, normalizeClass as r, unref as a, normalizeStyle as Q, createElementVNode as j, renderSlot as b, createBlock as y, withCtx as g, createCommentVNode as p, createVNode as L, mergeProps as N, Fragment as X, toValue as Y, getCurrentInstance as Z, ref as E, Comment as ee, cloneVNode as te, h as z, useSlots as ne, mergeModels as M, useModel as se, useAttrs as le, createSlots as oe, createTextVNode as T, toDisplayString as q, resolveDynamicComponent as A, watch as ae } from "vue";
 const re = "_loader_tpkd0_11", ce = "_circle_tpkd0_17", ie = "_white_tpkd0_24", ue = "_black_tpkd0_28", de = "_s_tpkd0_32", _e = "_m_tpkd0_37", me = "_l_tpkd0_11", pe = "_spinner_tpkd0_47", C = {
   loader: re,
   circle: ce,
@@ -10,7 +10,7 @@ const re = "_loader_tpkd0_11", ce = "_circle_tpkd0_17", ie = "_white_tpkd0_24",
   m: _e,
   l: me,
   spinner: pe
-}, be = /* @__PURE__ */ b({
+}, be = /* @__PURE__ */ f({
   name: "UiLoader",
   __name: "loader",
   props: {
@@ -25,11 +25,11 @@ const re = "_loader_tpkd0_11", ce = "_circle_tpkd0_17", ie = "_white_tpkd0_24",
       C[c.value],
       C.circle
     ]);
-    return (u, w) => (a(), m("span", {
-      class: r([o(C).spinner, _.value])
+    return (i, w) => (o(), m("span", {
+      class: r([a(C).spinner, _.value])
     }, null, 2));
   }
-}), fe = ["aria-label", "width", "height"], ye = ["xlink:href"], ke = /* @__PURE__ */ b({
+}), fe = ["aria-label", "width", "height"], ye = ["xlink:href"], ke = /* @__PURE__ */ f({
   name: "UiIcon",
   __name: "icon",
   props: {
@@ -45,7 +45,7 @@ const re = "_loader_tpkd0_11", ce = "_circle_tpkd0_17", ie = "_white_tpkd0_24",
       const l = {};
       return t.color && (l.color = t.color), t.block && (l.display = "block"), l;
     });
-    return (l, c) => (a(), m("svg", {
+    return (l, c) => (o(), m("svg", {
       class: r(l.$style.icon),
       "aria-label": l.name,
       style: Q(s.value),
@@ -67,7 +67,7 @@ const re = "_loader_tpkd0_11", ce = "_circle_tpkd0_17", ie = "_white_tpkd0_24",
   return n;
 }, $e = {
   $style: he
-}, x = /* @__PURE__ */ ve(ke, [["__cssModules", $e]]), hn = async () => {
+}, x = /* @__PURE__ */ ve(ke, [["__cssModules", $e]]), $n = async () => {
   if (!(typeof document > "u") && !document.getElementById("__svg-sprite__"))
     try {
       const t = `
@@ -79,15 +79,15 @@ const re = "_loader_tpkd0_11", ce = "_circle_tpkd0_17", ie = "_white_tpkd0_24",
     } catch (e) {
       console.error("Failed to load SVG sprite:", e);
     }
-}, xe = "_button_mb1r2_1", we = "_disabled_mb1r2_1", Ce = "_loading_mb1r2_1", Te = "_loader_mb1r2_1", qe = "_content_mb1r2_1", Ie = "_dropDown_mb1r2_1", Se = "_s_mb1r2_2", Be = "_xs_mb1r2_1", Ue = "_square_mb1r2_1", je = "_circle_mb1r2_1", Le = "_m_mb1r2_1", Ne = "_l_mb1r2_1", ze = "_primary_mb1r2_1", Ee = "_secondary_mb1r2_1", Ae = "_accent_mb1r2_1", Me = "_danger_mb1r2_1", Ve = "_jobsites_mb1r2_1", Oe = "_ghost_mb1r2_1", g = {
+}, xe = "_button_mb1r2_1", we = "_disabled_mb1r2_1", Ce = "_loading_mb1r2_1", Te = "_loader_mb1r2_1", qe = "_content_mb1r2_1", Be = "_dropDown_mb1r2_1", Ie = "_s_mb1r2_2", Se = "_xs_mb1r2_1", Ue = "_square_mb1r2_1", je = "_circle_mb1r2_1", Le = "_m_mb1r2_1", Ne = "_l_mb1r2_1", ze = "_primary_mb1r2_1", Ee = "_secondary_mb1r2_1", Ae = "_accent_mb1r2_1", Me = "_danger_mb1r2_1", Ve = "_jobsites_mb1r2_1", Oe = "_ghost_mb1r2_1", h = {
   button: xe,
   disabled: we,
   loading: Ce,
   loader: Te,
   content: qe,
-  dropDown: Ie,
-  s: Se,
-  xs: Be,
+  dropDown: Be,
+  s: Ie,
+  xs: Se,
   square: Ue,
   circle: je,
   m: Le,
@@ -99,7 +99,26 @@ const re = "_loader_tpkd0_11", ce = "_circle_tpkd0_17", ie = "_white_tpkd0_24",
   jobsites: Ve,
   ghost: Oe,
   "ghost-danger": "_ghost-danger_mb1r2_1"
-}, Pe = ["name", "type", "disabled"], P = /* @__PURE__ */ b({
+}, Pe = ["href"], De = ["disabled"], Re = /* @__PURE__ */ f({
+  __name: "tag-variant",
+  props: {
+    to: {},
+    disabled: { type: Boolean }
+  },
+  setup(e) {
+    return (t, n) => t.to && !t.disabled ? (o(), m("a", {
+      key: 0,
+      href: t.to
+    }, [
+      b(t.$slots, "default")
+    ], 8, Pe)) : (o(), m("button", {
+      key: 1,
+      disabled: t.disabled
+    }, [
+      b(t.$slots, "default")
+    ], 8, De));
+  }
+}), P = /* @__PURE__ */ f({
   name: "UiButton",
   __name: "button",
   props: {
@@ -113,7 +132,8 @@ const re = "_loader_tpkd0_11", ce = "_circle_tpkd0_17", ie = "_white_tpkd0_24",
     name: {},
     circle: { type: Boolean, default: !1 },
     bordered: { type: Boolean, default: !1 },
-    htmlType: { default: "button" }
+    htmlType: { default: "button" },
+    to: {}
   },
   emits: ["click"],
   setup(e, { emit: t }) {
@@ -126,58 +146,62 @@ const re = "_loader_tpkd0_11", ce = "_circle_tpkd0_17", ie = "_white_tpkd0_24",
       ghost: "black",
       "ghost-danger": "black"
     }, l = d(() => [
-      g.button,
-      g[e.size],
-      g[e.type],
-      e.circle ? g.circle : g.square,
+      h.button,
+      h[e.size],
+      h[e.type],
+      e.circle ? h.circle : h.square,
       {
-        [g.disabled]: e.disabled,
-        [g.loading]: e.loading,
-        [g.active]: e.active,
-        [g.bordered]: e.bordered
+        [h.disabled]: e.disabled,
+        [h.loading]: e.loading,
+        [h.active]: e.active,
+        [h.bordered]: e.bordered
       },
       e.className
-    ]), c = d(() => s[e.type] || "white"), _ = (u) => {
-      n("click", u);
+    ]), c = d(() => s[e.type] || "white"), _ = (i) => {
+      n("click", i);
     };
-    return (u, w) => (a(), m("button", {
-      name: u.name,
+    return (i, w) => (o(), y(Re, {
+      to: i.to,
+      name: i.name,
       class: r(l.value),
-      type: u.htmlType,
-      disabled: u.disabled || u.loading,
+      type: i.htmlType,
+      disabled: i.disabled || i.loading,
       onClick: _
-    }, [
-      u.loading ? (a(), m("div", {
-        key: 0,
-        class: r(o(g).loader)
-      }, [
-        L(o(be), {
-          size: "s",
-          color: c.value
-        }, null, 8, ["color"])
-      ], 2)) : p("", !0),
-      u.$slots.before ? f(u.$slots, "before", { key: 1 }) : p("", !0),
-      u.$slots.default ? (a(), m("span", {
-        key: 2,
-        class: r(o(g).content)
-      }, [
-        f(u.$slots, "default")
-      ], 2)) : p("", !0),
-      u.$slots.after ? f(u.$slots, "after", { key: 3 }) : p("", !0),
-      u.dropdown ? (a(), k(o(x), {
-        key: 4,
-        class: r(o(g).dropDown),
-        name: "chevron-down-16"
-      }, null, 8, ["class"])) : p("", !0)
-    ], 10, Pe));
+    }, {
+      default: g(() => [
+        i.loading ? (o(), m("div", {
+          key: 0,
+          class: r(a(h).loader)
+        }, [
+          L(a(be), {
+            size: "s",
+            color: c.value
+          }, null, 8, ["color"])
+        ], 2)) : p("", !0),
+        i.$slots.before ? b(i.$slots, "before", { key: 1 }) : p("", !0),
+        i.$slots.default ? (o(), m("span", {
+          key: 2,
+          class: r(a(h).content)
+        }, [
+          b(i.$slots, "default")
+        ], 2)) : p("", !0),
+        i.$slots.after ? b(i.$slots, "after", { key: 3 }) : p("", !0),
+        i.dropdown ? (o(), y(a(x), {
+          key: 4,
+          class: r(a(h).dropDown),
+          name: "chevron-down-16"
+        }, null, 8, ["class"])) : p("", !0)
+      ]),
+      _: 3
+    }, 8, ["to", "name", "class", "type", "disabled"]));
   }
-}), De = "_s_o7jd7_9", Re = "_xs_o7jd7_14", We = "_m_o7jd7_20", Fe = "_l_o7jd7_25", He = "_button_o7jd7_31", V = {
-  s: De,
-  xs: Re,
-  m: We,
-  l: Fe,
-  button: He
-}, vn = /* @__PURE__ */ b({
+}), We = "_s_o7jd7_9", Fe = "_xs_o7jd7_14", He = "_m_o7jd7_20", Ge = "_l_o7jd7_25", Ke = "_button_o7jd7_31", V = {
+  s: We,
+  xs: Fe,
+  m: He,
+  l: Ge,
+  button: Ke
+}, xn = /* @__PURE__ */ f({
   name: "UiButtonIcon",
   __name: "button-icon",
   props: {
@@ -212,20 +236,20 @@ const re = "_loader_tpkd0_11", ce = "_circle_tpkd0_17", ie = "_white_tpkd0_24",
       circle: s.value,
       bordered: e.bordered
     }));
-    return (c, _) => (a(), k(o(P), N({ class: t.value }, l.value, {
+    return (c, _) => (o(), y(a(P), N({ class: t.value }, l.value, {
       "html-type": "button",
-      onClick: _[0] || (_[0] = (u) => c.$emit("click"))
+      onClick: _[0] || (_[0] = (i) => c.$emit("click"))
     }), {
-      before: h(() => [
-        L(o(x), { name: n.value }, null, 8, ["name"])
+      before: g(() => [
+        L(a(x), { name: n.value }, null, 8, ["name"])
       ]),
       _: 1
     }, 16, ["class"]));
   }
-}), Ge = "_button_cmm43_1", Ke = "_lock_cmm43_30", O = {
-  button: Ge,
-  lock: Ke
-}, Je = ["disabled"], $n = /* @__PURE__ */ b({
+}), Je = "_button_cmm43_1", Qe = "_lock_cmm43_30", O = {
+  button: Je,
+  lock: Qe
+}, Xe = ["disabled"], wn = /* @__PURE__ */ f({
   name: "UiButtonLink",
   __name: "button-link",
   props: {
@@ -234,35 +258,35 @@ const re = "_loader_tpkd0_11", ce = "_circle_tpkd0_17", ie = "_white_tpkd0_24",
   },
   emits: ["click"],
   setup(e) {
-    return (t, n) => (a(), m("button", {
-      class: r(o(O).button),
+    return (t, n) => (o(), m("button", {
+      class: r(a(O).button),
       type: "button",
       disabled: t.lock,
       onClick: n[0] || (n[0] = (s) => t.$emit("click"))
     }, [
-      t.lock ? (a(), k(o(x), {
+      t.lock ? (o(), y(a(x), {
         key: 0,
         name: "lock-color-16",
-        class: r(o(O).lock)
+        class: r(a(O).lock)
       }, null, 8, ["class"])) : p("", !0),
-      t.icon ? (a(), k(o(x), {
+      t.icon ? (o(), y(a(x), {
         key: 1,
         name: "plus-18"
       })) : p("", !0),
-      f(t.$slots, "default")
-    ], 10, Je));
+      b(t.$slots, "default")
+    ], 10, Xe));
   }
 });
 function D(e) {
   return e ? e.flatMap((t) => t.type === X ? D(t.children) : [t]) : [];
 }
-function Qe(e) {
+function Ye(e) {
   var t;
   const n = Y(e);
   return (t = n?.$el) != null ? t : n;
 }
-function Xe() {
-  const e = Z(), t = E(), n = d(() => ["#text", "#comment"].includes(t.value?.$el.nodeName) ? t.value?.$el.nextElementSibling : Qe(t)), s = Object.assign({}, e.exposed), l = {};
+function Ze() {
+  const e = Z(), t = E(), n = d(() => ["#text", "#comment"].includes(t.value?.$el.nodeName) ? t.value?.$el.nextElementSibling : Ye(t)), s = Object.assign({}, e.exposed), l = {};
   for (const _ in e.props) Object.defineProperty(l, _, {
     enumerable: !0,
     configurable: !0,
@@ -291,7 +315,7 @@ function Xe() {
     currentElement: n
   };
 }
-const Ye = b({
+const et = f({
   name: "PrimitiveSlot",
   inheritAttrs: !1,
   setup(e, { attrs: t, slots: n }) {
@@ -301,18 +325,18 @@ const Ye = b({
       if (l === -1) return s;
       const c = s[l];
       delete c.props?.ref;
-      const _ = c.props ? N(t, c.props) : t, u = te({
+      const _ = c.props ? N(t, c.props) : t, i = te({
         ...c,
         props: {}
       }, _);
-      return s.length === 1 ? u : (s[l] = u, s);
+      return s.length === 1 ? i : (s[l] = i, s);
     };
   }
-}), Ze = [
+}), tt = [
   "area",
   "img",
   "input"
-], et = b({
+], nt = f({
   name: "Primitive",
   inheritAttrs: !1,
   props: {
@@ -327,10 +351,10 @@ const Ye = b({
   },
   setup(e, { attrs: t, slots: n }) {
     const s = e.asChild ? "template" : e.as;
-    return typeof s == "string" && Ze.includes(s) ? () => z(s, t) : s !== "template" ? () => z(e.as, t, { default: n.default }) : () => z(Ye, t, { default: n.default });
+    return typeof s == "string" && tt.includes(s) ? () => z(s, t) : s !== "template" ? () => z(e.as, t, { default: n.default }) : () => z(et, t, { default: n.default });
   }
 });
-var tt = /* @__PURE__ */ b({
+var st = /* @__PURE__ */ f({
   __name: "Label",
   props: {
     for: {
@@ -349,17 +373,17 @@ var tt = /* @__PURE__ */ b({
   },
   setup(e) {
     const t = e;
-    return Xe(), (n, s) => (a(), k(o(et), N(t, { onMousedown: s[0] || (s[0] = (l) => {
+    return Ze(), (n, s) => (o(), y(a(nt), N(t, { onMousedown: s[0] || (s[0] = (l) => {
       !l.defaultPrevented && l.detail > 1 && l.preventDefault();
     }) }), {
-      default: h(() => [f(n.$slots, "default")]),
+      default: g(() => [b(n.$slots, "default")]),
       _: 3
     }, 16));
   }
-}), nt = tt;
-const st = "_label_1ic51_1", lt = {
-  label: st
-}, ot = /* @__PURE__ */ b({
+}), lt = st;
+const ot = "_label_1ic51_1", at = {
+  label: ot
+}, rt = /* @__PURE__ */ f({
   name: "UiLabel",
   __name: "label",
   props: {
@@ -367,29 +391,29 @@ const st = "_label_1ic51_1", lt = {
   },
   setup(e) {
     const t = e, n = d(() => [
-      lt.label,
+      at.label,
       t.className
     ]);
-    return (s, l) => (a(), k(o(nt), {
+    return (s, l) => (o(), y(a(lt), {
       class: r(n.value)
     }, {
-      default: h(() => [
-        f(s.$slots, "default")
+      default: g(() => [
+        b(s.$slots, "default")
       ]),
       _: 3
     }, 8, ["class"]));
   }
-}), at = "_content_1g21n_1", rt = "_label_1g21n_12", ct = "_header_1g21n_21", it = "_headerWrapper_1g21n_29", ut = "_title_1g21n_36", dt = "_subTitleRow_1g21n_44", _t = "_subTitle_1g21n_44", mt = "_link_1g21n_56", pt = "_linkUpper_1g21n_73", v = {
-  content: at,
-  label: rt,
-  header: ct,
-  headerWrapper: it,
-  title: ut,
-  subTitleRow: dt,
-  subTitle: _t,
-  link: mt,
-  linkUpper: pt
-}, bt = /* @__PURE__ */ b({
+}), ct = "_content_1g21n_1", it = "_label_1g21n_12", ut = "_header_1g21n_21", dt = "_headerWrapper_1g21n_29", _t = "_title_1g21n_36", mt = "_subTitleRow_1g21n_44", pt = "_subTitle_1g21n_44", bt = "_link_1g21n_56", ft = "_linkUpper_1g21n_73", v = {
+  content: ct,
+  label: it,
+  header: ut,
+  headerWrapper: dt,
+  title: _t,
+  subTitleRow: mt,
+  subTitle: pt,
+  link: bt,
+  linkUpper: ft
+}, yt = /* @__PURE__ */ f({
   name: "UiLabelContent",
   __name: "label-content",
   emits: ["click"],
@@ -397,58 +421,58 @@ const st = "_label_1ic51_1", lt = {
     const t = ne(), n = d(() => t.header || t.title || t.subTitle), s = d(() => !t.title && !t.subTitle), l = d(
       () => [v.link, s.value && v.linkUpper].filter(Boolean)
     );
-    return (c, _) => (a(), m("div", {
-      class: r(o(v).content)
+    return (c, _) => (o(), m("div", {
+      class: r(a(v).content)
     }, [
-      n.value ? (a(), m("span", {
+      n.value ? (o(), m("span", {
         key: 0,
-        class: r(o(v).headerWrapper)
+        class: r(a(v).headerWrapper)
       }, [
-        c.$slots.header ? (a(), m("span", {
+        c.$slots.header ? (o(), m("span", {
           key: 0,
-          class: r(o(v).header)
+          class: r(a(v).header)
         }, [
-          f(c.$slots, "header")
+          b(c.$slots, "header")
         ], 2)) : p("", !0),
-        c.$slots.title ? (a(), m("span", {
+        c.$slots.title ? (o(), m("span", {
           key: 1,
-          class: r(o(v).title)
+          class: r(a(v).title)
         }, [
-          f(c.$slots, "default")
+          b(c.$slots, "default")
         ], 2)) : p("", !0),
-        c.$slots.subTitle ? (a(), m("span", {
+        c.$slots.subTitle ? (o(), m("span", {
           key: 2,
-          class: r(o(v).subTitleRow)
+          class: r(a(v).subTitleRow)
         }, [
           j("span", {
-            class: r(o(v).subTitle)
+            class: r(a(v).subTitle)
           }, [
-            f(c.$slots, "subTitle")
+            b(c.$slots, "subTitle")
           ], 2)
         ], 2)) : p("", !0)
       ], 2)) : p("", !0),
-      c.$slots.link ? (a(), m("span", {
+      c.$slots.link ? (o(), m("span", {
         key: 1,
         class: r(l.value),
-        onClick: _[0] || (_[0] = (u) => c.$emit("click"))
+        onClick: _[0] || (_[0] = (i) => c.$emit("click"))
       }, [
-        f(c.$slots, "link")
+        b(c.$slots, "link")
       ], 2)) : p("", !0)
     ], 2));
   }
-}), ft = "_wrapper_1qwte_1", yt = "_input_1qwte_8", kt = "_error_1qwte_38", gt = "_description_1qwte_51", ht = "_descriptionText_1qwte_62", vt = "_errorText_1qwte_66", $t = "_inputWrapper_1qwte_70", xt = "_leftSpace_1qwte_74", wt = "_rightSpace_1qwte_78", Ct = "_leftIcon_1qwte_82", Tt = "_rightIcon_1qwte_83", y = {
-  wrapper: ft,
-  input: yt,
-  error: kt,
-  description: gt,
-  descriptionText: ht,
-  errorText: vt,
-  inputWrapper: $t,
-  leftSpace: xt,
-  rightSpace: wt,
-  leftIcon: Ct,
-  rightIcon: Tt
-}, qt = ["id", "value", "name", "type", "disabled", "placeholder", "aria-invalid"], It = ["innerHTML"], St = ["innerHTML"], xn = /* @__PURE__ */ b({
+}), kt = "_wrapper_1qwte_1", gt = "_input_1qwte_8", ht = "_error_1qwte_38", vt = "_description_1qwte_51", $t = "_descriptionText_1qwte_62", xt = "_errorText_1qwte_66", wt = "_inputWrapper_1qwte_70", Ct = "_leftSpace_1qwte_74", Tt = "_rightSpace_1qwte_78", qt = "_leftIcon_1qwte_82", Bt = "_rightIcon_1qwte_83", k = {
+  wrapper: kt,
+  input: gt,
+  error: ht,
+  description: vt,
+  descriptionText: $t,
+  errorText: xt,
+  inputWrapper: wt,
+  leftSpace: Ct,
+  rightSpace: Tt,
+  leftIcon: qt,
+  rightIcon: Bt
+}, It = ["id", "value", "name", "type", "disabled", "placeholder", "aria-invalid"], St = ["innerHTML"], Ut = ["innerHTML"], Cn = /* @__PURE__ */ f({
   name: "UiInput",
   __name: "input",
   props: /* @__PURE__ */ M({
@@ -474,55 +498,55 @@ const st = "_label_1ic51_1", lt = {
   emits: /* @__PURE__ */ M(["update:modelValue", "inputValue", "enter", "clickLink", "clickIcon", "click", "focus", "blur"], ["update:modelValue"]),
   setup(e, { emit: t }) {
     const n = t, s = se(e, "modelValue"), l = le(), c = d(() => [
-      y.input,
+      k.input,
       {
-        [y.disabled]: e.disabled,
-        [y.error]: e.error,
-        [y.loading]: e.loading,
-        [y.leftSpace]: !!e.leftIcon,
-        [y.rightSpace]: !!e.rightIcon
+        [k.disabled]: e.disabled,
+        [k.error]: e.error,
+        [k.loading]: e.loading,
+        [k.leftSpace]: !!e.leftIcon,
+        [k.rightSpace]: !!e.rightIcon
       },
       e.className
-    ]), _ = d(() => e.header || e.title || e.subTitle || e.link), u = d(() => e.description || e.error), w = (i) => {
-      i.key === "Enter" && n("enter");
-    }, R = (i) => {
-      n("update:modelValue", i.target.value), n("inputValue", i.target.value);
-    }, W = () => n("focus"), F = () => n("blur"), H = () => n("clickLink"), G = () => n("click"), K = (i) => {
-      i.preventDefault(), n("clickIcon");
+    ]), _ = d(() => e.header || e.title || e.subTitle || e.link), i = d(() => e.description || e.error), w = (u) => {
+      u.key === "Enter" && n("enter");
+    }, R = (u) => {
+      n("update:modelValue", u.target.value), n("inputValue", u.target.value);
+    }, W = () => n("focus"), F = () => n("blur"), H = () => n("clickLink"), G = () => n("click"), K = (u) => {
+      u.preventDefault(), n("clickIcon");
     };
-    return (i, kn) => (a(), m("div", {
-      class: r(o(y).wrapper)
+    return (u, hn) => (o(), m("div", {
+      class: r(a(k).wrapper)
     }, [
-      _.value ? (a(), k(o(ot), {
+      _.value ? (o(), y(a(rt), {
         key: 0,
-        for: i.id,
+        for: u.id,
         onClick: H
       }, {
-        default: h(() => [
-          L(o(bt), null, oe({
-            default: h(() => [
-              T(" " + q(i.title) + " ", 1)
+        default: g(() => [
+          L(a(yt), null, oe({
+            default: g(() => [
+              T(" " + q(u.title) + " ", 1)
             ]),
             _: 2
           }, [
-            i.header ? {
+            u.header ? {
               name: "header",
-              fn: h(() => [
-                T(q(i.header), 1)
+              fn: g(() => [
+                T(q(u.header), 1)
               ]),
               key: "0"
             } : void 0,
-            i.subTitle ? {
+            u.subTitle ? {
               name: "subTitle",
-              fn: h(() => [
-                T(q(i.subTitle), 1)
+              fn: g(() => [
+                T(q(u.subTitle), 1)
               ]),
               key: "1"
             } : void 0,
-            i.link ? {
+            u.link ? {
               name: "link",
-              fn: h(() => [
-                T(q(i.link), 1)
+              fn: g(() => [
+                T(q(u.link), 1)
               ]),
               key: "2"
             } : void 0
@@ -531,61 +555,61 @@ const st = "_label_1ic51_1", lt = {
         _: 1
       }, 8, ["for"])) : p("", !0),
       j("div", {
-        class: r(o(y).inputWrapper)
+        class: r(a(k).inputWrapper)
       }, [
-        i.leftIcon ? (a(), k(o(x), {
+        u.leftIcon ? (o(), y(a(x), {
           key: 0,
-          name: i.leftIcon,
-          class: r(o(y).leftIcon)
+          name: u.leftIcon,
+          class: r(a(k).leftIcon)
         }, null, 8, ["name", "class"])) : p("", !0),
         j("input", N({
-          id: i.id,
+          id: u.id,
           value: s.value,
-          name: i.name,
-          type: i.type,
-          disabled: i.disabled || i.loading,
-          placeholder: i.placeholder,
+          name: u.name,
+          type: u.type,
+          disabled: u.disabled || u.loading,
+          placeholder: u.placeholder,
           class: c.value,
-          "aria-invalid": !!i.error
-        }, o(l), {
+          "aria-invalid": !!u.error
+        }, a(l), {
           onInput: R,
           onKeydown: w,
           onFocus: W,
           onBlur: F,
           onClick: G
-        }), null, 16, qt),
-        i.rightIcon ? (a(), k(o(x), {
+        }), null, 16, It),
+        u.rightIcon ? (o(), y(a(x), {
           key: 1,
-          name: i.rightIcon,
-          class: r(o(y).rightIcon),
+          name: u.rightIcon,
+          class: r(a(k).rightIcon),
           onClick: K
         }, null, 8, ["name", "class"])) : p("", !0)
       ], 2),
-      u.value ? (a(), m("div", {
+      i.value ? (o(), m("div", {
         key: 1,
-        class: r(o(y).description)
+        class: r(a(k).description)
       }, [
-        i.error ? (a(), m("div", {
+        u.error ? (o(), m("div", {
           key: 0,
-          class: r(o(y).errorText),
-          innerHTML: i.error
-        }, null, 10, It)) : p("", !0),
-        i.description ? (a(), m("div", {
+          class: r(a(k).errorText),
+          innerHTML: u.error
+        }, null, 10, St)) : p("", !0),
+        u.description ? (o(), m("div", {
           key: 1,
-          class: r(o(y).descriptionText),
-          innerHTML: i.description
-        }, null, 10, St)) : p("", !0)
+          class: r(a(k).descriptionText),
+          innerHTML: u.description
+        }, null, 10, Ut)) : p("", !0)
       ], 2)) : p("", !0)
     ], 2));
   }
-}), Bt = "_plank_1yp3k_1", Ut = "_accent_1yp3k_26", jt = "_danger_1yp3k_32", Lt = "_text_1yp3k_38", Nt = "_icon_1yp3k_42", I = {
-  plank: Bt,
+}), jt = "_plank_1yp3k_1", Lt = "_accent_1yp3k_26", Nt = "_danger_1yp3k_32", zt = "_text_1yp3k_38", Et = "_icon_1yp3k_42", B = {
+  plank: jt,
   default: "_default_1yp3k_20",
-  accent: Ut,
-  danger: jt,
-  text: Lt,
-  icon: Nt
-}, wn = /* @__PURE__ */ b({
+  accent: Lt,
+  danger: Nt,
+  text: zt,
+  icon: Et
+}, Tn = /* @__PURE__ */ f({
   name: "UiPlank",
   __name: "plank",
   props: {
@@ -596,44 +620,44 @@ const st = "_label_1ic51_1", lt = {
   emits: ["click"],
   setup(e) {
     const t = d(() => [
-      I.plank,
-      I[e.type]
+      B.plank,
+      B[e.type]
     ]);
-    return (n, s) => (a(), m("div", {
+    return (n, s) => (o(), m("div", {
       class: r(t.value)
     }, [
-      n.icon ? (a(), m("div", {
+      n.icon ? (o(), m("div", {
         key: 0,
-        class: r(o(I).icon)
+        class: r(a(B).icon)
       }, [
-        L(o(x), { name: n.icon }, null, 8, ["name"])
+        L(a(x), { name: n.icon }, null, 8, ["name"])
       ], 2)) : p("", !0),
-      n.$slots.default ? (a(), m("div", {
+      n.$slots.default ? (o(), m("div", {
         key: 1,
-        class: r(o(I).text)
+        class: r(a(B).text)
       }, [
-        f(n.$slots, "default")
+        b(n.$slots, "default")
       ], 2)) : p("", !0),
-      n.label ? (a(), k(o(P), {
+      n.label ? (o(), y(a(P), {
         key: 2,
         size: "xs",
         type: "secondary",
         onClick: s[0] || (s[0] = (l) => n.$emit("click"))
       }, {
-        default: h(() => [
+        default: g(() => [
           T(q(n.label), 1)
         ]),
         _: 1
       })) : p("", !0)
     ], 2));
   }
-}), zt = "_text_1sbhq_1", Et = "_primary_1sbhq_10", At = "_secondary_1sbhq_16", Mt = "_accent_1sbhq_22", Vt = "_subtitle_1sbhq_28", Ot = "_medium_1sbhq_34", S = {
-  text: zt,
-  primary: Et,
-  secondary: At,
-  accent: Mt,
-  subtitle: Vt,
-  medium: Ot,
+}), At = "_text_1sbhq_1", Mt = "_primary_1sbhq_10", Vt = "_secondary_1sbhq_16", Ot = "_accent_1sbhq_22", Pt = "_subtitle_1sbhq_28", Dt = "_medium_1sbhq_34", I = {
+  text: At,
+  primary: Mt,
+  secondary: Vt,
+  accent: Ot,
+  subtitle: Pt,
+  medium: Dt,
   "color-main": "_color-main_1sbhq_38",
   "color-secondary": "_color-secondary_1sbhq_42",
   "color-semilight": "_color-semilight_1sbhq_46",
@@ -641,7 +665,7 @@ const st = "_label_1ic51_1", lt = {
   "color-invert": "_color-invert_1sbhq_54",
   "color-danger": "_color-danger_1sbhq_58",
   "color-success": "_color-success_1sbhq_62"
-}, Cn = /* @__PURE__ */ b({
+}, qn = /* @__PURE__ */ f({
   name: "UiText",
   __name: "text",
   props: {
@@ -652,24 +676,24 @@ const st = "_label_1ic51_1", lt = {
   },
   setup(e) {
     const t = d(() => [
-      S.text,
-      S[e.kind],
-      e.weight && S[e.weight],
-      e.color && S[`color-${e.color}`]
+      I.text,
+      I[e.kind],
+      e.weight && I[e.weight],
+      e.color && I[`color-${e.color}`]
     ]);
-    return (n, s) => (a(), k(A(n.tagName), {
+    return (n, s) => (o(), y(A(n.tagName), {
       class: r(t.value)
     }, {
-      default: h(() => [
-        f(n.$slots, "default")
+      default: g(() => [
+        b(n.$slots, "default")
       ]),
       _: 3
     }, 8, ["class"]));
   }
-}), Pt = "_title_1m0wo_1", Dt = "_medium_1m0wo_15", B = {
-  title: Pt,
+}), Rt = "_title_1m0wo_1", Wt = "_medium_1m0wo_15", S = {
+  title: Rt,
   "level-1": "_level-1_1m0wo_10",
-  medium: Dt,
+  medium: Wt,
   "level-2": "_level-2_1m0wo_20",
   "level-3": "_level-3_1m0wo_30",
   "level-4": "_level-4_1m0wo_40",
@@ -680,7 +704,7 @@ const st = "_label_1ic51_1", lt = {
   "color-invert": "_color-invert_1m0wo_66",
   "color-danger": "_color-danger_1m0wo_70",
   "color-success": "_color-success_1m0wo_74"
-}, Tn = /* @__PURE__ */ b({
+}, Bn = /* @__PURE__ */ f({
   name: "UiTitle",
   __name: "title",
   props: {
@@ -691,24 +715,24 @@ const st = "_label_1ic51_1", lt = {
   },
   setup(e) {
     const t = e, n = d(() => [
-      B.title,
-      B[`level-${t.level ?? 1}`],
+      S.title,
+      S[`level-${t.level ?? 1}`],
       t.className,
-      t.weight && B[t.weight],
-      t.color && B[`color-${t.color}`]
+      t.weight && S[t.weight],
+      t.color && S[`color-${t.color}`]
     ]), s = d(() => `h${t.level ?? 1}`);
-    return (l, c) => (a(), k(A(s.value), {
+    return (l, c) => (o(), y(A(s.value), {
       class: r(n.value)
     }, {
-      default: h(() => [
-        f(l.$slots, "default")
+      default: g(() => [
+        b(l.$slots, "default")
       ]),
       _: 3
     }, 8, ["class"]));
   }
-}), Rt = "_error_lk2jx_1", Wt = {
-  error: Rt
-}, qn = /* @__PURE__ */ b({
+}), Ft = "_error_lk2jx_1", Ht = {
+  error: Ft
+}, In = /* @__PURE__ */ f({
   name: "UiError",
   __name: "error",
   props: {
@@ -716,28 +740,28 @@ const st = "_label_1ic51_1", lt = {
   },
   setup(e) {
     const t = e, n = d(() => [
-      Wt.error,
+      Ht.error,
       t.className
     ]);
-    return (s, l) => (a(), m("span", {
+    return (s, l) => (o(), m("span", {
       class: r(n.value)
     }, [
-      f(s.$slots, "default")
+      b(s.$slots, "default")
     ], 2));
   }
-}), Ft = "_root_1tj1b_1", Ht = "_xxs_1tj1b_26", Gt = "_xs_1tj1b_30", Kt = "_s_1tj1b_16", Jt = "_m_1tj1b_38", Qt = "_l_1tj1b_42", Xt = "_square_1tj1b_45", Yt = "_xl_1tj1b_50", Zt = "_xxl_1tj1b_58", U = {
-  root: Ft,
+}), Gt = "_root_1tj1b_1", Kt = "_xxs_1tj1b_26", Jt = "_xs_1tj1b_30", Qt = "_s_1tj1b_16", Xt = "_m_1tj1b_38", Yt = "_l_1tj1b_42", Zt = "_square_1tj1b_45", en = "_xl_1tj1b_50", tn = "_xxl_1tj1b_58", U = {
+  root: Gt,
   default: "_default_1tj1b_14",
-  xxs: Ht,
-  xs: Gt,
-  s: Kt,
-  m: Jt,
-  l: Qt,
-  square: Xt,
-  xl: Yt,
-  xxl: Zt,
+  xxs: Kt,
+  xs: Jt,
+  s: Qt,
+  m: Xt,
+  l: Yt,
+  square: Zt,
+  xl: en,
+  xxl: tn,
   "3xl": "_3xl_1tj1b_66"
-}, en = ["src"], In = /* @__PURE__ */ b({
+}, nn = ["src"], Sn = /* @__PURE__ */ f({
   name: "UiAvatar",
   __name: "avatar",
   props: {
@@ -747,18 +771,18 @@ const st = "_label_1ic51_1", lt = {
   },
   setup(e) {
     const t = E(!e.src), n = E(!1), s = d(() => e.src && !n.value), l = d(() => {
-      const u = !t.value || n.value || !e.src;
+      const i = !t.value || n.value || !e.src;
       return [
         U.root,
         U[e.size],
         e.square && U.square,
-        u && U.default
+        i && U.default
       ];
     });
     ae(
       () => e.src,
-      (u) => {
-        t.value = !u, n.value = !1;
+      (i) => {
+        t.value = !i, n.value = !1;
       },
       { immediate: !0 }
     );
@@ -768,35 +792,35 @@ const st = "_label_1ic51_1", lt = {
     function _() {
       n.value = !0;
     }
-    return (u, w) => (a(), m("div", {
+    return (i, w) => (o(), m("div", {
       class: r(l.value)
     }, [
-      s.value ? (a(), m("img", {
+      s.value ? (o(), m("img", {
         key: 0,
-        src: u.src,
+        src: i.src,
         onLoad: c,
         onError: _
-      }, null, 40, en)) : p("", !0),
-      f(u.$slots, "default")
+      }, null, 40, nn)) : p("", !0),
+      b(i.$slots, "default")
     ], 2));
   }
-}), tn = "_stack_1b4a2_1", nn = "_auto_1b4a2_9", sn = "_row_1b4a2_13", ln = "_reverse_1b4a2_16", on = "_column_1b4a2_21", an = "_full_1b4a2_30", rn = "_xxs_1b4a2_34", cn = "_xs_1b4a2_38", un = "_s_1b4a2_1", dn = "_m_1b4a2_46", _n = "_l_1b4a2_50", mn = "_xl_1b4a2_54", pn = "_xxl_1b4a2_58", bn = "_xxxl_1b4a2_62", fn = "_xxxxl_1b4a2_66", yn = "_xxxxxl_1b4a2_70", $ = {
-  stack: tn,
-  auto: nn,
-  row: sn,
-  reverse: ln,
-  column: on,
-  full: an,
-  xxs: rn,
-  xs: cn,
-  s: un,
-  m: dn,
-  l: _n,
-  xl: mn,
-  xxl: pn,
-  xxxl: bn,
-  xxxxl: fn,
-  xxxxxl: yn,
+}), sn = "_stack_1b4a2_1", ln = "_auto_1b4a2_9", on = "_row_1b4a2_13", an = "_reverse_1b4a2_16", rn = "_column_1b4a2_21", cn = "_full_1b4a2_30", un = "_xxs_1b4a2_34", dn = "_xs_1b4a2_38", _n = "_s_1b4a2_1", mn = "_m_1b4a2_46", pn = "_l_1b4a2_50", bn = "_xl_1b4a2_54", fn = "_xxl_1b4a2_58", yn = "_xxxl_1b4a2_62", kn = "_xxxxl_1b4a2_66", gn = "_xxxxxl_1b4a2_70", $ = {
+  stack: sn,
+  auto: ln,
+  row: on,
+  reverse: an,
+  column: rn,
+  full: cn,
+  xxs: un,
+  xs: dn,
+  s: _n,
+  m: mn,
+  l: pn,
+  xl: bn,
+  xxl: fn,
+  xxxl: yn,
+  xxxxl: kn,
+  xxxxxl: gn,
   "main-start": "_main-start_1b4a2_74",
   "main-center": "_main-center_1b4a2_78",
   "main-between": "_main-between_1b4a2_82",
@@ -805,7 +829,7 @@ const st = "_label_1ic51_1", lt = {
   "cross-start": "_cross-start_1b4a2_94",
   "cross-center": "_cross-center_1b4a2_98",
   "cross-end": "_cross-end_1b4a2_102"
-}, Sn = /* @__PURE__ */ b({
+}, Un = /* @__PURE__ */ f({
   name: "UiStack",
   __name: "stack",
   props: {
@@ -838,29 +862,29 @@ const st = "_label_1ic51_1", lt = {
       e.reverse ? $.reverse : "",
       $[e.size]
     ]);
-    return (s, l) => (a(), k(A(s.tagName), {
+    return (s, l) => (o(), y(A(s.tagName), {
       class: r(n.value)
     }, {
-      default: h(() => [
-        f(s.$slots, "default")
+      default: g(() => [
+        b(s.$slots, "default")
       ]),
       _: 3
     }, 8, ["class"]));
   }
 });
 export {
-  In as UiAvatar,
+  Sn as UiAvatar,
   P as UiButton,
-  vn as UiButtonIcon,
-  $n as UiButtonLink,
-  qn as UiError,
+  xn as UiButtonIcon,
+  wn as UiButtonLink,
+  In as UiError,
   x as UiIcon,
-  xn as UiInput,
-  ot as UiLabel,
+  Cn as UiInput,
+  rt as UiLabel,
   be as UiLoader,
-  wn as UiPlank,
-  Sn as UiStack,
-  Cn as UiText,
-  Tn as UiTitle,
-  hn as injectSvgSprite
+  Tn as UiPlank,
+  Un as UiStack,
+  qn as UiText,
+  Bn as UiTitle,
+  $n as injectSvgSprite
 };

package/package.json

@@ -2,7 +2,7 @@
   "name": "@huntflow/ui",
   "description": "HuntFlow UiKit, icons, utils library",
   "private": false,
-  "version": "0.2.16",
+  "version": "0.2.17",
   "author": {
     "name": "HuntFlow Developer",
     "nickname": "developer",