@huntflow/ui 0.2.5 → 0.2.7

package/dist/ui.es.js

@@ -1,32 +1,34 @@
 (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}._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}._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_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)}})();
-import { defineComponent as f, computed as c, createElementBlock as p, openBlock as a, normalizeClass as u, unref as r, normalizeStyle as Q, createElementVNode as E, useSlots as P, createCommentVNode as m, renderSlot as h, createBlock as k, createVNode as x, mergeProps as M, withCtx as v, Fragment as X, toValue as Y, getCurrentInstance as Z, ref as O, Comment as ee, cloneVNode as te, h as q, mergeModels as H, useAttrs as se, useModel as ne, createTextVNode as S, toDisplayString as j, resolveDynamicComponent as A, watch as oe } from "vue";
-const C = (n, e) => (e ? n[e] : n.default)?.().some((s) => {
-  const o = s.children;
-  return o && o.toString().trim() !== "";
-}) ?? !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", I = {
-  loader: le,
-  circle: re,
+import { defineComponent as f, computed as a, createElementBlock as d, openBlock as r, normalizeClass as i, unref as n, normalizeStyle as de, createElementVNode as q, useSlots as D, createCommentVNode as p, renderSlot as b, createBlock as h, createVNode as I, mergeProps as O, withCtx as k, Fragment as pe, toValue as me, getCurrentInstance as fe, ref as W, Comment as be, cloneVNode as ye, h as A, toRefs as ve, useAttrs as ke, createTextVNode as S, toDisplayString as j, resolveDynamicComponent as K, watch as ge } from "vue";
+const x = (s, e) => (e ? s[e] : s.default)?.().some((t) => {
+  const l = t.children;
+  return l && l.toString().trim() !== "";
+}) ?? !1, he = "_loader_tpkd0_11", $e = "_circle_tpkd0_17", we = "_white_tpkd0_24", xe = "_black_tpkd0_28", Ce = "_s_tpkd0_32", Te = "_m_tpkd0_37", Be = "_l_tpkd0_11", Le = "_spinner_tpkd0_47", L = {
+  loader: he,
+  circle: $e,
   "loader-animation": "_loader-animation_tpkd0_1",
-  white: ae,
-  black: ce,
-  s: ie,
-  m: ue,
-  l: _e,
-  spinner: de
-}, pe = /* @__PURE__ */ f({
+  white: we,
+  black: xe,
+  s: Ce,
+  m: Te,
+  l: Be,
+  spinner: Le
+}, Se = /* @__PURE__ */ f({
+  name: "UiLoader",
   __name: "loader",
   props: {
     className: {},
     size: { default: "l" },
     color: { default: "black" }
   },
-  setup(n) {
-    const e = n, t = c(() => [I.loader, I[e.size], I[e.color], I.circle]);
-    return (s, o) => (a(), p("span", {
-      class: u([r(I).spinner, t.value])
+  setup(s) {
+    const e = s, o = a(() => [L.loader, L[e.size], L[e.color], L.circle]);
+    return (t, l) => (r(), d("span", {
+      class: i([n(L).spinner, o.value])
     }, null, 2));
   }
-}), me = ["aria-label", "width", "height"], fe = ["xlink:href"], be = /* @__PURE__ */ f({
+}), je = ["aria-label"], Ie = ["xlink:href"], Ue = /* @__PURE__ */ f({
+  name: "UiIcon",
   __name: "icon",
   props: {
     name: {},
@@ -35,37 +37,32 @@ const C = (n, e) => (e ? n[e] : n.default)?.().some((s) => {
     width: {},
     height: {}
   },
-  setup(n) {
-    const e = n, t = c(() => {
-      const l = e?.name?.match(/(\d+)$/);
-      return l ? Number.parseInt(l[1], 10) : 16;
-    }), s = c(() => e.width ? e.width : t.value), o = c(() => e.height ? e.height : t.value), i = c(() => {
-      const l = {};
-      return e.color && (l.color = e.color), e.block && (l.display = "block"), l;
+  setup(s) {
+    const e = s, o = a(() => {
+      const t = {};
+      return e.color && (t.color = e.color), e.block && (t.display = "block"), t;
     });
-    return (l, _) => (a(), p("svg", {
-      class: u(l.$style.icon),
-      "aria-label": l.name,
-      style: Q(i.value),
-      role: "img",
-      width: s.value,
-      height: o.value
+    return (t, l) => (r(), d("svg", {
+      class: i(t.$style.icon),
+      "aria-label": t.name,
+      style: de(o.value),
+      role: "img"
     }, [
-      E("use", {
-        "xlink:href": `#${l.name}`
-      }, null, 8, fe)
-    ], 14, me));
+      q("use", {
+        "xlink:href": `#${t.name}`
+      }, null, 8, Ie)
+    ], 14, je));
   }
-}), he = "_icon_1p8iz_2", ye = {
-  icon: he
-}, ge = (n, e) => {
-  const t = n.__vccOpts || n;
-  for (const [s, o] of e)
-    t[s] = o;
-  return t;
-}, ve = {
-  $style: ye
-}, T = /* @__PURE__ */ ge(be, [["__cssModules", ve]]), Zt = async () => {
+}), Ne = "_icon_1p8iz_2", ze = {
+  icon: Ne
+}, Ee = (s, e) => {
+  const o = s.__vccOpts || s;
+  for (const [t, l] of e)
+    o[t] = l;
+  return o;
+}, qe = {
+  $style: ze
+}, C = /* @__PURE__ */ Ee(Ue, [["__cssModules", qe]]), bn = async () => {
   if (!(typeof document > "u") && !document.getElementById("__svg-sprite__"))
     try {
       const e = `
@@ -74,29 +71,30 @@ const C = (n, e) => (e ? n[e] : n.default)?.().some((s) => {
       </svg>
     `;
       document.body.insertAdjacentHTML("afterbegin", e);
-    } catch (n) {
-      console.error("Failed to load SVG sprite:", n);
+    } catch (s) {
+      console.error("Failed to load SVG sprite:", s);
     }
-}, ke = "_button_mb1r2_1", $e = "_disabled_mb1r2_1", we = "_loading_mb1r2_1", Ce = "_loader_mb1r2_1", Te = "_content_mb1r2_1", Ie = "_s_mb1r2_2", Se = "_xs_mb1r2_1", je = "_square_mb1r2_1", xe = "_circle_mb1r2_1", Be = "_m_mb1r2_1", Le = "_l_mb1r2_1", Ne = "_primary_mb1r2_1", ze = "_secondary_mb1r2_1", Ue = "_accent_mb1r2_1", Ee = "_danger_mb1r2_1", Me = "_jobsites_mb1r2_1", qe = "_ghost_mb1r2_1", g = {
-  button: ke,
-  disabled: $e,
-  loading: we,
-  loader: Ce,
-  content: Te,
-  s: Ie,
-  xs: Se,
-  square: je,
-  circle: xe,
-  m: Be,
-  l: Le,
-  primary: Ne,
-  secondary: ze,
-  accent: Ue,
-  danger: Ee,
-  jobsites: Me,
-  ghost: qe,
+}, Oe = "_button_mb1r2_1", Pe = "_disabled_mb1r2_1", Me = "_loading_mb1r2_1", Ve = "_loader_mb1r2_1", Re = "_content_mb1r2_1", Ae = "_s_mb1r2_2", We = "_xs_mb1r2_1", De = "_square_mb1r2_1", He = "_circle_mb1r2_1", Fe = "_m_mb1r2_1", Ge = "_l_mb1r2_1", Ke = "_primary_mb1r2_1", Je = "_secondary_mb1r2_1", Qe = "_accent_mb1r2_1", Xe = "_danger_mb1r2_1", Ye = "_jobsites_mb1r2_1", Ze = "_ghost_mb1r2_1", v = {
+  button: Oe,
+  disabled: Pe,
+  loading: Me,
+  loader: Ve,
+  content: Re,
+  s: Ae,
+  xs: We,
+  square: De,
+  circle: He,
+  m: Fe,
+  l: Ge,
+  primary: Ke,
+  secondary: Je,
+  accent: Qe,
+  danger: Xe,
+  jobsites: Ye,
+  ghost: Ze,
   "ghost-danger": "_ghost-danger_mb1r2_1"
-}, Oe = ["name", "type", "disabled"], D = /* @__PURE__ */ f({
+}, et = ["name", "type", "disabled"], J = /* @__PURE__ */ f({
+  name: "UiButton",
   __name: "button",
   props: {
     size: { default: "m" },
@@ -109,11 +107,11 @@ const C = (n, e) => (e ? n[e] : n.default)?.().some((s) => {
     name: {},
     circle: { type: Boolean, default: !1 },
     bordered: { type: Boolean, default: !1 },
-    htmlType: {}
+    htmlType: { default: "button" }
   },
   emits: ["click"],
-  setup(n) {
-    const e = n, t = P(), s = {
+  setup(s) {
+    const e = s, o = D(), t = {
       primary: "white",
       secondary: "black",
       accent: "white",
@@ -121,58 +119,59 @@ const C = (n, e) => (e ? n[e] : n.default)?.().some((s) => {
       jobsites: "white",
       ghost: "black",
       "ghost-danger": "black"
-    }, o = c(() => C(t)), i = c(() => [
-      g.button,
-      g[e.size],
-      g[e.type],
-      e.circle ? [g.circle] : [g.square],
+    }, l = a(() => x(o)), u = a(() => [
+      v.button,
+      v[e.size],
+      v[e.type],
+      e.circle ? [v.circle] : [v.square],
       {
-        [g.disabled]: e.disabled,
-        [g.loading]: e.loading,
-        [g.active]: e.active,
-        [g.bordered]: e.bordered
+        [v.disabled]: e.disabled,
+        [v.loading]: e.loading,
+        [v.active]: e.active,
+        [v.bordered]: e.bordered
       },
       e.className
-    ]), l = c(() => s[e.type] || "white");
-    return (_, b) => (a(), p("button", {
+    ]), c = a(() => t[e.type] || "white");
+    return (_, m) => (r(), d("button", {
       name: _.name,
-      class: u(i.value),
+      class: i(u.value),
       type: _.htmlType,
       disabled: _.disabled || _.loading,
-      onClick: b[0] || (b[0] = ($) => _.$emit("click"))
+      onClick: m[0] || (m[0] = (g) => _.$emit("click"))
     }, [
-      _.loading ? (a(), p("div", {
+      _.loading ? (r(), d("div", {
         key: 0,
-        class: u(r(g).loader)
+        class: i(n(v).loader)
       }, [
-        x(r(pe), {
+        I(n(Se), {
           size: "s",
-          color: l.value
+          color: c.value
         }, null, 8, ["color"])
-      ], 2)) : m("", !0),
-      _.$slots.before ? h(_.$slots, "before", { key: 1 }) : m("", !0),
-      o.value ? (a(), p("span", {
+      ], 2)) : p("", !0),
+      _.$slots.before ? b(_.$slots, "before", { key: 1 }) : p("", !0),
+      l.value ? (r(), d("span", {
         key: 2,
-        class: u(r(g).content)
+        class: i(n(v).content)
       }, [
-        h(_.$slots, "default")
-      ], 2)) : m("", !0),
-      _.$slots.after ? h(_.$slots, "after", { key: 3 }) : m("", !0),
-      _.dropdown ? (a(), k(r(T), {
+        b(_.$slots, "default")
+      ], 2)) : p("", !0),
+      _.$slots.after ? b(_.$slots, "after", { key: 3 }) : p("", !0),
+      _.dropdown ? (r(), h(n(C), {
         key: 4,
         width: 12,
         height: 16,
         name: "drop-down"
-      })) : m("", !0)
-    ], 10, Oe));
+      })) : p("", !0)
+    ], 10, et));
   }
-}), Pe = "_s_o7jd7_9", We = "_xs_o7jd7_14", He = "_m_o7jd7_20", Re = "_l_o7jd7_25", Ae = "_button_o7jd7_31", R = {
-  s: Pe,
-  xs: We,
-  m: He,
-  l: Re,
-  button: Ae
-}, es = /* @__PURE__ */ f({
+}), tt = "_s_o7jd7_9", nt = "_xs_o7jd7_14", st = "_m_o7jd7_20", ot = "_l_o7jd7_25", lt = "_button_o7jd7_31", G = {
+  s: tt,
+  xs: nt,
+  m: st,
+  l: ot,
+  button: lt
+}, yn = /* @__PURE__ */ f({
+  name: "UiButtonIcon",
   __name: "button-icon",
   props: {
     icon: {},
@@ -187,98 +186,99 @@ const C = (n, e) => (e ? n[e] : n.default)?.().some((s) => {
     bordered: { type: Boolean, default: !1 }
   },
   emits: ["click"],
-  setup(n) {
-    const e = n, t = c(() => [R.button, R[e.size], e.className]), s = c(() => {
-      const i = e.size === "xs" ? "18" : "20";
-      return e.icon.replace(/-?\d*$/, `-${i}`);
-    }), o = c(() => e.size === "xs");
-    return (i, l) => (a(), k(r(D), M({ class: t.value }, e, {
+  setup(s) {
+    const e = s, o = a(() => [G.button, G[e.size], e.className]), t = a(() => {
+      const u = e.size === "xs" ? "18" : "20";
+      return e.icon.replace(/-?\d*$/, `-${u}`);
+    }), l = a(() => e.size === "xs");
+    return (u, c) => (r(), h(n(J), O({ class: o.value }, e, {
       "html-type": "button",
-      circle: o.value,
-      onClick: l[0] || (l[0] = (_) => i.$emit("click"))
+      circle: l.value,
+      onClick: c[0] || (c[0] = (_) => u.$emit("click"))
     }), {
-      before: v(() => [
-        x(r(T), { name: s.value }, null, 8, ["name"])
+      before: k(() => [
+        I(n(C), { name: t.value }, null, 8, ["name"])
       ]),
       _: 1
     }, 16, ["class", "circle"]));
   }
-}), De = "_button_1xnk4_1", Ve = {
-  button: De
-}, ts = /* @__PURE__ */ f({
+}), rt = "_button_1xnk4_1", at = {
+  button: rt
+}, vn = /* @__PURE__ */ f({
+  name: "UiButtonLink",
   __name: "button-link",
   emits: ["click"],
-  setup(n) {
-    return (e, t) => (a(), p("button", {
-      class: u(r(Ve).button),
+  setup(s) {
+    return (e, o) => (r(), d("button", {
+      class: i(n(at).button),
       type: "button",
-      onClick: t[0] || (t[0] = (s) => e.$emit("click"))
+      onClick: o[0] || (o[0] = (t) => e.$emit("click"))
     }, [
-      x(r(T), { name: "plus-18" }),
-      h(e.$slots, "default")
+      I(n(C), { name: "plus-18" }),
+      b(e.$slots, "default")
     ], 2));
   }
 });
-function V(n) {
-  return n ? n.flatMap((e) => e.type === X ? V(e.children) : [e]) : [];
+function Q(s) {
+  return s ? s.flatMap((e) => e.type === pe ? Q(e.children) : [e]) : [];
 }
-function Fe(n) {
+function ct(s) {
   var e;
-  const t = Y(n);
-  return (e = t?.$el) != null ? e : t;
+  const o = me(s);
+  return (e = o?.$el) != null ? e : o;
 }
-function Ge() {
-  const n = Z(), e = O(), t = c(() => ["#text", "#comment"].includes(e.value?.$el.nodeName) ? e.value?.$el.nextElementSibling : Fe(e)), s = Object.assign({}, n.exposed), o = {};
-  for (const l in n.props) Object.defineProperty(o, l, {
+function it() {
+  const s = fe(), e = W(), o = a(() => ["#text", "#comment"].includes(e.value?.$el.nodeName) ? e.value?.$el.nextElementSibling : ct(e)), t = Object.assign({}, s.exposed), l = {};
+  for (const c in s.props) Object.defineProperty(l, c, {
     enumerable: !0,
     configurable: !0,
-    get: () => n.props[l]
+    get: () => s.props[c]
   });
-  if (Object.keys(s).length > 0) for (const l in s) Object.defineProperty(o, l, {
+  if (Object.keys(t).length > 0) for (const c in t) Object.defineProperty(l, c, {
     enumerable: !0,
     configurable: !0,
-    get: () => s[l]
+    get: () => t[c]
   });
-  Object.defineProperty(o, "$el", {
+  Object.defineProperty(l, "$el", {
     enumerable: !0,
     configurable: !0,
-    get: () => n.vnode.el
-  }), n.exposed = o;
-  function i(l) {
-    e.value = l, l && (Object.defineProperty(o, "$el", {
+    get: () => s.vnode.el
+  }), s.exposed = l;
+  function u(c) {
+    e.value = c, c && (Object.defineProperty(l, "$el", {
       enumerable: !0,
       configurable: !0,
-      get: () => l instanceof Element ? l : l.$el
-    }), n.exposed = o);
+      get: () => c instanceof Element ? c : c.$el
+    }), s.exposed = l);
   }
   return {
-    forwardRef: i,
+    forwardRef: u,
     currentRef: e,
-    currentElement: t
+    currentElement: o
   };
 }
-const Ke = f({
+const ut = f({
   name: "PrimitiveSlot",
   inheritAttrs: !1,
-  setup(n, { attrs: e, slots: t }) {
+  setup(s, { attrs: e, slots: o }) {
     return () => {
-      if (!t.default) return null;
-      const s = V(t.default()), o = s.findIndex((b) => b.type !== ee);
-      if (o === -1) return s;
-      const i = s[o];
-      delete i.props?.ref;
-      const l = i.props ? M(e, i.props) : e, _ = te({
-        ...i,
+      if (!o.default) return null;
+      const t = Q(o.default()), l = t.findIndex((m) => m.type !== be);
+      if (l === -1) return t;
+      const u = t[l];
+      delete u.props?.ref;
+      const c = u.props ? O(e, u.props) : e, _ = ye({
+        ...u,
         props: {}
-      }, l);
-      return s.length === 1 ? _ : (s[o] = _, s);
+      }, c);
+      return t.length === 1 ? _ : (t[l] = _, t);
     };
   }
-}), Je = [
+}), _t = [
   "area",
   "img",
   "input"
-], Qe = f({
+], dt = f({
   name: "Primitive",
   inheritAttrs: !1,
   props: {
@@ -291,12 +291,12 @@ const Ke = f({
       default: "div"
     }
   },
-  setup(n, { attrs: e, slots: t }) {
-    const s = n.asChild ? "template" : n.as;
-    return typeof s == "string" && Je.includes(s) ? () => q(s, e) : s !== "template" ? () => q(n.as, e, { default: t.default }) : () => q(Ke, e, { default: t.default });
+  setup(s, { attrs: e, slots: o }) {
+    const t = s.asChild ? "template" : s.as;
+    return typeof t == "string" && _t.includes(t) ? () => A(t, e) : t !== "template" ? () => A(s.as, e, { default: o.default }) : () => A(ut, e, { default: o.default });
   }
 });
-var Xe = /* @__PURE__ */ f({
+var pt = /* @__PURE__ */ f({
   __name: "Label",
   props: {
     for: {
@@ -313,110 +313,113 @@ var Xe = /* @__PURE__ */ f({
       default: "label"
     }
   },
-  setup(n) {
-    const e = n;
-    return Ge(), (t, s) => (a(), k(r(Qe), M(e, { onMousedown: s[0] || (s[0] = (o) => {
-      !o.defaultPrevented && o.detail > 1 && o.preventDefault();
+  setup(s) {
+    const e = s;
+    return it(), (o, t) => (r(), h(n(dt), O(e, { onMousedown: t[0] || (t[0] = (l) => {
+      !l.defaultPrevented && l.detail > 1 && l.preventDefault();
     }) }), {
-      default: v(() => [h(t.$slots, "default")]),
+      default: k(() => [b(o.$slots, "default")]),
       _: 3
     }, 16));
   }
-}), Ye = Xe;
-const Ze = "_label_1ic51_1", et = {
-  label: Ze
-}, tt = /* @__PURE__ */ f({
+}), mt = pt;
+const ft = "_label_1ic51_1", bt = {
+  label: ft
+}, yt = /* @__PURE__ */ f({
+  name: "UiLabel",
   __name: "label",
   props: {
     className: {}
   },
-  setup(n) {
-    const e = n, t = c(() => [
-      et.label,
+  setup(s) {
+    const e = s, o = a(() => [
+      bt.label,
       e.className
     ]);
-    return (s, o) => (a(), k(r(Ye), {
-      class: u(t.value)
+    return (t, l) => (r(), h(n(mt), {
+      class: i(o.value)
     }, {
-      default: v(() => [
-        h(s.$slots, "default")
+      default: k(() => [
+        b(t.$slots, "default")
       ]),
       _: 3
     }, 8, ["class"]));
   }
-}), st = "_content_1g21n_1", nt = "_label_1g21n_12", ot = "_header_1g21n_21", lt = "_headerWrapper_1g21n_29", rt = "_title_1g21n_36", at = "_subTitleRow_1g21n_44", ct = "_subTitle_1g21n_44", it = "_link_1g21n_56", ut = "_linkUpper_1g21n_73", w = {
-  content: st,
-  label: nt,
-  header: ot,
-  headerWrapper: lt,
-  title: rt,
-  subTitleRow: at,
-  subTitle: ct,
-  link: it,
-  linkUpper: ut
-}, _t = /* @__PURE__ */ f({
+}), vt = "_content_1g21n_1", kt = "_label_1g21n_12", gt = "_header_1g21n_21", ht = "_headerWrapper_1g21n_29", $t = "_title_1g21n_36", wt = "_subTitleRow_1g21n_44", xt = "_subTitle_1g21n_44", Ct = "_link_1g21n_56", Tt = "_linkUpper_1g21n_73", $ = {
+  content: vt,
+  label: kt,
+  header: gt,
+  headerWrapper: ht,
+  title: $t,
+  subTitleRow: wt,
+  subTitle: xt,
+  link: Ct,
+  linkUpper: Tt
+}, Bt = /* @__PURE__ */ f({
+  name: "UiLabelContent",
   __name: "label-content",
   emits: ["click"],
-  setup(n) {
-    const e = P(), t = c(() => C(e, "header")), s = c(() => C(e)), o = c(() => C(e, "subTitle")), i = c(() => C(e, "link")), l = c(() => t.value || s.value || o.value), _ = c(() => !s.value && !o.value), b = c(
-      () => [w.link, _.value && w.linkUpper].filter(Boolean)
+  setup(s) {
+    const e = D(), o = a(() => x(e, "header")), t = a(() => x(e)), l = a(() => x(e, "subTitle")), u = a(() => x(e, "link")), c = a(() => o.value || t.value || l.value), _ = a(() => !t.value && !l.value), m = a(
+      () => [$.link, _.value && $.linkUpper].filter(Boolean)
     );
-    return ($, B) => (a(), p("div", {
-      class: u(r(w).content)
+    return (g, T) => (r(), d("div", {
+      class: i(n($).content)
     }, [
-      l.value ? (a(), p("span", {
+      c.value ? (r(), d("span", {
         key: 0,
-        class: u(r(w).headerWrapper)
+        class: i(n($).headerWrapper)
       }, [
-        t.value ? (a(), p("span", {
+        o.value ? (r(), d("span", {
           key: 0,
-          class: u(r(w).header)
+          class: i(n($).header)
         }, [
-          h($.$slots, "header")
-        ], 2)) : m("", !0),
-        s.value ? (a(), p("span", {
+          b(g.$slots, "header")
+        ], 2)) : p("", !0),
+        t.value ? (r(), d("span", {
           key: 1,
-          class: u(r(w).title)
+          class: i(n($).title)
         }, [
-          h($.$slots, "default")
-        ], 2)) : m("", !0),
-        o.value ? (a(), p("span", {
+          b(g.$slots, "default")
+        ], 2)) : p("", !0),
+        l.value ? (r(), d("span", {
           key: 2,
-          class: u(r(w).subTitleRow)
+          class: i(n($).subTitleRow)
         }, [
-          E("span", {
-            class: u(r(w).subTitle)
+          q("span", {
+            class: i(n($).subTitle)
           }, [
-            h($.$slots, "subTitle")
+            b(g.$slots, "subTitle")
           ], 2)
-        ], 2)) : m("", !0)
-      ], 2)) : m("", !0),
-      i.value ? (a(), p("span", {
+        ], 2)) : p("", !0)
+      ], 2)) : p("", !0),
+      u.value ? (r(), d("span", {
         key: 1,
-        class: u(b.value),
-        onClick: B[0] || (B[0] = (W) => $.$emit("click"))
+        class: i(m.value),
+        onClick: T[0] || (T[0] = (P) => g.$emit("click"))
       }, [
-        h($.$slots, "link")
-      ], 2)) : m("", !0)
+        b(g.$slots, "link")
+      ], 2)) : p("", !0)
     ], 2));
   }
-}), dt = "_wrapper_1i81c_1", pt = "_input_1i81c_8", mt = "_error_1i81c_38", ft = "_description_1i81c_51", bt = "_descriptionText_1i81c_62", ht = "_errorText_1i81c_66", yt = "_inputWrapper_1i81c_70", gt = "_leftSpace_1i81c_74", vt = "_rightSpace_1i81c_78", kt = "_leftIcon_1i81c_82", $t = "_rightIcon_1i81c_83", y = {
-  wrapper: dt,
-  input: pt,
-  error: mt,
-  description: ft,
-  descriptionText: bt,
-  errorText: ht,
-  inputWrapper: yt,
-  leftSpace: gt,
-  rightSpace: vt,
-  leftIcon: kt,
-  rightIcon: $t
-}, wt = ["id", "value", "name", "type", "disabled", "placeholder", "aria-invalid"], Ct = ["innerHTML"], Tt = ["innerHTML"], ss = /* @__PURE__ */ f({
+}), Lt = "_wrapper_1i81c_1", St = "_input_1i81c_8", jt = "_error_1i81c_38", It = "_description_1i81c_51", Ut = "_descriptionText_1i81c_62", Nt = "_errorText_1i81c_66", zt = "_inputWrapper_1i81c_70", Et = "_leftSpace_1i81c_74", qt = "_rightSpace_1i81c_78", Ot = "_leftIcon_1i81c_82", Pt = "_rightIcon_1i81c_83", y = {
+  wrapper: Lt,
+  input: St,
+  error: jt,
+  description: It,
+  descriptionText: Ut,
+  errorText: Nt,
+  inputWrapper: zt,
+  leftSpace: Et,
+  rightSpace: qt,
+  leftIcon: Ot,
+  rightIcon: Pt
+}, Mt = ["id", "value", "name", "type", "disabled", "placeholder", "aria-invalid"], Vt = ["innerHTML"], Rt = ["innerHTML"], kn = /* @__PURE__ */ f({
+  name: "UiInput",
   __name: "input",
-  props: /* @__PURE__ */ H({
-    value: {},
-    type: { default: "text" },
+  props: {
+    modelValue: {},
+    type: {},
     id: {},
     name: {},
     disabled: { type: Boolean },
@@ -431,120 +434,127 @@ const Ze = "_label_1ic51_1", et = {
     className: {},
     leftIcon: {},
     rightIcon: {}
-  }, {
-    value: {},
-    valueModifiers: {}
-  }),
-  emits: /* @__PURE__ */ H(["update:value", "enter", "clickLink", "clickIcon", "click", "focus", "blur"], ["update:value"]),
-  setup(n, { emit: e }) {
-    const t = n, s = e, o = se(), i = ne(n, "value"), l = c(() => [
+  },
+  emits: ["update:modelValue", "enter", "clickLink", "clickIcon", "click", "focus", "blur"],
+  setup(s, { emit: e }) {
+    const o = s, t = e, {
+      modelValue: l,
+      type: u,
+      id: c,
+      name: _,
+      disabled: m,
+      title: g,
+      header: T,
+      subTitle: P,
+      link: H,
+      placeholder: X,
+      loading: F,
+      error: B,
+      description: M,
+      className: Y,
+      leftIcon: V,
+      rightIcon: R
+    } = ve(o), Z = a(() => l.value ?? ""), ee = a(() => u.value ?? "text"), te = ke(), ne = a(() => [
       y.input,
       {
-        [y.disabled]: t.disabled,
-        [y.error]: t.error,
-        [y.loading]: t.loading,
-        [y.leftSpace]: !!t.leftIcon,
-        [y.rightSpace]: !!t.rightIcon
+        [y.disabled]: m.value,
+        [y.error]: B.value,
+        [y.loading]: F.value,
+        [y.leftSpace]: !!V.value,
+        [y.rightSpace]: !!R.value
       },
-      t.className
-    ]), _ = c(() => t.header || t.title || t.subTitle || t.link), b = c(() => t.description || t.error), $ = (d) => {
-      d.key === "Enter" && s("enter");
-    }, B = (d) => {
-      s("update:value", d.target.value);
-    }, W = () => {
-      s("focus");
-    }, F = () => {
-      s("blur");
-    }, G = () => {
-      s("clickLink");
-    }, K = () => {
-      s("click");
-    }, J = (d) => {
-      d.preventDefault(), s("clickIcon");
+      Y.value
+    ]), se = a(() => T.value || g.value || P.value || H.value), oe = a(() => M.value || B.value), le = (w) => {
+      w.key === "Enter" && t("enter");
+    }, re = (w) => {
+      t("update:modelValue", w.target.value);
+    }, ae = () => t("focus"), ce = () => t("blur"), ie = () => t("clickLink"), ue = () => t("click"), _e = (w) => {
+      w.preventDefault(), t("clickIcon");
     };
-    return (d, Xt) => (a(), p("div", {
-      class: u(r(y).wrapper)
+    return (w, mn) => (r(), d("div", {
+      class: i(n(y).wrapper)
     }, [
-      _.value ? (a(), k(r(tt), {
+      se.value ? (r(), h(n(yt), {
         key: 0,
-        for: d.id,
-        onClick: G
+        for: n(c),
+        onClick: ie
       }, {
-        default: v(() => [
-          x(r(_t), null, {
-            header: v(() => [
-              S(j(t.header), 1)
+        default: k(() => [
+          I(n(Bt), null, {
+            header: k(() => [
+              S(j(n(T)), 1)
             ]),
-            subTitle: v(() => [
-              S(j(t.subTitle), 1)
+            subTitle: k(() => [
+              S(j(n(P)), 1)
             ]),
-            link: v(() => [
-              S(j(t.link), 1)
+            link: k(() => [
+              S(j(n(H)), 1)
             ]),
-            default: v(() => [
-              S(" " + j(t.title) + " ", 1)
+            default: k(() => [
+              S(" " + j(n(g)) + " ", 1)
             ]),
             _: 1
           })
         ]),
         _: 1
-      }, 8, ["for"])) : m("", !0),
-      E("div", {
-        class: u(r(y).inputWrapper)
+      }, 8, ["for"])) : p("", !0),
+      q("div", {
+        class: i(n(y).inputWrapper)
       }, [
-        d.leftIcon ? (a(), k(r(T), {
+        n(V) ? (r(), h(n(C), {
           key: 0,
-          name: d.leftIcon,
-          class: u(r(y).leftIcon)
-        }, null, 8, ["name", "class"])) : m("", !0),
-        E("input", M({
-          id: d.id,
-          value: i.value,
-          name: d.name,
-          type: d.type,
-          disabled: d.disabled || d.loading,
-          placeholder: d.placeholder,
-          class: l.value,
-          "aria-invalid": !!d.error
-        }, r(o), {
-          onInput: B,
-          onKeydown: $,
-          onFocus: W,
-          onBlur: F,
-          onClick: K
-        }), null, 16, wt),
-        d.rightIcon ? (a(), k(r(T), {
+          name: n(V),
+          class: i(n(y).leftIcon)
+        }, null, 8, ["name", "class"])) : p("", !0),
+        q("input", O({
+          id: n(c),
+          value: Z.value,
+          name: n(_),
+          type: ee.value,
+          disabled: n(m) || n(F),
+          placeholder: n(X),
+          class: ne.value,
+          "aria-invalid": !!n(B)
+        }, n(te), {
+          onInput: re,
+          onKeydown: le,
+          onFocus: ae,
+          onBlur: ce,
+          onClick: ue
+        }), null, 16, Mt),
+        n(R) ? (r(), h(n(C), {
           key: 1,
-          name: d.rightIcon,
-          class: u(r(y).rightIcon),
-          onClick: J
-        }, null, 8, ["name", "class"])) : m("", !0)
+          name: n(R),
+          class: i(n(y).rightIcon),
+          onClick: _e
+        }, null, 8, ["name", "class"])) : p("", !0)
       ], 2),
-      b.value ? (a(), p("div", {
+      oe.value ? (r(), d("div", {
         key: 1,
-        class: u(r(y).description)
+        class: i(n(y).description)
       }, [
-        d.error ? (a(), p("div", {
+        n(B) ? (r(), d("div", {
           key: 0,
-          class: u(r(y).errorText),
-          innerHTML: d.error
-        }, null, 10, Ct)) : m("", !0),
-        d.description ? (a(), p("div", {
+          class: i(n(y).errorText),
+          innerHTML: n(B)
+        }, null, 10, Vt)) : p("", !0),
+        n(M) ? (r(), d("div", {
           key: 1,
-          class: u(r(y).descriptionText),
-          innerHTML: d.description
-        }, null, 10, Tt)) : m("", !0)
-      ], 2)) : m("", !0)
+          class: i(n(y).descriptionText),
+          innerHTML: n(M)
+        }, null, 10, Rt)) : p("", !0)
+      ], 2)) : p("", !0)
     ], 2));
   }
-}), It = "_plank_1yp3k_1", St = "_accent_1yp3k_26", jt = "_danger_1yp3k_32", xt = "_text_1yp3k_38", Bt = "_icon_1yp3k_42", L = {
-  plank: It,
+}), At = "_plank_1yp3k_1", Wt = "_accent_1yp3k_26", Dt = "_danger_1yp3k_32", Ht = "_text_1yp3k_38", Ft = "_icon_1yp3k_42", U = {
+  plank: At,
   default: "_default_1yp3k_20",
-  accent: St,
-  danger: jt,
-  text: xt,
-  icon: Bt
-}, ns = /* @__PURE__ */ f({
+  accent: Wt,
+  danger: Dt,
+  text: Ht,
+  icon: Ft
+}, gn = /* @__PURE__ */ f({
+  name: "UiPlank",
   __name: "plank",
   props: {
     type: { default: "default" },
@@ -552,43 +562,43 @@ const Ze = "_label_1ic51_1", et = {
     label: {}
   },
   emits: ["click"],
-  setup(n) {
-    const e = n, t = P(), s = c(() => C(t)), o = c(() => [L.plank, L[e.type]]);
-    return (i, l) => (a(), p("div", {
-      class: u(o.value)
+  setup(s) {
+    const e = s, o = D(), t = a(() => x(o)), l = a(() => [U.plank, U[e.type]]);
+    return (u, c) => (r(), d("div", {
+      class: i(l.value)
     }, [
-      i.icon ? (a(), p("div", {
+      u.icon ? (r(), d("div", {
         key: 0,
-        class: u(r(L).icon)
+        class: i(n(U).icon)
       }, [
-        x(r(T), { name: i.icon }, null, 8, ["name"])
-      ], 2)) : m("", !0),
-      s.value ? (a(), p("div", {
+        I(n(C), { name: u.icon }, null, 8, ["name"])
+      ], 2)) : p("", !0),
+      t.value ? (r(), d("div", {
         key: 1,
-        class: u(r(L).text)
+        class: i(n(U).text)
       }, [
-        h(i.$slots, "default")
-      ], 2)) : m("", !0),
-      i.label ? (a(), k(r(D), {
+        b(u.$slots, "default")
+      ], 2)) : p("", !0),
+      u.label ? (r(), h(n(J), {
         key: 2,
         size: "xs",
         type: "secondary",
-        onClick: l[0] || (l[0] = (_) => i.$emit("click"))
+        onClick: c[0] || (c[0] = (_) => u.$emit("click"))
       }, {
-        default: v(() => [
-          S(j(i.label), 1)
+        default: k(() => [
+          S(j(u.label), 1)
         ]),
         _: 1
-      })) : m("", !0)
+      })) : p("", !0)
     ], 2));
   }
-}), Lt = "_text_dbd8t_1", Nt = "_primary_dbd8t_10", zt = "_medium_dbd8t_15", Ut = "_secondary_dbd8t_20", Et = "_accent_dbd8t_30", Mt = "_subtitle_dbd8t_40", N = {
-  text: Lt,
-  primary: Nt,
-  medium: zt,
-  secondary: Ut,
-  accent: Et,
-  subtitle: Mt,
+}), Gt = "_text_dbd8t_1", Kt = "_primary_dbd8t_10", Jt = "_medium_dbd8t_15", Qt = "_secondary_dbd8t_20", Xt = "_accent_dbd8t_30", Yt = "_subtitle_dbd8t_40", N = {
+  text: Gt,
+  primary: Kt,
+  medium: Jt,
+  secondary: Qt,
+  accent: Xt,
+  subtitle: Yt,
   "color-main": "_color-main_dbd8t_46",
   "color-secondary": "_color-secondary_dbd8t_50",
   "color-semilight": "_color-semilight_dbd8t_54",
@@ -596,7 +606,8 @@ const Ze = "_label_1ic51_1", et = {
   "color-invert": "_color-invert_dbd8t_62",
   "color-danger": "_color-danger_dbd8t_66",
   "color-success": "_color-success_dbd8t_70"
-}, os = /* @__PURE__ */ f({
+}, hn = /* @__PURE__ */ f({
+  name: "UiText",
   __name: "text",
   props: {
     tagName: { default: "p" },
@@ -604,26 +615,26 @@ const Ze = "_label_1ic51_1", et = {
     weight: {},
     color: {}
   },
-  setup(n) {
-    const e = n, t = c(() => [
+  setup(s) {
+    const e = s, o = a(() => [
       N.text,
       N[e.kind],
       e.weight && N[e.weight],
       e.color && N[`color-${e.color}`]
     ]);
-    return (s, o) => (a(), k(A(s.tagName), {
-      class: u(t.value)
+    return (t, l) => (r(), h(K(t.tagName), {
+      class: i(o.value)
     }, {
-      default: v(() => [
-        h(s.$slots, "default")
+      default: k(() => [
+        b(t.$slots, "default")
       ]),
       _: 3
     }, 8, ["class"]));
   }
-}), qt = "_title_1m0wo_1", Ot = "_medium_1m0wo_15", z = {
-  title: qt,
+}), Zt = "_title_1m0wo_1", en = "_medium_1m0wo_15", z = {
+  title: Zt,
   "level-1": "_level-1_1m0wo_10",
-  medium: Ot,
+  medium: en,
   "level-2": "_level-2_1m0wo_20",
   "level-3": "_level-3_1m0wo_30",
   "level-4": "_level-4_1m0wo_40",
@@ -634,7 +645,8 @@ const Ze = "_label_1ic51_1", et = {
   "color-invert": "_color-invert_1m0wo_66",
   "color-danger": "_color-danger_1m0wo_70",
   "color-success": "_color-success_1m0wo_74"
-}, ls = /* @__PURE__ */ f({
+}, $n = /* @__PURE__ */ f({
+  name: "UiTitle",
   __name: "title",
   props: {
     level: {},
@@ -642,108 +654,110 @@ const Ze = "_label_1ic51_1", et = {
     weight: {},
     color: {}
   },
-  setup(n) {
-    const e = n, t = c(() => [
+  setup(s) {
+    const e = s, o = a(() => [
       z.title,
       z[`level-${e.level ?? 1}`],
       e.className,
       e.weight && z[e.weight],
       e.color && z[`color-${e.color}`]
-    ]), s = c(() => `h${e.level ?? 1}`);
-    return (o, i) => (a(), k(A(s.value), {
-      class: u(t.value)
+    ]), t = a(() => `h${e.level ?? 1}`);
+    return (l, u) => (r(), h(K(t.value), {
+      class: i(o.value)
     }, {
-      default: v(() => [
-        h(o.$slots, "default")
+      default: k(() => [
+        b(l.$slots, "default")
       ]),
       _: 3
     }, 8, ["class"]));
   }
-}), Pt = "_error_lk2jx_1", Wt = {
-  error: Pt
-}, rs = /* @__PURE__ */ f({
+}), tn = "_error_lk2jx_1", nn = {
+  error: tn
+}, wn = /* @__PURE__ */ f({
+  name: "UiError",
   __name: "error",
   props: {
     className: {}
   },
-  setup(n) {
-    const e = n, t = c(() => [
-      Wt.error,
+  setup(s) {
+    const e = s, o = a(() => [
+      nn.error,
       e.className
     ]);
-    return (s, o) => (a(), p("span", {
-      class: u(t.value)
+    return (t, l) => (r(), d("span", {
+      class: i(o.value)
     }, [
-      h(s.$slots, "default")
+      b(t.$slots, "default")
     ], 2));
   }
-}), Ht = "_root_1tj1b_1", Rt = "_xxs_1tj1b_26", At = "_xs_1tj1b_30", Dt = "_s_1tj1b_16", Vt = "_m_1tj1b_38", Ft = "_l_1tj1b_42", Gt = "_square_1tj1b_45", Kt = "_xl_1tj1b_50", Jt = "_xxl_1tj1b_58", U = {
-  root: Ht,
+}), sn = "_root_1tj1b_1", on = "_xxs_1tj1b_26", ln = "_xs_1tj1b_30", rn = "_s_1tj1b_16", an = "_m_1tj1b_38", cn = "_l_1tj1b_42", un = "_square_1tj1b_45", _n = "_xl_1tj1b_50", dn = "_xxl_1tj1b_58", E = {
+  root: sn,
   default: "_default_1tj1b_14",
-  xxs: Rt,
-  xs: At,
-  s: Dt,
-  m: Vt,
-  l: Ft,
-  square: Gt,
-  xl: Kt,
-  xxl: Jt,
+  xxs: on,
+  xs: ln,
+  s: rn,
+  m: an,
+  l: cn,
+  square: un,
+  xl: _n,
+  xxl: dn,
   "3xl": "_3xl_1tj1b_66"
-}, Qt = ["src"], as = /* @__PURE__ */ f({
+}, pn = ["src"], xn = /* @__PURE__ */ f({
+  name: "UiAvatar",
   __name: "avatar",
   props: {
     src: { default: void 0 },
     size: { default: "xxs" },
     square: { type: Boolean, default: !1 }
   },
-  setup(n) {
-    const e = n, t = O(!e.src), s = O(!1), o = c(() => e.src && !s.value), i = c(() => {
-      const b = !t.value || s.value || !e.src;
+  setup(s) {
+    const e = s, o = W(!e.src), t = W(!1), l = a(() => e.src && !t.value), u = a(() => {
+      const m = !o.value || t.value || !e.src;
       return [
-        U.root,
-        U[e.size],
-        e.square && U.square,
-        b && U.default
+        E.root,
+        E[e.size],
+        e.square && E.square,
+        m && E.default
       ];
     });
-    oe(
+    ge(
       () => e.src,
-      (b) => {
-        t.value = !b, s.value = !1;
+      (m) => {
+        o.value = !m, t.value = !1;
       },
       { immediate: !0 }
     );
-    function l() {
-      t.value = !0;
+    function c() {
+      o.value = !0;
     }
     function _() {
-      s.value = !0;
+      t.value = !0;
     }
-    return (b, $) => (a(), p("div", {
-      class: u(i.value)
+    return (m, g) => (r(), d("div", {
+      class: i(u.value)
     }, [
-      o.value ? (a(), p("img", {
+      l.value ? (r(), d("img", {
         key: 0,
-        src: b.src,
-        onLoad: l,
+        src: m.src,
+        onLoad: c,
         onError: _
-      }, null, 40, Qt)) : m("", !0),
-      h(b.$slots, "default")
+      }, null, 40, pn)) : p("", !0),
+      b(m.$slots, "default")
     ], 2));
   }
 });
 export {
-  as as UiAvatar,
-  D as UiButton,
-  es as UiButtonIcon,
-  ts as UiButtonLink,
-  rs as UiError,
-  T as UiIcon,
-  ss as UiInput,
-  tt as UiLabel,
-  pe as UiLoader,
-  ns as UiPlank,
-  os as UiText,
-  ls as UiTitle,
-  Zt as injectSvgSprite
+  xn as UiAvatar,
+  J as UiButton,
+  yn as UiButtonIcon,
+  vn as UiButtonLink,
+  wn as UiError,
+  C as UiIcon,
+  kn as UiInput,
+  yt as UiLabel,
+  Se as UiLoader,
+  gn as UiPlank,
+  hn as UiText,
+  $n as UiTitle,
+  bn as injectSvgSprite
 };