@hebatzy/ui 0.0.0-stage → 0.3.0

package/dist/index.mjs

@@ -0,0 +1,1235 @@
+import { defineComponent as Y, openBlock as n, createElementBlock as s, normalizeClass as H, renderSlot as S, mergeProps as fe, useModel as Fe, ref as M, useId as ze, computed as C, useSlots as ua, createTextVNode as K, toDisplayString as x, createCommentVNode as v, createElementVNode as r, withDirectives as ve, vModelText as Ge, vModelSelect as ca, vModelDynamic as fa, mergeModels as Ce, createBlock as Te, Teleport as Qe, createVNode as Be, Transition as He, withCtx as Se, shallowReactive as Re, shallowRef as va, watch as Q, onBeforeUnmount as ya, Fragment as ae, renderList as ye, withModifiers as j, nextTick as Me, inject as Ye, unref as pa } from "vue";
+const ma = /* @__PURE__ */ Y({
+  name: "HebaBadge",
+  __name: "HebaBadge",
+  props: {
+    variant: { default: "secondary" },
+    size: { default: "md" }
+  },
+  setup(t) {
+    const d = {
+      sm: "heba:px-2 heba:py-0.5 heba:text-xs",
+      md: "heba:px-2.5 heba:py-1 heba:text-xs",
+      lg: "heba:px-3 heba:py-1.5 heba:text-sm"
+    }, b = {
+      secondary: "heba:bg-secondary-200 heba:text-secondary-900",
+      info: "heba:bg-info-600 heba:text-info-100",
+      success: "heba:bg-success-600 heba:text-success-100",
+      warning: "heba:bg-warning-800 heba:text-warning-100",
+      danger: "heba:bg-danger-600 heba:text-danger-100"
+    };
+    return (o, h) => (n(), s("span", {
+      class: H([
+        "heba:inline-flex heba:items-center heba:font-semibold heba:rounded-md",
+        d[t.size],
+        b[t.variant]
+      ])
+    }, [
+      S(o.$slots, "default")
+    ], 2));
+  }
+}), ga = ["disabled"], xa = /* @__PURE__ */ Y({
+  name: "HebaButton",
+  inheritAttrs: !1,
+  __name: "HebaButton",
+  props: {
+    variant: { default: "info" },
+    size: { default: "md" },
+    rounded: { default: "md" },
+    disabled: { type: Boolean, default: !1 }
+  },
+  setup(t) {
+    const d = {
+      none: "heba:rounded-none",
+      sm: "heba:rounded-sm",
+      md: "heba:rounded-md",
+      lg: "heba:rounded-lg",
+      xl: "heba:rounded-xl",
+      "2xl": "heba:rounded-2xl",
+      full: "heba:rounded-full"
+    }, b = {
+      sm: "heba:px-2.5 heba:py-1 heba:text-xs",
+      md: "heba:px-4 heba:py-2 heba:text-sm",
+      lg: "heba:px-6 heba:py-3 heba:text-base"
+    }, o = {
+      info: "heba:bg-info-600 heba:text-white heba:hover:bg-info-700",
+      secondary: "heba:bg-secondary-50 heba:text-black heba:hover:bg-secondary-200 heba:border heba:border-secondary-300",
+      success: "heba:bg-success-600 heba:text-white heba:hover:bg-success-700",
+      warning: "heba:bg-warning-600 heba:text-white heba:hover:bg-warning-700",
+      danger: "heba:bg-danger-600 heba:text-white heba:hover:bg-danger-700"
+    };
+    return (h, y) => (n(), s("button", fe({
+      class: [
+        "heba:inline-flex heba:items-center heba:justify-content-center heba:font-medium heba:cursor-pointer heba:transition-colors heba:duration-150",
+        b[t.size],
+        o[t.variant],
+        d[t.rounded],
+        { "heba:opacity-50 heba:cursor-not-allowed": t.disabled }
+      ],
+      disabled: t.disabled
+    }, h.$attrs), [
+      S(h.$slots, "default")
+    ], 16, ga));
+  }
+}), wa = { class: "heba:flex heba:flex-col heba:gap-1" }, ka = ["for"], $a = {
+  key: 0,
+  class: "heba:text-danger-500 heba:ml-0.5"
+}, Ma = {
+  key: 1,
+  class: "heba:text-xs heba:mb-1 heba:text-secondary-500"
+}, Ca = { class: "heba:relative heba:flex heba:items-center" }, Ba = {
+  key: 0,
+  class: "heba:absolute heba:left-3 heba:flex heba:items-center heba:pointer-events-none heba:text-secondary-500"
+}, Ha = ["id", "placeholder", "disabled", "readonly", "rows"], Sa = ["id", "disabled"], za = {
+  value: "",
+  disabled: "",
+  hidden: ""
+}, Ta = ["id", "type", "placeholder", "disabled", "readonly"], La = {
+  key: 4,
+  class: "heba:absolute heba:right-3 heba:flex heba:items-center heba:pointer-events-none heba:text-secondary-500"
+}, Aa = {
+  key: 5,
+  class: "heba:absolute heba:right-3 heba:flex heba:items-center heba:pointer-events-none heba:text-secondary-500"
+}, Va = {
+  key: 2,
+  class: "heba:text-xs heba:text-danger-600"
+}, Oa = /* @__PURE__ */ Y({
+  name: "HebaInput",
+  inheritAttrs: !1,
+  __name: "HebaInput",
+  props: /* @__PURE__ */ Ce({
+    label: {},
+    placeholder: {},
+    type: { default: "text" },
+    error: {},
+    hint: {},
+    disabled: { type: Boolean, default: !1 },
+    readonly: { type: Boolean, default: !1 },
+    required: { type: Boolean, default: !1 },
+    rows: { default: 3 }
+  }, {
+    modelValue: {},
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(t) {
+    const d = t, b = Fe(t, "modelValue"), o = M(!1), h = ze(), y = C(() => `heba-input-${h}`), z = ua(), $ = C(() => {
+      const g = [
+        "heba:w-full heba:rounded-lg heba:border heba:bg-white heba:text-sm heba:text-secondary-900",
+        "heba:placeholder:text-secondary-400",
+        "heba:transition-colors heba:duration-150 heba:outline-none",
+        "heba:disabled:bg-secondary-100 heba:disabled:text-secondary-400 heba:disabled:cursor-not-allowed",
+        "heba:read-only:cursor-default",
+        d.type === "textarea" ? "heba:px-3 heba:py-2" : "heba:px-3 heba:h-9",
+        z.prepend ? "heba:pl-9" : ""
+      ];
+      return d.disabled ? g.push("heba:border-secondary-200") : d.error ? g.push(
+        "heba:border-danger-500 heba:focus:border-danger-500 heba:focus:ring-2 heba:focus:ring-danger-200"
+      ) : g.push(
+        "heba:border-secondary-300 heba:focus:border-info-500 heba:focus:ring-2 heba:focus:ring-info-100"
+      ), g;
+    });
+    return (g, c) => (n(), s("div", wa, [
+      t.label ? (n(), s("label", {
+        key: 0,
+        for: y.value,
+        class: H([
+          "heba:text-sm heba:font-semibold",
+          t.disabled ? "heba:text-secondary-400" : "heba:text-secondary-900",
+          t.error ? "heba:text-danger-600" : ""
+        ])
+      }, [
+        K(x(t.label) + " ", 1),
+        t.required ? (n(), s("span", $a, "*")) : v("", !0)
+      ], 10, ka)) : v("", !0),
+      t.hint ? (n(), s("p", Ma, x(t.hint), 1)) : v("", !0),
+      r("div", Ca, [
+        g.$slots.prepend ? (n(), s("div", Ba, [
+          S(g.$slots, "prepend")
+        ])) : v("", !0),
+        t.type === "textarea" ? ve((n(), s("textarea", fe({
+          key: 1,
+          id: y.value,
+          "onUpdate:modelValue": c[0] || (c[0] = (p) => b.value = p),
+          placeholder: t.placeholder,
+          disabled: t.disabled,
+          readonly: t.readonly,
+          rows: t.rows,
+          class: $.value
+        }, g.$attrs, {
+          onFocus: c[1] || (c[1] = (p) => o.value = !0),
+          onBlur: c[2] || (c[2] = (p) => o.value = !1)
+        }), null, 16, Ha)), [
+          [Ge, b.value]
+        ]) : t.type === "select" ? ve((n(), s("select", fe({
+          key: 2,
+          id: y.value,
+          "onUpdate:modelValue": c[3] || (c[3] = (p) => b.value = p),
+          disabled: t.disabled,
+          class: [$.value, "heba:appearance-none heba:cursor-pointer"]
+        }, g.$attrs, {
+          onFocus: c[4] || (c[4] = (p) => o.value = !0),
+          onBlur: c[5] || (c[5] = (p) => o.value = !1)
+        }), [
+          r("option", za, x(t.placeholder), 1),
+          S(g.$slots, "default")
+        ], 16, Sa)), [
+          [ca, b.value]
+        ]) : ve((n(), s("input", fe({
+          key: 3,
+          id: y.value,
+          "onUpdate:modelValue": c[6] || (c[6] = (p) => b.value = p),
+          type: t.type,
+          placeholder: t.placeholder,
+          disabled: t.disabled,
+          readonly: t.readonly,
+          class: $.value
+        }, g.$attrs, {
+          onFocus: c[7] || (c[7] = (p) => o.value = !0),
+          onBlur: c[8] || (c[8] = (p) => o.value = !1)
+        }), null, 16, Ta)), [
+          [fa, b.value]
+        ]),
+        t.type === "select" ? (n(), s("div", La, [...c[9] || (c[9] = [
+          r("svg", {
+            class: "heba:w-4 heba:h-4",
+            viewBox: "0 0 20 20",
+            fill: "currentColor"
+          }, [
+            r("path", {
+              "fill-rule": "evenodd",
+              d: "M5.23 7.21a.75.75 0 011.06.02L10 11.168l3.71-3.938a.75.75 0 111.08 1.04l-4.25 4.5a.75.75 0 01-1.08 0l-4.25-4.5a.75.75 0 01.02-1.06z",
+              "clip-rule": "evenodd"
+            })
+          ], -1)
+        ])])) : g.$slots.append ? (n(), s("div", Aa, [
+          S(g.$slots, "append")
+        ])) : v("", !0)
+      ]),
+      t.error ? (n(), s("p", Va, x(t.error), 1)) : v("", !0)
+    ]));
+  }
+}), Ea = {
+  key: 0,
+  class: "heba:px-6 heba:pt-6 heba:pb-0"
+}, Ia = { class: "heba:flex heba:justify-between heba:items-start" }, Da = { class: "flex heba:flex-col" }, ja = { class: "heba:text-sm heba:text-secondary-400" }, Ka = { class: "heba:px-6 heba:py-4 heba:text-sm heba:text-secondary-500 heba:leading-relaxed heba:flex-1" }, Ua = {
+  key: 1,
+  class: "heba:px-6 heba:pb-6 heba:pt-2 heba:flex heba:items-center heba:justify-end heba:gap-3"
+}, qa = /* @__PURE__ */ Y({
+  name: "HebaModal",
+  __name: "HebaModal",
+  props: /* @__PURE__ */ Ce({
+    title: {},
+    subtitle: {},
+    size: { default: "md" },
+    closeOnBackdrop: { type: Boolean, default: !0 }
+  }, {
+    modelValue: { type: Boolean, default: !1 },
+    modelModifiers: {}
+  }),
+  emits: /* @__PURE__ */ Ce(["on:close"], ["update:modelValue"]),
+  setup(t, { emit: d }) {
+    const b = t, o = d, h = Fe(t, "modelValue"), z = `heba-modal-title-${ze()}`, $ = {
+      sm: "heba:max-w-sm",
+      md: "heba:max-w-md",
+      lg: "heba:max-w-lg"
+    };
+    function g() {
+      b.closeOnBackdrop && (h.value = !1);
+    }
+    function c() {
+      o("on:close"), h.value = !1;
+    }
+    return (p, J) => (n(), Te(Qe, { to: "body" }, [
+      Be(He, {
+        "enter-active-class": "heba:transition heba:duration-200 heba:ease-out",
+        "enter-from-class": "heba:opacity-0",
+        "enter-to-class": "heba:opacity-100",
+        "leave-active-class": "heba:transition heba:duration-150 heba:ease-in",
+        "leave-from-class": "heba:opacity-100",
+        "leave-to-class": "heba:opacity-0"
+      }, {
+        default: Se(() => [
+          t.modelValue ? (n(), s("div", {
+            key: 0,
+            class: "heba:fixed heba:inset-0 heba:z-50 heba:flex heba:items-center heba:justify-center heba:p-4",
+            role: "dialog",
+            "aria-modal": "true",
+            "aria-labelledby": z
+          }, [
+            r("div", {
+              class: "heba:absolute heba:inset-0 heba:bg-black/40",
+              onMousedown: g
+            }, null, 32),
+            Be(He, {
+              "enter-active-class": "heba:transition heba:duration-200 heba:ease-out",
+              "enter-from-class": "heba:opacity-0 heba:scale-95",
+              "enter-to-class": "heba:opacity-100 heba:scale-100",
+              "leave-active-class": "heba:transition heba:duration-150 heba:ease-in",
+              "leave-from-class": "heba:opacity-100 heba:scale-100",
+              "leave-to-class": "heba:opacity-0 heba:scale-95"
+            }, {
+              default: Se(() => [
+                t.modelValue ? (n(), s("div", {
+                  key: 0,
+                  class: H([
+                    "heba:relative heba:bg-white heba:rounded-2xl heba:shadow-xl heba:w-full heba:flex heba:flex-col",
+                    $[t.size]
+                  ])
+                }, [
+                  t.title || p.$slots.header ? (n(), s("div", Ea, [
+                    S(p.$slots, "header", {}, () => [
+                      r("div", Ia, [
+                        r("div", Da, [
+                          r("h2", {
+                            id: z,
+                            class: "heba:text-lg heba:font-bold heba:text-secondary-900 heba:leading-snug"
+                          }, x(t.title), 1),
+                          r("p", ja, x(t.subtitle), 1)
+                        ]),
+                        r("button", {
+                          onClick: c,
+                          class: "heba:cursor-pointer"
+                        }, [...J[0] || (J[0] = [
+                          r("i", { class: "fa-solid fa-xmark" }, null, -1)
+                        ])])
+                      ])
+                    ])
+                  ])) : v("", !0),
+                  r("div", Ka, [
+                    S(p.$slots, "default")
+                  ]),
+                  p.$slots.footer ? (n(), s("div", Ua, [
+                    S(p.$slots, "footer")
+                  ])) : v("", !0)
+                ], 2)) : v("", !0)
+              ]),
+              _: 3
+            })
+          ])) : v("", !0)
+        ]),
+        _: 3
+      })
+    ]));
+  }
+}), Pa = {
+  key: 0,
+  class: "heba:ml-0.5 heba:text-danger-500"
+}, Na = {
+  key: 1,
+  class: "heba:text-xs heba:mb-1 heba:text-secondary-500"
+}, Ra = { class: "heba:relative" }, Fa = ["tabindex", "aria-expanded", "aria-labelledby", "aria-disabled", "aria-readonly", "aria-invalid", "aria-activedescendant"], Ga = {
+  key: 0,
+  class: "heba:truncate heba:text-secondary-400"
+}, Qa = {
+  key: 0,
+  role: "status",
+  "aria-label": "Memuat pilihan",
+  class: "heba:h-2.5 heba:w-12 heba:animate-pulse heba:rounded heba:bg-secondary-300"
+}, Ya = {
+  key: 1,
+  class: "heba:min-w-0 heba:truncate"
+}, Ja = ["aria-label", "onClick"], Wa = {
+  key: 0,
+  role: "status",
+  "aria-label": "Memuat pilihan",
+  class: "heba:h-3 heba:w-28 heba:animate-pulse heba:rounded heba:bg-secondary-200"
+}, Xa = {
+  key: 1,
+  class: "heba:min-w-0 heba:truncate"
+}, Za = {
+  key: 2,
+  class: "heba:min-w-0 heba:truncate heba:text-danger-600"
+}, _a = { class: "heba:flex heba:shrink-0 heba:items-center heba:gap-1" }, et = {
+  key: 0,
+  class: "heba:border-b heba:border-secondary-100 heba:p-2"
+}, at = { class: "heba:relative heba:flex heba:items-center" }, tt = ["aria-activedescendant", "placeholder"], lt = {
+  key: 0,
+  class: "heba:pointer-events-none heba:absolute heba:right-2.5 heba:h-4 heba:w-4 heba:animate-spin heba:text-secondary-400",
+  viewBox: "0 0 24 24",
+  fill: "none",
+  "aria-hidden": "true"
+}, ot = {
+  key: 0,
+  role: "status",
+  class: "heba:flex heba:items-center heba:justify-center heba:gap-2 heba:text-secondary-500"
+}, nt = {
+  key: 1,
+  role: "alert",
+  class: "heba:flex heba:flex-col heba:items-center heba:gap-2 heba:text-danger-600"
+}, st = {
+  key: 2,
+  class: "heba:text-secondary-500"
+}, rt = ["aria-multiselectable", "aria-labelledby"], it = ["id", "aria-selected", "onMouseenter", "onClick"], bt = { class: "heba:min-w-0 heba:flex-1" }, dt = { class: "heba:block heba:truncate" }, ht = {
+  key: 0,
+  class: "heba:h-4 heba:w-4 heba:shrink-0 heba:text-info-600",
+  viewBox: "0 0 20 20",
+  fill: "currentColor",
+  "aria-hidden": "true"
+}, ut = {
+  key: 0,
+  role: "presentation",
+  class: "heba:flex heba:items-center heba:gap-2 heba:px-3 heba:py-2 heba:text-xs heba:text-secondary-500"
+}, ct = {
+  key: 1,
+  role: "presentation",
+  class: "heba:flex heba:items-center heba:justify-between heba:gap-2 heba:px-3 heba:py-2 heba:text-xs heba:text-danger-600"
+}, ft = {
+  key: 2,
+  class: "heba:text-xs heba:text-danger-600"
+}, vt = /* @__PURE__ */ Y({
+  name: "HebaSelect2",
+  __name: "HebaSelect2",
+  props: {
+    modelValue: { default: null },
+    options: { default: () => [] },
+    multiple: { type: Boolean },
+    searchable: { type: Boolean },
+    clearable: { type: Boolean },
+    disabled: { type: Boolean },
+    readonly: { type: Boolean },
+    labelKey: { default: "label" },
+    valueKey: { default: "value" },
+    remote: { type: Boolean },
+    loading: { type: Boolean },
+    debounce: { default: 300 },
+    limit: { default: 20 },
+    fetchOptions: {},
+    fetchSelectedOptions: {},
+    fallbackLabel: {},
+    label: {},
+    placeholder: { default: "Pilih..." },
+    searchPlaceholder: { default: "Cari..." },
+    emptyText: { default: "Tidak ada data" },
+    error: {},
+    hint: {},
+    required: { type: Boolean }
+  },
+  emits: ["update:modelValue", "update:selected", "search", "load", "change", "clear", "open", "close", "error"],
+  setup(t, { expose: d, emit: b }) {
+    const o = t, h = b, y = ze(), z = `heba-select2-label-${y}`, $ = `heba-select2-listbox-${y}`, g = M(null), c = M(null), p = M(null), J = M(null), k = M(!1), Ae = M(!1), O = M(""), w = M(-1), f = (e) => String(e);
+    function Ve(e) {
+      return typeof e == "string" && e !== "" || typeof e == "number" && !Number.isNaN(e);
+    }
+    function U(e, a = o.valueKey) {
+      if (!e || typeof e != "object") return;
+      const l = e[a];
+      return Ve(l) ? l : void 0;
+    }
+    function Oe(e, a) {
+      const l = e[o.labelKey];
+      return l == null || l === "" ? String(a) : String(l);
+    }
+    const T = Re(/* @__PURE__ */ new Map()), q = Re(/* @__PURE__ */ new Map()), re = /* @__PURE__ */ new Set();
+    let te = 0;
+    const ie = C(() => {
+      const e = /* @__PURE__ */ new Map();
+      for (const a of o.options) {
+        const l = U(a);
+        l !== void 0 && !e.has(f(l)) && e.set(f(l), a);
+      }
+      return e;
+    });
+    function Ee(e) {
+      return ie.value.get(e) ?? T.get(e) ?? null;
+    }
+    const P = C(() => {
+      const e = o.modelValue, a = Array.isArray(e) ? e : [e], l = /* @__PURE__ */ new Set(), i = [];
+      for (const u of a)
+        if (!(!Ve(u) || l.has(f(u))) && (l.add(f(u)), i.push(u), !o.multiple))
+          break;
+      return i;
+    }), We = C(() => new Set(P.value.map(f))), W = C(
+      () => P.value.map((e) => {
+        const a = f(e), l = Ee(a);
+        if (l)
+          return {
+            key: a,
+            value: e,
+            option: l,
+            label: Oe(l, e),
+            status: "ready"
+          };
+        const i = q.get(a) ?? "missing";
+        let u;
+        return i === "loading" ? u = "Memuat..." : i === "error" ? u = `Gagal memuat (${e})` : u = o.fallbackLabel ? o.fallbackLabel(e) : `Tidak ditemukan (${e})`, { key: a, value: e, option: null, label: u, status: i };
+      })
+    ), X = C(() => !o.disabled && !o.readonly), Xe = C(
+      () => o.clearable && X.value && P.value.length > 0
+    ), Ze = C(
+      () => W.value.some((e) => e.status === "error")
+    );
+    function Ie() {
+      const e = [];
+      for (const a of P.value) {
+        const l = f(a), i = ie.value.get(l);
+        if (i) {
+          T.get(l) !== i && T.set(l, i);
+          continue;
+        }
+        T.has(l) || re.has(l) || e.push(a);
+      }
+      e.length && o.fetchSelectedOptions && _e(o.fetchSelectedOptions, e);
+    }
+    async function _e(e, a) {
+      const l = te, i = a.map(f);
+      for (const u of i)
+        re.add(u), q.set(u, "loading");
+      if (!(typeof window > "u"))
+        try {
+          const u = await e(o.multiple ? a : a[0]);
+          if (l !== te) return;
+          const V = Array.isArray(u) ? u : u ? [u] : [];
+          for (const L of V) {
+            const m = U(L);
+            m !== void 0 && (T.has(f(m)) || T.set(f(m), L));
+          }
+          for (const L of i) q.delete(L);
+        } catch (u) {
+          if (l !== te) return;
+          for (const V of i) q.set(V, "error");
+          h("error", u, { type: "selected", values: a });
+        }
+    }
+    function De() {
+      const e = [...q].filter(([, a]) => a === "error").map(([a]) => a);
+      for (const a of e)
+        q.delete(a), re.delete(a);
+      Ie();
+    }
+    const Z = va([]), _ = M(!1), N = M(!1), le = M(!1), ee = M(!1), R = M(!1);
+    let be = 0, de = !1, oe = null, ne = 0, E = null, pe;
+    const je = C(
+      () => o.loading || R.value || _.value
+    );
+    function ea(e, a) {
+      if (Array.isArray(e))
+        return { data: e, more: e.length >= o.limit };
+      const l = Array.isArray(e == null ? void 0 : e.data) ? e.data : [];
+      return typeof (e == null ? void 0 : e.hasMore) == "boolean" ? { data: l, more: e.hasMore } : typeof (e == null ? void 0 : e.total) == "number" ? { data: l, more: a * o.limit < e.total } : { data: l, more: l.length >= o.limit };
+    }
+    async function se(e) {
+      const a = o.fetchOptions;
+      if (!a) return;
+      const l = O.value, i = ++ne;
+      E == null || E.abort();
+      const u = new AbortController();
+      E = u, R.value = !1, ee.value = !1, e === 1 ? (_.value = !0, N.value = !1, le.value = !1) : N.value = !0;
+      try {
+        const V = await a({
+          search: l,
+          page: e,
+          limit: o.limit,
+          signal: u.signal
+        });
+        if (i !== ne) return;
+        const { data: L, more: m } = ea(V, e), I = /* @__PURE__ */ new Set();
+        if (e > 1)
+          for (const D of Z.value) {
+            const G = U(D);
+            G !== void 0 && I.add(f(G));
+          }
+        const B = [];
+        for (const D of L) {
+          const G = U(D);
+          G !== void 0 && (T.set(f(G), D), !I.has(f(G)) && (I.add(f(G)), B.push(D)));
+        }
+        Z.value = e === 1 ? B : [...Z.value, ...B], be = e, de = m && B.length > 0, oe = l, h("load", { search: l, page: e, options: L, hasMore: de }), Me(la);
+      } catch (V) {
+        if (i !== ne) return;
+        e === 1 ? (le.value = !0, Z.value = [], oe = null) : ee.value = !0, h("error", V, { type: "options", search: l, page: e });
+      } finally {
+        i === ne && (_.value = !1, N.value = !1);
+      }
+    }
+    function he() {
+      !o.fetchOptions || !de || _.value || N.value || R.value || ee.value || se(be + 1);
+    }
+    function me() {
+      se(ee.value ? be + 1 : 1);
+    }
+    function ge() {
+      ne++, E == null || E.abort(), E = null, clearTimeout(pe), R.value = !1, _.value = !1, N.value = !1;
+    }
+    function xe() {
+      ge(), le.value = !1, ee.value = !1, Z.value = [], be = 0, de = !1, oe = null;
+    }
+    function aa() {
+      xe(), k.value && se(1);
+    }
+    function ta(e) {
+      const a = e.currentTarget;
+      a.scrollTop + a.clientHeight >= a.scrollHeight - 40 && he();
+    }
+    function la() {
+      const e = J.value;
+      e && e.clientHeight > 0 && e.scrollHeight <= e.clientHeight && he();
+    }
+    const A = C(() => {
+      const e = O.value.trim().toLocaleLowerCase(), a = o.remote && !o.fetchOptions, l = o.fetchOptions ? Z.value : [], i = new Set(ie.value.keys());
+      for (const m of l) {
+        const I = U(m);
+        I !== void 0 && i.add(f(I));
+      }
+      const u = /* @__PURE__ */ new Set(), V = [], L = (m, I) => {
+        const B = U(m);
+        if (B === void 0 || u.has(f(B))) return;
+        const D = Oe(m, B);
+        I && e && !D.toLocaleLowerCase().includes(e) || (u.add(f(B)), V.push({
+          key: f(B),
+          value: B,
+          label: D,
+          option: m,
+          selected: We.value.has(f(B))
+        }));
+      };
+      if (!a || !e)
+        for (const m of W.value)
+          m.option && !i.has(m.key) && L(m.option, !0);
+      for (const m of o.options) L(m, !a);
+      for (const m of l) L(m, !1);
+      return V;
+    }), Ke = C(
+      () => k.value && A.value[w.value] ? `${$}-${w.value}` : void 0
+    ), oa = C(() => o.disabled ? "heba:cursor-not-allowed heba:border-secondary-200 heba:bg-secondary-100 heba:text-secondary-400" : o.readonly ? "heba:cursor-default heba:border-secondary-300 heba:bg-white heba:text-secondary-900" : o.error ? k.value ? "heba:cursor-pointer heba:border-danger-500 heba:bg-white heba:text-secondary-900 heba:ring-2 heba:ring-danger-200" : "heba:cursor-pointer heba:border-danger-500 heba:bg-white heba:text-secondary-900 heba:focus:ring-2 heba:focus:ring-danger-200" : k.value ? "heba:cursor-pointer heba:border-info-500 heba:bg-white heba:text-secondary-900 heba:ring-2 heba:ring-info-100" : "heba:cursor-pointer heba:border-secondary-300 heba:bg-white heba:text-secondary-900 heba:focus:border-info-500 heba:focus:ring-2 heba:focus:ring-info-100");
+    function na(e) {
+      let a = "heba:bg-secondary-100 heba:text-secondary-700";
+      return o.disabled ? a = "heba:bg-secondary-200 heba:text-secondary-500" : (e.status === "missing" || e.status === "error") && (a = "heba:bg-danger-50 heba:text-danger-700"), [
+        "heba:inline-flex heba:max-w-full heba:items-center heba:gap-1 heba:rounded-md heba:px-2 heba:py-0.5 heba:text-xs heba:font-medium",
+        a
+      ];
+    }
+    function ue() {
+      var e;
+      (e = c.value) == null || e.focus();
+    }
+    function sa() {
+      const e = c.value;
+      if (!e) return !1;
+      const a = e.getBoundingClientRect(), l = window.innerHeight - a.bottom;
+      return l < 320 && a.top > l;
+    }
+    function we() {
+      if (!X.value || k.value) return;
+      Ae.value = sa(), k.value = !0;
+      const e = A.value.findIndex(
+        (a) => a.selected
+      );
+      w.value = e >= 0 ? e : A.value.length ? 0 : -1, document.addEventListener("mousedown", ke, !0), h("open"), o.fetchOptions && oe !== O.value && se(1), Me(() => {
+        var a;
+        o.searchable && ((a = p.value) == null || a.focus()), qe();
+      });
+    }
+    function F(e = !1) {
+      k.value && (k.value = !1, document.removeEventListener("mousedown", ke, !0), oe === "" ? ge() : xe(), O.value = "", h("close"), e && ue());
+    }
+    function ke(e) {
+      var l;
+      const a = e.target;
+      a && ((l = g.value) != null && l.contains(a)) || F();
+    }
+    function ra(e) {
+      !X.value || e.button !== 0 || (e.preventDefault(), k.value ? F(!0) : (ue(), we()));
+    }
+    function ia(e) {
+      if (X.value) {
+        if (!k.value) {
+          ["Enter", " ", "ArrowDown", "ArrowUp"].includes(e.key) && (e.preventDefault(), we());
+          return;
+        }
+        if (e.key === " ") {
+          e.preventDefault(), Pe();
+          return;
+        }
+        Ue(e);
+      }
+    }
+    function Ue(e) {
+      e.key === "ArrowDown" || e.key === "ArrowUp" ? (e.preventDefault(), ba(e.key === "ArrowDown" ? 1 : -1)) : e.key === "Enter" ? (e.preventDefault(), Pe()) : e.key === "Escape" ? (e.preventDefault(), e.stopPropagation(), F(!0)) : e.key === "Tab" && F();
+    }
+    function ba(e) {
+      const a = A.value.length;
+      a && (w.value = Math.min(
+        Math.max(w.value + e, 0),
+        a - 1
+      ), e > 0 && w.value === a - 1 && he(), Me(qe));
+    }
+    function qe() {
+      var a, l;
+      const e = (a = J.value) == null ? void 0 : a.querySelectorAll('[role="option"]')[w.value];
+      (l = e == null ? void 0 : e.scrollIntoView) == null || l.call(e, { block: "nearest" });
+    }
+    function Pe() {
+      const e = A.value[w.value];
+      e && Ne(e);
+    }
+    function ce(e) {
+      h("update:modelValue", e);
+      const l = (e === null ? [] : Array.isArray(e) ? e : [e]).map((i) => Ee(f(i))).filter((i) => i !== null);
+      h("change", e, o.multiple ? l : l[0] ?? null);
+    }
+    function Ne(e) {
+      if (T.set(e.key, e.option), o.multiple) {
+        const a = P.value;
+        ce(
+          e.selected ? a.filter((l) => f(l) !== e.key) : [...a, e.value]
+        );
+        return;
+      }
+      e.selected || ce(e.value), F(!0);
+    }
+    function da(e) {
+      ce(P.value.filter((a) => f(a) !== e));
+    }
+    function ha() {
+      ce(o.multiple ? [] : null), h("clear");
+    }
+    Q(
+      () => o.valueKey,
+      (e) => {
+        te++;
+        const a = [...T.values()];
+        T.clear();
+        for (const l of a) {
+          const i = U(l, e);
+          i !== void 0 && T.set(f(i), l);
+        }
+        re.clear(), q.clear();
+      },
+      { flush: "sync" }
+    ), Q(
+      [() => P.value.map(f).join("\0"), ie],
+      Ie,
+      { immediate: !0 }
+    );
+    let $e = [];
+    return Q(
+      () => W.value.flatMap((e) => e.option ? [e.option] : []),
+      (e) => {
+        e.length === $e.length && e.every((a, l) => a === $e[l]) || ($e = e, h("update:selected", o.multiple ? e : e[0] ?? null));
+      },
+      { immediate: !0 }
+    ), Q(O, (e) => {
+      if (w.value = A.value.length ? 0 : -1, clearTimeout(pe), R.value = !1, !o.fetchOptions && !o.remote) {
+        h("search", e);
+        return;
+      }
+      const a = () => {
+        R.value = !1, h("search", e), o.fetchOptions && k.value && se(1);
+      };
+      k.value && o.debounce > 0 ? (R.value = !0, pe = setTimeout(a, o.debounce)) : a();
+    }), Q(
+      () => o.fetchOptions,
+      () => {
+        k.value || xe();
+      }
+    ), Q(
+      () => A.value.length,
+      (e) => {
+        e ? (w.value < 0 || w.value >= e) && (w.value = Math.min(Math.max(w.value, 0), e - 1)) : w.value = -1;
+      }
+    ), Q(X, (e) => {
+      e || F();
+    }), ya(() => {
+      document.removeEventListener("mousedown", ke, !0), ge(), te++;
+    }), d({
+      open: we,
+      close: () => F(),
+      focus: ue,
+      reload: aa,
+      loadMore: he,
+      retry: me,
+      retrySelected: De
+    }), (e, a) => (n(), s("div", {
+      ref_key: "rootEl",
+      ref: g,
+      class: "heba:flex heba:flex-col heba:gap-1"
+    }, [
+      t.label ? (n(), s("label", {
+        key: 0,
+        id: z,
+        class: H([
+          "heba:text-sm heba:font-semibold",
+          t.error ? "heba:text-danger-600" : t.disabled ? "heba:text-secondary-400" : "heba:text-secondary-900"
+        ]),
+        onClick: ue
+      }, [
+        K(x(t.label) + " ", 1),
+        t.required ? (n(), s("span", Pa, "*")) : v("", !0)
+      ], 2)) : v("", !0),
+      t.hint ? (n(), s("p", Na, x(t.hint), 1)) : v("", !0),
+      r("div", Ra, [
+        r("div", {
+          ref_key: "controlEl",
+          ref: c,
+          role: "combobox",
+          "aria-haspopup": "listbox",
+          tabindex: t.disabled ? -1 : 0,
+          "aria-expanded": k.value,
+          "aria-controls": $,
+          "aria-labelledby": t.label ? z : void 0,
+          "aria-disabled": t.disabled || void 0,
+          "aria-readonly": t.readonly || void 0,
+          "aria-invalid": t.error ? !0 : void 0,
+          "aria-activedescendant": t.searchable ? void 0 : Ke.value,
+          class: H([
+            "heba:flex heba:min-h-10 heba:w-full heba:items-center heba:gap-2 heba:rounded-lg heba:border heba:px-3 heba:text-sm heba:outline-none heba:transition-colors heba:duration-150",
+            oa.value
+          ]),
+          onMousedown: ra,
+          onKeydown: ia
+        }, [
+          r("div", {
+            class: H([
+              "heba:flex heba:min-w-0 heba:flex-1 heba:items-center heba:py-1.5",
+              t.multiple ? "heba:flex-wrap heba:gap-1.5" : ""
+            ])
+          }, [
+            W.value.length ? t.multiple ? (n(!0), s(ae, { key: 1 }, ye(W.value, (l) => (n(), s("span", {
+              key: l.key,
+              class: H(na(l))
+            }, [
+              l.status === "loading" ? (n(), s("span", Qa)) : (n(), s("span", Ya, [
+                l.option ? S(e.$slots, "selected", {
+                  option: l.option,
+                  label: l.label,
+                  value: l.value
+                }, () => [
+                  K(x(l.label), 1)
+                ], void 0, 0) : (n(), s(ae, { key: 1 }, [
+                  K(x(l.label), 1)
+                ], 64))
+              ])),
+              X.value ? (n(), s("button", {
+                key: 2,
+                type: "button",
+                class: "heba:-mr-0.5 heba:rounded heba:p-0.5 heba:opacity-60 heba:transition-opacity heba:hover:opacity-100",
+                "aria-label": `Hapus ${l.label}`,
+                onMousedown: a[0] || (a[0] = j(() => {
+                }, ["stop", "prevent"])),
+                onClick: j((i) => da(l.key), ["stop"])
+              }, [...a[6] || (a[6] = [
+                r("svg", {
+                  class: "heba:h-3 heba:w-3",
+                  viewBox: "0 0 20 20",
+                  fill: "currentColor",
+                  "aria-hidden": "true"
+                }, [
+                  r("path", { d: "M6.28 5.22a.75.75 0 00-1.06 1.06L8.94 10l-3.72 3.72a.75.75 0 101.06 1.06L10 11.06l3.72 3.72a.75.75 0 101.06-1.06L11.06 10l3.72-3.72a.75.75 0 00-1.06-1.06L10 8.94 6.28 5.22z" })
+                ], -1)
+              ])], 40, Ja)) : v("", !0)
+            ], 2))), 128)) : (n(!0), s(ae, { key: 2 }, ye(W.value, (l) => (n(), s(ae, {
+              key: l.key
+            }, [
+              l.status === "loading" ? (n(), s("span", Wa)) : l.option ? (n(), s("span", Xa, [
+                S(e.$slots, "selected", {
+                  option: l.option,
+                  label: l.label,
+                  value: l.value
+                }, () => [
+                  K(x(l.label), 1)
+                ])
+              ])) : (n(), s("span", Za, x(l.label), 1))
+            ], 64))), 128)) : (n(), s("span", Ga, x(t.placeholder), 1))
+          ], 2),
+          r("div", _a, [
+            Ze.value && !t.disabled ? (n(), s("button", {
+              key: 0,
+              type: "button",
+              class: "heba:rounded heba:p-0.5 heba:text-danger-500 heba:hover:bg-danger-50",
+              "aria-label": "Muat ulang pilihan",
+              title: "Muat ulang pilihan",
+              onMousedown: a[1] || (a[1] = j(() => {
+              }, ["stop", "prevent"])),
+              onClick: j(De, ["stop"])
+            }, [...a[7] || (a[7] = [
+              r("svg", {
+                class: "heba:h-4 heba:w-4",
+                viewBox: "0 0 20 20",
+                fill: "currentColor",
+                "aria-hidden": "true"
+              }, [
+                r("path", {
+                  "fill-rule": "evenodd",
+                  d: "M15.312 11.424a5.5 5.5 0 01-9.201 2.466l-.312-.311h2.433a.75.75 0 000-1.5H3.989a.75.75 0 00-.75.75v4.242a.75.75 0 001.5 0v-2.43l.31.31a7 7 0 0011.712-3.138.75.75 0 00-1.449-.39zm1.23-3.723a.75.75 0 00.219-.53V2.929a.75.75 0 00-1.5 0V5.36l-.31-.31A7 7 0 003.239 8.188a.75.75 0 101.448.389A5.5 5.5 0 0113.89 6.11l.311.31h-2.432a.75.75 0 000 1.5h4.243a.75.75 0 00.53-.219z",
+                  "clip-rule": "evenodd"
+                })
+              ], -1)
+            ])], 32)) : v("", !0),
+            Xe.value ? (n(), s("button", {
+              key: 1,
+              type: "button",
+              class: "heba:rounded heba:p-0.5 heba:text-secondary-400 heba:hover:bg-secondary-100 heba:hover:text-secondary-600",
+              "aria-label": "Kosongkan pilihan",
+              onMousedown: a[2] || (a[2] = j(() => {
+              }, ["stop", "prevent"])),
+              onClick: j(ha, ["stop"])
+            }, [...a[8] || (a[8] = [
+              r("svg", {
+                class: "heba:h-4 heba:w-4",
+                viewBox: "0 0 20 20",
+                fill: "currentColor",
+                "aria-hidden": "true"
+              }, [
+                r("path", { d: "M6.28 5.22a.75.75 0 00-1.06 1.06L8.94 10l-3.72 3.72a.75.75 0 101.06 1.06L10 11.06l3.72 3.72a.75.75 0 101.06-1.06L11.06 10l3.72-3.72a.75.75 0 00-1.06-1.06L10 8.94 6.28 5.22z" })
+              ], -1)
+            ])], 32)) : v("", !0),
+            t.readonly ? v("", !0) : (n(), s("svg", {
+              key: 2,
+              class: H([
+                "heba:h-4 heba:w-4 heba:transition-transform heba:duration-150",
+                t.disabled ? "heba:text-secondary-300" : "heba:text-secondary-500",
+                k.value ? "heba:rotate-180" : ""
+              ]),
+              viewBox: "0 0 20 20",
+              fill: "currentColor",
+              "aria-hidden": "true"
+            }, [...a[9] || (a[9] = [
+              r("path", {
+                "fill-rule": "evenodd",
+                d: "M5.23 7.21a.75.75 0 011.06.02L10 11.168l3.71-3.938a.75.75 0 111.08 1.04l-4.25 4.5a.75.75 0 01-1.08 0l-4.25-4.5a.75.75 0 01.02-1.06z",
+                "clip-rule": "evenodd"
+              }, null, -1)
+            ])], 2))
+          ])
+        ], 42, Fa),
+        k.value ? (n(), s("div", {
+          key: 0,
+          class: H([
+            "heba:absolute heba:inset-x-0 heba:z-50 heba:overflow-hidden heba:rounded-lg heba:border heba:border-secondary-200 heba:bg-white heba:shadow-lg",
+            Ae.value ? "heba:bottom-full heba:mb-1" : "heba:top-full heba:mt-1"
+          ])
+        }, [
+          t.searchable ? (n(), s("div", et, [
+            r("div", at, [
+              a[11] || (a[11] = r("svg", {
+                class: "heba:pointer-events-none heba:absolute heba:left-2.5 heba:h-4 heba:w-4 heba:text-secondary-400",
+                viewBox: "0 0 20 20",
+                fill: "currentColor",
+                "aria-hidden": "true"
+              }, [
+                r("path", {
+                  "fill-rule": "evenodd",
+                  d: "M9 3.5a5.5 5.5 0 100 11 5.5 5.5 0 000-11zM2 9a7 7 0 1112.452 4.391l3.328 3.329a.75.75 0 11-1.06 1.06l-3.329-3.328A7 7 0 012 9z",
+                  "clip-rule": "evenodd"
+                })
+              ], -1)),
+              ve(r("input", {
+                ref_key: "searchEl",
+                ref: p,
+                "onUpdate:modelValue": a[3] || (a[3] = (l) => O.value = l),
+                type: "text",
+                autocomplete: "off",
+                "aria-label": "Cari opsi",
+                "aria-autocomplete": "list",
+                "aria-controls": $,
+                "aria-activedescendant": Ke.value,
+                placeholder: t.searchPlaceholder,
+                class: "heba:h-9 heba:w-full heba:rounded-md heba:border heba:border-secondary-300 heba:bg-white heba:pl-8 heba:pr-8 heba:text-sm heba:text-secondary-900 heba:outline-none heba:placeholder:text-secondary-400 heba:focus:border-info-500 heba:focus:ring-2 heba:focus:ring-info-100",
+                onKeydown: Ue
+              }, null, 40, tt), [
+                [Ge, O.value]
+              ]),
+              je.value && A.value.length ? (n(), s("svg", lt, [...a[10] || (a[10] = [
+                r("circle", {
+                  class: "heba:opacity-25",
+                  cx: "12",
+                  cy: "12",
+                  r: "10",
+                  stroke: "currentColor",
+                  "stroke-width": "4"
+                }, null, -1),
+                r("path", {
+                  class: "heba:opacity-75",
+                  fill: "currentColor",
+                  d: "M4 12a8 8 0 018-8v4a4 4 0 00-4 4H4z"
+                }, null, -1)
+              ])])) : v("", !0)
+            ])
+          ])) : v("", !0),
+          A.value.length ? (n(), s("ul", {
+            key: 2,
+            id: $,
+            ref_key: "listEl",
+            ref: J,
+            role: "listbox",
+            "aria-multiselectable": t.multiple || void 0,
+            "aria-labelledby": t.label ? z : void 0,
+            class: "heba:max-h-60 heba:overflow-y-auto heba:py-1",
+            onScrollPassive: ta,
+            onMousedown: a[5] || (a[5] = j(() => {
+            }, ["prevent"]))
+          }, [
+            (n(!0), s(ae, null, ye(A.value, (l, i) => (n(), s("li", {
+              id: `${$}-${i}`,
+              key: l.key,
+              role: "option",
+              "aria-selected": l.selected,
+              class: H([
+                "heba:flex heba:cursor-pointer heba:items-center heba:gap-2 heba:px-3 heba:py-2 heba:text-sm",
+                i === w.value ? "heba:bg-secondary-100" : "",
+                l.selected ? "heba:font-medium heba:text-info-700" : "heba:text-secondary-900"
+              ]),
+              onMouseenter: (u) => w.value = i,
+              onClick: (u) => Ne(l)
+            }, [
+              r("span", bt, [
+                S(e.$slots, "option", {
+                  option: l.option,
+                  label: l.label,
+                  value: l.value,
+                  selected: l.selected,
+                  active: i === w.value
+                }, () => [
+                  r("span", dt, x(l.label), 1)
+                ])
+              ]),
+              l.selected ? (n(), s("svg", ht, [...a[14] || (a[14] = [
+                r("path", {
+                  "fill-rule": "evenodd",
+                  d: "M16.704 4.153a.75.75 0 01.143 1.052l-8 10.5a.75.75 0 01-1.127.075l-4.5-4.5a.75.75 0 011.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 011.05-.143z",
+                  "clip-rule": "evenodd"
+                }, null, -1)
+              ])])) : v("", !0)
+            ], 42, it))), 128)),
+            N.value || _.value && !t.searchable ? (n(), s("li", ut, [
+              a[15] || (a[15] = r("svg", {
+                class: "heba:h-3.5 heba:w-3.5 heba:animate-spin",
+                viewBox: "0 0 24 24",
+                fill: "none",
+                "aria-hidden": "true"
+              }, [
+                r("circle", {
+                  class: "heba:opacity-25",
+                  cx: "12",
+                  cy: "12",
+                  r: "10",
+                  stroke: "currentColor",
+                  "stroke-width": "4"
+                }),
+                r("path", {
+                  class: "heba:opacity-75",
+                  fill: "currentColor",
+                  d: "M4 12a8 8 0 018-8v4a4 4 0 00-4 4H4z"
+                })
+              ], -1)),
+              K(" " + x(N.value ? "Memuat lebih banyak..." : "Memuat..."), 1)
+            ])) : le.value || ee.value ? (n(), s("li", ct, [
+              a[16] || (a[16] = r("span", null, "Gagal memuat data.", -1)),
+              r("button", {
+                type: "button",
+                class: "heba:font-semibold heba:underline-offset-2 heba:hover:underline",
+                onClick: me
+              }, " Coba lagi ")
+            ])) : v("", !0)
+          ], 40, rt)) : (n(), s("div", {
+            key: 1,
+            class: "heba:px-3 heba:py-6 heba:text-center heba:text-sm",
+            onMousedown: a[4] || (a[4] = j(() => {
+            }, ["prevent"]))
+          }, [
+            je.value ? (n(), s("div", ot, [...a[12] || (a[12] = [
+              r("svg", {
+                class: "heba:h-4 heba:w-4 heba:animate-spin",
+                viewBox: "0 0 24 24",
+                fill: "none",
+                "aria-hidden": "true"
+              }, [
+                r("circle", {
+                  class: "heba:opacity-25",
+                  cx: "12",
+                  cy: "12",
+                  r: "10",
+                  stroke: "currentColor",
+                  "stroke-width": "4"
+                }),
+                r("path", {
+                  class: "heba:opacity-75",
+                  fill: "currentColor",
+                  d: "M4 12a8 8 0 018-8v4a4 4 0 00-4 4H4z"
+                })
+              ], -1),
+              K(" Memuat... ", -1)
+            ])])) : le.value ? (n(), s("div", nt, [
+              a[13] || (a[13] = r("span", null, "Gagal memuat data.", -1)),
+              r("button", {
+                type: "button",
+                class: "heba:rounded-md heba:border heba:border-danger-200 heba:px-3 heba:py-1 heba:text-xs heba:font-semibold heba:hover:bg-danger-50",
+                onClick: me
+              }, " Coba lagi ")
+            ])) : (n(), s("div", st, [
+              S(e.$slots, "empty", { search: O.value }, () => [
+                K(x(t.emptyText), 1)
+              ])
+            ]))
+          ], 32))
+        ], 2)) : v("", !0)
+      ]),
+      t.error ? (n(), s("p", ft, x(t.error), 1)) : v("", !0)
+    ], 512));
+  }
+}), yt = {
+  key: 0,
+  class: "heba:flex heba:items-center heba:gap-3 heba:bg-white heba:rounded-xl heba:shadow-lg heba:overflow-hidden heba:min-w-72 heba:max-w-sm heba:pr-4 heba:py-3",
+  role: "alert"
+}, pt = {
+  key: 0,
+  class: "heba:w-4 heba:h-4 heba:text-white",
+  viewBox: "0 0 20 20",
+  fill: "currentColor"
+}, mt = {
+  key: 1,
+  class: "heba:w-4 heba:h-4 heba:text-white",
+  viewBox: "0 0 20 20",
+  fill: "currentColor"
+}, gt = {
+  key: 2,
+  class: "heba:w-4 heba:h-4 heba:text-white",
+  viewBox: "0 0 20 20",
+  fill: "currentColor"
+}, xt = {
+  key: 3,
+  class: "heba:w-4 heba:h-4 heba:text-white",
+  viewBox: "0 0 20 20",
+  fill: "currentColor"
+}, wt = { class: "heba:text-sm heba:font-semibold heba:text-secondary-900 heba:flex-1" }, Je = /* @__PURE__ */ Y({
+  __name: "HebaToast",
+  props: {
+    message: {},
+    variant: { default: "info" },
+    visible: { type: Boolean, default: !0 }
+  },
+  setup(t) {
+    const d = t, b = C(() => ({
+      success: "heba:bg-success-500",
+      danger: "heba:bg-danger-500",
+      warning: "heba:bg-warning-600",
+      info: "heba:bg-info-500"
+    })[d.variant]), o = C(() => ({
+      success: "heba:bg-success-500",
+      danger: "heba:bg-danger-500",
+      warning: "heba:bg-warning-600",
+      info: "heba:bg-info-500"
+    })[d.variant]);
+    return (h, y) => (n(), Te(He, {
+      "enter-active-class": "heba:transition heba:duration-300 heba:ease-out",
+      "enter-from-class": "heba:translate-x-full heba:opacity-0",
+      "enter-to-class": "heba:translate-x-0 heba:opacity-100",
+      "leave-active-class": "heba:transition heba:duration-200 heba:ease-in",
+      "leave-from-class": "heba:translate-x-0 heba:opacity-100",
+      "leave-to-class": "heba:translate-x-full heba:opacity-0"
+    }, {
+      default: Se(() => [
+        t.visible ? (n(), s("div", yt, [
+          r("div", {
+            class: H(["heba:w-1 heba:self-stretch heba:rounded-r-full heba:shrink-0", b.value])
+          }, null, 2),
+          r("div", {
+            class: H(["heba:flex heba:items-center heba:justify-center heba:w-8 heba:h-8 heba:rounded-full heba:shrink-0", o.value])
+          }, [
+            t.variant === "success" ? (n(), s("svg", pt, [...y[0] || (y[0] = [
+              r("path", {
+                "fill-rule": "evenodd",
+                d: "M16.704 4.153a.75.75 0 01.143 1.052l-8 10.5a.75.75 0 01-1.127.075l-4.5-4.5a.75.75 0 011.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 011.05-.143z",
+                "clip-rule": "evenodd"
+              }, null, -1)
+            ])])) : t.variant === "danger" ? (n(), s("svg", mt, [...y[1] || (y[1] = [
+              r("path", { d: "M6.28 5.22a.75.75 0 00-1.06 1.06L8.94 10l-3.72 3.72a.75.75 0 101.06 1.06L10 11.06l3.72 3.72a.75.75 0 101.06-1.06L11.06 10l3.72-3.72a.75.75 0 00-1.06-1.06L10 8.94 6.28 5.22z" }, null, -1)
+            ])])) : t.variant === "warning" ? (n(), s("svg", gt, [...y[2] || (y[2] = [
+              r("path", {
+                "fill-rule": "evenodd",
+                d: "M8.485 2.495c.673-1.167 2.357-1.167 3.03 0l6.28 10.875c.673 1.167-.17 2.625-1.516 2.625H3.72c-1.347 0-2.189-1.458-1.515-2.625L8.485 2.495zM10 5a.75.75 0 01.75.75v3.5a.75.75 0 01-1.5 0v-3.5A.75.75 0 0110 5zm0 9a1 1 0 100-2 1 1 0 000 2z",
+                "clip-rule": "evenodd"
+              }, null, -1)
+            ])])) : (n(), s("svg", xt, [...y[3] || (y[3] = [
+              r("path", {
+                "fill-rule": "evenodd",
+                d: "M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a.75.75 0 000 1.5h.253a.25.25 0 01.244.304l-.459 2.066A1.75 1.75 0 0010.747 15H11a.75.75 0 000-1.5h-.253a.25.25 0 01-.244-.304l.459-2.066A1.75 1.75 0 009.253 9H9z",
+                "clip-rule": "evenodd"
+              }, null, -1)
+            ])]))
+          ], 2),
+          r("p", wt, x(t.message), 1)
+        ])) : v("", !0)
+      ]),
+      _: 1
+    }));
+  }
+}), Le = Symbol.for("heba-toast");
+let kt = 0;
+function $t() {
+  const t = M([]);
+  function d(b, o = "info", h = 3e3) {
+    const y = ++kt;
+    t.value.push({ id: y, message: b, variant: o, visible: !0 }), setTimeout(() => {
+      const z = t.value.find(($) => $.id === y);
+      z && (z.visible = !1), setTimeout(() => {
+        t.value = t.value.filter(($) => $.id !== y);
+      }, 250);
+    }, h);
+  }
+  return { toasts: t, add: d };
+}
+const Mt = { class: "heba:fixed heba:top-4 heba:right-4 heba:z-[9999] heba:flex heba:flex-col heba:gap-3 heba:pointer-events-none" }, Ct = /* @__PURE__ */ Y({
+  __name: "HebaToastContainer",
+  setup(t) {
+    const { toasts: d } = Ye(Le);
+    return (b, o) => (n(), Te(Qe, { to: "body" }, [
+      r("div", Mt, [
+        (n(!0), s(ae, null, ye(pa(d), (h) => (n(), s("div", {
+          key: h.id,
+          class: "heba:pointer-events-auto"
+        }, [
+          Be(Je, {
+            message: h.message,
+            variant: h.variant,
+            visible: h.visible
+          }, null, 8, ["message", "variant", "visible"])
+        ]))), 128))
+      ])
+    ]));
+  }
+}), Bt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  HebaBadge: ma,
+  HebaButton: xa,
+  HebaInput: Oa,
+  HebaModal: qa,
+  HebaSelect2: vt,
+  HebaToast: Je,
+  HebaToastContainer: Ct
+}, Symbol.toStringTag, { value: "Module" }));
+function St() {
+  const t = Ye(Le);
+  if (!t)
+    throw new Error("[HebaUI] useToast() requires HebaToastContainer to be mounted and HebaUI plugin installed.");
+  return {
+    success: (d, b) => t.add(d, "success", b),
+    danger: (d, b) => t.add(d, "danger", b),
+    warning: (d, b) => t.add(d, "warning", b),
+    info: (d, b) => t.add(d, "info", b),
+    show: (d, b = "info", o) => t.add(d, b, o)
+  };
+}
+const zt = {
+  install(t) {
+    for (const [b, o] of Object.entries(Bt))
+      t.component(b, o);
+    const d = $t();
+    t.provide(Le, d);
+  }
+};
+export {
+  ma as HebaBadge,
+  xa as HebaButton,
+  Oa as HebaInput,
+  qa as HebaModal,
+  vt as HebaSelect2,
+  Je as HebaToast,
+  Ct as HebaToastContainer,
+  zt as HebaUI,
+  Le as TOAST_STATE_KEY,
+  $t as createToastState,
+  zt as default,
+  St as useToast
+};