@huntflow/ui 0.1.7 → 0.2.0

package/dist/ui.es.js

@@ -0,0 +1,692 @@
+(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)}})();
+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";
+const C = (o, e) => (e ? o[e] : o.default)?.().some((n) => {
+  const s = n.children;
+  return s && s.toString().trim() !== "";
+}) ?? !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 = {
+  loader: oe,
+  circle: se,
+  "loader-animation": "_loader-animation_tpkd0_1",
+  white: le,
+  black: re,
+  s: ae,
+  m: ce,
+  l: ie,
+  spinner: ue
+}, de = /* @__PURE__ */ f({
+  __name: "loader",
+  props: {
+    className: {},
+    size: { default: "l" },
+    color: { default: "black" }
+  },
+  setup(o) {
+    const e = o, t = c(() => [I.loader, I[e.size], I[e.color], I.circle]);
+    return (n, s) => (r(), p("span", {
+      class: a([l(I).spinner, t.value])
+    }, null, 2));
+  }
+}), _e = ["aria-label", "width", "height"], pe = ["xlink:href"], me = /* @__PURE__ */ f({
+  __name: "icon",
+  props: {
+    name: {},
+    color: {},
+    block: { type: Boolean }
+  },
+  setup(o) {
+    const e = o, t = c(() => {
+      const s = e?.name?.match(/(\d+)$/);
+      return s ? Number.parseInt(s[1], 10) : 16;
+    }), n = c(() => {
+      const s = {};
+      return e.color && (s.color = e.color), e.block && (s.display = "block"), s;
+    });
+    return (s, i) => (r(), p("svg", {
+      class: a(s.$style.icon),
+      "aria-label": s.name,
+      style: K(n.value),
+      role: "img",
+      width: t.value,
+      height: t.value
+    }, [
+      M("use", {
+        "xlink:href": `#${s.name}`
+      }, null, 8, pe)
+    ], 14, _e));
+  }
+}), fe = "_icon_1p8iz_2", be = {
+  icon: fe
+}, ye = (o, e) => {
+  const t = o.__vccOpts || o;
+  for (const [n, s] of e)
+    t[n] = s;
+  return t;
+}, ge = {
+  $style: be
+}, T = /* @__PURE__ */ ye(me, [["__cssModules", ge]]), Ht = async () => {
+  if (!(typeof document > "u") && !document.getElementById("__svg-sprite__"))
+    try {
+      const e = `
+      <svg id="__svg-sprite__" xmlns="http://www.w3.org/2000/svg" style="display: none;">
+        ${(await import("./sprite-Ceyc7sd5.js")).default}
+      </svg>
+    `;
+      document.body.insertAdjacentHTML("afterbegin", e);
+    } catch (o) {
+      console.error("Failed to load SVG sprite:", o);
+    }
+}, 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 = {
+  button: ke,
+  disabled: he,
+  loading: ve,
+  loader: $e,
+  content: we,
+  dropdownIcon: Ce,
+  s: Te,
+  xs: Ie,
+  square: Se,
+  circle: Be,
+  m: Ne,
+  l: Le,
+  primary: je,
+  secondary: Ue,
+  accent: ze,
+  danger: Me,
+  jobsites: Ee,
+  ghost: Oe,
+  "ghost-danger": "_ghost-danger_mb1r2_1"
+}, Pe = ["name", "type", "disabled"], H = /* @__PURE__ */ f({
+  __name: "button",
+  props: {
+    size: { default: "m" },
+    className: {},
+    type: { default: "primary" },
+    disabled: { type: Boolean, default: !1 },
+    loading: { type: Boolean, default: !1 },
+    dropdown: { type: Boolean, default: !1 },
+    active: { type: Boolean, default: !1 },
+    name: {},
+    circle: { type: Boolean, default: !1 },
+    bordered: { type: Boolean, default: !1 },
+    htmlType: {}
+  },
+  emits: ["click"],
+  setup(o) {
+    const e = o, t = P(), n = {
+      primary: "white",
+      secondary: "black",
+      accent: "white",
+      danger: "white",
+      jobsites: "white",
+      ghost: "black",
+      "ghost-danger": "black"
+    }, s = c(() => C(t)), i = c(() => [
+      g.button,
+      g[e.size],
+      g[e.type],
+      e.circle ? [g.circle] : [g.square],
+      {
+        [g.disabled]: e.disabled,
+        [g.loading]: e.loading,
+        [g.active]: e.active,
+        [g.bordered]: e.bordered
+      },
+      e.className
+    ]), u = c(() => n[e.type] || "white");
+    return (_, v) => (r(), p("button", {
+      name: _.name,
+      class: a(i.value),
+      type: _.htmlType,
+      disabled: _.disabled || _.loading,
+      onClick: v[0] || (v[0] = ($) => _.$emit("click"))
+    }, [
+      _.loading ? (r(), p("div", {
+        key: 0,
+        class: a(l(g).loader)
+      }, [
+        N(l(de), {
+          size: "s",
+          color: u.value
+        }, null, 8, ["color"])
+      ], 2)) : m("", !0),
+      _.$slots.before ? b(_.$slots, "before", { key: 1 }) : m("", !0),
+      s.value ? (r(), p("span", {
+        key: 2,
+        class: a(l(g).content)
+      }, [
+        b(_.$slots, "default")
+      ], 2)) : m("", !0),
+      _.$slots.after ? b(_.$slots, "after", { key: 3 }) : m("", !0),
+      _.dropdown ? (r(), h(l(T), {
+        key: 4,
+        class: a(l(g).dropdownIcon),
+        name: "chevron-down-18"
+      }, null, 8, ["class"])) : m("", !0)
+    ], 10, Pe));
+  }
+}), xe = "_s_o7jd7_9", Re = "_xs_o7jd7_14", We = "_m_o7jd7_20", qe = "_l_o7jd7_25", He = "_button_o7jd7_31", W = {
+  s: xe,
+  xs: Re,
+  m: We,
+  l: qe,
+  button: He
+}, Vt = /* @__PURE__ */ f({
+  __name: "button-icon",
+  props: {
+    icon: {},
+    size: { default: "m" },
+    className: {},
+    type: { default: "primary" },
+    disabled: { type: Boolean, default: !1 },
+    loading: { type: Boolean, default: !1 },
+    active: { type: Boolean, default: !1 },
+    name: {},
+    circle: { type: Boolean, default: !1 },
+    bordered: { type: Boolean, default: !1 }
+  },
+  emits: ["click"],
+  setup(o) {
+    const e = o, t = c(() => [W.button, W[e.size], e.className]), n = c(() => {
+      const i = e.size === "xs" ? "18" : "20";
+      return e.icon.replace(/-?\d*$/, `-${i}`);
+    }), s = c(() => e.size === "xs");
+    return (i, u) => (r(), h(l(H), E({ class: t.value }, e, {
+      "html-type": "button",
+      circle: s.value,
+      onClick: u[0] || (u[0] = (_) => i.$emit("click"))
+    }), {
+      before: k(() => [
+        N(l(T), { name: n.value }, null, 8, ["name"])
+      ]),
+      _: 1
+    }, 16, ["class", "circle"]));
+  }
+}), Ve = "_button_1xnk4_1", Ae = {
+  button: Ve
+}, At = /* @__PURE__ */ f({
+  __name: "button-link",
+  emits: ["click"],
+  setup(o) {
+    return (e, t) => (r(), p("button", {
+      class: a(l(Ae).button),
+      type: "button",
+      onClick: t[0] || (t[0] = (n) => e.$emit("click"))
+    }, [
+      N(l(T), { name: "plus-18" }),
+      b(e.$slots, "default")
+    ], 2));
+  }
+});
+function V(o) {
+  return o ? o.flatMap((e) => e.type === J ? V(e.children) : [e]) : [];
+}
+function De(o) {
+  var e;
+  const t = Q(o);
+  return (e = t?.$el) != null ? e : t;
+}
+function Fe() {
+  const o = X(), e = Y(), t = c(() => ["#text", "#comment"].includes(e.value?.$el.nodeName) ? e.value?.$el.nextElementSibling : De(e)), n = Object.assign({}, o.exposed), s = {};
+  for (const u in o.props) Object.defineProperty(s, u, {
+    enumerable: !0,
+    configurable: !0,
+    get: () => o.props[u]
+  });
+  if (Object.keys(n).length > 0) for (const u in n) Object.defineProperty(s, u, {
+    enumerable: !0,
+    configurable: !0,
+    get: () => n[u]
+  });
+  Object.defineProperty(s, "$el", {
+    enumerable: !0,
+    configurable: !0,
+    get: () => o.vnode.el
+  }), o.exposed = s;
+  function i(u) {
+    e.value = u, u && (Object.defineProperty(s, "$el", {
+      enumerable: !0,
+      configurable: !0,
+      get: () => u instanceof Element ? u : u.$el
+    }), o.exposed = s);
+  }
+  return {
+    forwardRef: i,
+    currentRef: e,
+    currentElement: t
+  };
+}
+const Ge = f({
+  name: "PrimitiveSlot",
+  inheritAttrs: !1,
+  setup(o, { attrs: e, slots: t }) {
+    return () => {
+      if (!t.default) return null;
+      const n = V(t.default()), s = n.findIndex((v) => v.type !== Z);
+      if (s === -1) return n;
+      const i = n[s];
+      delete i.props?.ref;
+      const u = i.props ? E(e, i.props) : e, _ = ee({
+        ...i,
+        props: {}
+      }, u);
+      return n.length === 1 ? _ : (n[s] = _, n);
+    };
+  }
+}), Ke = [
+  "area",
+  "img",
+  "input"
+], Je = f({
+  name: "Primitive",
+  inheritAttrs: !1,
+  props: {
+    asChild: {
+      type: Boolean,
+      default: !1
+    },
+    as: {
+      type: [String, Object],
+      default: "div"
+    }
+  },
+  setup(o, { attrs: e, slots: t }) {
+    const n = o.asChild ? "template" : o.as;
+    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 });
+  }
+});
+var Qe = /* @__PURE__ */ f({
+  __name: "Label",
+  props: {
+    for: {
+      type: String,
+      required: !1
+    },
+    asChild: {
+      type: Boolean,
+      required: !1
+    },
+    as: {
+      type: null,
+      required: !1,
+      default: "label"
+    }
+  },
+  setup(o) {
+    const e = o;
+    return Fe(), (t, n) => (r(), h(l(Je), E(e, { onMousedown: n[0] || (n[0] = (s) => {
+      !s.defaultPrevented && s.detail > 1 && s.preventDefault();
+    }) }), {
+      default: k(() => [b(t.$slots, "default")]),
+      _: 3
+    }, 16));
+  }
+}), Xe = Qe;
+const Ye = "_label_1ic51_1", Ze = {
+  label: Ye
+}, et = /* @__PURE__ */ f({
+  __name: "label",
+  props: {
+    className: {}
+  },
+  setup(o) {
+    const e = o, t = c(() => [
+      Ze.label,
+      e.className
+    ]);
+    return (n, s) => (r(), h(l(Xe), {
+      class: a(t.value)
+    }, {
+      default: k(() => [
+        b(n.$slots, "default")
+      ]),
+      _: 3
+    }, 8, ["class"]));
+  }
+}), 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 = {
+  content: tt,
+  label: nt,
+  header: ot,
+  headerWrapper: st,
+  title: lt,
+  subTitleRow: rt,
+  subTitle: at,
+  link: ct,
+  linkUpper: it
+}, ut = /* @__PURE__ */ f({
+  __name: "label-content",
+  emits: ["click"],
+  setup(o) {
+    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(
+      () => [w.link, _.value && w.linkUpper].filter(Boolean)
+    );
+    return ($, L) => (r(), p("div", {
+      class: a(l(w).content)
+    }, [
+      u.value ? (r(), p("span", {
+        key: 0,
+        class: a(l(w).headerWrapper)
+      }, [
+        t.value ? (r(), p("span", {
+          key: 0,
+          class: a(l(w).header)
+        }, [
+          b($.$slots, "header")
+        ], 2)) : m("", !0),
+        n.value ? (r(), p("span", {
+          key: 1,
+          class: a(l(w).title)
+        }, [
+          b($.$slots, "default")
+        ], 2)) : m("", !0),
+        s.value ? (r(), p("span", {
+          key: 2,
+          class: a(l(w).subTitleRow)
+        }, [
+          M("span", {
+            class: a(l(w).subTitle)
+          }, [
+            b($.$slots, "subTitle")
+          ], 2)
+        ], 2)) : m("", !0)
+      ], 2)) : m("", !0),
+      i.value ? (r(), p("span", {
+        key: 1,
+        class: a(v.value),
+        onClick: L[0] || (L[0] = (x) => $.$emit("click"))
+      }, [
+        b($.$slots, "link")
+      ], 2)) : m("", !0)
+    ], 2));
+  }
+}), 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 = {
+  wrapper: dt,
+  input: _t,
+  error: pt,
+  description: mt,
+  descriptionText: ft,
+  errorText: bt,
+  inputWrapper: yt,
+  leftSpace: gt,
+  rightSpace: kt,
+  leftIcon: ht,
+  rightIcon: vt
+}, $t = ["id", "value", "name", "type", "disabled", "placeholder", "aria-invalid"], wt = ["innerHTML"], Ct = ["innerHTML"], Dt = /* @__PURE__ */ f({
+  __name: "input",
+  props: /* @__PURE__ */ R({
+    value: {},
+    type: { default: "text" },
+    id: {},
+    name: {},
+    disabled: { type: Boolean },
+    title: {},
+    header: {},
+    subTitle: {},
+    link: {},
+    placeholder: {},
+    loading: { type: Boolean },
+    error: {},
+    description: {},
+    className: {},
+    leftIcon: {},
+    rightIcon: {}
+  }, {
+    value: {},
+    valueModifiers: {}
+  }),
+  emits: /* @__PURE__ */ R(["update:value", "enter", "clickLink", "clickIcon", "click", "focus", "blur"], ["update:value"]),
+  setup(o, { emit: e }) {
+    const t = o, n = e, s = te(), i = ne(o, "value"), u = c(() => [
+      y.input,
+      {
+        [y.disabled]: t.disabled,
+        [y.error]: t.error,
+        [y.loading]: t.loading,
+        [y.leftSpace]: !!t.leftIcon,
+        [y.rightSpace]: !!t.rightIcon
+      },
+      t.className
+    ]), _ = c(() => t.header || t.title || t.subTitle || t.link), v = c(() => t.description || t.error), $ = (d) => {
+      d.key === "Enter" && n("enter");
+    }, L = (d) => {
+      n("update:value", d.target.value);
+    }, x = () => {
+      n("focus");
+    }, A = () => {
+      n("blur");
+    }, D = () => {
+      n("clickLink");
+    }, F = () => {
+      n("click");
+    }, G = (d) => {
+      d.preventDefault(), n("clickIcon");
+    };
+    return (d, Wt) => (r(), p("div", {
+      class: a(l(y).wrapper)
+    }, [
+      _.value ? (r(), h(l(et), {
+        key: 0,
+        for: d.id,
+        onClick: D
+      }, {
+        default: k(() => [
+          N(l(ut), null, {
+            header: k(() => [
+              S(B(t.header), 1)
+            ]),
+            subTitle: k(() => [
+              S(B(t.subTitle), 1)
+            ]),
+            link: k(() => [
+              S(B(t.link), 1)
+            ]),
+            default: k(() => [
+              S(" " + B(t.title) + " ", 1)
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      }, 8, ["for"])) : m("", !0),
+      M("div", {
+        class: a(l(y).inputWrapper)
+      }, [
+        d.leftIcon ? (r(), h(l(T), {
+          key: 0,
+          name: d.leftIcon,
+          class: a(l(y).leftIcon)
+        }, null, 8, ["name", "class"])) : m("", !0),
+        M("input", E({
+          id: d.id,
+          value: i.value,
+          name: d.name,
+          type: d.type,
+          disabled: d.disabled || d.loading,
+          placeholder: d.placeholder,
+          class: u.value,
+          "aria-invalid": !!d.error
+        }, l(s), {
+          onInput: L,
+          onKeydown: $,
+          onFocus: x,
+          onBlur: A,
+          onClick: F
+        }), null, 16, $t),
+        d.rightIcon ? (r(), h(l(T), {
+          key: 1,
+          name: d.rightIcon,
+          class: a(l(y).rightIcon),
+          onClick: G
+        }, null, 8, ["name", "class"])) : m("", !0)
+      ], 2),
+      v.value ? (r(), p("div", {
+        key: 1,
+        class: a(l(y).description)
+      }, [
+        d.error ? (r(), p("div", {
+          key: 0,
+          class: a(l(y).errorText),
+          innerHTML: d.error
+        }, null, 10, wt)) : m("", !0),
+        d.description ? (r(), p("div", {
+          key: 1,
+          class: a(l(y).descriptionText),
+          innerHTML: d.description
+        }, null, 10, Ct)) : m("", !0)
+      ], 2)) : m("", !0)
+    ], 2));
+  }
+}), Tt = "_plank_1yp3k_1", It = "_accent_1yp3k_26", St = "_danger_1yp3k_32", Bt = "_text_1yp3k_38", Nt = "_icon_1yp3k_42", j = {
+  plank: Tt,
+  default: "_default_1yp3k_20",
+  accent: It,
+  danger: St,
+  text: Bt,
+  icon: Nt
+}, Ft = /* @__PURE__ */ f({
+  __name: "plank",
+  props: {
+    type: { default: "default" },
+    icon: {},
+    label: {}
+  },
+  emits: ["click"],
+  setup(o) {
+    const e = o, t = P(), n = c(() => C(t)), s = c(() => [j.plank, j[e.type]]);
+    return (i, u) => (r(), p("div", {
+      class: a(s.value)
+    }, [
+      i.icon ? (r(), p("div", {
+        key: 0,
+        class: a(l(j).icon)
+      }, [
+        N(l(T), { name: i.icon }, null, 8, ["name"])
+      ], 2)) : m("", !0),
+      n.value ? (r(), p("div", {
+        key: 1,
+        class: a(l(j).text)
+      }, [
+        b(i.$slots, "default")
+      ], 2)) : m("", !0),
+      i.label ? (r(), h(l(H), {
+        key: 2,
+        size: "xs",
+        type: "secondary",
+        onClick: u[0] || (u[0] = (_) => i.$emit("click"))
+      }, {
+        default: k(() => [
+          S(B(i.label), 1)
+        ]),
+        _: 1
+      })) : m("", !0)
+    ], 2));
+  }
+}), 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 = {
+  text: Lt,
+  primary: jt,
+  medium: Ut,
+  secondary: zt,
+  accent: Mt,
+  subtitle: Et,
+  "color-main": "_color-main_dbd8t_46",
+  "color-secondary": "_color-secondary_dbd8t_50",
+  "color-semilight": "_color-semilight_dbd8t_54",
+  "color-light": "_color-light_dbd8t_58",
+  "color-invert": "_color-invert_dbd8t_62",
+  "color-danger": "_color-danger_dbd8t_66",
+  "color-success": "_color-success_dbd8t_70"
+}, Gt = /* @__PURE__ */ f({
+  __name: "text",
+  props: {
+    tagName: { default: "p" },
+    kind: { default: "primary" },
+    weight: {},
+    color: {}
+  },
+  setup(o) {
+    const e = o, t = c(() => [
+      U.text,
+      U[e.kind],
+      e.weight && U[e.weight],
+      e.color && U[`color-${e.color}`]
+    ]);
+    return (n, s) => (r(), h(q(n.tagName), {
+      class: a(t.value)
+    }, {
+      default: k(() => [
+        b(n.$slots, "default")
+      ]),
+      _: 3
+    }, 8, ["class"]));
+  }
+}), Ot = "_title_1m0wo_1", Pt = "_medium_1m0wo_15", z = {
+  title: Ot,
+  "level-1": "_level-1_1m0wo_10",
+  medium: Pt,
+  "level-2": "_level-2_1m0wo_20",
+  "level-3": "_level-3_1m0wo_30",
+  "level-4": "_level-4_1m0wo_40",
+  "color-main": "_color-main_1m0wo_50",
+  "color-secondary": "_color-secondary_1m0wo_54",
+  "color-semilight": "_color-semilight_1m0wo_58",
+  "color-light": "_color-light_1m0wo_62",
+  "color-invert": "_color-invert_1m0wo_66",
+  "color-danger": "_color-danger_1m0wo_70",
+  "color-success": "_color-success_1m0wo_74"
+}, Kt = /* @__PURE__ */ f({
+  __name: "title",
+  props: {
+    level: {},
+    className: {},
+    weight: {},
+    color: {}
+  },
+  setup(o) {
+    const e = o, t = c(() => [
+      z.title,
+      z[`level-${e.level ?? 1}`],
+      e.className,
+      e.weight && z[e.weight],
+      e.color && z[`color-${e.color}`]
+    ]), n = c(() => `h${e.level ?? 1}`);
+    return (s, i) => (r(), h(q(n.value), {
+      class: a(t.value)
+    }, {
+      default: k(() => [
+        b(s.$slots, "default")
+      ]),
+      _: 3
+    }, 8, ["class"]));
+  }
+}), xt = "_error_lk2jx_1", Rt = {
+  error: xt
+}, Jt = /* @__PURE__ */ f({
+  __name: "error",
+  props: {
+    className: {}
+  },
+  setup(o) {
+    const e = o, t = c(() => [
+      Rt.error,
+      e.className
+    ]);
+    return (n, s) => (r(), p("span", {
+      class: a(t.value)
+    }, [
+      b(n.$slots, "default")
+    ], 2));
+  }
+});
+export {
+  H as UiButton,
+  Vt as UiButtonIcon,
+  At as UiButtonLink,
+  Jt as UiError,
+  T as UiIcon,
+  Dt as UiInput,
+  et as UiLabel,
+  de as UiLoader,
+  Ft as UiPlank,
+  Gt as UiText,
+  Kt as UiTitle,
+  Ht as injectSvgSprite
+};