@huntflow/ui 0.2.17 → 0.2.18

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

@@ -1,6 +1,6 @@
+import { IconBySize } from '../ui-icon';
 export type UiButtonProps = {
     size?: UiButtonSize;
-    className?: string;
     type?: UiButtonType;
     disabled?: boolean;
     loading?: boolean;
@@ -11,6 +11,8 @@ export type UiButtonProps = {
     bordered?: boolean;
     htmlType?: UiButtonHTMLType;
     to?: string;
+    iconBefore?: IconBySize<18> | IconBySize<20>;
+    iconAfter?: IconBySize<18> | IconBySize<20>;
 };
 export type UiButtonSize = 's' | 'xs' | 'm' | 'l';
 export type UiButtonType = 'primary' | 'secondary' | 'accent' | 'jobsites' | 'ghost' | 'ghost-danger' | 'danger';

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

@@ -1,5 +1,6 @@
+import { IconBySize } from '../ui-icon';
 export type UiButtonIconProps = {
-    icon: string;
+    icon: IconBySize<18> | IconBySize<20>;
     size?: UiButtonIconSize;
     className?: string;
     type?: UiButtonIconType;

package/dist/components/ui-icon/index.d.ts

@@ -1,4 +1,4 @@
 import { default as UiIcon } from './icon.vue';
-export type { UiIconProps, IconType } from './types';
+export type { UiIconProps, IconType, IconBySize } from './types';
 declare const injectSvgSprite: () => Promise<void>;
 export { UiIcon, injectSvgSprite };

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

@@ -1,5 +1,6 @@
 import { icons } from './icon-list.ts';
 export type IconType = typeof icons[number];
+export type IconBySize<Size extends number, Icons = IconType> = Icons extends `${infer Icon}-${Size}` ? Icon : never;
 export type UiIconProps = {
     name: IconType;
     color?: string;

package/dist/ui.es.js

@@ -1,6 +1,6 @@
 (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 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 = {
+import { defineComponent as y, toRefs as J, computed as i, createElementBlock as m, openBlock as a, normalizeClass as r, unref as o, normalizeStyle as Q, createElementVNode as L, renderSlot as p, createBlock as k, withCtx as h, createCommentVNode as _, createVNode as z, mergeProps as N, Fragment as X, toValue as Y, getCurrentInstance as Z, ref as E, Comment as ee, cloneVNode as te, h as A, useSlots as ne, mergeModels as O, useModel as se, useAttrs as le, createSlots as oe, createTextVNode as T, toDisplayString as q, resolveDynamicComponent as M, 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", fe = "_spinner_tpkd0_47", C = {
   loader: re,
   circle: ce,
   "loader-animation": "_loader-animation_tpkd0_1",
@@ -9,8 +9,8 @@ const re = "_loader_tpkd0_11", ce = "_circle_tpkd0_17", ie = "_white_tpkd0_24",
   s: de,
   m: _e,
   l: me,
-  spinner: pe
-}, be = /* @__PURE__ */ f({
+  spinner: fe
+}, be = /* @__PURE__ */ y({
   name: "UiLoader",
   __name: "loader",
   props: {
@@ -19,17 +19,17 @@ const re = "_loader_tpkd0_11", ce = "_circle_tpkd0_17", ie = "_white_tpkd0_24",
     color: {}
   },
   setup(e) {
-    const t = e, { size: n, color: s } = J(t), l = d(() => n?.value ?? "l"), c = d(() => s?.value ?? "black"), _ = d(() => [
+    const t = e, { size: n, color: s } = J(t), l = i(() => n?.value ?? "l"), d = i(() => s?.value ?? "black"), u = i(() => [
       C.loader,
       C[l.value],
-      C[c.value],
+      C[d.value],
       C.circle
     ]);
-    return (i, w) => (o(), m("span", {
-      class: r([a(C).spinner, _.value])
+    return (b, w) => (a(), m("span", {
+      class: r([o(C).spinner, u.value])
     }, null, 2));
   }
-}), fe = ["aria-label", "width", "height"], ye = ["xlink:href"], ke = /* @__PURE__ */ f({
+}), pe = ["aria-label", "width", "height"], ye = ["xlink:href"], ke = /* @__PURE__ */ y({
   name: "UiIcon",
   __name: "icon",
   props: {
@@ -38,14 +38,14 @@ const re = "_loader_tpkd0_11", ce = "_circle_tpkd0_17", ie = "_white_tpkd0_24",
     block: { type: Boolean }
   },
   setup(e) {
-    const t = e, n = d(() => {
+    const t = e, n = i(() => {
       const l = t?.name?.match(/(\d+)$/);
       return l ? Number.parseInt(l[1], 10) : 16;
-    }), s = d(() => {
+    }), s = i(() => {
       const l = {};
       return t.color && (l.color = t.color), t.block && (l.display = "block"), l;
     });
-    return (l, c) => (o(), m("svg", {
+    return (l, d) => (a(), m("svg", {
       class: r(l.$style.icon),
       "aria-label": l.name,
       style: Q(s.value),
@@ -53,10 +53,10 @@ const re = "_loader_tpkd0_11", ce = "_circle_tpkd0_17", ie = "_white_tpkd0_24",
       width: n.value,
       height: n.value
     }, [
-      j("use", {
+      L("use", {
         "xlink:href": `#${l.name}`
       }, null, 8, ye)
-    ], 14, fe));
+    ], 14, pe));
   }
 }), ge = "_icon_1p8iz_2", he = {
   icon: ge
@@ -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]]), $n = async () => {
+}, $ = /* @__PURE__ */ ve(ke, [["__cssModules", $e]]), $n = async () => {
   if (!(typeof document > "u") && !document.getElementById("__svg-sprite__"))
     try {
       const t = `
@@ -79,51 +79,50 @@ 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", 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 = {
+}, xe = "_button_mb1r2_1", we = "_disabled_mb1r2_1", Be = "_loading_mb1r2_1", Ce = "_loader_mb1r2_1", Te = "_content_mb1r2_1", qe = "_dropDown_mb1r2_1", Ie = "_s_mb1r2_2", Se = "_xs_mb1r2_1", Ue = "_square_mb1r2_1", je = "_circle_mb1r2_1", Le = "_m_mb1r2_1", ze = "_l_mb1r2_1", Ne = "_primary_mb1r2_1", Ae = "_secondary_mb1r2_1", Ee = "_accent_mb1r2_1", Me = "_danger_mb1r2_1", Ve = "_jobsites_mb1r2_1", Oe = "_ghost_mb1r2_1", v = {
   button: xe,
   disabled: we,
-  loading: Ce,
-  loader: Te,
-  content: qe,
-  dropDown: Be,
+  loading: Be,
+  loader: Ce,
+  content: Te,
+  dropDown: qe,
   s: Ie,
   xs: Se,
   square: Ue,
   circle: je,
   m: Le,
-  l: Ne,
-  primary: ze,
-  secondary: Ee,
-  accent: Ae,
+  l: ze,
+  primary: Ne,
+  secondary: Ae,
+  accent: Ee,
   danger: Me,
   jobsites: Ve,
   ghost: Oe,
   "ghost-danger": "_ghost-danger_mb1r2_1"
-}, Pe = ["href"], De = ["disabled"], Re = /* @__PURE__ */ f({
+}, Pe = ["href"], De = ["disabled"], Re = /* @__PURE__ */ y({
   __name: "tag-variant",
   props: {
     to: {},
     disabled: { type: Boolean }
   },
   setup(e) {
-    return (t, n) => t.to && !t.disabled ? (o(), m("a", {
+    return (t, n) => t.to && !t.disabled ? (a(), m("a", {
       key: 0,
       href: t.to
     }, [
-      b(t.$slots, "default")
-    ], 8, Pe)) : (o(), m("button", {
+      p(t.$slots, "default")
+    ], 8, Pe)) : (a(), m("button", {
       key: 1,
       disabled: t.disabled
     }, [
-      b(t.$slots, "default")
+      p(t.$slots, "default")
     ], 8, De));
   }
-}), P = /* @__PURE__ */ f({
+}), R = /* @__PURE__ */ y({
   name: "UiButton",
   __name: "button",
   props: {
     size: { default: "s" },
-    className: { default: "" },
     type: { default: "primary" },
     disabled: { type: Boolean, default: !1 },
     loading: { type: Boolean, default: !1 },
@@ -133,7 +132,9 @@ const re = "_loader_tpkd0_11", ce = "_circle_tpkd0_17", ie = "_white_tpkd0_24",
     circle: { type: Boolean, default: !1 },
     bordered: { type: Boolean, default: !1 },
     htmlType: { default: "button" },
-    to: {}
+    to: {},
+    iconBefore: {},
+    iconAfter: {}
   },
   emits: ["click"],
   setup(e, { emit: t }) {
@@ -145,69 +146,88 @@ const re = "_loader_tpkd0_11", ce = "_circle_tpkd0_17", ie = "_white_tpkd0_24",
       jobsites: "white",
       ghost: "black",
       "ghost-danger": "black"
-    }, l = d(() => [
-      h.button,
-      h[e.size],
-      h[e.type],
-      e.circle ? h.circle : h.square,
+    }, l = i(() => [
+      v.button,
+      v[e.size],
+      v[e.type],
+      e.circle ? v.circle : v.square,
       {
-        [h.disabled]: e.disabled,
-        [h.loading]: e.loading,
-        [h.active]: e.active,
-        [h.bordered]: e.bordered
-      },
-      e.className
-    ]), c = d(() => s[e.type] || "white"), _ = (i) => {
-      n("click", i);
+        [v.disabled]: e.disabled,
+        [v.loading]: e.loading,
+        [v.active]: e.active,
+        [v.bordered]: e.bordered
+      }
+    ]), d = i(() => s[e.type] || "white"), u = i(() => {
+      if (!e.iconBefore)
+        return;
+      const f = e.size === "xs" ? "18" : "20";
+      return `${e.iconBefore}-${f}`;
+    }), b = i(() => {
+      if (!e.iconAfter)
+        return;
+      const f = e.size === "xs" ? "18" : "20";
+      return `${e.iconAfter}-${f}`;
+    }), w = (f) => {
+      n("click", f);
     };
-    return (i, w) => (o(), y(Re, {
-      to: i.to,
-      name: i.name,
+    return (f, V) => (a(), k(Re, {
+      to: f.to,
+      name: f.name,
       class: r(l.value),
-      type: i.htmlType,
-      disabled: i.disabled || i.loading,
-      onClick: _
+      type: f.htmlType,
+      disabled: f.disabled || f.loading,
+      onClick: w
     }, {
-      default: g(() => [
-        i.loading ? (o(), m("div", {
+      default: h(() => [
+        f.loading ? (a(), m("div", {
           key: 0,
-          class: r(a(h).loader)
+          class: r(o(v).loader)
         }, [
-          L(a(be), {
+          z(o(be), {
             size: "s",
-            color: c.value
+            color: d.value
           }, null, 8, ["color"])
-        ], 2)) : p("", !0),
-        i.$slots.before ? b(i.$slots, "before", { key: 1 }) : p("", !0),
-        i.$slots.default ? (o(), m("span", {
+        ], 2)) : _("", !0),
+        f.$slots.before || u.value ? p(f.$slots, "before", { key: 1 }, () => [
+          u.value ? (a(), k(o($), {
+            key: 0,
+            name: u.value
+          }, null, 8, ["name"])) : _("", !0)
+        ]) : _("", !0),
+        f.$slots.default ? (a(), m("span", {
           key: 2,
-          class: r(a(h).content)
+          class: r(o(v).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), {
+          p(f.$slots, "default")
+        ], 2)) : _("", !0),
+        f.$slots.after || b.value ? p(f.$slots, "after", { key: 3 }, () => [
+          b.value ? (a(), k(o($), {
+            key: 0,
+            name: b.value
+          }, null, 8, ["name"])) : _("", !0)
+        ]) : _("", !0),
+        f.dropdown ? (a(), k(o($), {
           key: 4,
-          class: r(a(h).dropDown),
+          class: r(o(v).dropDown),
           name: "chevron-down-16"
-        }, null, 8, ["class"])) : p("", !0)
+        }, null, 8, ["class"])) : _("", !0)
       ]),
       _: 3
     }, 8, ["to", "name", "class", "type", "disabled"]));
   }
-}), We = "_s_o7jd7_9", Fe = "_xs_o7jd7_14", He = "_m_o7jd7_20", Ge = "_l_o7jd7_25", Ke = "_button_o7jd7_31", V = {
+}), We = "_s_o7jd7_9", Fe = "_xs_o7jd7_14", He = "_m_o7jd7_20", Ge = "_l_o7jd7_25", Ke = "_button_o7jd7_31", P = {
   s: We,
   xs: Fe,
   m: He,
   l: Ge,
   button: Ke
-}, xn = /* @__PURE__ */ f({
+}, xn = /* @__PURE__ */ y({
   name: "UiButtonIcon",
   __name: "button-icon",
   props: {
-    icon: { default: "" },
+    icon: {},
     size: { default: "m" },
-    className: { default: "" },
+    className: {},
     type: { default: "primary" },
     disabled: { type: Boolean, default: !1 },
     loading: { type: Boolean, default: !1 },
@@ -218,16 +238,13 @@ const re = "_loader_tpkd0_11", ce = "_circle_tpkd0_17", ie = "_white_tpkd0_24",
   },
   emits: ["click"],
   setup(e) {
-    const t = d(() => [
-      V.button,
-      V[e.size],
-      e.className
-    ]), n = d(() => {
-      if (!e.icon)
-        return "";
-      const c = e.size === "xs" ? "18" : "20";
-      return e.icon.replace(/-?\d*$/, `-${c}`);
-    }), s = d(() => e.size === "xs" || e.circle), l = d(() => ({
+    const t = i(() => [
+      P.button,
+      P[e.size]
+    ]), n = i(() => {
+      const d = e.size === "xs" ? "18" : "20";
+      return `${e.icon}-${d}`;
+    }), s = i(() => e.size === "xs" || e.circle), l = i(() => ({
       size: e.size,
       type: e.type,
       disabled: e.disabled,
@@ -236,20 +253,20 @@ const re = "_loader_tpkd0_11", ce = "_circle_tpkd0_17", ie = "_white_tpkd0_24",
       circle: s.value,
       bordered: e.bordered
     }));
-    return (c, _) => (o(), y(a(P), N({ class: t.value }, l.value, {
+    return (d, u) => (a(), k(o(R), N({ class: t.value }, l.value, {
       "html-type": "button",
-      onClick: _[0] || (_[0] = (i) => c.$emit("click"))
+      onClick: u[0] || (u[0] = (b) => d.$emit("click"))
     }), {
-      before: g(() => [
-        L(a(x), { name: n.value }, null, 8, ["name"])
+      before: h(() => [
+        z(o($), { name: n.value }, null, 8, ["name"])
       ]),
       _: 1
     }, 16, ["class"]));
   }
-}), Je = "_button_cmm43_1", Qe = "_lock_cmm43_30", O = {
+}), Je = "_button_cmm43_1", Qe = "_lock_cmm43_30", D = {
   button: Je,
   lock: Qe
-}, Xe = ["disabled"], wn = /* @__PURE__ */ f({
+}, Xe = ["disabled"], wn = /* @__PURE__ */ y({
   name: "UiButtonLink",
   __name: "button-link",
   props: {
@@ -258,27 +275,27 @@ const re = "_loader_tpkd0_11", ce = "_circle_tpkd0_17", ie = "_white_tpkd0_24",
   },
   emits: ["click"],
   setup(e) {
-    return (t, n) => (o(), m("button", {
-      class: r(a(O).button),
+    return (t, n) => (a(), m("button", {
+      class: r(o(D).button),
       type: "button",
       disabled: t.lock,
       onClick: n[0] || (n[0] = (s) => t.$emit("click"))
     }, [
-      t.lock ? (o(), y(a(x), {
+      t.lock ? (a(), k(o($), {
         key: 0,
         name: "lock-color-16",
-        class: r(a(O).lock)
-      }, null, 8, ["class"])) : p("", !0),
-      t.icon ? (o(), y(a(x), {
+        class: r(o(D).lock)
+      }, null, 8, ["class"])) : _("", !0),
+      t.icon ? (a(), k(o($), {
         key: 1,
         name: "plus-18"
-      })) : p("", !0),
-      b(t.$slots, "default")
+      })) : _("", !0),
+      p(t.$slots, "default")
     ], 10, Xe));
   }
 });
-function D(e) {
-  return e ? e.flatMap((t) => t.type === X ? D(t.children) : [t]) : [];
+function W(e) {
+  return e ? e.flatMap((t) => t.type === X ? W(t.children) : [t]) : [];
 }
 function Ye(e) {
   var t;
@@ -286,57 +303,57 @@ function Ye(e) {
   return (t = n?.$el) != null ? t : n;
 }
 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, _, {
+  const e = Z(), t = E(), n = i(() => ["#text", "#comment"].includes(t.value?.$el.nodeName) ? t.value?.$el.nextElementSibling : Ye(t)), s = Object.assign({}, e.exposed), l = {};
+  for (const u in e.props) Object.defineProperty(l, u, {
     enumerable: !0,
     configurable: !0,
-    get: () => e.props[_]
+    get: () => e.props[u]
   });
-  if (Object.keys(s).length > 0) for (const _ in s) Object.defineProperty(l, _, {
+  if (Object.keys(s).length > 0) for (const u in s) Object.defineProperty(l, u, {
     enumerable: !0,
     configurable: !0,
-    get: () => s[_]
+    get: () => s[u]
   });
   Object.defineProperty(l, "$el", {
     enumerable: !0,
     configurable: !0,
     get: () => e.vnode.el
   }), e.exposed = l;
-  function c(_) {
-    t.value = _, _ && (Object.defineProperty(l, "$el", {
+  function d(u) {
+    t.value = u, u && (Object.defineProperty(l, "$el", {
       enumerable: !0,
       configurable: !0,
-      get: () => _ instanceof Element ? _ : _.$el
+      get: () => u instanceof Element ? u : u.$el
     }), e.exposed = l);
   }
   return {
-    forwardRef: c,
+    forwardRef: d,
     currentRef: t,
     currentElement: n
   };
 }
-const et = f({
+const et = y({
   name: "PrimitiveSlot",
   inheritAttrs: !1,
   setup(e, { attrs: t, slots: n }) {
     return () => {
       if (!n.default) return null;
-      const s = D(n.default()), l = s.findIndex((w) => w.type !== ee);
+      const s = W(n.default()), l = s.findIndex((w) => w.type !== ee);
       if (l === -1) return s;
-      const c = s[l];
-      delete c.props?.ref;
-      const _ = c.props ? N(t, c.props) : t, i = te({
-        ...c,
+      const d = s[l];
+      delete d.props?.ref;
+      const u = d.props ? N(t, d.props) : t, b = te({
+        ...d,
         props: {}
-      }, _);
-      return s.length === 1 ? i : (s[l] = i, s);
+      }, u);
+      return s.length === 1 ? b : (s[l] = b, s);
     };
   }
 }), tt = [
   "area",
   "img",
   "input"
-], nt = f({
+], nt = y({
   name: "Primitive",
   inheritAttrs: !1,
   props: {
@@ -351,10 +368,10 @@ const et = f({
   },
   setup(e, { attrs: t, slots: n }) {
     const s = e.asChild ? "template" : e.as;
-    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 });
+    return typeof s == "string" && tt.includes(s) ? () => A(s, t) : s !== "template" ? () => A(e.as, t, { default: n.default }) : () => A(et, t, { default: n.default });
   }
 });
-var st = /* @__PURE__ */ f({
+var st = /* @__PURE__ */ y({
   __name: "Label",
   props: {
     for: {
@@ -373,94 +390,94 @@ var st = /* @__PURE__ */ f({
   },
   setup(e) {
     const t = e;
-    return Ze(), (n, s) => (o(), y(a(nt), N(t, { onMousedown: s[0] || (s[0] = (l) => {
+    return Ze(), (n, s) => (a(), k(o(nt), N(t, { onMousedown: s[0] || (s[0] = (l) => {
       !l.defaultPrevented && l.detail > 1 && l.preventDefault();
     }) }), {
-      default: g(() => [b(n.$slots, "default")]),
+      default: h(() => [p(n.$slots, "default")]),
       _: 3
     }, 16));
   }
 }), lt = st;
 const ot = "_label_1ic51_1", at = {
   label: ot
-}, rt = /* @__PURE__ */ f({
+}, rt = /* @__PURE__ */ y({
   name: "UiLabel",
   __name: "label",
   props: {
     className: {}
   },
   setup(e) {
-    const t = e, n = d(() => [
+    const t = e, n = i(() => [
       at.label,
       t.className
     ]);
-    return (s, l) => (o(), y(a(lt), {
+    return (s, l) => (a(), k(o(lt), {
       class: r(n.value)
     }, {
-      default: g(() => [
-        b(s.$slots, "default")
+      default: h(() => [
+        p(s.$slots, "default")
       ]),
       _: 3
     }, 8, ["class"]));
   }
-}), 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 = {
+}), ct = "_content_1g21n_1", it = "_label_1g21n_12", ut = "_header_1g21n_21", dt = "_headerWrapper_1g21n_29", _t = "_title_1g21n_36", mt = "_subTitleRow_1g21n_44", ft = "_subTitle_1g21n_44", bt = "_link_1g21n_56", pt = "_linkUpper_1g21n_73", x = {
   content: ct,
   label: it,
   header: ut,
   headerWrapper: dt,
   title: _t,
   subTitleRow: mt,
-  subTitle: pt,
+  subTitle: ft,
   link: bt,
-  linkUpper: ft
-}, yt = /* @__PURE__ */ f({
+  linkUpper: pt
+}, yt = /* @__PURE__ */ y({
   name: "UiLabelContent",
   __name: "label-content",
   emits: ["click"],
   setup(e) {
-    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)
+    const t = ne(), n = i(() => t.header || t.default || t.subTitle), s = i(() => !t.default && !t.subTitle), l = i(
+      () => [x.link, s.value && x.linkUpper].filter(Boolean)
     );
-    return (c, _) => (o(), m("div", {
-      class: r(a(v).content)
+    return (d, u) => (a(), m("div", {
+      class: r(o(x).content)
     }, [
-      n.value ? (o(), m("span", {
+      n.value ? (a(), m("span", {
         key: 0,
-        class: r(a(v).headerWrapper)
+        class: r(o(x).headerWrapper)
       }, [
-        c.$slots.header ? (o(), m("span", {
+        o(t).header ? (a(), m("span", {
           key: 0,
-          class: r(a(v).header)
+          class: r(o(x).header)
         }, [
-          b(c.$slots, "header")
-        ], 2)) : p("", !0),
-        c.$slots.title ? (o(), m("span", {
+          p(d.$slots, "header")
+        ], 2)) : _("", !0),
+        o(t).default ? (a(), m("span", {
           key: 1,
-          class: r(a(v).title)
+          class: r(o(x).title)
         }, [
-          b(c.$slots, "default")
-        ], 2)) : p("", !0),
-        c.$slots.subTitle ? (o(), m("span", {
+          p(d.$slots, "default")
+        ], 2)) : _("", !0),
+        o(t).subTitle ? (a(), m("span", {
           key: 2,
-          class: r(a(v).subTitleRow)
+          class: r(o(x).subTitleRow)
         }, [
-          j("span", {
-            class: r(a(v).subTitle)
+          L("span", {
+            class: r(o(x).subTitle)
           }, [
-            b(c.$slots, "subTitle")
+            p(d.$slots, "subTitle")
           ], 2)
-        ], 2)) : p("", !0)
-      ], 2)) : p("", !0),
-      c.$slots.link ? (o(), m("span", {
+        ], 2)) : _("", !0)
+      ], 2)) : _("", !0),
+      o(t).link ? (a(), m("span", {
         key: 1,
         class: r(l.value),
-        onClick: _[0] || (_[0] = (i) => c.$emit("click"))
+        onClick: u[0] || (u[0] = (b) => d.$emit("click"))
       }, [
-        b(c.$slots, "link")
-      ], 2)) : p("", !0)
+        p(d.$slots, "link")
+      ], 2)) : _("", !0)
     ], 2));
   }
-}), 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 = {
+}), 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", Bt = "_leftSpace_1qwte_74", Ct = "_rightSpace_1qwte_78", Tt = "_leftIcon_1qwte_82", qt = "_rightIcon_1qwte_83", g = {
   wrapper: kt,
   input: gt,
   error: ht,
@@ -468,14 +485,14 @@ const ot = "_label_1ic51_1", at = {
   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({
+  leftSpace: Bt,
+  rightSpace: Ct,
+  leftIcon: Tt,
+  rightIcon: qt
+}, It = ["id", "value", "name", "type", "disabled", "placeholder", "aria-invalid"], St = ["innerHTML"], Ut = ["innerHTML"], Bn = /* @__PURE__ */ y({
   name: "UiInput",
   __name: "input",
-  props: /* @__PURE__ */ M({
+  props: /* @__PURE__ */ O({
     type: { default: "text" },
     id: {},
     name: {},
@@ -495,121 +512,121 @@ const ot = "_label_1ic51_1", at = {
     modelValue: { type: String },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ M(["update:modelValue", "inputValue", "enter", "clickLink", "clickIcon", "click", "focus", "blur"], ["update:modelValue"]),
+  emits: /* @__PURE__ */ O(["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(() => [
-      k.input,
+    const n = t, s = se(e, "modelValue"), l = le(), d = i(() => [
+      g.input,
       {
-        [k.disabled]: e.disabled,
-        [k.error]: e.error,
-        [k.loading]: e.loading,
-        [k.leftSpace]: !!e.leftIcon,
-        [k.rightSpace]: !!e.rightIcon
+        [g.disabled]: e.disabled,
+        [g.error]: e.error,
+        [g.loading]: e.loading,
+        [g.leftSpace]: !!e.leftIcon,
+        [g.rightSpace]: !!e.rightIcon
       },
       e.className
-    ]), _ = 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");
+    ]), u = i(() => e.header || e.title || e.subTitle || e.link), b = i(() => e.description || e.error), w = (c) => {
+      c.key === "Enter" && n("enter");
+    }, f = (c) => {
+      n("update:modelValue", c.target.value), n("inputValue", c.target.value);
+    }, V = () => n("focus"), F = () => n("blur"), H = () => n("clickLink"), G = () => n("click"), K = (c) => {
+      c.preventDefault(), n("clickIcon");
     };
-    return (u, hn) => (o(), m("div", {
-      class: r(a(k).wrapper)
+    return (c, hn) => (a(), m("div", {
+      class: r(o(g).wrapper)
     }, [
-      _.value ? (o(), y(a(rt), {
+      u.value ? (a(), k(o(rt), {
         key: 0,
-        for: u.id,
+        for: c.id,
         onClick: H
       }, {
-        default: g(() => [
-          L(a(yt), null, oe({
-            default: g(() => [
-              T(" " + q(u.title) + " ", 1)
+        default: h(() => [
+          z(o(yt), null, oe({
+            default: h(() => [
+              T(" " + q(c.title) + " ", 1)
             ]),
             _: 2
           }, [
-            u.header ? {
+            c.header ? {
               name: "header",
-              fn: g(() => [
-                T(q(u.header), 1)
+              fn: h(() => [
+                T(q(c.header), 1)
               ]),
               key: "0"
             } : void 0,
-            u.subTitle ? {
+            c.subTitle ? {
               name: "subTitle",
-              fn: g(() => [
-                T(q(u.subTitle), 1)
+              fn: h(() => [
+                T(q(c.subTitle), 1)
               ]),
               key: "1"
             } : void 0,
-            u.link ? {
+            c.link ? {
               name: "link",
-              fn: g(() => [
-                T(q(u.link), 1)
+              fn: h(() => [
+                T(q(c.link), 1)
               ]),
               key: "2"
             } : void 0
           ]), 1024)
         ]),
         _: 1
-      }, 8, ["for"])) : p("", !0),
-      j("div", {
-        class: r(a(k).inputWrapper)
+      }, 8, ["for"])) : _("", !0),
+      L("div", {
+        class: r(o(g).inputWrapper)
       }, [
-        u.leftIcon ? (o(), y(a(x), {
+        c.leftIcon ? (a(), k(o($), {
           key: 0,
-          name: u.leftIcon,
-          class: r(a(k).leftIcon)
-        }, null, 8, ["name", "class"])) : p("", !0),
-        j("input", N({
-          id: u.id,
+          name: c.leftIcon,
+          class: r(o(g).leftIcon)
+        }, null, 8, ["name", "class"])) : _("", !0),
+        L("input", N({
+          id: c.id,
           value: s.value,
-          name: u.name,
-          type: u.type,
-          disabled: u.disabled || u.loading,
-          placeholder: u.placeholder,
-          class: c.value,
-          "aria-invalid": !!u.error
-        }, a(l), {
-          onInput: R,
+          name: c.name,
+          type: c.type,
+          disabled: c.disabled || c.loading,
+          placeholder: c.placeholder,
+          class: d.value,
+          "aria-invalid": !!c.error
+        }, o(l), {
+          onInput: f,
           onKeydown: w,
-          onFocus: W,
+          onFocus: V,
           onBlur: F,
           onClick: G
         }), null, 16, It),
-        u.rightIcon ? (o(), y(a(x), {
+        c.rightIcon ? (a(), k(o($), {
           key: 1,
-          name: u.rightIcon,
-          class: r(a(k).rightIcon),
+          name: c.rightIcon,
+          class: r(o(g).rightIcon),
           onClick: K
-        }, null, 8, ["name", "class"])) : p("", !0)
+        }, null, 8, ["name", "class"])) : _("", !0)
       ], 2),
-      i.value ? (o(), m("div", {
+      b.value ? (a(), m("div", {
         key: 1,
-        class: r(a(k).description)
+        class: r(o(g).description)
       }, [
-        u.error ? (o(), m("div", {
+        c.error ? (a(), m("div", {
           key: 0,
-          class: r(a(k).errorText),
-          innerHTML: u.error
-        }, null, 10, St)) : p("", !0),
-        u.description ? (o(), m("div", {
+          class: r(o(g).errorText),
+          innerHTML: c.error
+        }, null, 10, St)) : _("", !0),
+        c.description ? (a(), m("div", {
           key: 1,
-          class: r(a(k).descriptionText),
-          innerHTML: u.description
-        }, null, 10, Ut)) : p("", !0)
-      ], 2)) : p("", !0)
+          class: r(o(g).descriptionText),
+          innerHTML: c.description
+        }, null, 10, Ut)) : _("", !0)
+      ], 2)) : _("", !0)
     ], 2));
   }
-}), jt = "_plank_1yp3k_1", Lt = "_accent_1yp3k_26", Nt = "_danger_1yp3k_32", zt = "_text_1yp3k_38", Et = "_icon_1yp3k_42", B = {
+}), jt = "_plank_1yp3k_1", Lt = "_accent_1yp3k_26", zt = "_danger_1yp3k_32", Nt = "_text_1yp3k_38", At = "_icon_1yp3k_42", I = {
   plank: jt,
   default: "_default_1yp3k_20",
   accent: Lt,
-  danger: Nt,
-  text: zt,
-  icon: Et
-}, Tn = /* @__PURE__ */ f({
+  danger: zt,
+  text: Nt,
+  icon: At
+}, Cn = /* @__PURE__ */ y({
   name: "UiPlank",
   __name: "plank",
   props: {
@@ -619,40 +636,40 @@ const ot = "_label_1ic51_1", at = {
   },
   emits: ["click"],
   setup(e) {
-    const t = d(() => [
-      B.plank,
-      B[e.type]
+    const t = i(() => [
+      I.plank,
+      I[e.type]
     ]);
-    return (n, s) => (o(), m("div", {
+    return (n, s) => (a(), m("div", {
       class: r(t.value)
     }, [
-      n.icon ? (o(), m("div", {
+      n.icon ? (a(), m("div", {
         key: 0,
-        class: r(a(B).icon)
+        class: r(o(I).icon)
       }, [
-        L(a(x), { name: n.icon }, null, 8, ["name"])
-      ], 2)) : p("", !0),
-      n.$slots.default ? (o(), m("div", {
+        z(o($), { name: n.icon }, null, 8, ["name"])
+      ], 2)) : _("", !0),
+      n.$slots.default ? (a(), m("div", {
         key: 1,
-        class: r(a(B).text)
+        class: r(o(I).text)
       }, [
-        b(n.$slots, "default")
-      ], 2)) : p("", !0),
-      n.label ? (o(), y(a(P), {
+        p(n.$slots, "default")
+      ], 2)) : _("", !0),
+      n.label ? (a(), k(o(R), {
         key: 2,
         size: "xs",
         type: "secondary",
         onClick: s[0] || (s[0] = (l) => n.$emit("click"))
       }, {
-        default: g(() => [
+        default: h(() => [
           T(q(n.label), 1)
         ]),
         _: 1
-      })) : p("", !0)
+      })) : _("", !0)
     ], 2));
   }
-}), 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,
+}), Et = "_text_1sbhq_1", Mt = "_primary_1sbhq_10", Vt = "_secondary_1sbhq_16", Ot = "_accent_1sbhq_22", Pt = "_subtitle_1sbhq_28", Dt = "_medium_1sbhq_34", S = {
+  text: Et,
   primary: Mt,
   secondary: Vt,
   accent: Ot,
@@ -665,7 +682,7 @@ const ot = "_label_1ic51_1", at = {
   "color-invert": "_color-invert_1sbhq_54",
   "color-danger": "_color-danger_1sbhq_58",
   "color-success": "_color-success_1sbhq_62"
-}, qn = /* @__PURE__ */ f({
+}, Tn = /* @__PURE__ */ y({
   name: "UiText",
   __name: "text",
   props: {
@@ -675,22 +692,22 @@ const ot = "_label_1ic51_1", at = {
     color: {}
   },
   setup(e) {
-    const t = d(() => [
-      I.text,
-      I[e.kind],
-      e.weight && I[e.weight],
-      e.color && I[`color-${e.color}`]
+    const t = i(() => [
+      S.text,
+      S[e.kind],
+      e.weight && S[e.weight],
+      e.color && S[`color-${e.color}`]
     ]);
-    return (n, s) => (o(), y(A(n.tagName), {
+    return (n, s) => (a(), k(M(n.tagName), {
       class: r(t.value)
     }, {
-      default: g(() => [
-        b(n.$slots, "default")
+      default: h(() => [
+        p(n.$slots, "default")
       ]),
       _: 3
     }, 8, ["class"]));
   }
-}), Rt = "_title_1m0wo_1", Wt = "_medium_1m0wo_15", S = {
+}), Rt = "_title_1m0wo_1", Wt = "_medium_1m0wo_15", U = {
   title: Rt,
   "level-1": "_level-1_1m0wo_10",
   medium: Wt,
@@ -704,7 +721,7 @@ const ot = "_label_1ic51_1", at = {
   "color-invert": "_color-invert_1m0wo_66",
   "color-danger": "_color-danger_1m0wo_70",
   "color-success": "_color-success_1m0wo_74"
-}, Bn = /* @__PURE__ */ f({
+}, qn = /* @__PURE__ */ y({
   name: "UiTitle",
   __name: "title",
   props: {
@@ -714,42 +731,42 @@ const ot = "_label_1ic51_1", at = {
     color: {}
   },
   setup(e) {
-    const t = e, n = d(() => [
-      S.title,
-      S[`level-${t.level ?? 1}`],
+    const t = e, n = i(() => [
+      U.title,
+      U[`level-${t.level ?? 1}`],
       t.className,
-      t.weight && S[t.weight],
-      t.color && S[`color-${t.color}`]
-    ]), s = d(() => `h${t.level ?? 1}`);
-    return (l, c) => (o(), y(A(s.value), {
+      t.weight && U[t.weight],
+      t.color && U[`color-${t.color}`]
+    ]), s = i(() => `h${t.level ?? 1}`);
+    return (l, d) => (a(), k(M(s.value), {
       class: r(n.value)
     }, {
-      default: g(() => [
-        b(l.$slots, "default")
+      default: h(() => [
+        p(l.$slots, "default")
       ]),
       _: 3
     }, 8, ["class"]));
   }
 }), Ft = "_error_lk2jx_1", Ht = {
   error: Ft
-}, In = /* @__PURE__ */ f({
+}, In = /* @__PURE__ */ y({
   name: "UiError",
   __name: "error",
   props: {
     className: {}
   },
   setup(e) {
-    const t = e, n = d(() => [
+    const t = e, n = i(() => [
       Ht.error,
       t.className
     ]);
-    return (s, l) => (o(), m("span", {
+    return (s, l) => (a(), m("span", {
       class: r(n.value)
     }, [
-      b(s.$slots, "default")
+      p(s.$slots, "default")
     ], 2));
   }
-}), 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 = {
+}), 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", j = {
   root: Gt,
   default: "_default_1tj1b_14",
   xxs: Kt,
@@ -761,7 +778,7 @@ const ot = "_label_1ic51_1", at = {
   xl: en,
   xxl: tn,
   "3xl": "_3xl_1tj1b_66"
-}, nn = ["src"], Sn = /* @__PURE__ */ f({
+}, nn = ["src"], Sn = /* @__PURE__ */ y({
   name: "UiAvatar",
   __name: "avatar",
   props: {
@@ -770,41 +787,41 @@ const ot = "_label_1ic51_1", at = {
     square: { type: Boolean, default: !1 }
   },
   setup(e) {
-    const t = E(!e.src), n = E(!1), s = d(() => e.src && !n.value), l = d(() => {
-      const i = !t.value || n.value || !e.src;
+    const t = E(!e.src), n = E(!1), s = i(() => e.src && !n.value), l = i(() => {
+      const b = !t.value || n.value || !e.src;
       return [
-        U.root,
-        U[e.size],
-        e.square && U.square,
-        i && U.default
+        j.root,
+        j[e.size],
+        e.square && j.square,
+        b && j.default
       ];
     });
     ae(
       () => e.src,
-      (i) => {
-        t.value = !i, n.value = !1;
+      (b) => {
+        t.value = !b, n.value = !1;
       },
       { immediate: !0 }
     );
-    function c() {
+    function d() {
       t.value = !0;
     }
-    function _() {
+    function u() {
       n.value = !0;
     }
-    return (i, w) => (o(), m("div", {
+    return (b, w) => (a(), m("div", {
       class: r(l.value)
     }, [
-      s.value ? (o(), m("img", {
+      s.value ? (a(), m("img", {
         key: 0,
-        src: i.src,
-        onLoad: c,
-        onError: _
-      }, null, 40, nn)) : p("", !0),
-      b(i.$slots, "default")
+        src: b.src,
+        onLoad: d,
+        onError: u
+      }, null, 40, nn)) : _("", !0),
+      p(b.$slots, "default")
     ], 2));
   }
-}), 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", $ = {
+}), 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", fn = "_l_1b4a2_50", bn = "_xl_1b4a2_54", pn = "_xxl_1b4a2_58", yn = "_xxxl_1b4a2_62", kn = "_xxxxl_1b4a2_66", gn = "_xxxxxl_1b4a2_70", B = {
   stack: sn,
   auto: ln,
   row: on,
@@ -815,9 +832,9 @@ const ot = "_label_1ic51_1", at = {
   xs: dn,
   s: _n,
   m: mn,
-  l: pn,
+  l: fn,
   xl: bn,
-  xxl: fn,
+  xxl: pn,
   xxxl: yn,
   xxxxl: kn,
   xxxxxl: gn,
@@ -829,7 +846,7 @@ const ot = "_label_1ic51_1", at = {
   "cross-start": "_cross-start_1b4a2_94",
   "cross-center": "_cross-center_1b4a2_98",
   "cross-end": "_cross-end_1b4a2_102"
-}, Un = /* @__PURE__ */ f({
+}, Un = /* @__PURE__ */ y({
   name: "UiStack",
   __name: "stack",
   props: {
@@ -842,7 +859,7 @@ const ot = "_label_1ic51_1", at = {
     size: { default: "full" }
   },
   setup(e) {
-    const t = d(() => e.gap ? {
+    const t = i(() => e.gap ? {
       xxs: "xxs",
       xs: "xs",
       s: "s",
@@ -853,20 +870,20 @@ const ot = "_label_1ic51_1", at = {
       "3xl": "xxxl",
       "4xl": "xxxxl",
       "5xl": "xxxxxl"
-    }[e.gap] : ""), n = d(() => [
-      $.stack,
-      $[e.direction],
-      $[t.value],
-      e.mainAlignment ? $[`main-${e.mainAlignment}`] : "",
-      e.crossAlignment ? $[`cross-${e.crossAlignment}`] : "",
-      e.reverse ? $.reverse : "",
-      $[e.size]
+    }[e.gap] : ""), n = i(() => [
+      B.stack,
+      B[e.direction],
+      B[t.value],
+      e.mainAlignment ? B[`main-${e.mainAlignment}`] : "",
+      e.crossAlignment ? B[`cross-${e.crossAlignment}`] : "",
+      e.reverse ? B.reverse : "",
+      B[e.size]
     ]);
-    return (s, l) => (o(), y(A(s.tagName), {
+    return (s, l) => (a(), k(M(s.tagName), {
       class: r(n.value)
     }, {
-      default: g(() => [
-        b(s.$slots, "default")
+      default: h(() => [
+        p(s.$slots, "default")
       ]),
       _: 3
     }, 8, ["class"]));
@@ -874,17 +891,17 @@ const ot = "_label_1ic51_1", at = {
 });
 export {
   Sn as UiAvatar,
-  P as UiButton,
+  R as UiButton,
   xn as UiButtonIcon,
   wn as UiButtonLink,
   In as UiError,
-  x as UiIcon,
-  Cn as UiInput,
+  $ as UiIcon,
+  Bn as UiInput,
   rt as UiLabel,
   be as UiLoader,
-  Tn as UiPlank,
+  Cn as UiPlank,
   Un as UiStack,
-  qn as UiText,
-  Bn as UiTitle,
+  Tn as UiText,
+  qn 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.17",
+  "version": "0.2.18",
   "author": {
     "name": "HuntFlow Developer",
     "nickname": "developer",