@huntflow/ui 0.2.0 → 0.2.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/dist/components/index.d.ts +2 -0
  2. package/dist/ui.es.js +360 -305
  3. package/package.json +2 -2
package/dist/components/index.d.ts CHANGED
@@ -17,3 +17,5 @@ export { UiTitle } from './ui-title';
17
17
  export type { UiTitleProps } from './ui-title';
18
18
  export { UiError } from './ui-error';
19
19
  export type { UiErrorProps } from './ui-error';
20
+ export { UiAvatar } from './ui-avatar';
21
+ export type { UiAvatarProps } from './ui-avatar';
package/dist/ui.es.js CHANGED
@@ -1,69 +1,69 @@
1
- (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-disable-default)}._button_mb1r2_1:is(._disabled_mb1r2_1),._button_mb1r2_1:is(._disabled_mb1r2_1):hover{color:var(--hf-color-text-light);background: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}._button_mb1r2_1+._button_mb1r2_1{margin-left:var(--hf-spacing-button-gap)}._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}._dropdownIcon_mb1r2_1{margin-left:calc(var(--hf-spacing-button-icon) * -1)}._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)}._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)}._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)}._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)}._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)}._ghost_mb1r2_1{color:var(--hf-color-text-main);background-color:transparent;border-color:transparent}._ghost_mb1r2_1:hover{background-color:var(--hf-color-button-secondary-fill-hover)}._ghost_mb1r2_1:active{background-color:var(--hf-color-button-secondary-fill-active)}._ghost-danger_mb1r2_1{color:var(--hf-color-text-main);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)}: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_1xnk4_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_1xnk4_1:hover{color:var(--hf-color-link-hover)}._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_1i81c_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_1i81c_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-default) var(--hf-padding-input-right-default) var(--hf-padding-input-top-bottom-default) var(--hf-padding-input-left-default);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_1i81c_8:active{border-color:var(--hf-color-input-border-focus)}._input_1i81c_8:focus{border-color:var(--hf-color-input-border-focus);outline:solid 3px var(--hf-color-input-border-focus-visible)}._input_1i81c_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_1i81c_38,._error_1i81c_38:active{border-color:var(--hf-color-input-border-error)}._error_1i81c_38:focus{border-color:var(--hf-color-input-border-error);outline:solid 3px var(--hf-color-input-border-error-focus-visible)}._description_1i81c_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_1i81c_51 a{text-decoration:underline}._descriptionText_1i81c_62{color:var(--hf-color-input-text-description)}._errorText_1i81c_66{color:var(--hf-color-text-danger)}._inputWrapper_1i81c_70{position:relative}._leftSpace_1i81c_74{padding-left:42px}._rightSpace_1i81c_78{padding-right:42px}._leftIcon_1i81c_82,._rightIcon_1i81c_83{height:100%;position:absolute}._leftIcon_1i81c_82{left:15px}._rightIcon_1i81c_83{padding:0 9px;right:0}._rightIcon_1i81c_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_dbd8t_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_dbd8t_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)}._primary_dbd8t_10._medium_dbd8t_15{font-weight:var(--hf-font-weight-text-primary-medium)}._secondary_dbd8t_20{font-size:var(--hf-font-size-text-secondary);font-weight:var(--hf-font-weight-text-secondary-regular);line-height:var(--hf-font-line-height-text-secondary)}._secondary_dbd8t_20._medium_dbd8t_15{font-weight:var(--hf-font-weight-text-secondary-medium)}._accent_dbd8t_30{font-size:var(--hf-font-size-text-accent);font-weight:var(--hf-font-weight-text-accent-regular);line-height:var(--hf-font-line-height-text-accent)}._accent_dbd8t_30._medium_dbd8t_15{font-weight:var(--hf-font-weight-text-accent-medium)}._subtitle_dbd8t_40{font-size:var(--hf-font-size-text-subtitle);font-weight:var(--hf-font-weight-text-subtitle);line-height:var(--hf-font-line-height-text-subtitle)}._color-main_dbd8t_46{color:var(--hf-color-text-main)}._color-secondary_dbd8t_50{color:var(--hf-color-text-secondary)}._color-semilight_dbd8t_54{color:var(--hf-color-text-semilight)}._color-light_dbd8t_58{color:var(--hf-color-text-light)}._color-invert_dbd8t_62{color:var(--hf-color-text-invert)}._color-danger_dbd8t_66{color:var(--hf-color-text-danger)}._color-success_dbd8t_70{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}")),document.head.appendChild(o)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}})();
2
- import { defineComponent as f, computed as c, createElementBlock as p, openBlock as r, normalizeClass as a, unref as l, normalizeStyle as K, createElementVNode as M, useSlots as P, createCommentVNode as m, renderSlot as b, createBlock as h, createVNode as N, mergeProps as E, withCtx as k, Fragment as J, toValue as Q, getCurrentInstance as X, ref as Y, Comment as Z, cloneVNode as ee, h as O, mergeModels as R, useAttrs as te, useModel as ne, createTextVNode as S, toDisplayString as B, resolveDynamicComponent as q } from "vue";
3
- const C = (o, e) => (e ? o[e] : o.default)?.().some((n) => {
4
- const s = n.children;
5
- return s && s.toString().trim() !== "";
6
- }) ?? !1, oe = "_loader_tpkd0_11", se = "_circle_tpkd0_17", le = "_white_tpkd0_24", re = "_black_tpkd0_28", ae = "_s_tpkd0_32", ce = "_m_tpkd0_37", ie = "_l_tpkd0_11", ue = "_spinner_tpkd0_47", I = {
7
- loader: oe,
8
- circle: se,
1
+ (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: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}._button_mb1r2_1+._button_mb1r2_1{margin-left:var(--hf-spacing-button-gap)}._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}._dropdownIcon_mb1r2_1{margin-left:calc(var(--hf-spacing-button-icon) * -1)}._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)}._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)}._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)}._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)}._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)}._ghost_mb1r2_1{color:var(--hf-color-text-main);background-color:transparent;border-color:transparent}._ghost_mb1r2_1:hover{background-color:var(--hf-color-button-secondary-fill-hover)}._ghost_mb1r2_1:active{background-color:var(--hf-color-button-secondary-fill-active)}._ghost-danger_mb1r2_1{color:var(--hf-color-text-main);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)}: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_1xnk4_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_1xnk4_1:hover{color:var(--hf-color-link-hover)}._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_1i81c_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_1i81c_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-default) var(--hf-padding-input-right-default) var(--hf-padding-input-top-bottom-default) var(--hf-padding-input-left-default);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_1i81c_8:active{border-color:var(--hf-color-input-border-focus)}._input_1i81c_8:focus{border-color:var(--hf-color-input-border-focus);outline:solid 3px var(--hf-color-input-border-focus-visible)}._input_1i81c_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_1i81c_38,._error_1i81c_38:active{border-color:var(--hf-color-input-border-error)}._error_1i81c_38:focus{border-color:var(--hf-color-input-border-error);outline:solid 3px var(--hf-color-input-border-error-focus-visible)}._description_1i81c_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_1i81c_51 a{text-decoration:underline}._descriptionText_1i81c_62{color:var(--hf-color-input-text-description)}._errorText_1i81c_66{color:var(--hf-color-text-danger)}._inputWrapper_1i81c_70{position:relative}._leftSpace_1i81c_74{padding-left:42px}._rightSpace_1i81c_78{padding-right:42px}._leftIcon_1i81c_82,._rightIcon_1i81c_83{height:100%;position:absolute}._leftIcon_1i81c_82{left:15px}._rightIcon_1i81c_83{padding:0 9px;right:0}._rightIcon_1i81c_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_dbd8t_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_dbd8t_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)}._primary_dbd8t_10._medium_dbd8t_15{font-weight:var(--hf-font-weight-text-primary-medium)}._secondary_dbd8t_20{font-size:var(--hf-font-size-text-secondary);font-weight:var(--hf-font-weight-text-secondary-regular);line-height:var(--hf-font-line-height-text-secondary)}._secondary_dbd8t_20._medium_dbd8t_15{font-weight:var(--hf-font-weight-text-secondary-medium)}._accent_dbd8t_30{font-size:var(--hf-font-size-text-accent);font-weight:var(--hf-font-weight-text-accent-regular);line-height:var(--hf-font-line-height-text-accent)}._accent_dbd8t_30._medium_dbd8t_15{font-weight:var(--hf-font-weight-text-accent-medium)}._subtitle_dbd8t_40{font-size:var(--hf-font-size-text-subtitle);font-weight:var(--hf-font-weight-text-subtitle);line-height:var(--hf-font-line-height-text-subtitle)}._color-main_dbd8t_46{color:var(--hf-color-text-main)}._color-secondary_dbd8t_50{color:var(--hf-color-text-secondary)}._color-semilight_dbd8t_54{color:var(--hf-color-text-semilight)}._color-light_dbd8t_58{color:var(--hf-color-text-light)}._color-invert_dbd8t_62{color:var(--hf-color-text-invert)}._color-danger_dbd8t_66{color:var(--hf-color-text-danger)}._color-success_dbd8t_70{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)}`)),document.head.appendChild(o)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}})();
2
+ import { defineComponent as f, computed as a, createElementBlock as p, openBlock as r, normalizeClass as c, unref as l, normalizeStyle as Q, createElementVNode as E, useSlots as P, createCommentVNode as m, renderSlot as y, createBlock as k, createVNode as x, mergeProps as M, withCtx as g, Fragment as X, toValue as Y, getCurrentInstance as Z, ref as O, Comment as ee, cloneVNode as te, h as q, mergeModels as W, useAttrs as se, useModel as ne, createTextVNode as S, toDisplayString as j, resolveDynamicComponent as D, watch as oe } from "vue";
3
+ const C = (n, e) => (e ? n[e] : n.default)?.().some((s) => {
4
+ const o = s.children;
5
+ return o && o.toString().trim() !== "";
6
+ }) ?? !1, le = "_loader_tpkd0_11", re = "_circle_tpkd0_17", ae = "_white_tpkd0_24", ce = "_black_tpkd0_28", ie = "_s_tpkd0_32", ue = "_m_tpkd0_37", _e = "_l_tpkd0_11", de = "_spinner_tpkd0_47", T = {
7
+ loader: le,
8
+ circle: re,
9
9
  "loader-animation": "_loader-animation_tpkd0_1",
10
- white: le,
11
- black: re,
12
- s: ae,
13
- m: ce,
14
- l: ie,
15
- spinner: ue
16
- }, de = /* @__PURE__ */ f({
10
+ white: ae,
11
+ black: ce,
12
+ s: ie,
13
+ m: ue,
14
+ l: _e,
15
+ spinner: de
16
+ }, pe = /* @__PURE__ */ f({
17
17
  __name: "loader",
18
18
  props: {
19
19
  className: {},
20
20
  size: { default: "l" },
21
21
  color: { default: "black" }
22
22
  },
23
- setup(o) {
24
- const e = o, t = c(() => [I.loader, I[e.size], I[e.color], I.circle]);
25
- return (n, s) => (r(), p("span", {
26
- class: a([l(I).spinner, t.value])
23
+ setup(n) {
24
+ const e = n, t = a(() => [T.loader, T[e.size], T[e.color], T.circle]);
25
+ return (s, o) => (r(), p("span", {
26
+ class: c([l(T).spinner, t.value])
27
27
  }, null, 2));
28
28
  }
29
- }), _e = ["aria-label", "width", "height"], pe = ["xlink:href"], me = /* @__PURE__ */ f({
29
+ }), me = ["aria-label", "width", "height"], fe = ["xlink:href"], be = /* @__PURE__ */ f({
30
30
  __name: "icon",
31
31
  props: {
32
32
  name: {},
33
33
  color: {},
34
34
  block: { type: Boolean }
35
35
  },
36
- setup(o) {
37
- const e = o, t = c(() => {
38
- const s = e?.name?.match(/(\d+)$/);
39
- return s ? Number.parseInt(s[1], 10) : 16;
40
- }), n = c(() => {
41
- const s = {};
42
- return e.color && (s.color = e.color), e.block && (s.display = "block"), s;
36
+ setup(n) {
37
+ const e = n, t = a(() => {
38
+ const o = e?.name?.match(/(\d+)$/);
39
+ return o ? Number.parseInt(o[1], 10) : 16;
40
+ }), s = a(() => {
41
+ const o = {};
42
+ return e.color && (o.color = e.color), e.block && (o.display = "block"), o;
43
43
  });
44
- return (s, i) => (r(), p("svg", {
45
- class: a(s.$style.icon),
46
- "aria-label": s.name,
47
- style: K(n.value),
44
+ return (o, i) => (r(), p("svg", {
45
+ class: c(o.$style.icon),
46
+ "aria-label": o.name,
47
+ style: Q(s.value),
48
48
  role: "img",
49
49
  width: t.value,
50
50
  height: t.value
51
51
  }, [
52
- M("use", {
53
- "xlink:href": `#${s.name}`
54
- }, null, 8, pe)
55
- ], 14, _e));
52
+ E("use", {
53
+ "xlink:href": `#${o.name}`
54
+ }, null, 8, fe)
55
+ ], 14, me));
56
56
  }
57
- }), fe = "_icon_1p8iz_2", be = {
58
- icon: fe
59
- }, ye = (o, e) => {
60
- const t = o.__vccOpts || o;
61
- for (const [n, s] of e)
62
- t[n] = s;
57
+ }), ye = "_icon_1p8iz_2", ve = {
58
+ icon: ye
59
+ }, he = (n, e) => {
60
+ const t = n.__vccOpts || n;
61
+ for (const [s, o] of e)
62
+ t[s] = o;
63
63
  return t;
64
64
  }, ge = {
65
- $style: be
66
- }, T = /* @__PURE__ */ ye(me, [["__cssModules", ge]]), Ht = async () => {
65
+ $style: ve
66
+ }, I = /* @__PURE__ */ he(be, [["__cssModules", ge]]), es = async () => {
67
67
  if (!(typeof document > "u") && !document.getElementById("__svg-sprite__"))
68
68
  try {
69
69
  const e = `
@@ -72,27 +72,27 @@ const C = (o, e) => (e ? o[e] : o.default)?.().some((n) => {
72
72
  </svg>
73
73
  `;
74
74
  document.body.insertAdjacentHTML("afterbegin", e);
75
- } catch (o) {
76
- console.error("Failed to load SVG sprite:", o);
75
+ } catch (n) {
76
+ console.error("Failed to load SVG sprite:", n);
77
77
  }
78
- }, ke = "_button_mb1r2_1", he = "_disabled_mb1r2_1", ve = "_loading_mb1r2_1", $e = "_loader_mb1r2_1", we = "_content_mb1r2_1", Ce = "_dropdownIcon_mb1r2_1", Te = "_s_mb1r2_2", Ie = "_xs_mb1r2_1", Se = "_square_mb1r2_1", Be = "_circle_mb1r2_1", Ne = "_m_mb1r2_1", Le = "_l_mb1r2_1", je = "_primary_mb1r2_1", Ue = "_secondary_mb1r2_1", ze = "_accent_mb1r2_1", Me = "_danger_mb1r2_1", Ee = "_jobsites_mb1r2_1", Oe = "_ghost_mb1r2_1", g = {
78
+ }, ke = "_button_mb1r2_1", $e = "_disabled_mb1r2_1", we = "_loading_mb1r2_1", Ce = "_loader_mb1r2_1", Ie = "_content_mb1r2_1", Te = "_dropdownIcon_mb1r2_1", Se = "_s_mb1r2_2", je = "_xs_mb1r2_1", xe = "_square_mb1r2_1", Be = "_circle_mb1r2_1", Le = "_m_mb1r2_1", Ne = "_l_mb1r2_1", ze = "_primary_mb1r2_1", Ue = "_secondary_mb1r2_1", Ee = "_accent_mb1r2_1", Me = "_danger_mb1r2_1", qe = "_jobsites_mb1r2_1", Oe = "_ghost_mb1r2_1", h = {
79
79
  button: ke,
80
- disabled: he,
81
- loading: ve,
82
- loader: $e,
83
- content: we,
84
- dropdownIcon: Ce,
85
- s: Te,
86
- xs: Ie,
87
- square: Se,
80
+ disabled: $e,
81
+ loading: we,
82
+ loader: Ce,
83
+ content: Ie,
84
+ dropdownIcon: Te,
85
+ s: Se,
86
+ xs: je,
87
+ square: xe,
88
88
  circle: Be,
89
- m: Ne,
90
- l: Le,
91
- primary: je,
89
+ m: Le,
90
+ l: Ne,
91
+ primary: ze,
92
92
  secondary: Ue,
93
- accent: ze,
93
+ accent: Ee,
94
94
  danger: Me,
95
- jobsites: Ee,
95
+ jobsites: qe,
96
96
  ghost: Oe,
97
97
  "ghost-danger": "_ghost-danger_mb1r2_1"
98
98
  }, Pe = ["name", "type", "disabled"], H = /* @__PURE__ */ f({
@@ -111,8 +111,8 @@ const C = (o, e) => (e ? o[e] : o.default)?.().some((n) => {
111
111
  htmlType: {}
112
112
  },
113
113
  emits: ["click"],
114
- setup(o) {
115
- const e = o, t = P(), n = {
114
+ setup(n) {
115
+ const e = n, t = P(), s = {
116
116
  primary: "white",
117
117
  secondary: "black",
118
118
  accent: "white",
@@ -120,57 +120,57 @@ const C = (o, e) => (e ? o[e] : o.default)?.().some((n) => {
120
120
  jobsites: "white",
121
121
  ghost: "black",
122
122
  "ghost-danger": "black"
123
- }, s = c(() => C(t)), i = c(() => [
124
- g.button,
125
- g[e.size],
126
- g[e.type],
127
- e.circle ? [g.circle] : [g.square],
123
+ }, o = a(() => C(t)), i = a(() => [
124
+ h.button,
125
+ h[e.size],
126
+ h[e.type],
127
+ e.circle ? [h.circle] : [h.square],
128
128
  {
129
- [g.disabled]: e.disabled,
130
- [g.loading]: e.loading,
131
- [g.active]: e.active,
132
- [g.bordered]: e.bordered
129
+ [h.disabled]: e.disabled,
130
+ [h.loading]: e.loading,
131
+ [h.active]: e.active,
132
+ [h.bordered]: e.bordered
133
133
  },
134
134
  e.className
135
- ]), u = c(() => n[e.type] || "white");
136
- return (_, v) => (r(), p("button", {
135
+ ]), u = a(() => s[e.type] || "white");
136
+ return (_, b) => (r(), p("button", {
137
137
  name: _.name,
138
- class: a(i.value),
138
+ class: c(i.value),
139
139
  type: _.htmlType,
140
140
  disabled: _.disabled || _.loading,
141
- onClick: v[0] || (v[0] = ($) => _.$emit("click"))
141
+ onClick: b[0] || (b[0] = ($) => _.$emit("click"))
142
142
  }, [
143
143
  _.loading ? (r(), p("div", {
144
144
  key: 0,
145
- class: a(l(g).loader)
145
+ class: c(l(h).loader)
146
146
  }, [
147
- N(l(de), {
147
+ x(l(pe), {
148
148
  size: "s",
149
149
  color: u.value
150
150
  }, null, 8, ["color"])
151
151
  ], 2)) : m("", !0),
152
- _.$slots.before ? b(_.$slots, "before", { key: 1 }) : m("", !0),
153
- s.value ? (r(), p("span", {
152
+ _.$slots.before ? y(_.$slots, "before", { key: 1 }) : m("", !0),
153
+ o.value ? (r(), p("span", {
154
154
  key: 2,
155
- class: a(l(g).content)
155
+ class: c(l(h).content)
156
156
  }, [
157
- b(_.$slots, "default")
157
+ y(_.$slots, "default")
158
158
  ], 2)) : m("", !0),
159
- _.$slots.after ? b(_.$slots, "after", { key: 3 }) : m("", !0),
160
- _.dropdown ? (r(), h(l(T), {
159
+ _.$slots.after ? y(_.$slots, "after", { key: 3 }) : m("", !0),
160
+ _.dropdown ? (r(), k(l(I), {
161
161
  key: 4,
162
- class: a(l(g).dropdownIcon),
162
+ class: c(l(h).dropdownIcon),
163
163
  name: "chevron-down-18"
164
164
  }, null, 8, ["class"])) : m("", !0)
165
165
  ], 10, Pe));
166
166
  }
167
- }), xe = "_s_o7jd7_9", Re = "_xs_o7jd7_14", We = "_m_o7jd7_20", qe = "_l_o7jd7_25", He = "_button_o7jd7_31", W = {
168
- s: xe,
169
- xs: Re,
170
- m: We,
171
- l: qe,
167
+ }), Re = "_s_o7jd7_9", We = "_xs_o7jd7_14", Ae = "_m_o7jd7_20", De = "_l_o7jd7_25", He = "_button_o7jd7_31", A = {
168
+ s: Re,
169
+ xs: We,
170
+ m: Ae,
171
+ l: De,
172
172
  button: He
173
- }, Vt = /* @__PURE__ */ f({
173
+ }, ts = /* @__PURE__ */ f({
174
174
  __name: "button-icon",
175
175
  props: {
176
176
  icon: {},
@@ -185,69 +185,69 @@ const C = (o, e) => (e ? o[e] : o.default)?.().some((n) => {
185
185
  bordered: { type: Boolean, default: !1 }
186
186
  },
187
187
  emits: ["click"],
188
- setup(o) {
189
- const e = o, t = c(() => [W.button, W[e.size], e.className]), n = c(() => {
188
+ setup(n) {
189
+ const e = n, t = a(() => [A.button, A[e.size], e.className]), s = a(() => {
190
190
  const i = e.size === "xs" ? "18" : "20";
191
191
  return e.icon.replace(/-?\d*$/, `-${i}`);
192
- }), s = c(() => e.size === "xs");
193
- return (i, u) => (r(), h(l(H), E({ class: t.value }, e, {
192
+ }), o = a(() => e.size === "xs");
193
+ return (i, u) => (r(), k(l(H), M({ class: t.value }, e, {
194
194
  "html-type": "button",
195
- circle: s.value,
195
+ circle: o.value,
196
196
  onClick: u[0] || (u[0] = (_) => i.$emit("click"))
197
197
  }), {
198
- before: k(() => [
199
- N(l(T), { name: n.value }, null, 8, ["name"])
198
+ before: g(() => [
199
+ x(l(I), { name: s.value }, null, 8, ["name"])
200
200
  ]),
201
201
  _: 1
202
202
  }, 16, ["class", "circle"]));
203
203
  }
204
- }), Ve = "_button_1xnk4_1", Ae = {
204
+ }), Ve = "_button_1xnk4_1", Fe = {
205
205
  button: Ve
206
- }, At = /* @__PURE__ */ f({
206
+ }, ss = /* @__PURE__ */ f({
207
207
  __name: "button-link",
208
208
  emits: ["click"],
209
- setup(o) {
209
+ setup(n) {
210
210
  return (e, t) => (r(), p("button", {
211
- class: a(l(Ae).button),
211
+ class: c(l(Fe).button),
212
212
  type: "button",
213
- onClick: t[0] || (t[0] = (n) => e.$emit("click"))
213
+ onClick: t[0] || (t[0] = (s) => e.$emit("click"))
214
214
  }, [
215
- N(l(T), { name: "plus-18" }),
216
- b(e.$slots, "default")
215
+ x(l(I), { name: "plus-18" }),
216
+ y(e.$slots, "default")
217
217
  ], 2));
218
218
  }
219
219
  });
220
- function V(o) {
221
- return o ? o.flatMap((e) => e.type === J ? V(e.children) : [e]) : [];
220
+ function V(n) {
221
+ return n ? n.flatMap((e) => e.type === X ? V(e.children) : [e]) : [];
222
222
  }
223
- function De(o) {
223
+ function Ge(n) {
224
224
  var e;
225
- const t = Q(o);
225
+ const t = Y(n);
226
226
  return (e = t?.$el) != null ? e : t;
227
227
  }
228
- function Fe() {
229
- const o = X(), e = Y(), t = c(() => ["#text", "#comment"].includes(e.value?.$el.nodeName) ? e.value?.$el.nextElementSibling : De(e)), n = Object.assign({}, o.exposed), s = {};
230
- for (const u in o.props) Object.defineProperty(s, u, {
228
+ function Ke() {
229
+ const n = Z(), e = O(), t = a(() => ["#text", "#comment"].includes(e.value?.$el.nodeName) ? e.value?.$el.nextElementSibling : Ge(e)), s = Object.assign({}, n.exposed), o = {};
230
+ for (const u in n.props) Object.defineProperty(o, u, {
231
231
  enumerable: !0,
232
232
  configurable: !0,
233
- get: () => o.props[u]
233
+ get: () => n.props[u]
234
234
  });
235
- if (Object.keys(n).length > 0) for (const u in n) Object.defineProperty(s, u, {
235
+ if (Object.keys(s).length > 0) for (const u in s) Object.defineProperty(o, u, {
236
236
  enumerable: !0,
237
237
  configurable: !0,
238
- get: () => n[u]
238
+ get: () => s[u]
239
239
  });
240
- Object.defineProperty(s, "$el", {
240
+ Object.defineProperty(o, "$el", {
241
241
  enumerable: !0,
242
242
  configurable: !0,
243
- get: () => o.vnode.el
244
- }), o.exposed = s;
243
+ get: () => n.vnode.el
244
+ }), n.exposed = o;
245
245
  function i(u) {
246
- e.value = u, u && (Object.defineProperty(s, "$el", {
246
+ e.value = u, u && (Object.defineProperty(o, "$el", {
247
247
  enumerable: !0,
248
248
  configurable: !0,
249
249
  get: () => u instanceof Element ? u : u.$el
250
- }), o.exposed = s);
250
+ }), n.exposed = o);
251
251
  }
252
252
  return {
253
253
  forwardRef: i,
@@ -255,28 +255,28 @@ function Fe() {
255
255
  currentElement: t
256
256
  };
257
257
  }
258
- const Ge = f({
258
+ const Je = f({
259
259
  name: "PrimitiveSlot",
260
260
  inheritAttrs: !1,
261
- setup(o, { attrs: e, slots: t }) {
261
+ setup(n, { attrs: e, slots: t }) {
262
262
  return () => {
263
263
  if (!t.default) return null;
264
- const n = V(t.default()), s = n.findIndex((v) => v.type !== Z);
265
- if (s === -1) return n;
266
- const i = n[s];
264
+ const s = V(t.default()), o = s.findIndex((b) => b.type !== ee);
265
+ if (o === -1) return s;
266
+ const i = s[o];
267
267
  delete i.props?.ref;
268
- const u = i.props ? E(e, i.props) : e, _ = ee({
268
+ const u = i.props ? M(e, i.props) : e, _ = te({
269
269
  ...i,
270
270
  props: {}
271
271
  }, u);
272
- return n.length === 1 ? _ : (n[s] = _, n);
272
+ return s.length === 1 ? _ : (s[o] = _, s);
273
273
  };
274
274
  }
275
- }), Ke = [
275
+ }), Qe = [
276
276
  "area",
277
277
  "img",
278
278
  "input"
279
- ], Je = f({
279
+ ], Xe = f({
280
280
  name: "Primitive",
281
281
  inheritAttrs: !1,
282
282
  props: {
@@ -289,12 +289,12 @@ const Ge = f({
289
289
  default: "div"
290
290
  }
291
291
  },
292
- setup(o, { attrs: e, slots: t }) {
293
- const n = o.asChild ? "template" : o.as;
294
- return typeof n == "string" && Ke.includes(n) ? () => O(n, e) : n !== "template" ? () => O(o.as, e, { default: t.default }) : () => O(Ge, e, { default: t.default });
292
+ setup(n, { attrs: e, slots: t }) {
293
+ const s = n.asChild ? "template" : n.as;
294
+ return typeof s == "string" && Qe.includes(s) ? () => q(s, e) : s !== "template" ? () => q(n.as, e, { default: t.default }) : () => q(Je, e, { default: t.default });
295
295
  }
296
296
  });
297
- var Qe = /* @__PURE__ */ f({
297
+ var Ye = /* @__PURE__ */ f({
298
298
  __name: "Label",
299
299
  props: {
300
300
  for: {
@@ -311,108 +311,108 @@ var Qe = /* @__PURE__ */ f({
311
311
  default: "label"
312
312
  }
313
313
  },
314
- setup(o) {
315
- const e = o;
316
- return Fe(), (t, n) => (r(), h(l(Je), E(e, { onMousedown: n[0] || (n[0] = (s) => {
317
- !s.defaultPrevented && s.detail > 1 && s.preventDefault();
314
+ setup(n) {
315
+ const e = n;
316
+ return Ke(), (t, s) => (r(), k(l(Xe), M(e, { onMousedown: s[0] || (s[0] = (o) => {
317
+ !o.defaultPrevented && o.detail > 1 && o.preventDefault();
318
318
  }) }), {
319
- default: k(() => [b(t.$slots, "default")]),
319
+ default: g(() => [y(t.$slots, "default")]),
320
320
  _: 3
321
321
  }, 16));
322
322
  }
323
- }), Xe = Qe;
324
- const Ye = "_label_1ic51_1", Ze = {
325
- label: Ye
326
- }, et = /* @__PURE__ */ f({
323
+ }), Ze = Ye;
324
+ const et = "_label_1ic51_1", tt = {
325
+ label: et
326
+ }, st = /* @__PURE__ */ f({
327
327
  __name: "label",
328
328
  props: {
329
329
  className: {}
330
330
  },
331
- setup(o) {
332
- const e = o, t = c(() => [
333
- Ze.label,
331
+ setup(n) {
332
+ const e = n, t = a(() => [
333
+ tt.label,
334
334
  e.className
335
335
  ]);
336
- return (n, s) => (r(), h(l(Xe), {
337
- class: a(t.value)
336
+ return (s, o) => (r(), k(l(Ze), {
337
+ class: c(t.value)
338
338
  }, {
339
- default: k(() => [
340
- b(n.$slots, "default")
339
+ default: g(() => [
340
+ y(s.$slots, "default")
341
341
  ]),
342
342
  _: 3
343
343
  }, 8, ["class"]));
344
344
  }
345
- }), tt = "_content_1g21n_1", nt = "_label_1g21n_12", ot = "_header_1g21n_21", st = "_headerWrapper_1g21n_29", lt = "_title_1g21n_36", rt = "_subTitleRow_1g21n_44", at = "_subTitle_1g21n_44", ct = "_link_1g21n_56", it = "_linkUpper_1g21n_73", w = {
346
- content: tt,
347
- label: nt,
348
- header: ot,
349
- headerWrapper: st,
350
- title: lt,
351
- subTitleRow: rt,
352
- subTitle: at,
353
- link: ct,
354
- linkUpper: it
355
- }, ut = /* @__PURE__ */ f({
345
+ }), nt = "_content_1g21n_1", ot = "_label_1g21n_12", lt = "_header_1g21n_21", rt = "_headerWrapper_1g21n_29", at = "_title_1g21n_36", ct = "_subTitleRow_1g21n_44", it = "_subTitle_1g21n_44", ut = "_link_1g21n_56", _t = "_linkUpper_1g21n_73", w = {
346
+ content: nt,
347
+ label: ot,
348
+ header: lt,
349
+ headerWrapper: rt,
350
+ title: at,
351
+ subTitleRow: ct,
352
+ subTitle: it,
353
+ link: ut,
354
+ linkUpper: _t
355
+ }, dt = /* @__PURE__ */ f({
356
356
  __name: "label-content",
357
357
  emits: ["click"],
358
- setup(o) {
359
- const e = P(), t = c(() => C(e, "header")), n = c(() => C(e)), s = c(() => C(e, "subTitle")), i = c(() => C(e, "link")), u = c(() => t.value || n.value || s.value), _ = c(() => !n.value && !s.value), v = c(
358
+ setup(n) {
359
+ const e = P(), t = a(() => C(e, "header")), s = a(() => C(e)), o = a(() => C(e, "subTitle")), i = a(() => C(e, "link")), u = a(() => t.value || s.value || o.value), _ = a(() => !s.value && !o.value), b = a(
360
360
  () => [w.link, _.value && w.linkUpper].filter(Boolean)
361
361
  );
362
- return ($, L) => (r(), p("div", {
363
- class: a(l(w).content)
362
+ return ($, B) => (r(), p("div", {
363
+ class: c(l(w).content)
364
364
  }, [
365
365
  u.value ? (r(), p("span", {
366
366
  key: 0,
367
- class: a(l(w).headerWrapper)
367
+ class: c(l(w).headerWrapper)
368
368
  }, [
369
369
  t.value ? (r(), p("span", {
370
370
  key: 0,
371
- class: a(l(w).header)
371
+ class: c(l(w).header)
372
372
  }, [
373
- b($.$slots, "header")
373
+ y($.$slots, "header")
374
374
  ], 2)) : m("", !0),
375
- n.value ? (r(), p("span", {
375
+ s.value ? (r(), p("span", {
376
376
  key: 1,
377
- class: a(l(w).title)
377
+ class: c(l(w).title)
378
378
  }, [
379
- b($.$slots, "default")
379
+ y($.$slots, "default")
380
380
  ], 2)) : m("", !0),
381
- s.value ? (r(), p("span", {
381
+ o.value ? (r(), p("span", {
382
382
  key: 2,
383
- class: a(l(w).subTitleRow)
383
+ class: c(l(w).subTitleRow)
384
384
  }, [
385
- M("span", {
386
- class: a(l(w).subTitle)
385
+ E("span", {
386
+ class: c(l(w).subTitle)
387
387
  }, [
388
- b($.$slots, "subTitle")
388
+ y($.$slots, "subTitle")
389
389
  ], 2)
390
390
  ], 2)) : m("", !0)
391
391
  ], 2)) : m("", !0),
392
392
  i.value ? (r(), p("span", {
393
393
  key: 1,
394
- class: a(v.value),
395
- onClick: L[0] || (L[0] = (x) => $.$emit("click"))
394
+ class: c(b.value),
395
+ onClick: B[0] || (B[0] = (R) => $.$emit("click"))
396
396
  }, [
397
- b($.$slots, "link")
397
+ y($.$slots, "link")
398
398
  ], 2)) : m("", !0)
399
399
  ], 2));
400
400
  }
401
- }), dt = "_wrapper_1i81c_1", _t = "_input_1i81c_8", pt = "_error_1i81c_38", mt = "_description_1i81c_51", ft = "_descriptionText_1i81c_62", bt = "_errorText_1i81c_66", yt = "_inputWrapper_1i81c_70", gt = "_leftSpace_1i81c_74", kt = "_rightSpace_1i81c_78", ht = "_leftIcon_1i81c_82", vt = "_rightIcon_1i81c_83", y = {
402
- wrapper: dt,
403
- input: _t,
404
- error: pt,
405
- description: mt,
406
- descriptionText: ft,
407
- errorText: bt,
408
- inputWrapper: yt,
401
+ }), pt = "_wrapper_1i81c_1", mt = "_input_1i81c_8", ft = "_error_1i81c_38", bt = "_description_1i81c_51", yt = "_descriptionText_1i81c_62", vt = "_errorText_1i81c_66", ht = "_inputWrapper_1i81c_70", gt = "_leftSpace_1i81c_74", kt = "_rightSpace_1i81c_78", $t = "_leftIcon_1i81c_82", wt = "_rightIcon_1i81c_83", v = {
402
+ wrapper: pt,
403
+ input: mt,
404
+ error: ft,
405
+ description: bt,
406
+ descriptionText: yt,
407
+ errorText: vt,
408
+ inputWrapper: ht,
409
409
  leftSpace: gt,
410
410
  rightSpace: kt,
411
- leftIcon: ht,
412
- rightIcon: vt
413
- }, $t = ["id", "value", "name", "type", "disabled", "placeholder", "aria-invalid"], wt = ["innerHTML"], Ct = ["innerHTML"], Dt = /* @__PURE__ */ f({
411
+ leftIcon: $t,
412
+ rightIcon: wt
413
+ }, Ct = ["id", "value", "name", "type", "disabled", "placeholder", "aria-invalid"], It = ["innerHTML"], Tt = ["innerHTML"], ns = /* @__PURE__ */ f({
414
414
  __name: "input",
415
- props: /* @__PURE__ */ R({
415
+ props: /* @__PURE__ */ W({
416
416
  value: {},
417
417
  type: { default: "text" },
418
418
  id: {},
@@ -433,69 +433,69 @@ const Ye = "_label_1ic51_1", Ze = {
433
433
  value: {},
434
434
  valueModifiers: {}
435
435
  }),
436
- emits: /* @__PURE__ */ R(["update:value", "enter", "clickLink", "clickIcon", "click", "focus", "blur"], ["update:value"]),
437
- setup(o, { emit: e }) {
438
- const t = o, n = e, s = te(), i = ne(o, "value"), u = c(() => [
439
- y.input,
436
+ emits: /* @__PURE__ */ W(["update:value", "enter", "clickLink", "clickIcon", "click", "focus", "blur"], ["update:value"]),
437
+ setup(n, { emit: e }) {
438
+ const t = n, s = e, o = se(), i = ne(n, "value"), u = a(() => [
439
+ v.input,
440
440
  {
441
- [y.disabled]: t.disabled,
442
- [y.error]: t.error,
443
- [y.loading]: t.loading,
444
- [y.leftSpace]: !!t.leftIcon,
445
- [y.rightSpace]: !!t.rightIcon
441
+ [v.disabled]: t.disabled,
442
+ [v.error]: t.error,
443
+ [v.loading]: t.loading,
444
+ [v.leftSpace]: !!t.leftIcon,
445
+ [v.rightSpace]: !!t.rightIcon
446
446
  },
447
447
  t.className
448
- ]), _ = c(() => t.header || t.title || t.subTitle || t.link), v = c(() => t.description || t.error), $ = (d) => {
449
- d.key === "Enter" && n("enter");
450
- }, L = (d) => {
451
- n("update:value", d.target.value);
452
- }, x = () => {
453
- n("focus");
454
- }, A = () => {
455
- n("blur");
456
- }, D = () => {
457
- n("clickLink");
448
+ ]), _ = a(() => t.header || t.title || t.subTitle || t.link), b = a(() => t.description || t.error), $ = (d) => {
449
+ d.key === "Enter" && s("enter");
450
+ }, B = (d) => {
451
+ s("update:value", d.target.value);
452
+ }, R = () => {
453
+ s("focus");
458
454
  }, F = () => {
459
- n("click");
460
- }, G = (d) => {
461
- d.preventDefault(), n("clickIcon");
455
+ s("blur");
456
+ }, G = () => {
457
+ s("clickLink");
458
+ }, K = () => {
459
+ s("click");
460
+ }, J = (d) => {
461
+ d.preventDefault(), s("clickIcon");
462
462
  };
463
- return (d, Wt) => (r(), p("div", {
464
- class: a(l(y).wrapper)
463
+ return (d, Yt) => (r(), p("div", {
464
+ class: c(l(v).wrapper)
465
465
  }, [
466
- _.value ? (r(), h(l(et), {
466
+ _.value ? (r(), k(l(st), {
467
467
  key: 0,
468
468
  for: d.id,
469
- onClick: D
469
+ onClick: G
470
470
  }, {
471
- default: k(() => [
472
- N(l(ut), null, {
473
- header: k(() => [
474
- S(B(t.header), 1)
471
+ default: g(() => [
472
+ x(l(dt), null, {
473
+ header: g(() => [
474
+ S(j(t.header), 1)
475
475
  ]),
476
- subTitle: k(() => [
477
- S(B(t.subTitle), 1)
476
+ subTitle: g(() => [
477
+ S(j(t.subTitle), 1)
478
478
  ]),
479
- link: k(() => [
480
- S(B(t.link), 1)
479
+ link: g(() => [
480
+ S(j(t.link), 1)
481
481
  ]),
482
- default: k(() => [
483
- S(" " + B(t.title) + " ", 1)
482
+ default: g(() => [
483
+ S(" " + j(t.title) + " ", 1)
484
484
  ]),
485
485
  _: 1
486
486
  })
487
487
  ]),
488
488
  _: 1
489
489
  }, 8, ["for"])) : m("", !0),
490
- M("div", {
491
- class: a(l(y).inputWrapper)
490
+ E("div", {
491
+ class: c(l(v).inputWrapper)
492
492
  }, [
493
- d.leftIcon ? (r(), h(l(T), {
493
+ d.leftIcon ? (r(), k(l(I), {
494
494
  key: 0,
495
495
  name: d.leftIcon,
496
- class: a(l(y).leftIcon)
496
+ class: c(l(v).leftIcon)
497
497
  }, null, 8, ["name", "class"])) : m("", !0),
498
- M("input", E({
498
+ E("input", M({
499
499
  id: d.id,
500
500
  value: i.value,
501
501
  name: d.name,
@@ -504,45 +504,45 @@ const Ye = "_label_1ic51_1", Ze = {
504
504
  placeholder: d.placeholder,
505
505
  class: u.value,
506
506
  "aria-invalid": !!d.error
507
- }, l(s), {
508
- onInput: L,
507
+ }, l(o), {
508
+ onInput: B,
509
509
  onKeydown: $,
510
- onFocus: x,
511
- onBlur: A,
512
- onClick: F
513
- }), null, 16, $t),
514
- d.rightIcon ? (r(), h(l(T), {
510
+ onFocus: R,
511
+ onBlur: F,
512
+ onClick: K
513
+ }), null, 16, Ct),
514
+ d.rightIcon ? (r(), k(l(I), {
515
515
  key: 1,
516
516
  name: d.rightIcon,
517
- class: a(l(y).rightIcon),
518
- onClick: G
517
+ class: c(l(v).rightIcon),
518
+ onClick: J
519
519
  }, null, 8, ["name", "class"])) : m("", !0)
520
520
  ], 2),
521
- v.value ? (r(), p("div", {
521
+ b.value ? (r(), p("div", {
522
522
  key: 1,
523
- class: a(l(y).description)
523
+ class: c(l(v).description)
524
524
  }, [
525
525
  d.error ? (r(), p("div", {
526
526
  key: 0,
527
- class: a(l(y).errorText),
527
+ class: c(l(v).errorText),
528
528
  innerHTML: d.error
529
- }, null, 10, wt)) : m("", !0),
529
+ }, null, 10, It)) : m("", !0),
530
530
  d.description ? (r(), p("div", {
531
531
  key: 1,
532
- class: a(l(y).descriptionText),
532
+ class: c(l(v).descriptionText),
533
533
  innerHTML: d.description
534
- }, null, 10, Ct)) : m("", !0)
534
+ }, null, 10, Tt)) : m("", !0)
535
535
  ], 2)) : m("", !0)
536
536
  ], 2));
537
537
  }
538
- }), Tt = "_plank_1yp3k_1", It = "_accent_1yp3k_26", St = "_danger_1yp3k_32", Bt = "_text_1yp3k_38", Nt = "_icon_1yp3k_42", j = {
539
- plank: Tt,
538
+ }), St = "_plank_1yp3k_1", jt = "_accent_1yp3k_26", xt = "_danger_1yp3k_32", Bt = "_text_1yp3k_38", Lt = "_icon_1yp3k_42", L = {
539
+ plank: St,
540
540
  default: "_default_1yp3k_20",
541
- accent: It,
542
- danger: St,
541
+ accent: jt,
542
+ danger: xt,
543
543
  text: Bt,
544
- icon: Nt
545
- }, Ft = /* @__PURE__ */ f({
544
+ icon: Lt
545
+ }, os = /* @__PURE__ */ f({
546
546
  __name: "plank",
547
547
  props: {
548
548
  type: { default: "default" },
@@ -550,43 +550,43 @@ const Ye = "_label_1ic51_1", Ze = {
550
550
  label: {}
551
551
  },
552
552
  emits: ["click"],
553
- setup(o) {
554
- const e = o, t = P(), n = c(() => C(t)), s = c(() => [j.plank, j[e.type]]);
553
+ setup(n) {
554
+ const e = n, t = P(), s = a(() => C(t)), o = a(() => [L.plank, L[e.type]]);
555
555
  return (i, u) => (r(), p("div", {
556
- class: a(s.value)
556
+ class: c(o.value)
557
557
  }, [
558
558
  i.icon ? (r(), p("div", {
559
559
  key: 0,
560
- class: a(l(j).icon)
560
+ class: c(l(L).icon)
561
561
  }, [
562
- N(l(T), { name: i.icon }, null, 8, ["name"])
562
+ x(l(I), { name: i.icon }, null, 8, ["name"])
563
563
  ], 2)) : m("", !0),
564
- n.value ? (r(), p("div", {
564
+ s.value ? (r(), p("div", {
565
565
  key: 1,
566
- class: a(l(j).text)
566
+ class: c(l(L).text)
567
567
  }, [
568
- b(i.$slots, "default")
568
+ y(i.$slots, "default")
569
569
  ], 2)) : m("", !0),
570
- i.label ? (r(), h(l(H), {
570
+ i.label ? (r(), k(l(H), {
571
571
  key: 2,
572
572
  size: "xs",
573
573
  type: "secondary",
574
574
  onClick: u[0] || (u[0] = (_) => i.$emit("click"))
575
575
  }, {
576
- default: k(() => [
577
- S(B(i.label), 1)
576
+ default: g(() => [
577
+ S(j(i.label), 1)
578
578
  ]),
579
579
  _: 1
580
580
  })) : m("", !0)
581
581
  ], 2));
582
582
  }
583
- }), Lt = "_text_dbd8t_1", jt = "_primary_dbd8t_10", Ut = "_medium_dbd8t_15", zt = "_secondary_dbd8t_20", Mt = "_accent_dbd8t_30", Et = "_subtitle_dbd8t_40", U = {
584
- text: Lt,
585
- primary: jt,
583
+ }), Nt = "_text_dbd8t_1", zt = "_primary_dbd8t_10", Ut = "_medium_dbd8t_15", Et = "_secondary_dbd8t_20", Mt = "_accent_dbd8t_30", qt = "_subtitle_dbd8t_40", N = {
584
+ text: Nt,
585
+ primary: zt,
586
586
  medium: Ut,
587
- secondary: zt,
587
+ secondary: Et,
588
588
  accent: Mt,
589
- subtitle: Et,
589
+ subtitle: qt,
590
590
  "color-main": "_color-main_dbd8t_46",
591
591
  "color-secondary": "_color-secondary_dbd8t_50",
592
592
  "color-semilight": "_color-semilight_dbd8t_54",
@@ -594,7 +594,7 @@ const Ye = "_label_1ic51_1", Ze = {
594
594
  "color-invert": "_color-invert_dbd8t_62",
595
595
  "color-danger": "_color-danger_dbd8t_66",
596
596
  "color-success": "_color-success_dbd8t_70"
597
- }, Gt = /* @__PURE__ */ f({
597
+ }, ls = /* @__PURE__ */ f({
598
598
  __name: "text",
599
599
  props: {
600
600
  tagName: { default: "p" },
@@ -602,18 +602,18 @@ const Ye = "_label_1ic51_1", Ze = {
602
602
  weight: {},
603
603
  color: {}
604
604
  },
605
- setup(o) {
606
- const e = o, t = c(() => [
607
- U.text,
608
- U[e.kind],
609
- e.weight && U[e.weight],
610
- e.color && U[`color-${e.color}`]
605
+ setup(n) {
606
+ const e = n, t = a(() => [
607
+ N.text,
608
+ N[e.kind],
609
+ e.weight && N[e.weight],
610
+ e.color && N[`color-${e.color}`]
611
611
  ]);
612
- return (n, s) => (r(), h(q(n.tagName), {
613
- class: a(t.value)
612
+ return (s, o) => (r(), k(D(s.tagName), {
613
+ class: c(t.value)
614
614
  }, {
615
- default: k(() => [
616
- b(n.$slots, "default")
615
+ default: g(() => [
616
+ y(s.$slots, "default")
617
617
  ]),
618
618
  _: 3
619
619
  }, 8, ["class"]));
@@ -632,7 +632,7 @@ const Ye = "_label_1ic51_1", Ze = {
632
632
  "color-invert": "_color-invert_1m0wo_66",
633
633
  "color-danger": "_color-danger_1m0wo_70",
634
634
  "color-success": "_color-success_1m0wo_74"
635
- }, Kt = /* @__PURE__ */ f({
635
+ }, rs = /* @__PURE__ */ f({
636
636
  __name: "title",
637
637
  props: {
638
638
  level: {},
@@ -640,53 +640,108 @@ const Ye = "_label_1ic51_1", Ze = {
640
640
  weight: {},
641
641
  color: {}
642
642
  },
643
- setup(o) {
644
- const e = o, t = c(() => [
643
+ setup(n) {
644
+ const e = n, t = a(() => [
645
645
  z.title,
646
646
  z[`level-${e.level ?? 1}`],
647
647
  e.className,
648
648
  e.weight && z[e.weight],
649
649
  e.color && z[`color-${e.color}`]
650
- ]), n = c(() => `h${e.level ?? 1}`);
651
- return (s, i) => (r(), h(q(n.value), {
652
- class: a(t.value)
650
+ ]), s = a(() => `h${e.level ?? 1}`);
651
+ return (o, i) => (r(), k(D(s.value), {
652
+ class: c(t.value)
653
653
  }, {
654
- default: k(() => [
655
- b(s.$slots, "default")
654
+ default: g(() => [
655
+ y(o.$slots, "default")
656
656
  ]),
657
657
  _: 3
658
658
  }, 8, ["class"]));
659
659
  }
660
- }), xt = "_error_lk2jx_1", Rt = {
661
- error: xt
662
- }, Jt = /* @__PURE__ */ f({
660
+ }), Rt = "_error_lk2jx_1", Wt = {
661
+ error: Rt
662
+ }, as = /* @__PURE__ */ f({
663
663
  __name: "error",
664
664
  props: {
665
665
  className: {}
666
666
  },
667
- setup(o) {
668
- const e = o, t = c(() => [
669
- Rt.error,
667
+ setup(n) {
668
+ const e = n, t = a(() => [
669
+ Wt.error,
670
670
  e.className
671
671
  ]);
672
- return (n, s) => (r(), p("span", {
673
- class: a(t.value)
672
+ return (s, o) => (r(), p("span", {
673
+ class: c(t.value)
674
674
  }, [
675
- b(n.$slots, "default")
675
+ y(s.$slots, "default")
676
+ ], 2));
677
+ }
678
+ }), At = "_root_1tj1b_1", Dt = "_xxs_1tj1b_26", Ht = "_xs_1tj1b_30", Vt = "_s_1tj1b_16", Ft = "_m_1tj1b_38", Gt = "_l_1tj1b_42", Kt = "_square_1tj1b_45", Jt = "_xl_1tj1b_50", Qt = "_xxl_1tj1b_58", U = {
679
+ root: At,
680
+ default: "_default_1tj1b_14",
681
+ xxs: Dt,
682
+ xs: Ht,
683
+ s: Vt,
684
+ m: Ft,
685
+ l: Gt,
686
+ square: Kt,
687
+ xl: Jt,
688
+ xxl: Qt,
689
+ "3xl": "_3xl_1tj1b_66"
690
+ }, Xt = ["src"], cs = /* @__PURE__ */ f({
691
+ __name: "avatar",
692
+ props: {
693
+ src: { default: void 0 },
694
+ size: { default: "xxs" },
695
+ square: { type: Boolean, default: !1 }
696
+ },
697
+ setup(n) {
698
+ const e = n, t = O(!e.src), s = O(!1), o = a(() => e.src && !s.value), i = a(() => {
699
+ const b = !t.value || s.value || !e.src;
700
+ return [
701
+ U.root,
702
+ U[e.size],
703
+ e.square && U.square,
704
+ b && U.default
705
+ ];
706
+ });
707
+ oe(
708
+ () => e.src,
709
+ (b) => {
710
+ t.value = !b, s.value = !1;
711
+ },
712
+ { immediate: !0 }
713
+ );
714
+ function u() {
715
+ t.value = !0;
716
+ }
717
+ function _() {
718
+ s.value = !0;
719
+ }
720
+ return (b, $) => (r(), p("div", {
721
+ class: c(i.value)
722
+ }, [
723
+ o.value ? (r(), p("img", {
724
+ key: 0,
725
+ src: b.src,
726
+ onLoad: u,
727
+ onError: _
728
+ }, null, 40, Xt)) : m("", !0),
729
+ y(b.$slots, "default")
676
730
  ], 2));
677
731
  }
678
732
  });
679
733
  export {
734
+ cs as UiAvatar,
680
735
  H as UiButton,
681
- Vt as UiButtonIcon,
682
- At as UiButtonLink,
683
- Jt as UiError,
684
- T as UiIcon,
685
- Dt as UiInput,
686
- et as UiLabel,
687
- de as UiLoader,
688
- Ft as UiPlank,
689
- Gt as UiText,
690
- Kt as UiTitle,
691
- Ht as injectSvgSprite
736
+ ts as UiButtonIcon,
737
+ ss as UiButtonLink,
738
+ as as UiError,
739
+ I as UiIcon,
740
+ ns as UiInput,
741
+ st as UiLabel,
742
+ pe as UiLoader,
743
+ os as UiPlank,
744
+ ls as UiText,
745
+ rs as UiTitle,
746
+ es as injectSvgSprite
692
747
  };
package/package.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "name": "@huntflow/ui",
3
3
  "description": "HuntFlow UiKit, icons, utils library",
4
4
  "private": false,
5
- "version": "0.2.0",
5
+ "version": "0.2.2",
6
6
  "author": {
7
7
  "name": "HuntFlow Developer",
8
8
  "nickname": "developer",
@@ -28,7 +28,7 @@
28
28
  "build-storybook": "storybook build",
29
29
  "lint": "eslint './src/**/*.{js,vue,ts}' --quiet",
30
30
  "format": "prettier --write './src/**/*.{css,html,md}'",
31
- "stylelint": "npx stylelint 'src/**/*.css'",
31
+ "stylelint": "npx stylelint 'src/**/*.css' --config .stylelintrc.cjs",
32
32
  "icons:download": "npx tsx utils/figma-icons.ts",
33
33
  "icons:update-list": "npx tsx utils/icon-list.ts",
34
34
  "visual:create": "npx tsx tests/screenshot-create.ts",