@huntflow/ui 0.1.7 → 0.1.8

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_t6bg6_1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._loader_t6bg6_10{display:block;color:var(--hf-loader-color);flex:0 0 auto}._circle_t6bg6_15{animation-name:_loader-animation_t6bg6_1;animation-iteration-count:infinite;animation-duration:1s;animation-timing-function:linear}._white_t6bg6_22{--hf-loader-color: var(--hf-color-text-invert)}._black_t6bg6_26{--hf-loader-color: var(--hf-color-text-main)}._s_t6bg6_30{width:18px;height:18px}._m_t6bg6_35{width:28px;height:28px}._l_t6bg6_10{width:56px;height:56px}._spinner_t6bg6_45{display:inline-block;border:1px solid var(--hf-loader-color);border-top-color:transparent;border-left-color:transparent;border-radius:50%}._icon_1p8iz_2{font-style:normal;display:inline-block;vertical-align:middle}._button_8zhhb_1{position:relative;display:inline-flex;align-items:center;justify-content:center;border:solid 1px;cursor:pointer;font-family:var(--hf-font-family-body),sans-serif;font-style:normal;min-width:-moz-max-content;min-width:max-content;text-decoration:none;color:inherit;gap:var(--hf-spacing-button-icon)}._button_8zhhb_1:active{background-color:#999}._button_8zhhb_1:focus{outline:none}._button_8zhhb_1:focus-visible{outline:solid 3px var(--hf-color-button-disable-default)}._button_8zhhb_1:is(._disabled_8zhhb_1),._button_8zhhb_1:is(._disabled_8zhhb_1):hover{background:var(--hf-color-button-disable-default);border-color:transparent;color:var(--hf-color-text-light);box-shadow:none;transform:none;cursor:default}._button_8zhhb_1._loading_8zhhb_1{cursor:default}._button_8zhhb_1._loading_8zhhb_1>*:not(._loader_8zhhb_1){visibility:hidden}._button_8zhhb_1+._button_8zhhb_1{margin-left:var(--hf-spacing-button-between)}._content_8zhhb_1{display:flex;line-height:inherit}._content_8zhhb_1:first-child:last-child{width:100%;text-align:center}._loader_8zhhb_1{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}._dropdownIcon_8zhhb_1{margin-left:calc(var(--hf-spacing-button-icon) * -1)}._s_8zhhb_2{border-radius:var(--hf-radius-button-s);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)}._xs_8zhhb_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_8zhhb_1._square_8zhhb_1{border-radius:var(--hf-radius-button-xs)}._xs_8zhhb_1._circle_8zhhb_1{border-radius:var(--hf-radius-button-circle)}._m_8zhhb_1{border-radius:var(--hf-radius-button-m);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)}._l_8zhhb_1{border-radius:var(--hf-radius-button-l);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)}._primary_8zhhb_1{color:var(--hf-color-text-invert);background-color:var(--hf-color-button-primary-default);border-color:var(--hf-color-button-primary-default)}._primary_8zhhb_1:hover{background-color:var(--hf-color-button-primary-hover);border-color:var(--hf-color-button-primary-hover)}._primary_8zhhb_1:active{background-color:var(--hf-color-button-primary-active);border-color:var(--hf-color-button-primary-active)}._secondary_8zhhb_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_8zhhb_1:hover{background-color:var(--hf-color-button-secondary-fill-hover);border-color:var(--hf-color-button-secondary-fill-hover)}._secondary_8zhhb_1:active{background-color:var(--hf-color-button-secondary-fill-active);border-color:var(--hf-color-button-secondary-fill-active)}._accent_8zhhb_1{color:var(--hf-color-text-invert);background-color:var(--hf-color-button-accent-default);border-color:var(--hf-color-button-accent-default)}._accent_8zhhb_1:hover{background-color:var(--hf-color-button-accent-hover);border-color:var(--hf-color-button-accent-hover)}._accent_8zhhb_1:active{background-color:var(--hf-color-button-accent-active);border-color:var(--hf-color-button-accent-active)}._danger_8zhhb_1{color:var(--hf-color-text-invert);background-color:var(--hf-color-button-danger-default);border-color:var(--hf-color-button-danger-default)}._danger_8zhhb_1:hover{background-color:var(--hf-color-button-danger-hover);border-color:var(--hf-color-button-danger-hover)}._danger_8zhhb_1:active{background-color:var(--hf-color-button-danger-active);border-color:var(--hf-color-button-danger-active)}._jobsites_8zhhb_1{color:var(--hf-color-text-invert);background-color:var(--hf-color-button-jobsite-default);border-color:var(--hf-color-button-jobsite-default)}._jobsites_8zhhb_1:hover{background-color:var(--hf-color-button-jobsite-hover);border-color:var(--hf-color-button-jobsite-hover)}._jobsites_8zhhb_1:active{background-color:var(--hf-color-button-jobsite-active);border-color:var(--hf-color-button-jobsite-active)}._ghost_8zhhb_1{color:var(--hf-color-text-main);background-color:transparent;border-color:transparent}._ghost_8zhhb_1:hover{background-color:var(--hf-color-button-secondary-fill-hover)}._ghost_8zhhb_1:active{background-color:var(--hf-color-button-secondary-fill-active)}._ghost-danger_8zhhb_1{color:var(--hf-color-text-main);background-color:transparent;border-color:transparent}._ghost-danger_8zhhb_1:hover{color:var(--hf-color-text-invert);background-color:var(--hf-color-button-danger-hover)}._ghost-danger_8zhhb_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_1oi85_9{width:var(--hf-btn-size-s);height:var(--hf-btn-size-s)}._xs_1oi85_14{width:var(--hf-btn-size-xs);height:var(--hf-btn-size-xs);border-radius:var(--hf-radius-button-circle)}._m_1oi85_20{width:var(--hf-btn-size-m);height:var(--hf-btn-size-m)}._l_1oi85_25{width:var(--hf-btn-size-l);height:var(--hf-btn-size-l)}._button_1oi85_31{padding:0}._button_1vqio_1{padding:0 2px 0 0;border:none;margin:0;cursor:pointer;display:flex;flex-direction:row;gap:var(--hf-spacing-button-link-s);align-items:center;background-color:transparent;color:var(--hf-color-link-default);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)}._button_1vqio_1:hover{color:var(--hf-color-link-hover)}._label_1a45q_1{color:var(--hf-color-text-main);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)}._content_14uwa_1{display:flex;flex-direction:row;gap:var(--hf-spacing-xs);flex:1;margin-bottom:var(--hf-spacing-xs)}._label_14uwa_9{display:flex;flex-direction:row;gap:var(--hf-spacing-xs);font-style:normal;flex:1;margin-bottom:var(--hf-spacing-xs)}._header_14uwa_18{display:block;color:var(--hf-color-text-main);font-size:var(--hf-font-size-text-h4);font-weight:var(--hf-font-weight-text-h4);line-height:var(--hf-font-line-height-text-h4)}._headerWrapper_14uwa_26{flex-grow:1;gap:var(--hf-spacing-xs);display:flex;flex-direction:column}._title_14uwa_33{display:block;color:var(--hf-color-text-main);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)}._subTitleRow_14uwa_41{display:flex;justify-content:space-between;font-size:var(--hf-font-size-label-subtitle);color:var(--hf-color-text-semilight);font-weight:var(--hf-font-weight-label-subtitle)}._subTitle_14uwa_41{line-height:var(--hf-font-line-height-label-subtitle)}._link_14uwa_53{overflow:hidden;text-overflow:ellipsis;font-size:var(--hf-font-size-label-title);line-height:var(--hf-font-line-height-label-subtitle);color:var(--hf-color-text-semilight);font-weight:var(--hf-font-weight-label-subtitle);margin-left:auto;align-self:flex-end;height:20px}._link_14uwa_53 a{text-decoration:none;color:var(--hf-color-text-semilight)}._linkUpper_14uwa_70{margin-bottom:1px}._wrapper_ep5oa_1{margin-bottom:var(--hf-spacing-xs)}._input_ep5oa_5{border-radius:var(--hf-radius-input-default);border:var(--hf-border-xs) solid var(--hf-color-input-border-default);background:var(--hf-color-input-background-default);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);width:100%;box-sizing:border-box;color:var(--hf-color-input-text-default);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)}._input_ep5oa_5:active{border-color:var(--hf-color-input-border-focus)}._input_ep5oa_5:focus{border-color:var(--hf-color-input-border-focus);outline:solid 3px var(--hf-color-input-border-focus-visible)}._input_ep5oa_5:disabled{outline:none;border-color:var(--hf-color-input-text-disable);background:var(--hf-color-input-background-disable);color:var(--hf-color-input-text-disable)}._error_ep5oa_36,._error_ep5oa_36:active{border-color:var(--hf-color-input-border-error)}._error_ep5oa_36:focus{border-color:var(--hf-color-input-border-error);outline:solid 3px var(--hf-color-input-border-error-focus-visible)}._description_ep5oa_48{margin-top:var(--hf-spacing-xs);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)}._description_ep5oa_48 a{text-decoration:underline}._descriptionText_ep5oa_59{color:var(--hf-color-input-text-description)}._errorText_ep5oa_63{color:var(--hf-color-text-danger)}._inputWrapper_ep5oa_67{position:relative}._leftSpace_ep5oa_71{padding-left:42px}._rightSpace_ep5oa_75{padding-right:42px}._leftIcon_ep5oa_79,._rightIcon_ep5oa_80{position:absolute;height:100%}._leftIcon_ep5oa_79{left:15px}._rightIcon_ep5oa_80{padding:0 9px;right:0}._rightIcon_ep5oa_80[aria-label^=close]{color:var(--hf-color-text-light);cursor:pointer}._plank_8tn62_1{border-radius:var(--hf-radius-m);padding:var(--hf-spacing-m) var(--hf-spacing-l);border-width:1px;border-style:solid;font-family:var(--hf-font-family-body),sans-serif;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);font-style:normal;display:flex;flex-direction:row;gap:var(--hf-spacing-m);align-items:center;justify-content:space-between}._default_8tn62_19{color:var(--hf-color-text-main);border-color:var(--hf-color-plank-default-border);background-color:var(--hf-color-plank-default-background)}._accent_8tn62_25{color:var(--hf-color-plank-success-text);border-color:var(--hf-color-plank-success-border);background-color:var(--hf-color-plank-success-background)}._danger_8tn62_31{color:var(--hf-color-plank-danger-text);border-color:var(--hf-color-plank-danger-border);background-color:var(--hf-color-plank-danger-background)}._text_8tn62_37{flex-grow:1}._icon_8tn62_41{width:var(--hf-font-line-height-text-primary);height:var(--hf-font-line-height-text-primary)}._text_13xdn_1{font-family:var(--hf-font-family-body);font-style:normal;color:var(--hf-color-text-main);margin:0}._primary_13xdn_8{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_13xdn_8._medium_13xdn_12{font-weight:var(--hf-font-weight-text-primary-medium)}._secondary_13xdn_17{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_13xdn_17._medium_13xdn_12{font-weight:var(--hf-font-weight-text-secondary-medium)}._accent_13xdn_26{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_13xdn_26._medium_13xdn_12{font-weight:var(--hf-font-weight-text-accent-medium)}._subtitle_13xdn_35{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_13xdn_41{color:var(--hf-color-text-main)}._color-secondary_13xdn_45{color:var(--hf-color-text-secondary)}._color-semilight_13xdn_49{color:var(--hf-color-text-semilight)}._color-light_13xdn_53{color:var(--hf-color-text-light)}._color-invert_13xdn_57{color:var(--hf-color-text-invert)}._color-danger_13xdn_61{color:var(--hf-color-text-danger)}._color-success_13xdn_65{color:var(--hf-color-text-success)}._title_1qk7l_1{font-family:var(--hf-font-family-body);font-style:normal;color:var(--hf-color-text-main);margin:0}._level-1_1qk7l_8{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_1qk7l_8._medium_1qk7l_12{font-weight:var(--hf-font-weight-text-h1-medium)}._level-2_1qk7l_17{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_1qk7l_17._medium_1qk7l_12{font-weight:var(--hf-font-weight-text-h2-medium)}._level-3_1qk7l_26{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_1qk7l_26._medium_1qk7l_12{font-weight:var(--hf-font-weight-text-h3-medium)}._level-4_1qk7l_35{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_1qk7l_35._medium_1qk7l_12{font-weight:var(--hf-font-weight-text-h4-medium)}._color-main_1qk7l_44{color:var(--hf-color-text-main)}._color-secondary_1qk7l_48{color:var(--hf-color-text-secondary)}._color-semilight_1qk7l_52{color:var(--hf-color-text-semilight)}._color-light_1qk7l_56{color:var(--hf-color-text-light)}._color-invert_1qk7l_60{color:var(--hf-color-text-invert)}._color-danger_1qk7l_64{color:var(--hf-color-text-danger)}._color-success_1qk7l_68{color:var(--hf-color-text-success)}._error_1y1de_1{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)}")),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 U, useSlots as E, createCommentVNode as m, renderSlot as h, createBlock as k, createVNode as B, mergeProps as M, withCtx as g, Fragment as J, toValue as Q, getCurrentInstance as X, ref as Y, Comment as Z, cloneVNode as ee, h as j, mergeModels as P, useAttrs as te, useModel as ne, createTextVNode as z, toDisplayString as S, resolveDynamicComponent as W } 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_t6bg6_10", se = "_circle_t6bg6_15", le = "_white_t6bg6_22", re = "_black_t6bg6_26", ae = "_s_t6bg6_30", ce = "_m_t6bg6_35", ie = "_l_t6bg6_10", ue = "_spinner_t6bg6_45", I = {
+  loader: oe,
+  circle: se,
+  "loader-animation": "_loader-animation_t6bg6_1",
+  white: le,
+  black: re,
+  s: ae,
+  m: ce,
+  l: ie,
+  spinner: ue
+}, _e = /* @__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));
+  }
+}), de = ["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
+    }, [
+      U("use", {
+        "xlink:href": `#${s.name}`
+      }, null, 8, pe)
+    ], 14, de));
+  }
+}), fe = "_icon_1p8iz_2", he = {
+  icon: fe
+}, be = (o, e) => {
+  const t = o.__vccOpts || o;
+  for (const [n, s] of e)
+    t[n] = s;
+  return t;
+}, ye = {
+  $style: he
+}, T = /* @__PURE__ */ be(me, [["__cssModules", ye]]), 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-CzhZOw1N.js")).default}
+      </svg>
+    `;
+      document.body.insertAdjacentHTML("afterbegin", e);
+    } catch (o) {
+      console.error("Failed to load SVG sprite:", o);
+    }
+}, ge = "_button_8zhhb_1", ke = "_disabled_8zhhb_1", ve = "_loading_8zhhb_1", $e = "_loader_8zhhb_1", we = "_content_8zhhb_1", Ce = "_dropdownIcon_8zhhb_1", Te = "_s_8zhhb_2", Ie = "_xs_8zhhb_1", ze = "_square_8zhhb_1", Se = "_circle_8zhhb_1", Be = "_m_8zhhb_1", Ne = "_l_8zhhb_1", Le = "_primary_8zhhb_1", qe = "_secondary_8zhhb_1", xe = "_accent_8zhhb_1", Ue = "_danger_8zhhb_1", Me = "_jobsites_8zhhb_1", je = "_ghost_8zhhb_1", y = {
+  button: ge,
+  disabled: ke,
+  loading: ve,
+  loader: $e,
+  content: we,
+  dropdownIcon: Ce,
+  s: Te,
+  xs: Ie,
+  square: ze,
+  circle: Se,
+  m: Be,
+  l: Ne,
+  primary: Le,
+  secondary: qe,
+  accent: xe,
+  danger: Ue,
+  jobsites: Me,
+  ghost: je,
+  "ghost-danger": "_ghost-danger_8zhhb_1"
+}, Ee = ["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 = E(), n = {
+      primary: "white",
+      secondary: "black",
+      accent: "white",
+      danger: "white",
+      jobsites: "white",
+      ghost: "black",
+      "ghost-danger": "black"
+    }, s = c(() => C(t)), i = c(() => [
+      y.button,
+      y[e.size],
+      y[e.type],
+      e.circle ? [y.circle] : [y.square],
+      {
+        [y.disabled]: e.disabled,
+        [y.loading]: e.loading,
+        [y.active]: e.active,
+        [y.bordered]: e.bordered
+      },
+      e.className
+    ]), u = c(() => n[e.type] || "white");
+    return (d, v) => (r(), p("button", {
+      name: d.name,
+      class: a(i.value),
+      type: d.htmlType,
+      disabled: d.disabled || d.loading,
+      onClick: v[0] || (v[0] = ($) => d.$emit("click"))
+    }, [
+      d.loading ? (r(), p("div", {
+        key: 0,
+        class: a(l(y).loader)
+      }, [
+        B(l(_e), {
+          size: "s",
+          color: u.value
+        }, null, 8, ["color"])
+      ], 2)) : m("", !0),
+      d.$slots.before ? h(d.$slots, "before", { key: 1 }) : m("", !0),
+      s.value ? (r(), p("span", {
+        key: 2,
+        class: a(l(y).content)
+      }, [
+        h(d.$slots, "default")
+      ], 2)) : m("", !0),
+      d.$slots.after ? h(d.$slots, "after", { key: 3 }) : m("", !0),
+      d.dropdown ? (r(), k(l(T), {
+        key: 4,
+        class: a(l(y).dropdownIcon),
+        name: "chevron-down-18"
+      }, null, 8, ["class"])) : m("", !0)
+    ], 10, Ee));
+  }
+}), Oe = "_s_1oi85_9", Pe = "_xs_1oi85_14", Re = "_m_1oi85_20", We = "_l_1oi85_25", He = "_button_1oi85_31", R = {
+  s: Oe,
+  xs: Pe,
+  m: Re,
+  l: We,
+  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(() => [R.button, R[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(), k(l(H), M({ class: t.value }, e, {
+      "html-type": "button",
+      circle: s.value,
+      onClick: u[0] || (u[0] = (d) => i.$emit("click"))
+    }), {
+      before: g(() => [
+        B(l(T), { name: n.value }, null, 8, ["name"])
+      ]),
+      _: 1
+    }, 16, ["class", "circle"]));
+  }
+}), Ve = "_button_1vqio_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"))
+    }, [
+      B(l(T), { name: "plus-18" }),
+      h(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 ? M(e, i.props) : e, d = ee({
+        ...i,
+        props: {}
+      }, u);
+      return n.length === 1 ? d : (n[s] = d, 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) ? () => j(n, e) : n !== "template" ? () => j(o.as, e, { default: t.default }) : () => j(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(), k(l(Je), M(e, { onMousedown: n[0] || (n[0] = (s) => {
+      !s.defaultPrevented && s.detail > 1 && s.preventDefault();
+    }) }), {
+      default: g(() => [h(t.$slots, "default")]),
+      _: 3
+    }, 16));
+  }
+}), Xe = Qe;
+const Ye = "_label_1a45q_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(), k(l(Xe), {
+      class: a(t.value)
+    }, {
+      default: g(() => [
+        h(n.$slots, "default")
+      ]),
+      _: 3
+    }, 8, ["class"]));
+  }
+}), tt = "_content_14uwa_1", nt = "_label_14uwa_9", ot = "_header_14uwa_18", st = "_headerWrapper_14uwa_26", lt = "_title_14uwa_33", rt = "_subTitleRow_14uwa_41", at = "_subTitle_14uwa_41", ct = "_link_14uwa_53", it = "_linkUpper_14uwa_70", 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 = E(), 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), d = c(() => !n.value && !s.value), v = c(
+      () => [w.link, d.value && w.linkUpper].filter(Boolean)
+    );
+    return ($, N) => (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)
+        }, [
+          h($.$slots, "header")
+        ], 2)) : m("", !0),
+        n.value ? (r(), p("span", {
+          key: 1,
+          class: a(l(w).title)
+        }, [
+          h($.$slots, "default")
+        ], 2)) : m("", !0),
+        s.value ? (r(), p("span", {
+          key: 2,
+          class: a(l(w).subTitleRow)
+        }, [
+          U("span", {
+            class: a(l(w).subTitle)
+          }, [
+            h($.$slots, "subTitle")
+          ], 2)
+        ], 2)) : m("", !0)
+      ], 2)) : m("", !0),
+      i.value ? (r(), p("span", {
+        key: 1,
+        class: a(v.value),
+        onClick: N[0] || (N[0] = (O) => $.$emit("click"))
+      }, [
+        h($.$slots, "link")
+      ], 2)) : m("", !0)
+    ], 2));
+  }
+}), _t = "_wrapper_ep5oa_1", dt = "_input_ep5oa_5", pt = "_error_ep5oa_36", mt = "_description_ep5oa_48", ft = "_descriptionText_ep5oa_59", ht = "_errorText_ep5oa_63", bt = "_inputWrapper_ep5oa_67", yt = "_leftSpace_ep5oa_71", gt = "_rightSpace_ep5oa_75", kt = "_leftIcon_ep5oa_79", vt = "_rightIcon_ep5oa_80", b = {
+  wrapper: _t,
+  input: dt,
+  error: pt,
+  description: mt,
+  descriptionText: ft,
+  errorText: ht,
+  inputWrapper: bt,
+  leftSpace: yt,
+  rightSpace: gt,
+  leftIcon: kt,
+  rightIcon: vt
+}, $t = ["id", "value", "name", "type", "disabled", "placeholder", "aria-invalid"], wt = ["innerHTML"], Ct = ["innerHTML"], Dt = /* @__PURE__ */ f({
+  __name: "input",
+  props: /* @__PURE__ */ P({
+    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__ */ P(["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(() => [
+      b.input,
+      {
+        [b.disabled]: t.disabled,
+        [b.error]: t.error,
+        [b.loading]: t.loading,
+        [b.leftSpace]: !!t.leftIcon,
+        [b.rightSpace]: !!t.rightIcon
+      },
+      t.className
+    ]), d = c(() => t.header || t.title || t.subTitle || t.link), v = c(() => t.description || t.error), $ = (_) => {
+      _.key === "Enter" && n("enter");
+    }, N = (_) => {
+      n("update:value", _.target.value);
+    }, O = () => {
+      n("focus");
+    }, A = () => {
+      n("blur");
+    }, D = () => {
+      n("clickLink");
+    }, F = () => {
+      n("click");
+    }, G = (_) => {
+      _.preventDefault(), n("clickIcon");
+    };
+    return (_, Rt) => (r(), p("div", {
+      class: a(l(b).wrapper)
+    }, [
+      d.value ? (r(), k(l(et), {
+        key: 0,
+        for: _.id,
+        onClick: D
+      }, {
+        default: g(() => [
+          B(l(ut), null, {
+            header: g(() => [
+              z(S(t.header), 1)
+            ]),
+            subTitle: g(() => [
+              z(S(t.subTitle), 1)
+            ]),
+            link: g(() => [
+              z(S(t.link), 1)
+            ]),
+            default: g(() => [
+              z(" " + S(t.title) + " ", 1)
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      }, 8, ["for"])) : m("", !0),
+      U("div", {
+        class: a(l(b).inputWrapper)
+      }, [
+        _.leftIcon ? (r(), k(l(T), {
+          key: 0,
+          name: _.leftIcon,
+          class: a(l(b).leftIcon)
+        }, null, 8, ["name", "class"])) : m("", !0),
+        U("input", M({
+          id: _.id,
+          value: i.value,
+          name: _.name,
+          type: _.type,
+          disabled: _.disabled || _.loading,
+          placeholder: _.placeholder,
+          class: u.value,
+          "aria-invalid": !!_.error
+        }, l(s), {
+          onInput: N,
+          onKeydown: $,
+          onFocus: O,
+          onBlur: A,
+          onClick: F
+        }), null, 16, $t),
+        _.rightIcon ? (r(), k(l(T), {
+          key: 1,
+          name: _.rightIcon,
+          class: a(l(b).rightIcon),
+          onClick: G
+        }, null, 8, ["name", "class"])) : m("", !0)
+      ], 2),
+      v.value ? (r(), p("div", {
+        key: 1,
+        class: a(l(b).description)
+      }, [
+        _.error ? (r(), p("div", {
+          key: 0,
+          class: a(l(b).errorText),
+          innerHTML: _.error
+        }, null, 10, wt)) : m("", !0),
+        _.description ? (r(), p("div", {
+          key: 1,
+          class: a(l(b).descriptionText),
+          innerHTML: _.description
+        }, null, 10, Ct)) : m("", !0)
+      ], 2)) : m("", !0)
+    ], 2));
+  }
+}), Tt = "_plank_8tn62_1", It = "_accent_8tn62_25", zt = "_danger_8tn62_31", St = "_text_8tn62_37", Bt = "_icon_8tn62_41", L = {
+  plank: Tt,
+  default: "_default_8tn62_19",
+  accent: It,
+  danger: zt,
+  text: St,
+  icon: Bt
+}, Ft = /* @__PURE__ */ f({
+  __name: "plank",
+  props: {
+    type: { default: "default" },
+    icon: {},
+    label: {}
+  },
+  emits: ["click"],
+  setup(o) {
+    const e = o, t = E(), n = c(() => C(t)), s = c(() => [L.plank, L[e.type]]);
+    return (i, u) => (r(), p("div", {
+      class: a(s.value)
+    }, [
+      i.icon ? (r(), p("div", {
+        key: 0,
+        class: a(l(L).icon)
+      }, [
+        B(l(T), { name: i.icon }, null, 8, ["name"])
+      ], 2)) : m("", !0),
+      n.value ? (r(), p("div", {
+        key: 1,
+        class: a(l(L).text)
+      }, [
+        h(i.$slots, "default")
+      ], 2)) : m("", !0),
+      i.label ? (r(), k(l(H), {
+        key: 2,
+        size: "xs",
+        type: "secondary",
+        onClick: u[0] || (u[0] = (d) => i.$emit("click"))
+      }, {
+        default: g(() => [
+          z(S(i.label), 1)
+        ]),
+        _: 1
+      })) : m("", !0)
+    ], 2));
+  }
+}), Nt = "_text_13xdn_1", Lt = "_primary_13xdn_8", qt = "_medium_13xdn_12", xt = "_secondary_13xdn_17", Ut = "_accent_13xdn_26", Mt = "_subtitle_13xdn_35", q = {
+  text: Nt,
+  primary: Lt,
+  medium: qt,
+  secondary: xt,
+  accent: Ut,
+  subtitle: Mt,
+  "color-main": "_color-main_13xdn_41",
+  "color-secondary": "_color-secondary_13xdn_45",
+  "color-semilight": "_color-semilight_13xdn_49",
+  "color-light": "_color-light_13xdn_53",
+  "color-invert": "_color-invert_13xdn_57",
+  "color-danger": "_color-danger_13xdn_61",
+  "color-success": "_color-success_13xdn_65"
+}, Gt = /* @__PURE__ */ f({
+  __name: "text",
+  props: {
+    tagName: { default: "p" },
+    kind: { default: "primary" },
+    weight: {},
+    color: {}
+  },
+  setup(o) {
+    const e = o, t = c(() => [
+      q.text,
+      q[e.kind],
+      e.weight && q[e.weight],
+      e.color && q[`color-${e.color}`]
+    ]);
+    return (n, s) => (r(), k(W(n.tagName), {
+      class: a(t.value)
+    }, {
+      default: g(() => [
+        h(n.$slots, "default")
+      ]),
+      _: 3
+    }, 8, ["class"]));
+  }
+}), jt = "_title_1qk7l_1", Et = "_medium_1qk7l_12", x = {
+  title: jt,
+  "level-1": "_level-1_1qk7l_8",
+  medium: Et,
+  "level-2": "_level-2_1qk7l_17",
+  "level-3": "_level-3_1qk7l_26",
+  "level-4": "_level-4_1qk7l_35",
+  "color-main": "_color-main_1qk7l_44",
+  "color-secondary": "_color-secondary_1qk7l_48",
+  "color-semilight": "_color-semilight_1qk7l_52",
+  "color-light": "_color-light_1qk7l_56",
+  "color-invert": "_color-invert_1qk7l_60",
+  "color-danger": "_color-danger_1qk7l_64",
+  "color-success": "_color-success_1qk7l_68"
+}, Kt = /* @__PURE__ */ f({
+  __name: "title",
+  props: {
+    level: {},
+    className: {},
+    weight: {},
+    color: {}
+  },
+  setup(o) {
+    const e = o, t = c(() => [
+      x.title,
+      x[`level-${e.level ?? 1}`],
+      e.className,
+      e.weight && x[e.weight],
+      e.color && x[`color-${e.color}`]
+    ]), n = c(() => `h${e.level ?? 1}`);
+    return (s, i) => (r(), k(W(n.value), {
+      class: a(t.value)
+    }, {
+      default: g(() => [
+        h(s.$slots, "default")
+      ]),
+      _: 3
+    }, 8, ["class"]));
+  }
+}), Ot = "_error_1y1de_1", Pt = {
+  error: Ot
+}, Jt = /* @__PURE__ */ f({
+  __name: "error",
+  props: {
+    className: {}
+  },
+  setup(o) {
+    const e = o, t = c(() => [
+      Pt.error,
+      e.className
+    ]);
+    return (n, s) => (r(), p("span", {
+      class: a(t.value)
+    }, [
+      h(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,
+  _e as UiLoader,
+  Ft as UiPlank,
+  Gt as UiText,
+  Kt as UiTitle,
+  Ht as injectSvgSprite
+};