@robuust-digital/vue-components 2.1.0 → 2.2.0-rc.0

package/CHANGELOG.md

@@ -1,3 +1,9 @@
+## 2.2.0-rc.0 (12-08-2025)
+
+### Added
+
+* Typescript support for all components
+
 ## 2.1.0 (05-08-2025)
 
 ### Added

package/dist/_shared/ButtonBase.vue_vue_type_script_setup_true_lang-B0YsKehI.js

@@ -0,0 +1,60 @@
+import { defineComponent as b, watchEffect as p, createBlock as l, openBlock as e, resolveDynamicComponent as s, mergeProps as c, withCtx as d, createElementBlock as f, renderSlot as o, createCommentVNode as a, createTextVNode as t, toDisplayString as r, unref as y } from "vue";
+import { S as m } from "./icon-spinner-CmxIOqaK.js";
+const v = {
+  key: 0,
+  class: "rvc-button-label"
+}, O = /* @__PURE__ */ b({
+  __name: "ButtonBase",
+  props: {
+    as: { default: "button" },
+    bindAs: { default: void 0 },
+    label: { default: "" },
+    icon: { type: [Function, Object, null], default: null },
+    iconOnly: { type: Boolean, default: !1 },
+    iconLeft: { type: Boolean, default: !1 },
+    size: { default: "base" },
+    spinning: { type: Boolean, default: !1 },
+    color: { default: "primary" }
+  },
+  setup(u) {
+    const i = u;
+    return p(() => {
+      i.iconOnly && !i.icon && console.warn("[ButtonBase] Using iconOnly prop without providing an icon may result in an empty button.");
+    }), (n, g) => (e(), l(s(n.as), c(n.bindAs ? { as: n.bindAs } : {}, {
+      class: ["rvc-button", `rvc-button-${n.color}`, `rvc-button-${n.size}`, { "rvc-button-reverse": n.iconLeft }, { "rvc-button-icon-only": n.iconOnly }],
+      "aria-label": n.iconOnly ? n.label : null,
+      "aria-busy": n.spinning
+    }), {
+      default: d(() => [
+        n.iconOnly && n.label ? (e(), f("span", v, [
+          o(n.$slots, "default", { label: n.label }, () => [
+            t(r(n.label), 1)
+          ])
+        ])) : n.label ? o(n.$slots, "default", {
+          key: 1,
+          label: n.label
+        }, () => [
+          t(r(n.label), 1)
+        ]) : a("", !0),
+        o(n.$slots, "icon", { icon: n.icon }, () => [
+          n.icon && !n.spinning ? (e(), l(s(n.icon), {
+            key: 0,
+            class: "rvc-button-icon",
+            "aria-hidden": !n.iconOnly
+          }, null, 8, ["aria-hidden"])) : a("", !0)
+        ]),
+        o(n.$slots, "spinner", { spinning: n.spinning }, () => [
+          n.spinning ? (e(), l(y(m), {
+            key: 0,
+            class: "rvc-button-icon rvc-button-icon-loading",
+            "aria-hidden": "true"
+          })) : a("", !0)
+        ])
+      ]),
+      _: 3
+    }, 16, ["class", "aria-label", "aria-busy"]));
+  }
+});
+export {
+  O as _
+};

package/dist/_shared/ChevronDownIcon-DaaXfD3C.js

@@ -0,0 +1,41 @@
+import { defineComponent as r, createBlock as o, openBlock as a, resolveDynamicComponent as t, normalizeClass as n, withCtx as s, renderSlot as d, createTextVNode as c, toDisplayString as i, createElementBlock as u, createElementVNode as p } from "vue";
+const v = /* @__PURE__ */ r({
+  __name: "Badge",
+  props: {
+    as: { default: "span" },
+    label: { default: "" },
+    size: { default: "base" },
+    color: { default: "default" }
+  },
+  setup(l) {
+    return (e, f) => (a(), o(t(e.as), {
+      class: n(["rvc-badge", `rvc-badge-${e.color}`, `rvc-badge-${e.size}`])
+    }, {
+      default: s(() => [
+        d(e.$slots, "default", { label: e.label }, () => [
+          c(i(e.label), 1)
+        ])
+      ]),
+      _: 3
+    }, 8, ["class"]));
+  }
+});
+function b(l, e) {
+  return a(), u("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true",
+    "data-slot": "icon"
+  }, [
+    p("path", {
+      "fill-rule": "evenodd",
+      d: "M5.22 8.22a.75.75 0 0 1 1.06 0L10 11.94l3.72-3.72a.75.75 0 1 1 1.06 1.06l-4.25 4.25a.75.75 0 0 1-1.06 0L5.22 9.28a.75.75 0 0 1 0-1.06Z",
+      "clip-rule": "evenodd"
+    })
+  ]);
+}
+export {
+  v as _,
+  b as r
+};

package/dist/_shared/Combobox.vue_vue_type_script_setup_true_lang-D1vKMJok.js

@@ -0,0 +1,266 @@
+import { createElementBlock as c, openBlock as n, createElementVNode as r, defineComponent as U, ref as g, computed as P, createBlock as C, unref as d, mergeProps as D, withCtx as V, createCommentVNode as k, renderSlot as v, createVNode as f, resolveDynamicComponent as q, withModifiers as z, Fragment as N, renderList as M, createTextVNode as G, toDisplayString as A, normalizeClass as H } from "vue";
+import { useDebounceFn as J } from "@vueuse/core";
+import { Combobox as Q, ComboboxInput as W, ComboboxButton as X, ComboboxOptions as Y, ComboboxOption as _ } from "@headlessui/vue";
+import { r as ee, _ as oe } from "./ChevronDownIcon-DaaXfD3C.js";
+import { S as le } from "./icon-spinner-CmxIOqaK.js";
+function te(s, L) {
+  return n(), c("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 16 16",
+    fill: "currentColor",
+    "aria-hidden": "true",
+    "data-slot": "icon"
+  }, [
+    r("path", {
+      "fill-rule": "evenodd",
+      d: "M8 15A7 7 0 1 0 8 1a7 7 0 0 0 0 14Zm2.78-4.22a.75.75 0 0 1-1.06 0L8 9.06l-1.72 1.72a.75.75 0 1 1-1.06-1.06L6.94 8 5.22 6.28a.75.75 0 0 1 1.06-1.06L8 6.94l1.72-1.72a.75.75 0 1 1 1.06 1.06L9.06 8l1.72 1.72a.75.75 0 0 1 0 1.06Z",
+      "clip-rule": "evenodd"
+    })
+  ]);
+}
+function ae(s, L) {
+  return n(), c("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true",
+    "data-slot": "icon"
+  }, [
+    r("path", { d: "M6.28 5.22a.75.75 0 0 0-1.06 1.06L8.94 10l-3.72 3.72a.75.75 0 1 0 1.06 1.06L10 11.06l3.72 3.72a.75.75 0 1 0 1.06-1.06L11.06 10l3.72-3.72a.75.75 0 0 0-1.06-1.06L10 8.94 6.28 5.22Z" })
+  ]);
+}
+const ne = { class: "rvc-combobox-container" }, se = { class: "rvc-combobox-wrapper" }, re = { class: "rvc-combobox-field" }, ie = {
+  key: 0,
+  class: "rvc-combobox-chips"
+}, ue = ["onClick"], de = {
+  key: 0,
+  class: "rvc-combobox-content"
+}, ce = {
+  key: 1,
+  class: "rvc-combobox-content"
+}, me = { class: "rvc-combobox-option-text" }, he = /* @__PURE__ */ U({
+  inheritAttrs: !1,
+  __name: "Combobox",
+  props: {
+    id: {},
+    rootClass: { default: "" },
+    modelValue: { default: null },
+    endpoint: { default: void 0 },
+    requestParams: { default: () => ({}) },
+    manualInput: { type: Boolean, default: !1 },
+    responseData: { type: Function, default: (s) => s },
+    displayValue: { type: Function, default: (s) => (s == null ? void 0 : s.name) || null },
+    optionText: { type: Function, default: (s) => (s == null ? void 0 : s.name) || null },
+    disabled: { type: Boolean, default: !1 },
+    minLength: { default: 2 },
+    itemKey: { default: "id" },
+    clearable: { type: Boolean, default: !1 },
+    rootAttrs: { default: () => ({}) },
+    multiple: { type: Boolean, default: !1 },
+    onSearch: { type: Function, default: () => Promise.resolve({ data: [] }) },
+    searchOnly: { type: Boolean, default: !1 },
+    icon: { type: [Function, Object, null], default: null },
+    prefixIcon: { type: [Function, Object, null], default: null },
+    size: { default: "base" },
+    debounce: { default: 150 },
+    minLoadingTime: { default: 0 },
+    onCancel: { type: Function, default: void 0 }
+  },
+  emits: ["update:modelValue", "update:requestParams", "combobox:noResults", "combobox:error"],
+  setup(s, { emit: L }) {
+    const t = s, m = L, i = g([]), b = g(!1), y = g(null), B = g(!0), T = g(null), u = P({
+      get: () => t.multiple ? t.modelValue || [] : t.modelValue,
+      set: (e) => m("update:modelValue", e)
+    }), I = P({
+      get: () => t.requestParams,
+      set: (e) => m("update:requestParams", e)
+    }), R = (e) => t.displayValue(e) || "", E = (e) => new Promise((l) => {
+      setTimeout(l, e);
+    }), S = (e, l) => {
+      i.value = [], m("combobox:error", e), m("combobox:noResults", l);
+    }, x = async (e) => {
+      if (!t.onSearch) return;
+      if (t.searchOnly && !e) {
+        i.value = [];
+        return;
+      }
+      if (e && e.length < t.minLength) {
+        i.value = [];
+        return;
+      }
+      T.value && t.onCancel && t.onCancel(T.value), b.value = !0;
+      const l = Date.now();
+      try {
+        const { data: a, error: h, cancel: w } = await t.onSearch(e, I.value, t.endpoint);
+        T.value = w || null;
+        const p = t.responseData(a), o = Date.now() - l;
+        !p.length && h && S(h, e), o < t.minLoadingTime && await E(t.minLoadingTime - o), p != null && p.length ? i.value = p : (i.value = [], m("combobox:noResults", e));
+      } catch (a) {
+        a != null && a.cancelled || S(a, e);
+      } finally {
+        b.value = !1;
+      }
+    }, Z = J(x, t.debounce), K = (e) => {
+      B.value ? (B.value = !1, x(e)) : Z(e);
+    }, j = (e) => {
+      var a;
+      ((a = e.target.value) == null ? void 0 : a.length) === 0 && (i.value = [], m("update:modelValue", null)), t.manualInput && m("update:modelValue", I.value.query);
+    }, $ = (e) => {
+      var l;
+      return t.multiple ? u.value.some((a) => a[t.itemKey] === e) : ((l = u.value) == null ? void 0 : l[t.itemKey]) === e;
+    }, F = (e) => {
+      u.value = u.value.filter((l) => l[t.itemKey] !== e[t.itemKey]);
+    };
+    return (e, l) => (n(), C(d(Q), D({
+      modelValue: u.value,
+      "onUpdate:modelValue": l[4] || (l[4] = (a) => u.value = a),
+      as: "div"
+    }, e.rootAttrs, {
+      multiple: e.multiple,
+      class: [
+        "rvc-combobox",
+        `rvc-combobox-${e.size}`,
+        e.rootClass
+      ]
+    }), {
+      default: V(() => {
+        var a, h, w, p;
+        return [
+          r("div", ne, [
+            r("div", se, [
+              r("div", re, [
+                e.prefixIcon ? v(e.$slots, "prefixIcon", {
+                  key: 0,
+                  icon: e.prefixIcon
+                }, () => [
+                  (n(), C(q(e.prefixIcon), { "aria-hidden": "true" }))
+                ]) : k("", !0),
+                f(d(W), D(e.$attrs, {
+                  id: e.id,
+                  "display-value": R,
+                  disabled: e.disabled,
+                  autocomplete: "off",
+                  onChange: l[0] || (l[0] = (o) => K(o.target.value)),
+                  onSearch: j,
+                  onInput: l[1] || (l[1] = (o) => y.value = o.target.value)
+                }), null, 16, ["id", "disabled"]),
+                f(d(X), {
+                  disabled: e.disabled,
+                  class: "rvc-combobox-button",
+                  onClick: l[2] || (l[2] = (o) => K(y.value || null))
+                }, {
+                  default: V(() => {
+                    var o;
+                    return [
+                      b.value ? v(e.$slots, "spinner", {
+                        key: 0,
+                        spinning: b.value
+                      }, () => [
+                        f(d(le), { class: "rvc-combobox-spinner" })
+                      ]) : (!e.searchOnly || (o = i.value) != null && o.length) && !b.value ? v(e.$slots, "icon", {
+                        key: 1,
+                        icon: e.icon
+                      }, () => [
+                        (n(), C(q(e.icon ?? d(ee)), { "aria-hidden": "true" }))
+                      ]) : k("", !0)
+                    ];
+                  }),
+                  _: 3
+                }, 8, ["disabled"])
+              ]),
+              e.clearable && (Array.isArray(e.modelValue) ? (a = e.modelValue) != null && a.length : (h = e.modelValue) != null && h.id) ? (n(), c("button", {
+                key: 0,
+                type: "button",
+                "aria-label": "Clear selection",
+                class: "rvc-combobox-clear",
+                onClick: l[3] || (l[3] = z((o) => m("update:modelValue", e.multiple ? [] : null), ["prevent"]))
+              }, [
+                v(e.$slots, "clear", {}, () => [
+                  f(d(ae))
+                ])
+              ])) : k("", !0)
+            ]),
+            e.multiple && Array.isArray(u.value) && ((w = u.value) != null && w.length) ? (n(), c("ul", ie, [
+              (n(!0), c(N, null, M(u.value, (o) => (n(), c("li", {
+                key: `${e.id}-selected-option-${o[e.itemKey]}`
+              }, [
+                v(e.$slots, "chip", {
+                  optionText: e.optionText(o),
+                  option: o,
+                  removeOption: F
+                }, () => [
+                  f(oe, {
+                    color: "gray",
+                    class: "rvc-combobox-chip",
+                    size: e.size
+                  }, {
+                    default: V(() => [
+                      G(A(e.optionText(o)) + " ", 1),
+                      r("button", {
+                        type: "button",
+                        "aria-label": "Remove option",
+                        onClick: z((O) => F(o), ["prevent"])
+                      }, [
+                        f(d(te))
+                      ], 8, ue)
+                    ]),
+                    _: 2
+                  }, 1032, ["size"])
+                ])
+              ]))), 128))
+            ])) : k("", !0),
+            (!e.searchOnly || (p = y.value) != null && p.length) && (!b.value || i.value.length) ? (n(), C(d(Y), {
+              key: 1,
+              class: "rvc-combobox-options"
+            }, {
+              default: V(() => [
+                y.value && y.value.length < e.minLength ? (n(), c("div", de, [
+                  r("div", null, [
+                    r("em", null, "Minimal " + A(e.minLength) + " characters.", 1)
+                  ])
+                ])) : !b.value && !i.value.length ? (n(), c("div", ce, l[5] || (l[5] = [
+                  r("div", null, " No results found. ", -1)
+                ]))) : (n(!0), c(N, { key: 2 }, M(i.value, (o) => (n(), C(d(_), {
+                  key: `option-${o[e.itemKey]}`,
+                  value: o,
+                  as: "template"
+                }, {
+                  default: V(({ active: O }) => [
+                    r("li", {
+                      class: H([
+                        "rvc-combobox-option",
+                        { "rvc-combobox-option-hover": O },
+                        { "rvc-combobox-option-active": $(o[e.itemKey]) }
+                      ])
+                    }, [
+                      v(e.$slots, "option", {
+                        option: o,
+                        isActive: $
+                      }, () => [
+                        v(e.$slots, "optionPrefix", {
+                          option: o[e.itemKey],
+                          isActive: $
+                        }),
+                        r("span", me, A(e.optionText(o)), 1),
+                        v(e.$slots, "optionSuffix", {
+                          option: o[e.itemKey],
+                          isActive: $
+                        })
+                      ])
+                    ], 2)
+                  ]),
+                  _: 2
+                }, 1032, ["value"]))), 128))
+              ]),
+              _: 3
+            })) : k("", !0)
+          ])
+        ];
+      }),
+      _: 3
+    }, 16, ["modelValue", "multiple", "class"]));
+  }
+});
+export {
+  he as _
+};

package/dist/_shared/Drawer.vue_vue_type_script_setup_true_lang-DT6tBBZ7.js

@@ -0,0 +1,186 @@
+import { defineComponent as S, createBlock as w, openBlock as d, unref as a, withCtx as i, createVNode as s, withModifiers as L, createElementVNode as t, normalizeClass as c, createElementBlock as u, renderSlot as n, createCommentVNode as m, createTextVNode as T, toDisplayString as F } from "vue";
+import { TransitionRoot as N, Dialog as V, TransitionChild as b, DialogPanel as R, DialogTitle as y } from "@headlessui/vue";
+import { _ as k } from "./ButtonBase.vue_vue_type_script_setup_true_lang-B0YsKehI.js";
+import { u as A } from "./Modal.vue_vue_type_script_setup_true_lang-DBEOIZnO.js";
+import { r as C } from "./XMarkIcon-90mcPzBs.js";
+const H = {
+  class: "rvc-drawer-presentation",
+  role: "presentation"
+}, I = { class: "rvc-drawer-container" }, z = { class: "rvc-drawer-inner" }, M = { class: "rvc-drawer-panel-inner" }, P = { class: "rvc-drawer-header-inner" }, j = { class: "rvc-drawer-close-wrapper" }, q = ["id"], G = {
+  key: 2,
+  class: "rvc-drawer-footer"
+}, W = /* @__PURE__ */ S({
+  __name: "Drawer",
+  props: {
+    as: { default: "form" },
+    id: {},
+    title: {},
+    showClose: { type: Boolean, default: !1 },
+    scrolledDown: { type: Boolean, default: !1 },
+    headerSticky: { type: Boolean, default: !1 },
+    spinning: { type: Boolean, default: !1 },
+    submitLabel: { default: "Save" },
+    cancelLabel: { default: "Cancel" },
+    panelClass: { default: "rvc-drawer-panel-max-width" },
+    resetHeader: { type: Boolean, default: !1 },
+    resetFooter: { type: Boolean, default: !1 }
+  },
+  emits: ["drawer:open", "drawer:opened", "drawer:close", "drawer:save", "drawer:closed"],
+  setup(g, { emit: $ }) {
+    const B = g, o = $, {
+      contentRef: h,
+      ready: v,
+      isForm: D,
+      titleId: f,
+      descriptionId: p,
+      initialFocusElement: E
+    } = A(B);
+    return (e, r) => (d(), w(a(N), { as: "template" }, {
+      default: i(() => [
+        s(a(V), {
+          as: e.as,
+          class: "rvc-drawer",
+          static: "",
+          "aria-modal": "true",
+          role: "dialog",
+          "initial-focus": a(E),
+          "aria-labelledby": a(f),
+          onClose: r[6] || (r[6] = (l) => o("drawer:close")),
+          onSubmit: r[7] || (r[7] = L((l) => o("drawer:save", l), ["prevent"]))
+        }, {
+          default: i(() => [
+            s(a(b), {
+              as: "template",
+              enter: "rvc-drawer-backdrop-transition-enter",
+              "enter-from": "rvc-drawer-backdrop-transition-enter-from",
+              "enter-to": "rvc-drawer-backdrop-transition-enter-to",
+              leave: "rvc-drawer-backdrop-transition-leave",
+              "leave-from": "rvc-drawer-backdrop-transition-leave-from",
+              "leave-to": "rvc-drawer-backdrop-transition-leave-to",
+              onBeforeEnter: r[0] || (r[0] = (l) => o("drawer:open")),
+              onAfterEnter: r[1] || (r[1] = (l) => o("drawer:opened"))
+            }, {
+              default: i(() => r[8] || (r[8] = [
+                t("div", {
+                  class: "rvc-drawer-backdrop",
+                  "aria-hidden": "true"
+                }, null, -1)
+              ])),
+              _: 1,
+              __: [8]
+            }),
+            t("div", H, [
+              t("div", I, [
+                t("div", z, [
+                  s(a(b), {
+                    as: "template",
+                    enter: "rvc-drawer-transition-enter",
+                    "enter-from": "rvc-drawer-transition-enter-from",
+                    "enter-to": "rvc-drawer-transition-enter-to",
+                    leave: "rvc-drawer-transition-leave",
+                    "leave-from": "rvc-drawer-transition-leave-from",
+                    "leave-to": "rvc-drawer-transition-leave-to",
+                    onBeforeEnter: r[4] || (r[4] = (l) => v.value = !0),
+                    onAfterLeave: r[5] || (r[5] = (l) => (v.value = !1, o("drawer:closed")))
+                  }, {
+                    default: i(() => [
+                      s(a(R), {
+                        class: c(["rvc-drawer-panel", e.panelClass]),
+                        "aria-busy": e.spinning,
+                        "aria-describedby": a(p)
+                      }, {
+                        default: i(() => [
+                          t("div", M, [
+                            e.resetHeader ? n(e.$slots, "header", { key: 1 }) : (d(), u("header", {
+                              key: 0,
+                              class: c([{ "rvc-drawer-header-sticky": e.headerSticky }, "rvc-drawer-header"])
+                            }, [
+                              n(e.$slots, "header", {
+                                title: e.title,
+                                showClose: e.showClose
+                              }, () => [
+                                t("div", P, [
+                                  n(e.$slots, "title", {
+                                    id: a(f),
+                                    dialogTitle: a(y),
+                                    title: e.title
+                                  }, () => [
+                                    s(a(y), {
+                                      id: a(f),
+                                      class: "rvc-drawer-title"
+                                    }, {
+                                      default: i(() => [
+                                        T(F(e.title), 1)
+                                      ]),
+                                      _: 1
+                                    }, 8, ["id"])
+                                  ]),
+                                  e.showClose ? n(e.$slots, "close", {
+                                    key: 0,
+                                    icon: a(C),
+                                    emitClose: () => o("drawer:close")
+                                  }, () => [
+                                    t("div", j, [
+                                      t("button", {
+                                        type: "button",
+                                        class: "rvc-drawer-close",
+                                        "aria-label": "Close panel",
+                                        onClick: r[2] || (r[2] = (l) => o("drawer:close"))
+                                      }, [
+                                        s(a(C), { "aria-hidden": "true" })
+                                      ])
+                                    ])
+                                  ]) : m("", !0)
+                                ])
+                              ])
+                            ], 2)),
+                            t("div", {
+                              class: c([{ "rvc-drawer-scroll-reverse": e.scrolledDown }, "rvc-drawer-scroll"])
+                            }, [
+                              t("div", {
+                                id: a(p),
+                                ref_key: "contentRef",
+                                ref: h,
+                                class: "rvc-drawer-content"
+                              }, [
+                                n(e.$slots, "default", { ready: a(v) })
+                              ], 8, q)
+                            ], 2),
+                            e.resetFooter ? n(e.$slots, "footer", { key: 3 }) : (d(), u("footer", G, [
+                              n(e.$slots, "footer", { loading: e.spinning }, () => [
+                                s(k, {
+                                  type: "button",
+                                  label: e.cancelLabel,
+                                  color: "light",
+                                  onClick: r[3] || (r[3] = (l) => o("drawer:close"))
+                                }, null, 8, ["label"]),
+                                a(D) ? (d(), w(k, {
+                                  key: 0,
+                                  type: "submit",
+                                  label: e.submitLabel,
+                                  spinning: e.spinning,
+                                  disabled: e.spinning
+                                }, null, 8, ["label", "spinning", "disabled"])) : m("", !0)
+                              ])
+                            ]))
+                          ])
+                        ]),
+                        _: 3
+                      }, 8, ["class", "aria-busy", "aria-describedby"])
+                    ]),
+                    _: 3
+                  })
+                ])
+              ])
+            ])
+          ]),
+          _: 3
+        }, 8, ["as", "initial-focus", "aria-labelledby"])
+      ]),
+      _: 3
+    }));
+  }
+});
+export {
+  W as _
+};

package/dist/_shared/Dropdown.vue_vue_type_script_setup_true_lang-D5vTFLkq.js

@@ -0,0 +1,115 @@
+import { createElementBlock as v, openBlock as n, createElementVNode as _, defineComponent as B, createBlock as a, unref as t, normalizeClass as c, withCtx as r, renderSlot as s, createVNode as l, mergeProps as u, Transition as M, Fragment as $, renderList as y, resolveDynamicComponent as f, createCommentVNode as A, createTextVNode as L, toDisplayString as N } from "vue";
+import { Menu as V, MenuButton as p, MenuItems as D, MenuItem as m } from "@headlessui/vue";
+import { _ as I } from "./ButtonBase.vue_vue_type_script_setup_true_lang-B0YsKehI.js";
+function Z(w, i) {
+  return n(), v("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true",
+    "data-slot": "icon"
+  }, [
+    _("path", { d: "M10 3a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3ZM10 8.5a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3ZM11.5 15.5a1.5 1.5 0 1 0-3 0 1.5 1.5 0 0 0 3 0Z" })
+  ]);
+}
+const z = /* @__PURE__ */ B({
+  inheritAttrs: !1,
+  __name: "Dropdown",
+  props: {
+    items: {},
+    alignLeft: { type: Boolean, default: !1 },
+    fullWidth: { type: Boolean, default: !1 },
+    label: { default: "Options" },
+    rootClass: { default: "" }
+  },
+  emits: ["dropdown:click"],
+  setup(w, { emit: i }) {
+    const b = i, g = (e) => {
+      const {
+        as: h,
+        bindAs: o,
+        event: d,
+        icon: C,
+        name: E,
+        ...k
+      } = e;
+      return k;
+    };
+    return (e, h) => (n(), a(t(V), {
+      as: "div",
+      class: c(["rvc-dropdown", e.rootClass])
+    }, {
+      default: r(() => [
+        s(e.$slots, "button", {
+          label: e.label,
+          button: t(p)
+        }, () => [
+          l(t(p), u({
+            as: I,
+            label: e.label,
+            color: "light",
+            icon: t(Z),
+            "icon-left": e.alignLeft
+          }, e.$attrs), null, 16, ["label", "icon", "icon-left"])
+        ]),
+        l(M, {
+          "enter-active-class": "rvc-dropdown-transition-enter",
+          "enter-from-class": "rvc-dropdown-transition-enter-from",
+          "enter-to-class": "rvc-dropdown-transition-enter-to",
+          "leave-active-class": "rvc-dropdown-transition-leave",
+          "leave-from-class": "rvc-dropdown-transition-leave-from",
+          "leave-to-class": "rvc-dropdown-transition-leave-to"
+        }, {
+          default: r(() => [
+            l(t(D), {
+              class: c([
+                "rvc-dropdown-items",
+                {
+                  "rvc-dropdown-items-left": e.alignLeft,
+                  "rvc-dropdown-items-full": e.fullWidth
+                }
+              ])
+            }, {
+              default: r(() => [
+                s(e.$slots, "items", {
+                  items: e.items,
+                  menuItem: t(m)
+                }, () => [
+                  (n(!0), v($, null, y(e.items, (o, d) => (n(), a(t(m), {
+                    key: `${d}-dropdown-item`,
+                    as: "template"
+                  }, {
+                    default: r(() => [
+                      s(e.$slots, "item", { item: o }, () => [
+                        (n(), a(f(o.as ? o.as : "button"), u({ class: "rvc-dropdown-item" }, { ref_for: !0 }, g(o), {
+                          as: o.bindAs ? o.bindAs : void 0,
+                          onClick: (C) => (b("dropdown:click", o), o.event ? o.event() : null)
+                        }), {
+                          default: r(() => [
+                            o.icon ? (n(), a(f(o.icon), {
+                              key: 0,
+                              class: "rvc-dropdown-item-icon"
+                            })) : A("", !0),
+                            L(" " + N(o.name), 1)
+                          ]),
+                          _: 2
+                        }, 1040, ["as", "onClick"]))
+                      ])
+                    ]),
+                    _: 2
+                  }, 1024))), 128))
+                ])
+              ]),
+              _: 3
+            }, 8, ["class"])
+          ]),
+          _: 3
+        })
+      ]),
+      _: 3
+    }, 8, ["class"]));
+  }
+});
+export {
+  z as _
+};