@andyagent/ainorix-ui 0.1.0

package/dist/ainorix-ui.js

@@ -0,0 +1,2065 @@
+import { defineComponent as b, openBlock as a, createElementBlock as n, createElementVNode as i, toDisplayString as u, createCommentVNode as c, useSlots as ke, computed as k, createBlock as E, renderSlot as g, unref as W, createTextVNode as T, ref as x, watch as X, onBeforeUnmount as de, Teleport as ie, normalizeStyle as j, withDirectives as Fe, withModifiers as F, vModelText as Ze, Fragment as C, renderList as L, nextTick as Ae, onMounted as we, readonly as Ne, createVNode as R, withCtx as O, withKeys as ae, mergeProps as He, h as _e } from "vue";
+const Ue = {
+  mounted(e, l) {
+    l.value !== !1 && e.focus();
+  }
+}, Oe = ["data-size", "data-tone", "aria-label"], qe = {
+  key: 0,
+  class: "spinner__label"
+}, je = /* @__PURE__ */ b({
+  name: "ASpinner",
+  __name: "ASpinner",
+  props: {
+    size: { default: "md" },
+    tone: { default: "accent" },
+    label: { default: "Loading" }
+  },
+  setup(e) {
+    return (l, t) => (a(), n("span", {
+      class: "spinner",
+      "data-size": e.size,
+      "data-tone": e.tone,
+      role: "status",
+      "aria-label": e.label
+    }, [
+      t[0] || (t[0] = i("span", {
+        class: "spinner__track",
+        "aria-hidden": "true"
+      }, null, -1)),
+      e.label ? (a(), n("span", qe, u(e.label), 1)) : c("", !0)
+    ], 8, Oe));
+  }
+}), p = (e, l) => {
+  const t = e.__vccOpts || e;
+  for (const [s, o] of l)
+    t[s] = o;
+  return t;
+}, xe = /* @__PURE__ */ p(je, [["__scopeId", "data-v-13d7a269"]]), Ge = ["type", "data-variant", "data-size", "data-block", "data-icon-only", "aria-label", "disabled"], We = /* @__PURE__ */ b({
+  name: "AButton",
+  __name: "AButton",
+  props: {
+    variant: { default: "primary" },
+    size: { default: "md" },
+    type: { default: "button" },
+    disabled: { type: Boolean, default: !1 },
+    loading: { type: Boolean, default: !1 },
+    block: { type: Boolean, default: !1 },
+    ariaLabel: {}
+  },
+  emits: ["click"],
+  setup(e, { emit: l }) {
+    const t = e, s = l, o = ke(), d = k(() => !!(t.ariaLabel && !o.default && (o["icon-left"] || o["icon-right"])));
+    return (f, r) => (a(), n("button", {
+      class: "btn",
+      type: e.type,
+      "data-variant": e.variant,
+      "data-size": e.size,
+      "data-block": e.block || null,
+      "data-icon-only": d.value || null,
+      "aria-label": e.ariaLabel,
+      disabled: e.disabled || e.loading,
+      onClick: r[0] || (r[0] = (m) => s("click", m))
+    }, [
+      e.loading ? (a(), E(xe, {
+        key: 0,
+        size: e.size === "sm" ? "sm" : "md",
+        tone: "onaccent"
+      }, null, 8, ["size"])) : c("", !0),
+      g(f.$slots, "icon-left", {}, void 0, !0),
+      g(f.$slots, "default", {}, void 0, !0),
+      g(f.$slots, "icon-right", {}, void 0, !0)
+    ], 8, Ge));
+  }
+}), le = /* @__PURE__ */ p(We, [["__scopeId", "data-v-75aa3c53"]]), Je = ["data-size", "data-disabled", "data-error"], Qe = ["for"], Xe = { class: "field__control" }, Ye = {
+  key: 0,
+  class: "field__icon"
+}, et = ["id", "value", "type", "name", "placeholder", "disabled", "readonly", "autocomplete", "aria-invalid"], tt = {
+  key: 1,
+  class: "field__msg field__msg--error"
+}, at = {
+  key: 2,
+  class: "field__msg"
+}, lt = /* @__PURE__ */ b({
+  name: "AInput",
+  __name: "AInput",
+  props: {
+    id: {},
+    modelValue: { default: "" },
+    type: { default: "text" },
+    label: {},
+    helper: {},
+    error: { type: [Boolean, String], default: !1 },
+    placeholder: {},
+    disabled: { type: Boolean, default: !1 },
+    readonly: { type: Boolean, default: !1 },
+    size: { default: "md" },
+    name: {},
+    autocomplete: {}
+  },
+  emits: ["update:modelValue"],
+  setup(e, { emit: l }) {
+    const t = e, s = l, o = ke(), d = k(() => t.error !== !1 && t.error != null && t.error !== ""), f = k(() => typeof t.error == "string" ? t.error : "");
+    return (r, m) => (a(), n("div", {
+      class: "field",
+      "data-size": e.size,
+      "data-disabled": e.disabled || null,
+      "data-error": d.value || null
+    }, [
+      e.label ? (a(), n("label", {
+        key: 0,
+        class: "field__label",
+        for: e.id
+      }, u(e.label), 9, Qe)) : c("", !0),
+      i("div", Xe, [
+        W(o)["icon-left"] ? (a(), n("span", Ye, [
+          g(r.$slots, "icon-left", {}, void 0, !0)
+        ])) : c("", !0),
+        g(r.$slots, "addon-before", {}, void 0, !0),
+        i("input", {
+          id: e.id,
+          class: "field__input",
+          value: e.modelValue,
+          type: e.type,
+          name: e.name,
+          placeholder: e.placeholder,
+          disabled: e.disabled,
+          readonly: e.readonly,
+          autocomplete: e.autocomplete,
+          "aria-invalid": d.value || void 0,
+          onInput: m[0] || (m[0] = ($) => s("update:modelValue", $.target.value))
+        }, null, 40, et),
+        g(r.$slots, "addon-after", {}, void 0, !0)
+      ]),
+      f.value ? (a(), n("p", tt, u(f.value), 1)) : e.helper ? (a(), n("p", at, u(e.helper), 1)) : c("", !0)
+    ], 8, Je));
+  }
+}), Ve = /* @__PURE__ */ p(lt, [["__scopeId", "data-v-9b5286f3"]]), nt = { class: "a-form-field" }, st = ["for"], ot = {
+  key: 0,
+  "aria-hidden": "true"
+}, dt = {
+  key: 1,
+  class: "a-form-field__message a-form-field__message--error"
+}, it = {
+  key: 2,
+  class: "a-form-field__message"
+}, ut = /* @__PURE__ */ b({
+  name: "AFormField",
+  __name: "AFormField",
+  props: {
+    id: {},
+    label: {},
+    hint: {},
+    error: {},
+    required: { type: Boolean, default: !1 }
+  },
+  setup(e) {
+    return (l, t) => (a(), n("div", nt, [
+      e.label ? (a(), n("label", {
+        key: 0,
+        class: "a-form-field__label",
+        for: e.id
+      }, [
+        T(u(e.label) + " ", 1),
+        e.required ? (a(), n("span", ot, "*")) : c("", !0)
+      ], 8, st)) : c("", !0),
+      g(l.$slots, "default"),
+      e.error ? (a(), n("p", dt, u(e.error), 1)) : e.hint ? (a(), n("p", it, u(e.hint), 1)) : c("", !0)
+    ]));
+  }
+}), rt = ["data-size", "data-disabled", "data-error"], ct = ["for"], ft = ["id", "aria-labelledby", "aria-expanded", "aria-invalid", "disabled"], mt = ["data-placeholder"], vt = ["placeholder"], ht = ["aria-activedescendant"], bt = ["id", "data-active", "data-selected", "data-disabled", "aria-selected", "onMouseenter", "onMousedown"], _t = {
+  key: 0,
+  "aria-hidden": "true"
+}, pt = {
+  key: 0,
+  class: "select-menu__empty"
+}, yt = ["name", "value"], $t = {
+  key: 2,
+  class: "select-field__msg select-field__msg--error"
+}, gt = {
+  key: 3,
+  class: "select-field__msg"
+}, kt = /* @__PURE__ */ b({
+  name: "ASelect",
+  __name: "ASelect",
+  props: {
+    id: {},
+    modelValue: {},
+    options: { default: () => [] },
+    placeholder: {},
+    disabled: { type: Boolean, default: !1 },
+    error: { type: [Boolean, String], default: !1 },
+    label: {},
+    helper: {},
+    size: { default: "md" },
+    name: {},
+    searchable: { type: Boolean, default: void 0 },
+    searchPlaceholder: { default: "Search" },
+    emptyText: { default: "No options" },
+    defaultLabel: { default: "Select option" }
+  },
+  emits: ["update:modelValue", "change"],
+  setup(e, { emit: l }) {
+    const t = e, s = l, o = Math.random().toString(36).slice(2), d = k(() => t.id || `a-select-${o}`), f = `a-select-label-${o}`, r = `a-select-listbox-${o}`, m = x(), $ = x(), I = x(), P = x(), _ = x(!1), S = x(""), M = x(0), K = x({}), Z = k(() => t.error !== !1 && t.error != null && t.error !== ""), A = k(() => typeof t.error == "string" ? t.error : ""), y = k(() => t.searchable ?? t.options.length > 7), h = k(() => t.options.find((v) => v.value === t.modelValue)), V = k(() => {
+      const v = S.value.trim().toLowerCase();
+      return v ? t.options.filter((w) => w.label.toLowerCase().includes(v)) : t.options;
+    }), B = k(() => _.value && V.value[M.value] ? ee(M.value) : void 0);
+    function ee(v) {
+      return `a-select-option-${o}-${v}`;
+    }
+    function me() {
+      var w;
+      const v = (w = $.value) == null ? void 0 : w.getBoundingClientRect();
+      v && (K.value = {
+        position: "fixed",
+        top: `${v.bottom + 6}px`,
+        left: `${v.left}px`,
+        width: `${v.width}px`
+      });
+    }
+    async function ve() {
+      var v;
+      t.disabled || (_.value = !0, S.value = "", M.value = Math.max(0, t.options.findIndex((w) => w.value === t.modelValue)), await Ae(), me(), y.value && ((v = P.value) == null || v.focus()));
+    }
+    function G({ focusTrigger: v = !1 } = {}) {
+      var w;
+      _.value = !1, v && ((w = $.value) == null || w.focus());
+    }
+    function Ee() {
+      _.value ? G() : ve();
+    }
+    function he(v) {
+      v.disabled || (s("update:modelValue", v.value), s("change", v.value), G({ focusTrigger: !0 }));
+    }
+    function J(v) {
+      var z;
+      const w = V.value;
+      if (w.length === 0) return;
+      let D = M.value;
+      for (let H = 0; H < w.length && (D = (D + v + w.length) % w.length, !!((z = w[D]) != null && z.disabled)); H += 1)
+        ;
+      M.value = D;
+    }
+    function be() {
+      const v = V.value[M.value];
+      v && he(v);
+    }
+    function De(v) {
+      ["ArrowDown", "ArrowUp", "Enter", " "].includes(v.key) && (v.preventDefault(), _.value ? v.key === "ArrowDown" ? J(1) : v.key === "ArrowUp" ? J(-1) : be() : ve());
+    }
+    function Ke(v) {
+      v.key === "Escape" && (v.preventDefault(), G({ focusTrigger: !0 }));
+    }
+    function Pe(v) {
+      v.key === "ArrowDown" ? (v.preventDefault(), J(1)) : v.key === "ArrowUp" ? (v.preventDefault(), J(-1)) : v.key === "Enter" ? (v.preventDefault(), be()) : v.key === "Escape" && G({ focusTrigger: !0 });
+    }
+    function te(v) {
+      var D, z;
+      const w = v.target;
+      (D = m.value) != null && D.contains(w) || (z = I.value) != null && z.contains(w) || G();
+    }
+    function N() {
+      _.value && me();
+    }
+    return X(_, (v) => {
+      typeof document > "u" || typeof window > "u" || (v ? (document.addEventListener("pointerdown", te), window.addEventListener("resize", N), window.addEventListener("scroll", N, !0)) : (document.removeEventListener("pointerdown", te), window.removeEventListener("resize", N), window.removeEventListener("scroll", N, !0)));
+    }), X(V, () => {
+      M.value = Math.min(M.value, Math.max(0, V.value.length - 1));
+    }), de(() => {
+      typeof document > "u" || typeof window > "u" || (document.removeEventListener("pointerdown", te), window.removeEventListener("resize", N), window.removeEventListener("scroll", N, !0));
+    }), (v, w) => {
+      var D;
+      return a(), n("div", {
+        ref_key: "rootRef",
+        ref: m,
+        class: "select-field",
+        "data-size": e.size,
+        "data-disabled": e.disabled || null,
+        "data-error": Z.value || null
+      }, [
+        e.label ? (a(), n("label", {
+          key: 0,
+          class: "select-field__label",
+          id: f,
+          for: d.value
+        }, u(e.label), 9, ct)) : c("", !0),
+        i("button", {
+          id: d.value,
+          ref_key: "triggerRef",
+          ref: $,
+          class: "select-field__trigger",
+          type: "button",
+          role: "combobox",
+          "aria-labelledby": e.label ? f : void 0,
+          "aria-controls": r,
+          "aria-expanded": _.value,
+          "aria-haspopup": "listbox",
+          "aria-invalid": Z.value || void 0,
+          disabled: e.disabled,
+          onClick: Ee,
+          onKeydown: De
+        }, [
+          i("span", {
+            class: "select-field__value",
+            "data-placeholder": !h.value || null
+          }, u(((D = h.value) == null ? void 0 : D.label) || e.placeholder || e.defaultLabel), 9, mt),
+          w[1] || (w[1] = i("span", {
+            class: "select-field__chevron",
+            "aria-hidden": "true"
+          }, "v", -1))
+        ], 40, ft),
+        (a(), E(ie, { to: "body" }, [
+          _.value ? (a(), n("div", {
+            key: 0,
+            ref_key: "panelRef",
+            ref: I,
+            class: "select-menu",
+            style: j(K.value),
+            onKeydown: Ke
+          }, [
+            y.value ? Fe((a(), n("input", {
+              key: 0,
+              ref_key: "searchRef",
+              ref: P,
+              "onUpdate:modelValue": w[0] || (w[0] = (z) => S.value = z),
+              class: "select-menu__search",
+              type: "search",
+              placeholder: e.searchPlaceholder,
+              onKeydown: F(Pe, ["stop"])
+            }, null, 40, vt)), [
+              [Ze, S.value]
+            ]) : c("", !0),
+            i("ul", {
+              id: r,
+              class: "select-menu__list",
+              role: "listbox",
+              "aria-activedescendant": B.value
+            }, [
+              (a(!0), n(C, null, L(V.value, (z, H) => (a(), n("li", {
+                id: ee(H),
+                key: z.value,
+                class: "select-menu__item",
+                "data-active": H === M.value || null,
+                "data-selected": z.value === e.modelValue || null,
+                "data-disabled": z.disabled || null,
+                role: "option",
+                "aria-selected": z.value === e.modelValue,
+                onMouseenter: (Re) => M.value = H,
+                onMousedown: F((Re) => he(z), ["prevent"])
+              }, [
+                i("span", null, u(z.label), 1),
+                z.value === e.modelValue ? (a(), n("span", _t, "✓")) : c("", !0)
+              ], 40, bt))), 128)),
+              V.value.length === 0 ? (a(), n("li", pt, u(e.emptyText), 1)) : c("", !0)
+            ], 8, ht)
+          ], 36)) : c("", !0)
+        ])),
+        e.name ? (a(), n("input", {
+          key: 1,
+          type: "hidden",
+          name: e.name,
+          value: e.modelValue
+        }, null, 8, yt)) : c("", !0),
+        A.value ? (a(), n("p", $t, u(A.value), 1)) : e.helper ? (a(), n("p", gt, u(e.helper), 1)) : c("", !0)
+      ], 8, rt);
+    };
+  }
+}), At = /* @__PURE__ */ p(kt, [["__scopeId", "data-v-79407171"]]), wt = ["data-disabled", "data-error"], xt = ["id", "checked", "disabled", "name", "aria-label", "aria-invalid"], Vt = {
+  key: 0,
+  class: "checkbox__label"
+}, St = /* @__PURE__ */ b({
+  name: "ACheckbox",
+  __name: "ACheckbox",
+  props: {
+    id: {},
+    modelValue: { type: Boolean, default: !1 },
+    indeterminate: { type: Boolean, default: !1 },
+    label: {},
+    ariaLabel: { default: void 0 },
+    disabled: { type: Boolean, default: !1 },
+    error: { type: Boolean, default: !1 },
+    name: {}
+  },
+  emits: ["update:modelValue"],
+  setup(e, { emit: l }) {
+    const t = e, s = l, o = x();
+    function d() {
+      o.value && (o.value.indeterminate = t.indeterminate);
+    }
+    return we(d), X(() => t.indeterminate, d), (f, r) => (a(), n("label", {
+      class: "checkbox",
+      "data-disabled": e.disabled || null,
+      "data-error": e.error || null
+    }, [
+      i("input", {
+        id: e.id,
+        ref_key: "inputRef",
+        ref: o,
+        class: "checkbox__input",
+        type: "checkbox",
+        checked: e.modelValue,
+        disabled: e.disabled,
+        name: e.name,
+        "aria-label": e.ariaLabel,
+        "aria-invalid": e.error || void 0,
+        onChange: r[0] || (r[0] = (m) => s("update:modelValue", m.target.checked))
+      }, null, 40, xt),
+      r[1] || (r[1] = i("span", {
+        class: "checkbox__box",
+        "aria-hidden": "true"
+      }, null, -1)),
+      e.label || f.$slots.default ? (a(), n("span", Vt, [
+        g(f.$slots, "default", {}, () => [
+          T(u(e.label), 1)
+        ], !0)
+      ])) : c("", !0)
+    ], 8, wt));
+  }
+}), ne = /* @__PURE__ */ p(St, [["__scopeId", "data-v-d7670f70"]]), Mt = ["data-disabled"], It = ["name", "value", "checked", "disabled", "onChange"], Ct = /* @__PURE__ */ b({
+  name: "ARadio",
+  __name: "ARadio",
+  props: {
+    modelValue: {},
+    options: { default: () => [] },
+    name: {},
+    disabled: { type: Boolean, default: !1 }
+  },
+  emits: ["update:modelValue"],
+  setup(e, { emit: l }) {
+    const t = l;
+    return (s, o) => (a(), n("div", {
+      class: "radio-group",
+      role: "radiogroup",
+      "data-disabled": e.disabled || null
+    }, [
+      (a(!0), n(C, null, L(e.options, (d) => (a(), n("label", {
+        key: d.value,
+        class: "radio"
+      }, [
+        i("input", {
+          class: "radio__input",
+          type: "radio",
+          name: e.name,
+          value: d.value,
+          checked: e.modelValue === d.value,
+          disabled: e.disabled || d.disabled,
+          onChange: (f) => t("update:modelValue", d.value)
+        }, null, 40, It),
+        o[0] || (o[0] = i("span", {
+          class: "radio__mark",
+          "aria-hidden": "true"
+        }, null, -1)),
+        i("span", null, u(d.label), 1)
+      ]))), 128))
+    ], 8, Mt));
+  }
+}), Lt = /* @__PURE__ */ p(Ct, [["__scopeId", "data-v-4fe0cf76"]]), Bt = ["data-disabled"], zt = ["checked", "disabled"], Tt = { key: 0 }, Et = /* @__PURE__ */ b({
+  name: "ASwitch",
+  __name: "ASwitch",
+  props: {
+    modelValue: { type: Boolean, default: !1 },
+    disabled: { type: Boolean, default: !1 },
+    label: {}
+  },
+  emits: ["update:modelValue"],
+  setup(e, { emit: l }) {
+    const t = l;
+    return (s, o) => (a(), n("label", {
+      class: "switch",
+      "data-disabled": e.disabled || null
+    }, [
+      i("input", {
+        class: "switch__input",
+        type: "checkbox",
+        checked: e.modelValue,
+        disabled: e.disabled,
+        onChange: o[0] || (o[0] = (d) => t("update:modelValue", d.target.checked))
+      }, null, 40, zt),
+      o[1] || (o[1] = i("span", {
+        class: "switch__track",
+        "aria-hidden": "true"
+      }, [
+        i("span", { class: "switch__knob" })
+      ], -1)),
+      e.label || s.$slots.default ? (a(), n("span", Tt, [
+        g(s.$slots, "default", {}, () => [
+          T(u(e.label), 1)
+        ], !0)
+      ])) : c("", !0)
+    ], 8, Bt));
+  }
+}), Dt = /* @__PURE__ */ p(Et, [["__scopeId", "data-v-a2c1b137"]]), Kt = {
+  class: "segmented",
+  role: "group"
+}, Pt = ["data-active", "onClick"], Rt = /* @__PURE__ */ b({
+  name: "ASegmented",
+  __name: "ASegmented",
+  props: {
+    modelValue: {},
+    options: { default: () => [] }
+  },
+  emits: ["update:modelValue"],
+  setup(e, { emit: l }) {
+    const t = l;
+    return (s, o) => (a(), n("div", Kt, [
+      (a(!0), n(C, null, L(e.options, (d) => (a(), n("button", {
+        key: d.value,
+        class: "segmented__item",
+        type: "button",
+        "data-active": e.modelValue === d.value || null,
+        onClick: (f) => t("update:modelValue", d.value)
+      }, u(d.label), 9, Pt))), 128))
+    ]));
+  }
+}), Ft = /* @__PURE__ */ p(Rt, [["__scopeId", "data-v-7ce1d517"]]), Zt = ["value", "min", "max", "step", "disabled"], Nt = /* @__PURE__ */ b({
+  name: "ASlider",
+  __name: "ASlider",
+  props: {
+    modelValue: { default: 0 },
+    min: { default: 0 },
+    max: { default: 100 },
+    step: { default: 1 },
+    disabled: { type: Boolean, default: !1 }
+  },
+  emits: ["update:modelValue"],
+  setup(e, { emit: l }) {
+    const t = l;
+    return (s, o) => (a(), n("input", {
+      class: "slider",
+      type: "range",
+      value: e.modelValue,
+      min: e.min,
+      max: e.max,
+      step: e.step,
+      disabled: e.disabled,
+      onInput: o[0] || (o[0] = (d) => t("update:modelValue", Number(d.target.value)))
+    }, null, 40, Zt));
+  }
+}), Ht = /* @__PURE__ */ p(Nt, [["__scopeId", "data-v-ef3d52a8"]]), Ut = ["data-size", "data-tone", "aria-label"], Ot = {
+  key: 0,
+  class: "modal__header"
+}, qt = {
+  key: 0,
+  class: "modal__tone",
+  "aria-hidden": "true"
+}, jt = { class: "modal__title" }, Gt = ["aria-label"], Wt = { class: "modal__body" }, Jt = {
+  key: 1,
+  class: "modal__footer"
+}, Qt = /* @__PURE__ */ b({
+  name: "AModal",
+  __name: "AModal",
+  props: {
+    modelValue: { type: Boolean, default: !1 },
+    title: {},
+    size: { default: "md" },
+    tone: { default: "neutral" },
+    closeOnBackdrop: { type: Boolean, default: !0 },
+    closeOnEsc: { type: Boolean, default: !0 },
+    initialFocus: {},
+    closeLabel: { default: "Close" }
+  },
+  emits: ["update:modelValue", "close"],
+  setup(e, { emit: l }) {
+    const t = e, s = l, o = x();
+    let d = null;
+    const f = [
+      "a[href]",
+      "button:not([disabled])",
+      "textarea:not([disabled])",
+      "input:not([disabled])",
+      "select:not([disabled])",
+      '[tabindex]:not([tabindex="-1"])'
+    ].join(",");
+    function r() {
+      var _;
+      return Array.from(((_ = o.value) == null ? void 0 : _.querySelectorAll(f)) || []).filter(
+        (S) => !S.hasAttribute("disabled") && S.tabIndex !== -1
+      );
+    }
+    async function m() {
+      var M;
+      await Ae();
+      const S = (t.initialFocus ? (M = o.value) == null ? void 0 : M.querySelector(t.initialFocus) : void 0) || r()[0] || o.value;
+      S == null || S.focus();
+    }
+    function $() {
+      s("update:modelValue", !1), s("close");
+    }
+    function I(_) {
+      t.closeOnBackdrop && _.target === _.currentTarget && $();
+    }
+    function P(_) {
+      var Z;
+      if (typeof document > "u") return;
+      if (_.key === "Escape" && t.closeOnEsc) {
+        _.preventDefault(), $();
+        return;
+      }
+      if (_.key !== "Tab") return;
+      const S = r();
+      if (S.length === 0) {
+        _.preventDefault(), (Z = o.value) == null || Z.focus();
+        return;
+      }
+      const M = S[0], K = S[S.length - 1];
+      _.shiftKey && document.activeElement === M ? (_.preventDefault(), K == null || K.focus()) : !_.shiftKey && document.activeElement === K && (_.preventDefault(), M == null || M.focus());
+    }
+    return X(
+      () => t.modelValue,
+      (_) => {
+        typeof document > "u" || (_ ? (d = document.activeElement, m(), document.body.style.overflow = "hidden") : (document.body.style.overflow = "", d instanceof HTMLElement && d.focus()));
+      },
+      { immediate: !0 }
+    ), de(() => {
+      typeof document > "u" || (document.body.style.overflow = "");
+    }), (_, S) => (a(), E(ie, { to: "body" }, [
+      e.modelValue ? (a(), n("div", {
+        key: 0,
+        class: "modal",
+        role: "presentation",
+        onClick: I,
+        onKeydown: P
+      }, [
+        i("section", {
+          ref_key: "panelRef",
+          ref: o,
+          class: "modal__panel",
+          "data-size": e.size,
+          "data-tone": e.tone,
+          role: "dialog",
+          "aria-modal": "true",
+          "aria-label": e.title,
+          tabindex: "-1"
+        }, [
+          e.title || _.$slots.header ? (a(), n("header", Ot, [
+            g(_.$slots, "header", {}, () => [
+              e.tone !== "neutral" ? (a(), n("span", qt)) : c("", !0),
+              i("h2", jt, u(e.title), 1)
+            ], !0),
+            i("button", {
+              class: "modal__close",
+              type: "button",
+              "aria-label": e.closeLabel,
+              onClick: $
+            }, "x", 8, Gt)
+          ])) : c("", !0),
+          i("div", Wt, [
+            g(_.$slots, "default", {}, void 0, !0)
+          ]),
+          _.$slots.footer ? (a(), n("footer", Jt, [
+            g(_.$slots, "footer", {}, void 0, !0)
+          ])) : c("", !0)
+        ], 8, Ut)
+      ], 32)) : c("", !0)
+    ]));
+  }
+}), Xt = /* @__PURE__ */ p(Qt, [["__scopeId", "data-v-1f7d9097"]]), Yt = ["data-position"], ea = ["data-tone"], ta = { class: "toast__content" }, aa = {
+  key: 0,
+  class: "toast__title"
+}, la = { class: "toast__message" }, na = ["aria-label", "onClick"], sa = /* @__PURE__ */ b({
+  name: "AToast",
+  __name: "AToast",
+  props: {
+    items: { default: () => [] },
+    position: { default: "top-right" },
+    closable: { type: Boolean, default: !1 },
+    closeLabel: { default: "Close toast" }
+  },
+  emits: ["close"],
+  setup(e, { emit: l }) {
+    const t = l;
+    return (s, o) => (a(), n("div", {
+      class: "toast-host",
+      "data-position": e.position,
+      "aria-live": "polite"
+    }, [
+      (a(!0), n(C, null, L(e.items, (d) => (a(), n("article", {
+        key: d.id,
+        class: "toast",
+        "data-tone": d.status || "neutral"
+      }, [
+        o[0] || (o[0] = i("span", {
+          class: "toast__icon",
+          "aria-hidden": "true"
+        }, null, -1)),
+        i("div", ta, [
+          d.title ? (a(), n("strong", aa, u(d.title), 1)) : c("", !0),
+          i("p", la, u(d.message), 1)
+        ]),
+        e.closable ? (a(), n("button", {
+          key: 0,
+          class: "toast__close",
+          type: "button",
+          "aria-label": e.closeLabel,
+          onClick: (f) => t("close", d.id)
+        }, "x", 8, na)) : c("", !0)
+      ], 8, ea))), 128))
+    ], 8, Yt));
+  }
+}), oa = /* @__PURE__ */ p(sa, [["__scopeId", "data-v-1ed0f498"]]), q = x([]), se = /* @__PURE__ */ new Map();
+let pe = 0;
+function Se(e, l = 5e3) {
+  typeof window > "u" || l <= 0 || (ue(e), se.set(
+    e,
+    window.setTimeout(() => {
+      Me(e);
+    }, l)
+  ));
+}
+function ue(e) {
+  const l = se.get(e);
+  l && window.clearTimeout(l), se.delete(e);
+}
+function Q(e, l, t = {}) {
+  pe += 1;
+  const s = `toast-${pe}`, o = {
+    id: s,
+    title: l,
+    message: t.message || l,
+    status: e,
+    duration: t.duration ?? 5e3
+  };
+  return q.value = [o, ...q.value].slice(0, 5), Se(s, o.duration), s;
+}
+function Me(e) {
+  ue(e), q.value = q.value.filter((l) => l.id !== e);
+}
+function da(e) {
+  ue(e);
+}
+function ia(e) {
+  const l = q.value.find((t) => t.id === e);
+  l && Se(e, l.duration);
+}
+function ua() {
+  return {
+    toasts: Ne(q),
+    dismiss: Me,
+    pause: da,
+    resume: ia,
+    toast: {
+      success: (e, l) => Q("success", e, l),
+      info: (e, l) => Q("info", e, l),
+      warning: (e, l) => Q("warning", e, l),
+      error: (e, l) => Q("danger", e, l)
+    }
+  };
+}
+const ra = ["data-position"], ca = ["data-tone", "onMouseenter", "onMouseleave"], fa = { class: "toast__content" }, ma = {
+  key: 0,
+  class: "toast__title"
+}, va = { class: "toast__message" }, ha = ["aria-label", "onClick"], ba = /* @__PURE__ */ b({
+  name: "AToastHost",
+  __name: "AToastHost",
+  props: {
+    position: { default: "top-right" },
+    closeLabel: { default: "Close toast" }
+  },
+  setup(e) {
+    const { toasts: l, dismiss: t, pause: s, resume: o } = ua();
+    return (d, f) => (a(), n("div", {
+      class: "toast-host",
+      "data-position": e.position,
+      "aria-live": "polite"
+    }, [
+      (a(!0), n(C, null, L(W(l), (r) => (a(), n("article", {
+        key: r.id,
+        class: "toast",
+        "data-tone": r.status || "neutral",
+        onMouseenter: (m) => W(s)(r.id),
+        onMouseleave: (m) => W(o)(r.id)
+      }, [
+        f[0] || (f[0] = i("span", {
+          class: "toast__icon",
+          "aria-hidden": "true"
+        }, null, -1)),
+        i("div", fa, [
+          r.title ? (a(), n("strong", ma, u(r.title), 1)) : c("", !0),
+          i("p", va, u(r.message), 1)
+        ]),
+        i("button", {
+          class: "toast__close",
+          type: "button",
+          "aria-label": e.closeLabel,
+          onClick: (m) => W(t)(r.id)
+        }, "x", 8, ha)
+      ], 40, ca))), 128))
+    ], 8, ra));
+  }
+}), _a = /* @__PURE__ */ p(ba, [["__scopeId", "data-v-1bdb152f"]]), pa = ["aria-label"], ya = { class: "pagination__range" }, $a = ["disabled"], ga = { class: "pagination__page" }, ka = ["disabled"], Aa = /* @__PURE__ */ b({
+  name: "APagination",
+  __name: "APagination",
+  props: {
+    modelValue: { default: 1 },
+    total: { default: 0 },
+    pageSize: { default: 20 },
+    previousLabel: { default: "Prev" },
+    nextLabel: { default: "Next" },
+    ariaLabel: { default: "Pagination" },
+    ofLabel: { default: "of" }
+  },
+  emits: ["update:modelValue"],
+  setup(e, { emit: l }) {
+    const t = e, s = l, o = k(() => Math.max(1, Math.ceil(t.total / t.pageSize))), d = k(() => t.total === 0 ? 0 : (t.modelValue - 1) * t.pageSize + 1), f = k(() => Math.min(t.total, t.modelValue * t.pageSize));
+    return (r, m) => (a(), n("nav", {
+      class: "pagination",
+      "aria-label": e.ariaLabel
+    }, [
+      i("span", ya, u(d.value) + "-" + u(f.value) + " " + u(e.ofLabel) + " " + u(e.total), 1),
+      i("button", {
+        class: "pagination__btn",
+        type: "button",
+        disabled: e.modelValue <= 1,
+        onClick: m[0] || (m[0] = ($) => s("update:modelValue", e.modelValue - 1))
+      }, u(e.previousLabel), 9, $a),
+      i("span", ga, u(e.modelValue) + " / " + u(o.value), 1),
+      i("button", {
+        class: "pagination__btn",
+        type: "button",
+        disabled: e.modelValue >= o.value,
+        onClick: m[1] || (m[1] = ($) => s("update:modelValue", e.modelValue + 1))
+      }, u(e.nextLabel), 9, ka)
+    ], 8, pa));
+  }
+}), Ie = /* @__PURE__ */ p(Aa, [["__scopeId", "data-v-f95b2866"]]), wa = ["data-rounded"], xa = /* @__PURE__ */ b({
+  name: "ASkeleton",
+  __name: "ASkeleton",
+  props: {
+    w: { default: "100%" },
+    h: { default: "16px" },
+    rounded: { type: Boolean, default: !1 }
+  },
+  setup(e) {
+    return (l, t) => (a(), n("span", {
+      class: "skeleton",
+      "data-rounded": e.rounded || null,
+      style: j({ width: e.w, height: e.h })
+    }, null, 12, wa));
+  }
+}), oe = /* @__PURE__ */ p(xa, [["__scopeId", "data-v-91b24ef9"]]), Va = ["data-striped", "data-loading"], Sa = {
+  key: 0,
+  class: "data-table__toolbar"
+}, Ma = { class: "data-table__scroll" }, Ia = { class: "data-table__table" }, Ca = {
+  key: 0,
+  class: "data-table__select-cell"
+}, La = ["data-align"], Ba = ["onClick"], za = ["data-active"], Ta = { key: 1 }, Ea = {
+  key: 0,
+  class: "data-table__select-cell"
+}, Da = { key: 1 }, Ka = ["colspan"], Pa = ["data-selected"], Ra = {
+  key: 0,
+  class: "data-table__select-cell"
+}, Fa = ["data-align", "data-numeric"], Za = {
+  key: 1,
+  class: "data-table__footer"
+}, Na = { class: "data-table__range" }, Ha = /* @__PURE__ */ b({
+  name: "ATable",
+  __name: "ATable",
+  props: {
+    columns: { default: () => [] },
+    rows: { default: () => [] },
+    rowKey: { type: [String, Function], default: "id" },
+    emptyText: { default: "No data" },
+    striped: { type: Boolean, default: !1 },
+    selectable: { type: Boolean, default: !1 },
+    loading: { type: Boolean, default: !1 },
+    sort: { default: null },
+    modelSelected: { default: () => [] },
+    page: { default: 1 },
+    pageSize: { default: 20 },
+    total: { default: 0 },
+    toolbar: { type: Boolean, default: !1 },
+    searchPlaceholder: { default: "Search" },
+    exportLabel: { default: "Export" },
+    addLabel: { default: "Add" },
+    selectedLabel: { default: "selected" },
+    ofLabel: { default: "of" },
+    selectAllLabel: { default: "Select all" }
+  },
+  emits: ["update:sort", "update:modelSelected", "update:page", "search", "export", "add"],
+  setup(e, { emit: l }) {
+    const t = e, s = l, o = x(""), d = k(() => t.total || t.rows.length), f = k(() => t.selectable || d.value > t.pageSize), r = k(() => new Set(t.modelSelected)), m = k(() => t.rows.map((A, y) => _(A, y))), $ = k(() => m.value.length > 0 && m.value.every((A) => r.value.has(A))), I = k(() => !$.value && m.value.some((A) => r.value.has(A))), P = k(() => {
+      const A = d.value === 0 ? 0 : (t.page - 1) * t.pageSize + 1, y = Math.min(d.value, t.page * t.pageSize);
+      return `${t.modelSelected.length ? `${t.modelSelected.length} ${t.selectedLabel} · ` : ""}${A}-${y} ${t.ofLabel} ${d.value}`;
+    });
+    function _(A, y) {
+      return typeof t.rowKey == "function" ? t.rowKey(A, y) : A[t.rowKey] ?? y;
+    }
+    function S(A, y) {
+      return r.value.has(_(A, y));
+    }
+    function M(A, y) {
+      const h = new Set(r.value), V = _(A, y);
+      h.has(V) ? h.delete(V) : h.add(V), s("update:modelSelected", Array.from(h));
+    }
+    function K(A) {
+      const y = new Set(r.value);
+      m.value.forEach((h) => {
+        A ? y.add(h) : y.delete(h);
+      }), s("update:modelSelected", Array.from(y));
+    }
+    function Z(A) {
+      const y = String(A.key);
+      !t.sort || t.sort.key !== y ? s("update:sort", { key: y, dir: "asc" }) : t.sort.dir === "asc" ? s("update:sort", { key: y, dir: "desc" }) : s("update:sort", null);
+    }
+    return (A, y) => (a(), n("div", {
+      class: "data-table",
+      "data-striped": e.striped || null,
+      "data-loading": e.loading || null
+    }, [
+      e.toolbar || A.$slots.toolbar ? (a(), n("div", Sa, [
+        g(A.$slots, "toolbar", {}, () => [
+          R(Ve, {
+            modelValue: o.value,
+            "onUpdate:modelValue": [
+              y[0] || (y[0] = (h) => o.value = h),
+              y[1] || (y[1] = (h) => s("search", h))
+            ],
+            size: "sm",
+            placeholder: e.searchPlaceholder
+          }, null, 8, ["modelValue", "placeholder"]),
+          y[5] || (y[5] = i("div", { class: "data-table__toolbar-spacer" }, null, -1)),
+          R(le, {
+            variant: "secondary",
+            size: "sm",
+            onClick: y[2] || (y[2] = (h) => s("export"))
+          }, {
+            default: O(() => [
+              T(u(e.exportLabel), 1)
+            ]),
+            _: 1
+          }),
+          R(le, {
+            size: "sm",
+            onClick: y[3] || (y[3] = (h) => s("add"))
+          }, {
+            default: O(() => [
+              T(u(e.addLabel), 1)
+            ]),
+            _: 1
+          })
+        ], !0)
+      ])) : c("", !0),
+      i("div", Ma, [
+        i("table", Ia, [
+          i("thead", null, [
+            i("tr", null, [
+              e.selectable ? (a(), n("th", Ca, [
+                R(ne, {
+                  "model-value": $.value,
+                  indeterminate: I.value,
+                  "aria-label": e.selectAllLabel,
+                  "onUpdate:modelValue": K
+                }, null, 8, ["model-value", "indeterminate", "aria-label"])
+              ])) : c("", !0),
+              (a(!0), n(C, null, L(e.columns, (h) => {
+                var V, B;
+                return a(), n("th", {
+                  key: h.key,
+                  "data-align": h.align || (h.numeric ? "right" : "left"),
+                  style: j({ width: h.width })
+                }, [
+                  h.sortable ? (a(), n("button", {
+                    key: 0,
+                    class: "data-table__sort",
+                    type: "button",
+                    onClick: (ee) => Z(h)
+                  }, [
+                    i("span", null, u(h.label), 1),
+                    i("span", {
+                      class: "data-table__sort-icon",
+                      "data-active": ((V = e.sort) == null ? void 0 : V.key) === String(h.key) || null
+                    }, u(((B = e.sort) == null ? void 0 : B.key) === String(h.key) ? e.sort.dir === "asc" ? "up" : "down" : "sort"), 9, za)
+                  ], 8, Ba)) : (a(), n("span", Ta, u(h.label), 1))
+                ], 12, La);
+              }), 128))
+            ])
+          ]),
+          i("tbody", null, [
+            e.loading ? (a(), n(C, { key: 0 }, L(5, (h) => i("tr", {
+              key: `loading-${h}`
+            }, [
+              e.selectable ? (a(), n("td", Ea, [
+                R(oe, {
+                  w: "18px",
+                  h: "18px",
+                  rounded: ""
+                })
+              ])) : c("", !0),
+              (a(!0), n(C, null, L(e.columns, (V) => (a(), n("td", {
+                key: V.key
+              }, [
+                R(oe, { h: "14px" })
+              ]))), 128))
+            ])), 64)) : e.rows.length === 0 ? (a(), n("tr", Da, [
+              i("td", {
+                class: "data-table__empty",
+                colspan: e.columns.length + (e.selectable ? 1 : 0)
+              }, [
+                g(A.$slots, "empty", {}, () => [
+                  T(u(e.emptyText), 1)
+                ], !0)
+              ], 8, Ka)
+            ])) : (a(!0), n(C, { key: 2 }, L(e.rows, (h, V) => (a(), n("tr", {
+              key: _(h, V),
+              "data-selected": S(h, V) || null
+            }, [
+              e.selectable ? (a(), n("td", Ra, [
+                R(ne, {
+                  "model-value": S(h, V),
+                  "onUpdate:modelValue": (B) => M(h, V)
+                }, null, 8, ["model-value", "onUpdate:modelValue"])
+              ])) : c("", !0),
+              (a(!0), n(C, null, L(e.columns, (B) => (a(), n("td", {
+                key: B.key,
+                "data-align": B.align || (B.numeric ? "right" : "left"),
+                "data-numeric": B.numeric || B.align === "right" || null
+              }, [
+                g(A.$slots, `cell-${String(B.key)}`, {
+                  row: h,
+                  value: h[B.key],
+                  column: B
+                }, () => [
+                  T(u(h[B.key]), 1)
+                ], !0)
+              ], 8, Fa))), 128))
+            ], 8, Pa))), 128))
+          ])
+        ])
+      ]),
+      f.value ? (a(), n("footer", Za, [
+        i("span", Na, u(P.value), 1),
+        e.total > e.pageSize ? (a(), E(Ie, {
+          key: 0,
+          "model-value": e.page,
+          total: e.total,
+          "page-size": e.pageSize,
+          "onUpdate:modelValue": y[4] || (y[4] = (h) => s("update:page", h))
+        }, null, 8, ["model-value", "total", "page-size"])) : c("", !0)
+      ])) : c("", !0)
+    ], 8, Va));
+  }
+}), Ua = /* @__PURE__ */ p(Ha, [["__scopeId", "data-v-a5ec767a"]]), Oa = ["data-tone", "data-appearance"], qa = {
+  key: 0,
+  class: "badge__dot",
+  "aria-hidden": "true"
+}, ja = /* @__PURE__ */ b({
+  name: "ABadge",
+  __name: "ABadge",
+  props: {
+    tone: { default: "neutral" },
+    status: {},
+    appearance: { default: "subtle" },
+    dot: { type: Boolean, default: !1 }
+  },
+  setup(e) {
+    const l = e, t = k(() => l.status || l.tone);
+    return (s, o) => (a(), n("span", {
+      class: "badge",
+      "data-tone": t.value,
+      "data-appearance": e.appearance
+    }, [
+      e.dot ? (a(), n("span", qa)) : c("", !0),
+      g(s.$slots, "default", {}, void 0, !0)
+    ], 8, Oa));
+  }
+}), re = /* @__PURE__ */ p(ja, [["__scopeId", "data-v-350d69bf"]]), Ga = { class: "tag" }, Wa = ["aria-label"], Ja = /* @__PURE__ */ b({
+  name: "ATag",
+  __name: "ATag",
+  props: {
+    removable: { type: Boolean, default: !1 },
+    color: {},
+    removeLabel: { default: "Remove" }
+  },
+  emits: ["remove"],
+  setup(e, { emit: l }) {
+    const t = l;
+    return (s, o) => (a(), n("span", Ga, [
+      e.color ? (a(), n("span", {
+        key: 0,
+        class: "tag__swatch",
+        style: j({ background: e.color }),
+        "aria-hidden": "true"
+      }, null, 4)) : c("", !0),
+      g(s.$slots, "default", {}, void 0, !0),
+      e.removable ? (a(), n("button", {
+        key: 1,
+        class: "tag__remove",
+        type: "button",
+        "aria-label": e.removeLabel,
+        onClick: o[0] || (o[0] = (d) => t("remove"))
+      }, "x", 8, Wa)) : c("", !0)
+    ]));
+  }
+}), Qa = /* @__PURE__ */ p(Ja, [["__scopeId", "data-v-4152d662"]]), Xa = /* @__PURE__ */ b({
+  name: "AStatusPill",
+  __name: "AStatusPill",
+  props: {
+    tone: { default: "neutral" }
+  },
+  setup(e) {
+    return (l, t) => (a(), E(re, {
+      tone: e.tone,
+      appearance: "pill",
+      dot: ""
+    }, {
+      default: O(() => [
+        g(l.$slots, "default")
+      ]),
+      _: 3
+    }, 8, ["tone"]));
+  }
+}), Ya = ["data-padded"], el = {
+  key: 0,
+  class: "card__header"
+}, tl = {
+  key: 0,
+  class: "card__title"
+}, al = {
+  key: 1,
+  class: "card__subtitle"
+}, ll = { class: "card__body" }, nl = {
+  key: 1,
+  class: "card__footer"
+}, sl = /* @__PURE__ */ b({
+  name: "ACard",
+  __name: "ACard",
+  props: {
+    title: {},
+    subtitle: {},
+    padded: { type: Boolean, default: !0 }
+  },
+  setup(e) {
+    return (l, t) => (a(), n("section", {
+      class: "card",
+      "data-padded": e.padded || null
+    }, [
+      e.title || e.subtitle || l.$slots.header ? (a(), n("header", el, [
+        g(l.$slots, "header", {}, () => [
+          i("div", null, [
+            e.title ? (a(), n("h3", tl, u(e.title), 1)) : c("", !0),
+            e.subtitle ? (a(), n("p", al, u(e.subtitle), 1)) : c("", !0)
+          ])
+        ], !0)
+      ])) : c("", !0),
+      i("div", ll, [
+        g(l.$slots, "default", {}, void 0, !0)
+      ]),
+      l.$slots.footer ? (a(), n("footer", nl, [
+        g(l.$slots, "footer", {}, void 0, !0)
+      ])) : c("", !0)
+    ], 8, Ya));
+  }
+}), ce = /* @__PURE__ */ p(sl, [["__scopeId", "data-v-6baef486"]]), ol = ["width", "height"], dl = ["d"], il = /* @__PURE__ */ b({
+  name: "AIcon",
+  __name: "AIcon",
+  props: {
+    name: {},
+    size: { default: 20 }
+  },
+  setup(e) {
+    const l = e, t = {
+      home: "M3 11.5 12 4l9 7.5V20a1 1 0 0 1-1 1h-5v-6H9v6H4a1 1 0 0 1-1-1v-8.5Z",
+      grid: "M4 4h6v6H4V4Zm10 0h6v6h-6V4ZM4 14h6v6H4v-6Zm10 0h6v6h-6v-6Z",
+      wallet: "M4 7h16v12H4a2 2 0 0 1-2-2V7a3 3 0 0 1 3-3h13v3",
+      doc: "M6 3h8l4 4v14H6V3Zm8 0v5h5",
+      users: "M16 19c0-2-2-4-4-4s-4 2-4 4m8-10a4 4 0 1 1-8 0 4 4 0 0 1 8 0Zm3 10c0-1.5-1-2.8-2.4-3.5M17 5.2a3 3 0 0 1 0 5.6",
+      chart: "M4 19V5m0 14h16M8 16v-5m5 5V8m5 8v-9",
+      settings: "M12 8a4 4 0 1 1 0 8 4 4 0 0 1 0-8Zm8 4h2M2 12h2m12.8-6.8 1.4-1.4M5.8 18.2l1.4-1.4m0-11.6L5.8 3.8m12.4 14.4-1.4-1.4",
+      search: "M10.5 18a7.5 7.5 0 1 1 0-15 7.5 7.5 0 0 1 0 15Zm5.5-2 5 5",
+      bell: "M18 9a6 6 0 1 0-12 0c0 7-3 7-3 7h18s-3 0-3-7Zm-4 10a2 2 0 0 1-4 0",
+      plus: "M12 5v14M5 12h14",
+      check: "M20 6 9 17l-5-5",
+      x: "M6 6l12 12M18 6 6 18",
+      arrow: "M5 12h14m-6-6 6 6-6 6",
+      chevron: "m8 10 4 4 4-4",
+      down: "m7 9 5 5 5-5",
+      up: "m7 15 5-5 5 5",
+      calendar: "M7 3v4m10-4v4M4 9h16M5 5h14v16H5V5Z",
+      filter: "M4 5h16l-6 7v6l-4 2v-8L4 5Z",
+      upload: "M12 16V4m-5 5 5-5 5 5M5 20h14",
+      trash: "M4 7h16M9 7V4h6v3m-8 0 1 14h8l1-14",
+      pencil: "M4 20h4L19 9l-4-4L4 16v4Z",
+      star: "m12 3 2.8 5.7 6.2.9-4.5 4.4 1.1 6.2L12 17.6 6.5 20l1-6.2L3 9.4l6.2-.9L12 3Z",
+      clock: "M12 21a9 9 0 1 1 0-18 9 9 0 0 1 0 18Zm0-13v5l3 2",
+      lock: "M7 10V7a5 5 0 0 1 10 0v3M6 10h12v11H6V10Z",
+      mail: "M4 6h16v12H4V6Zm0 0 8 7 8-7",
+      info: "M12 17v-6m0-4h.01M12 22a10 10 0 1 1 0-20 10 10 0 0 1 0 20Z",
+      warn: "M12 4 2 21h20L12 4Zm0 6v5m0 3h.01",
+      sort: "M8 7h8M10 12h6M12 17h4",
+      dots: "M5 12h.01M12 12h.01M19 12h.01",
+      card: "M3 6h18v12H3V6Zm0 4h18"
+    }, s = k(() => t[l.name] || t.info);
+    return (o, d) => (a(), n("svg", {
+      class: "icon",
+      width: e.size,
+      height: e.size,
+      viewBox: "0 0 24 24",
+      "aria-hidden": "true"
+    }, [
+      i("path", { d: s.value }, null, 8, dl)
+    ], 8, ol));
+  }
+}), fe = /* @__PURE__ */ p(il, [["__scopeId", "data-v-682afa7e"]]), ul = ["data-tone"], rl = { class: "alert__content" }, cl = {
+  key: 0,
+  class: "alert__title"
+}, fl = { class: "alert__body" }, ml = ["aria-label"], vl = /* @__PURE__ */ b({
+  name: "AAlert",
+  __name: "AAlert",
+  props: {
+    tone: { default: "info" },
+    title: {},
+    dismissible: { type: Boolean, default: !1 },
+    dismissLabel: { default: "Dismiss" }
+  },
+  emits: ["dismiss"],
+  setup(e, { emit: l }) {
+    const t = l;
+    return (s, o) => (a(), n("section", {
+      class: "alert",
+      "data-tone": e.tone,
+      role: "status"
+    }, [
+      R(fe, {
+        class: "alert__icon",
+        name: e.tone === "warning" || e.tone === "danger" ? "warn" : "info"
+      }, null, 8, ["name"]),
+      i("div", rl, [
+        e.title ? (a(), n("strong", cl, u(e.title), 1)) : c("", !0),
+        i("div", fl, [
+          g(s.$slots, "default", {}, void 0, !0)
+        ])
+      ]),
+      e.dismissible ? (a(), n("button", {
+        key: 0,
+        class: "alert__close",
+        type: "button",
+        "aria-label": e.dismissLabel,
+        onClick: o[0] || (o[0] = (d) => t("dismiss"))
+      }, "x", 8, ml)) : c("", !0)
+    ], 8, ul));
+  }
+}), hl = /* @__PURE__ */ p(vl, [["__scopeId", "data-v-badd8637"]]), bl = { class: "progress" }, _l = {
+  key: 0,
+  class: "progress__label"
+}, pl = ["aria-valuenow"], yl = /* @__PURE__ */ b({
+  name: "AProgress",
+  __name: "AProgress",
+  props: {
+    value: { default: 0 },
+    label: {}
+  },
+  setup(e) {
+    const l = e, t = k(() => Math.min(100, Math.max(0, l.value)));
+    return (s, o) => (a(), n("div", bl, [
+      e.label ? (a(), n("div", _l, [
+        i("span", null, u(e.label), 1),
+        i("span", null, u(t.value) + "%", 1)
+      ])) : c("", !0),
+      i("div", {
+        class: "progress__track",
+        role: "progressbar",
+        "aria-valuenow": t.value,
+        "aria-valuemin": "0",
+        "aria-valuemax": "100"
+      }, [
+        i("span", {
+          class: "progress__fill",
+          style: j({ width: `${t.value}%` })
+        }, null, 4)
+      ], 8, pl)
+    ]));
+  }
+}), $l = /* @__PURE__ */ p(yl, [["__scopeId", "data-v-0ff00ab6"]]), gl = ["data-variant"], kl = ["aria-selected", "tabindex", "data-active", "onClick", "onKeydown"], Al = {
+  key: 0,
+  class: "tabs__count"
+}, wl = /* @__PURE__ */ b({
+  name: "ATabs",
+  __name: "ATabs",
+  props: {
+    modelValue: {},
+    tabs: { default: () => [] },
+    variant: { default: "underline" }
+  },
+  emits: ["update:modelValue"],
+  setup(e, { emit: l }) {
+    const t = l, s = x([]);
+    function o(f, r) {
+      f && (s.value[r] = f);
+    }
+    function d(f, r) {
+      var $;
+      const m = (f + r + s.value.length) % s.value.length;
+      ($ = s.value[m]) == null || $.focus();
+    }
+    return (f, r) => (a(), n("div", {
+      class: "tabs",
+      "data-variant": e.variant,
+      role: "tablist"
+    }, [
+      (a(!0), n(C, null, L(e.tabs, (m, $) => (a(), n("button", {
+        key: m.value,
+        ref_for: !0,
+        ref: (I) => o(I, $),
+        class: "tabs__item",
+        type: "button",
+        role: "tab",
+        "aria-selected": e.modelValue === m.value,
+        tabindex: e.modelValue === m.value ? 0 : -1,
+        "data-active": e.modelValue === m.value || null,
+        onClick: (I) => t("update:modelValue", m.value),
+        onKeydown: [
+          ae(F((I) => d($, -1), ["prevent"]), ["left"]),
+          ae(F((I) => d($, 1), ["prevent"]), ["right"])
+        ]
+      }, [
+        T(u(m.label) + " ", 1),
+        m.count != null ? (a(), n("span", Al, u(m.count), 1)) : c("", !0)
+      ], 40, kl))), 128))
+    ], 8, gl));
+  }
+}), xl = /* @__PURE__ */ p(wl, [["__scopeId", "data-v-8ead215c"]]), Vl = {
+  class: "breadcrumbs",
+  "aria-label": "Breadcrumbs"
+}, Sl = { class: "breadcrumbs__list" }, Ml = ["href"], Il = {
+  key: 1,
+  class: "breadcrumbs__current"
+}, Cl = /* @__PURE__ */ b({
+  name: "ABreadcrumbs",
+  __name: "ABreadcrumbs",
+  props: {
+    items: { default: () => [] }
+  },
+  setup(e) {
+    return (l, t) => (a(), n("nav", Vl, [
+      i("ol", Sl, [
+        (a(!0), n(C, null, L(e.items, (s, o) => (a(), n("li", {
+          key: `${s.label}-${o}`,
+          class: "breadcrumbs__item"
+        }, [
+          s.href && o < e.items.length - 1 ? (a(), n("a", {
+            key: 0,
+            class: "breadcrumbs__link",
+            href: s.href
+          }, u(s.label), 9, Ml)) : (a(), n("span", Il, u(s.label), 1))
+        ]))), 128))
+      ])
+    ]));
+  }
+}), Ll = /* @__PURE__ */ p(Cl, [["__scopeId", "data-v-32400b2a"]]), Bl = ["data-shape", "data-status"], zl = ["src", "alt"], Tl = {
+  key: 1,
+  class: "avatar__initials"
+}, El = {
+  key: 2,
+  class: "avatar__status",
+  "aria-hidden": "true"
+}, Dl = /* @__PURE__ */ b({
+  name: "AAvatar",
+  __name: "AAvatar",
+  props: {
+    name: { default: "" },
+    src: {},
+    size: { default: 32 },
+    shape: { default: "circle" },
+    status: { default: "none" }
+  },
+  setup(e) {
+    const l = e, t = k(
+      () => l.name.split(" ").filter(Boolean).slice(0, 2).map((s) => {
+        var o;
+        return (o = s[0]) == null ? void 0 : o.toUpperCase();
+      }).join("") || "?"
+    );
+    return (s, o) => (a(), n("span", {
+      class: "avatar",
+      "data-shape": e.shape,
+      "data-status": e.status,
+      style: j({ width: `${e.size}px`, height: `${e.size}px` })
+    }, [
+      e.src ? (a(), n("img", {
+        key: 0,
+        class: "avatar__image",
+        src: e.src,
+        alt: e.name
+      }, null, 8, zl)) : (a(), n("span", Tl, u(t.value), 1)),
+      e.status !== "none" ? (a(), n("span", El)) : c("", !0)
+    ], 12, Bl));
+  }
+}), Ce = /* @__PURE__ */ p(Dl, [["__scopeId", "data-v-1b1bfca4"]]), Kl = { class: "avatar-group" }, Pl = {
+  key: 0,
+  class: "avatar-group__overflow"
+}, Rl = /* @__PURE__ */ b({
+  name: "AAvatarGroup",
+  __name: "AAvatarGroup",
+  props: {
+    items: { default: () => [] },
+    max: { default: 4 }
+  },
+  setup(e) {
+    const l = e, t = k(() => l.items.slice(0, l.max)), s = k(() => Math.max(0, l.items.length - l.max));
+    return (o, d) => (a(), n("div", Kl, [
+      (a(!0), n(C, null, L(t.value, (f, r) => (a(), E(Ce, He({
+        key: `${f.name}-${r}`
+      }, { ref_for: !0 }, f), null, 16))), 128)),
+      s.value > 0 ? (a(), n("span", Pl, "+" + u(s.value), 1)) : c("", !0)
+    ]));
+  }
+}), Fl = /* @__PURE__ */ p(Rl, [["__scopeId", "data-v-f8d4619a"]]), Zl = ["data-tone"], Nl = {
+  class: "empty__icon",
+  "aria-hidden": "true"
+}, Hl = { class: "empty__title" }, Ul = {
+  key: 0,
+  class: "empty__desc"
+}, Ol = {
+  key: 1,
+  class: "empty__action"
+}, ql = /* @__PURE__ */ b({
+  name: "AEmptyState",
+  __name: "AEmptyState",
+  props: {
+    tone: { default: "no-data" },
+    title: { default: "No data" },
+    desc: {},
+    icon: { default: "i" }
+  },
+  setup(e) {
+    return (l, t) => (a(), n("section", {
+      class: "empty",
+      "data-tone": e.tone
+    }, [
+      i("div", Nl, u(e.icon), 1),
+      i("h3", Hl, u(e.title), 1),
+      e.desc ? (a(), n("p", Ul, u(e.desc), 1)) : c("", !0),
+      l.$slots.action ? (a(), n("div", Ol, [
+        g(l.$slots, "action", {}, void 0, !0)
+      ])) : c("", !0)
+    ], 8, Zl));
+  }
+}), jl = /* @__PURE__ */ p(ql, [["__scopeId", "data-v-c2bc84e9"]]), Gl = { class: "kpi" }, Wl = { class: "kpi__top" }, Jl = { class: "kpi__label" }, Ql = { class: "kpi__value" }, Xl = /* @__PURE__ */ b({
+  name: "AKpiCard",
+  __name: "AKpiCard",
+  props: {
+    label: {},
+    value: {},
+    delta: {},
+    deltaTone: { default: "neutral" }
+  },
+  setup(e) {
+    return (l, t) => (a(), E(ce, null, {
+      default: O(() => [
+        i("div", Gl, [
+          i("div", Wl, [
+            i("span", Jl, u(e.label), 1),
+            e.delta ? (a(), E(re, {
+              key: 0,
+              tone: e.deltaTone,
+              appearance: "pill"
+            }, {
+              default: O(() => [
+                T(u(e.delta), 1)
+              ]),
+              _: 1
+            }, 8, ["tone"])) : c("", !0)
+          ]),
+          i("strong", Ql, u(e.value), 1),
+          g(l.$slots, "default", {}, void 0, !0)
+        ])
+      ]),
+      _: 3
+    }));
+  }
+}), Yl = /* @__PURE__ */ p(Xl, [["__scopeId", "data-v-2f8d76fd"]]), en = ["data-placement"], tn = /* @__PURE__ */ b({
+  name: "ATooltip",
+  __name: "ATooltip",
+  props: {
+    content: {},
+    placement: { default: "top" }
+  },
+  setup(e) {
+    const l = x(!1);
+    return (t, s) => (a(), n("span", {
+      class: "tooltip",
+      onMouseenter: s[0] || (s[0] = (o) => l.value = !0),
+      onMouseleave: s[1] || (s[1] = (o) => l.value = !1),
+      onFocusin: s[2] || (s[2] = (o) => l.value = !0),
+      onFocusout: s[3] || (s[3] = (o) => l.value = !1)
+    }, [
+      g(t.$slots, "default", {}, void 0, !0),
+      l.value ? (a(), n("span", {
+        key: 0,
+        class: "tooltip__bubble",
+        "data-placement": e.placement,
+        role: "tooltip"
+      }, u(e.content), 9, en)) : c("", !0)
+    ], 32));
+  }
+}), an = /* @__PURE__ */ p(tn, [["__scopeId", "data-v-0e19afdb"]]), ln = { class: "sidebar-nav" }, nn = {
+  key: 0,
+  class: "sidebar-nav__caption"
+}, sn = ["data-active", "href", "onClick"], on = {
+  key: 1,
+  class: "sidebar-nav__badge"
+}, dn = /* @__PURE__ */ b({
+  name: "ASidebarNav",
+  __name: "ASidebarNav",
+  props: {
+    groups: { default: () => [] }
+  },
+  emits: ["select"],
+  setup(e, { emit: l }) {
+    const t = l;
+    return (s, o) => (a(), n("nav", ln, [
+      (a(!0), n(C, null, L(e.groups, (d, f) => (a(), n("section", {
+        key: d.label || f,
+        class: "sidebar-nav__group"
+      }, [
+        d.label ? (a(), n("h3", nn, u(d.label), 1)) : c("", !0),
+        (a(!0), n(C, null, L(d.items, (r) => (a(), n("a", {
+          key: r.label,
+          class: "sidebar-nav__item",
+          "data-active": r.active || null,
+          href: r.href || "#",
+          onClick: (m) => t("select", r)
+        }, [
+          r.icon ? (a(), E(fe, {
+            key: 0,
+            name: r.icon,
+            size: 20
+          }, null, 8, ["name"])) : c("", !0),
+          i("span", null, u(r.label), 1),
+          r.badge != null ? (a(), n("span", on, u(r.badge), 1)) : c("", !0)
+        ], 8, sn))), 128))
+      ]))), 128))
+    ]));
+  }
+}), un = /* @__PURE__ */ p(dn, [["__scopeId", "data-v-5fddea00"]]), rn = ["data-disabled"], cn = ["disabled"], fn = {
+  key: 0,
+  class: "number-input__prefix"
+}, mn = ["value", "disabled", "min", "max", "step"], vn = ["disabled"], hn = /* @__PURE__ */ b({
+  name: "ANumberInput",
+  __name: "ANumberInput",
+  props: {
+    modelValue: { default: 0 },
+    min: {},
+    max: {},
+    step: { default: 1 },
+    prefix: {},
+    disabled: { type: Boolean, default: !1 }
+  },
+  emits: ["update:modelValue"],
+  setup(e, { emit: l }) {
+    const t = e, s = l;
+    function o(r) {
+      return Math.min(t.max ?? r, Math.max(t.min ?? r, r));
+    }
+    function d(r) {
+      s("update:modelValue", o(r));
+    }
+    function f(r) {
+      d((t.modelValue ?? 0) + r);
+    }
+    return (r, m) => (a(), n("div", {
+      class: "number-input",
+      "data-disabled": e.disabled || null
+    }, [
+      i("button", {
+        type: "button",
+        disabled: e.disabled,
+        onClick: m[0] || (m[0] = ($) => f(-e.step))
+      }, "-", 8, cn),
+      e.prefix ? (a(), n("span", fn, u(e.prefix), 1)) : c("", !0),
+      i("input", {
+        value: e.modelValue,
+        disabled: e.disabled,
+        type: "number",
+        min: e.min,
+        max: e.max,
+        step: e.step,
+        onInput: m[1] || (m[1] = ($) => d(Number($.target.value)))
+      }, null, 40, mn),
+      i("button", {
+        type: "button",
+        disabled: e.disabled,
+        onClick: m[2] || (m[2] = ($) => f(e.step))
+      }, "+", 8, vn)
+    ], 8, rn));
+  }
+}), bn = /* @__PURE__ */ p(hn, [["__scopeId", "data-v-ce203fdf"]]), _n = ["data-side"], pn = ["data-size"], yn = { class: "drawer__header" }, $n = ["aria-label"], gn = { class: "drawer__body" }, kn = {
+  key: 0,
+  class: "drawer__footer"
+}, An = /* @__PURE__ */ b({
+  name: "ADrawer",
+  __name: "ADrawer",
+  props: {
+    modelValue: { type: Boolean, default: !1 },
+    side: { default: "right" },
+    size: { default: "md" },
+    title: {},
+    closeLabel: { default: "Close drawer" }
+  },
+  emits: ["update:modelValue", "close"],
+  setup(e, { emit: l }) {
+    const t = l;
+    function s() {
+      t("update:modelValue", !1), t("close");
+    }
+    function o(d) {
+      d.target === d.currentTarget && s();
+    }
+    return (d, f) => (a(), E(ie, { to: "body" }, [
+      e.modelValue ? (a(), n("div", {
+        key: 0,
+        class: "drawer",
+        "data-side": e.side,
+        onClick: o
+      }, [
+        i("aside", {
+          class: "drawer__panel",
+          "data-size": e.size
+        }, [
+          i("header", yn, [
+            i("h2", null, u(e.title), 1),
+            i("button", {
+              type: "button",
+              "aria-label": e.closeLabel,
+              onClick: s
+            }, "x", 8, $n)
+          ]),
+          i("div", gn, [
+            g(d.$slots, "default", {}, void 0, !0)
+          ]),
+          d.$slots.footer ? (a(), n("footer", kn, [
+            g(d.$slots, "footer", {}, void 0, !0)
+          ])) : c("", !0)
+        ], 8, pn)
+      ], 8, _n)) : c("", !0)
+    ]));
+  }
+}), wn = /* @__PURE__ */ p(An, [["__scopeId", "data-v-a5f94494"]]), xn = { class: "accordion" }, Vn = ["aria-expanded", "aria-controls", "onClick"], Sn = ["data-open"], Mn = ["id"], In = /* @__PURE__ */ b({
+  name: "AAccordion",
+  __name: "AAccordion",
+  props: {
+    items: { default: () => [] },
+    multiple: { type: Boolean, default: !1 }
+  },
+  setup(e) {
+    const l = e, t = x(/* @__PURE__ */ new Set());
+    function s(d) {
+      const f = l.multiple ? new Set(t.value) : /* @__PURE__ */ new Set();
+      f.has(d) ? f.delete(d) : f.add(d), t.value = f;
+    }
+    function o(d) {
+      return `a-accordion-panel-${d}`;
+    }
+    return (d, f) => (a(), n("div", xn, [
+      (a(!0), n(C, null, L(e.items, (r) => (a(), n("section", {
+        key: r.key,
+        class: "accordion__item"
+      }, [
+        i("button", {
+          class: "accordion__header",
+          type: "button",
+          "aria-expanded": t.value.has(r.key),
+          "aria-controls": o(r.key),
+          onClick: (m) => s(r.key)
+        }, [
+          i("span", null, u(r.label), 1),
+          i("span", {
+            "data-open": t.value.has(r.key) || null
+          }, "v", 8, Sn)
+        ], 8, Vn),
+        t.value.has(r.key) ? (a(), n("div", {
+          key: 0,
+          id: o(r.key),
+          class: "accordion__body"
+        }, [
+          g(d.$slots, `item-${r.key}`, {}, () => [
+            T(u(r.content), 1)
+          ], !0)
+        ], 8, Mn)) : c("", !0)
+      ]))), 128))
+    ]));
+  }
+}), Cn = /* @__PURE__ */ p(In, [["__scopeId", "data-v-0cf469a0"]]), Ln = ["aria-expanded"], Bn = ["data-placement"], zn = { key: 0 }, Tn = /* @__PURE__ */ b({
+  name: "APopover",
+  __name: "APopover",
+  props: {
+    title: {},
+    placement: { default: "bottom" }
+  },
+  setup(e) {
+    const l = x(!1), t = x();
+    function s(o) {
+      var d;
+      (d = t.value) != null && d.contains(o.target) || (l.value = !1);
+    }
+    return we(() => {
+      typeof document < "u" && document.addEventListener("pointerdown", s);
+    }), de(() => {
+      typeof document < "u" && document.removeEventListener("pointerdown", s);
+    }), (o, d) => (a(), n("span", {
+      ref_key: "rootRef",
+      ref: t,
+      class: "popover"
+    }, [
+      i("button", {
+        class: "popover__trigger",
+        type: "button",
+        "aria-expanded": l.value,
+        "aria-haspopup": "dialog",
+        onClick: d[0] || (d[0] = (f) => l.value = !l.value),
+        onKeydown: d[1] || (d[1] = ae(F((f) => l.value = !1, ["prevent"]), ["esc"]))
+      }, [
+        g(o.$slots, "trigger", {}, void 0, !0)
+      ], 40, Ln),
+      l.value ? (a(), n("div", {
+        key: 0,
+        class: "popover__panel",
+        "data-placement": e.placement,
+        role: "dialog"
+      }, [
+        e.title ? (a(), n("strong", zn, u(e.title), 1)) : c("", !0),
+        g(o.$slots, "default", {}, void 0, !0)
+      ], 8, Bn)) : c("", !0)
+    ], 512));
+  }
+}), En = /* @__PURE__ */ p(Tn, [["__scopeId", "data-v-e1555770"]]), Dn = ["data-tone"], Kn = { class: "banner__action" }, Pn = ["aria-label"], Rn = /* @__PURE__ */ b({
+  name: "ABanner",
+  __name: "ABanner",
+  props: {
+    tone: { default: "info" },
+    dismissible: { type: Boolean, default: !1 },
+    dismissLabel: { default: "Dismiss banner" }
+  },
+  emits: ["dismiss"],
+  setup(e, { emit: l }) {
+    const t = l, s = x(!0);
+    return (o, d) => s.value ? (a(), n("section", {
+      key: 0,
+      class: "banner",
+      "data-tone": e.tone
+    }, [
+      g(o.$slots, "default", {}, void 0, !0),
+      i("span", Kn, [
+        g(o.$slots, "action", {}, void 0, !0)
+      ]),
+      e.dismissible ? (a(), n("button", {
+        key: 0,
+        type: "button",
+        "aria-label": e.dismissLabel,
+        onClick: d[0] || (d[0] = (f) => {
+          s.value = !1, t("dismiss");
+        })
+      }, "x", 8, Pn)) : c("", !0)
+    ], 8, Dn)) : c("", !0);
+  }
+}), Fn = /* @__PURE__ */ p(Rn, [["__scopeId", "data-v-a7f56fea"]]), Zn = ["data-dragging"], Nn = ["accept", "multiple"], Hn = { class: "file-upload__icon" }, Un = {
+  key: 0,
+  class: "file-upload__hint"
+}, On = /* @__PURE__ */ b({
+  name: "AFileUpload",
+  __name: "AFileUpload",
+  props: {
+    accept: {},
+    multiple: { type: Boolean, default: !1 },
+    maxSize: {},
+    label: { default: "Drop files here or choose files" },
+    hint: {},
+    iconLabel: { default: "+" }
+  },
+  emits: ["files"],
+  setup(e, { emit: l }) {
+    const t = e, s = l, o = x(!1), d = k(() => t.hint || (t.maxSize ? `Max ${Math.round(t.maxSize / 1024 / 1024)} MB` : ""));
+    function f($) {
+      $ && s("files", Array.from($));
+    }
+    function r($) {
+      f($.target.files);
+    }
+    function m($) {
+      var I;
+      o.value = !1, f(((I = $.dataTransfer) == null ? void 0 : I.files) || null);
+    }
+    return ($, I) => (a(), n("label", {
+      class: "file-upload",
+      "data-dragging": o.value || null,
+      onDragover: I[0] || (I[0] = F((P) => o.value = !0, ["prevent"])),
+      onDragleave: I[1] || (I[1] = F((P) => o.value = !1, ["prevent"])),
+      onDrop: F(m, ["prevent"])
+    }, [
+      i("input", {
+        class: "file-upload__input",
+        type: "file",
+        accept: e.accept,
+        multiple: e.multiple,
+        onChange: r
+      }, null, 40, Nn),
+      i("span", Hn, u(e.iconLabel), 1),
+      i("strong", null, u(e.label), 1),
+      d.value ? (a(), n("span", Un, u(d.value), 1)) : c("", !0)
+    ], 40, Zn));
+  }
+}), qn = /* @__PURE__ */ p(On, [["__scopeId", "data-v-896dff88"]]), jn = ["data-orientation"], Gn = ["data-state"], Wn = { class: "stepper__circle" }, Jn = /* @__PURE__ */ b({
+  name: "AStepper",
+  __name: "AStepper",
+  props: {
+    steps: { default: () => [] },
+    current: { default: 0 },
+    orientation: { default: "horizontal" }
+  },
+  setup(e) {
+    const l = e;
+    function t(s) {
+      return s < l.current ? "done" : s === l.current ? "current" : "upcoming";
+    }
+    return (s, o) => (a(), n("ol", {
+      class: "stepper",
+      "data-orientation": e.orientation
+    }, [
+      (a(!0), n(C, null, L(e.steps, (d, f) => (a(), n("li", {
+        key: d.key,
+        class: "stepper__item",
+        "data-state": t(f)
+      }, [
+        i("span", Wn, u(f < e.current ? "✓" : f + 1), 1),
+        i("span", null, u(d.label), 1)
+      ], 8, Gn))), 128))
+    ], 8, jn));
+  }
+}), Qn = /* @__PURE__ */ p(Jn, [["__scopeId", "data-v-858cb9ff"]]), Xn = { class: "timeline" }, Yn = { class: "timeline__node" }, es = /* @__PURE__ */ b({
+  name: "ATimeline",
+  __name: "ATimeline",
+  props: {
+    items: { default: () => [] }
+  },
+  setup(e) {
+    return (l, t) => (a(), n("ol", Xn, [
+      (a(!0), n(C, null, L(e.items, (s, o) => (a(), n("li", {
+        key: `${s.time}-${o}`,
+        class: "timeline__item"
+      }, [
+        i("span", Yn, u(s.icon || ""), 1),
+        i("p", null, [
+          i("strong", null, u(s.actor), 1),
+          T(" " + u(s.action) + " ", 1),
+          i("time", null, u(s.time), 1)
+        ])
+      ]))), 128))
+    ]));
+  }
+}), ts = /* @__PURE__ */ p(es, [["__scopeId", "data-v-38171d77"]]), as = {
+  key: 0,
+  class: "chart-frame__header"
+}, ls = { key: 0 }, ns = { class: "chart-frame__body" }, ss = /* @__PURE__ */ b({
+  name: "AChartFrame",
+  __name: "AChartFrame",
+  props: {
+    title: {},
+    subtitle: {}
+  },
+  setup(e) {
+    return (l, t) => (a(), E(ce, null, {
+      default: O(() => [
+        e.title || e.subtitle ? (a(), n("header", as, [
+          i("h3", null, u(e.title), 1),
+          e.subtitle ? (a(), n("p", ls, u(e.subtitle), 1)) : c("", !0)
+        ])) : c("", !0),
+        i("div", ns, [
+          g(l.$slots, "default", {}, void 0, !0)
+        ])
+      ]),
+      _: 3
+    }));
+  }
+}), os = /* @__PURE__ */ p(ss, [["__scopeId", "data-v-49775319"]]), ds = [
+  le,
+  Ve,
+  ut,
+  At,
+  ne,
+  Lt,
+  Dt,
+  Ft,
+  Ht,
+  Xt,
+  oa,
+  _a,
+  Ua,
+  re,
+  Qa,
+  Xa,
+  ce,
+  xe,
+  fe,
+  hl,
+  $l,
+  oe,
+  xl,
+  Ll,
+  Ie,
+  Ce,
+  Fl,
+  jl,
+  Yl,
+  an,
+  un,
+  bn,
+  wn,
+  Cn,
+  En,
+  Fn,
+  qn,
+  Qn,
+  ts,
+  os
+], ms = {
+  install(e) {
+    ds.forEach((l) => {
+      l.name && e.component(l.name, l);
+    }), e.directive("a-focus", Ue);
+  }
+};
+function vs(e = !1) {
+  const l = x(e);
+  return { isOpen: l, open: () => {
+    l.value = !0;
+  }, close: () => {
+    l.value = !1;
+  }, toggle: () => {
+    l.value = !l.value;
+  } };
+}
+const Le = "ainorix-density", Y = x("comfortable");
+let ye = !1;
+function is() {
+  if (typeof window > "u") return "comfortable";
+  const e = window.localStorage.getItem(Le);
+  return e === "compact" || e === "comfortable" ? e : "comfortable";
+}
+function Be(e) {
+  typeof document > "u" || (document.documentElement.dataset.density = e);
+}
+function us() {
+  ye || (Y.value = is(), Be(Y.value), ye = !0);
+}
+function hs() {
+  us();
+  function e(l) {
+    Y.value = l, Be(l), typeof window < "u" && window.localStorage.setItem(Le, l);
+  }
+  return { density: Y, set: e };
+}
+const ze = "ainorix-theme", U = x("light");
+let $e = !1;
+function rs() {
+  var l;
+  if (typeof window > "u") return "light";
+  const e = window.localStorage.getItem(ze);
+  return e === "light" || e === "dark" ? e : (l = window.matchMedia) != null && l.call(window, "(prefers-color-scheme: dark)").matches ? "dark" : "light";
+}
+function Te(e) {
+  typeof document > "u" || document.documentElement.classList.toggle("dark", e === "dark");
+}
+function cs() {
+  $e || (U.value = rs(), Te(U.value), $e = !0);
+}
+function bs() {
+  cs();
+  const e = k(() => U.value === "dark");
+  function l(s) {
+    U.value = s, Te(s), typeof window < "u" && window.localStorage.setItem(ze, s);
+  }
+  function t() {
+    l(U.value === "dark" ? "light" : "dark");
+  }
+  return { theme: U, isDark: e, set: l, toggle: t };
+}
+const _s = {
+  name: "CheckIcon",
+  render() {
+    return _e("svg", { viewBox: "0 0 20 20", fill: "none", "aria-hidden": "true" }, [
+      _e("path", {
+        d: "M16.25 5.75 8.5 13.5 4.75 9.75",
+        stroke: "currentColor",
+        "stroke-width": "2",
+        "stroke-linecap": "round",
+        "stroke-linejoin": "round"
+      })
+    ]);
+  }
+};
+function ps(e) {
+  const l = e ?? (typeof document < "u" ? document.documentElement : null);
+  if (!l)
+    return {
+      accent: "",
+      text: "",
+      muted: "",
+      grid: "",
+      surface: ""
+    };
+  const t = getComputedStyle(l), s = (o) => t.getPropertyValue(o).trim();
+  return {
+    accent: s("--accent"),
+    text: s("--text-primary"),
+    muted: s("--text-tertiary"),
+    grid: s("--chart-grid"),
+    surface: s("--bg-surface")
+  };
+}
+let ge = 0;
+function ys(e = "a") {
+  return ge += 1, `${e}-${ge}`;
+}
+export {
+  Cn as AAccordion,
+  hl as AAlert,
+  Ce as AAvatar,
+  Fl as AAvatarGroup,
+  re as ABadge,
+  Fn as ABanner,
+  Ll as ABreadcrumbs,
+  le as AButton,
+  ce as ACard,
+  os as AChartFrame,
+  ne as ACheckbox,
+  wn as ADrawer,
+  jl as AEmptyState,
+  qn as AFileUpload,
+  ut as AFormField,
+  fe as AIcon,
+  Ve as AInput,
+  Yl as AKpiCard,
+  Xt as AModal,
+  bn as ANumberInput,
+  Ie as APagination,
+  En as APopover,
+  $l as AProgress,
+  Lt as ARadio,
+  Ft as ASegmented,
+  At as ASelect,
+  un as ASidebarNav,
+  oe as ASkeleton,
+  Ht as ASlider,
+  xe as ASpinner,
+  Xa as AStatusPill,
+  Qn as AStepper,
+  Dt as ASwitch,
+  Ua as ATable,
+  xl as ATabs,
+  Qa as ATag,
+  ts as ATimeline,
+  oa as AToast,
+  _a as AToastHost,
+  an as ATooltip,
+  ms as AinorixUI,
+  _s as CheckIcon,
+  ds as components,
+  ys as createAId,
+  ms as default,
+  ps as getChartTheme,
+  hs as useDensity,
+  vs as useDisclosure,
+  bs as useTheme,
+  ua as useToast,
+  Ue as vAFocus
+};
+//# sourceMappingURL=ainorix-ui.js.map