@robuust-digital/vue-components 2.6.7 → 2.7.0

package/dist/_shared/Tabs.vue_vue_type_script_setup_true_lang-BaTWaeN3.js

@@ -0,0 +1,931 @@
+import { openBlock as t, createElementBlock as n, createElementVNode as c, defineComponent as T, Fragment as L, renderList as B, renderSlot as v, createTextVNode as O, toDisplayString as g, createVNode as A, unref as w, normalizeClass as k, createBlock as x, resolveDynamicComponent as I, withCtx as D, createCommentVNode as y, computed as P, useAttrs as N, ref as M, withDirectives as j, mergeProps as V, vModelDynamic as G, normalizeProps as J, guardReactiveProps as ne, vModelSelect as oe, watch as se, onBeforeUnmount as ie, withModifiers as U, vModelText as re } from "vue";
+import { r as ue } from "./XMarkIcon-CPr_Rd8y.js";
+import { u as E } from "./FormInput.vue_vue_type_script_setup_true_lang-Bg7YPGyY.js";
+import { S as ce } from "./icon-spinner-BYCMrTdL.js";
+import { _ as de } from "./ButtonBase.vue_vue_type_script_setup_true_lang-ZYVNEyNx.js";
+import { r as ve } from "./ChevronDownIcon-BYWciGnh.js";
+function fe(e, d) {
+  return t(), n("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    fill: "currentColor",
+    "aria-hidden": "true",
+    "data-slot": "icon"
+  }, [
+    c("path", {
+      "fill-rule": "evenodd",
+      d: "M19.916 4.626a.75.75 0 0 1 .208 1.04l-9 13.5a.75.75 0 0 1-1.154.114l-6-6a.75.75 0 0 1 1.06-1.06l5.353 5.353 8.493-12.74a.75.75 0 0 1 1.04-.207Z",
+      "clip-rule": "evenodd"
+    })
+  ]);
+}
+function me(e, d) {
+  return t(), n("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    fill: "currentColor",
+    "aria-hidden": "true",
+    "data-slot": "icon"
+  }, [
+    c("path", {
+      "fill-rule": "evenodd",
+      d: "M12 3.75a.75.75 0 0 1 .75.75v6.75h6.75a.75.75 0 0 1 0 1.5h-6.75v6.75a.75.75 0 0 1-1.5 0v-6.75H4.5a.75.75 0 0 1 0-1.5h6.75V4.5a.75.75 0 0 1 .75-.75Z",
+      "clip-rule": "evenodd"
+    })
+  ]);
+}
+const be = { class: "rvc-accordion" }, ge = ["open", "name"], pe = ["innerHTML"], ft = /* @__PURE__ */ T({
+  __name: "Accordion",
+  props: {
+    items: {},
+    name: {},
+    defaultOpenIndex: {},
+    contentClass: {}
+  },
+  setup(e) {
+    return (d, o) => (t(), n("div", be, [
+      (t(!0), n(L, null, B(e.items, (b, r) => (t(), n("details", {
+        key: r,
+        open: e.defaultOpenIndex === r,
+        name: e.name
+      }, [
+        c("summary", null, [
+          v(d.$slots, "summary", {
+            item: b,
+            index: r
+          }, () => [
+            O(g(b.title) + " ", 1),
+            v(d.$slots, "icon", { classList: "rvc-accordion-icon" }, () => [
+              A(w(me), { class: "rvc-accordion-icon" })
+            ])
+          ])
+        ]),
+        c("div", {
+          class: k(["rvc-accordion-content", e.contentClass])
+        }, [
+          v(d.$slots, "content", {
+            item: b,
+            index: r
+          }, () => [
+            c("div", {
+              innerHTML: b.content
+            }, null, 8, pe)
+          ])
+        ], 2)
+      ], 8, ge))), 128))
+    ]));
+  }
+}), he = { class: "rvc-alert-title" }, mt = /* @__PURE__ */ T({
+  __name: "Alert",
+  props: {
+    as: { default: "div" },
+    title: { default: "" },
+    icon: { type: [Function, Object, null], default: null },
+    type: { default: "info" },
+    close: { type: Boolean, default: !1 }
+  },
+  emits: ["alert:close"],
+  setup(e) {
+    return (d, o) => (t(), x(I(e.as), {
+      class: k(["rvc-alert", `rvc-alert-${e.type}`])
+    }, {
+      default: D(() => [
+        v(d.$slots, "icon", {}, () => [
+          e.icon ? (t(), x(I(e.icon), {
+            key: 0,
+            class: "rvc-alert-icon"
+          })) : y("", !0)
+        ]),
+        c("div", null, [
+          v(d.$slots, "title", {}, () => [
+            c("span", he, g(e.title), 1)
+          ]),
+          v(d.$slots, "default")
+        ]),
+        v(d.$slots, "close", {}, () => [
+          e.close ? (t(), n("button", {
+            key: 0,
+            type: "button",
+            class: "rvc-alert-close",
+            onClick: o[0] || (o[0] = (b) => d.$emit("alert:close"))
+          }, [
+            A(w(ue))
+          ])) : y("", !0)
+        ])
+      ]),
+      _: 3
+    }, 8, ["class"]));
+  }
+}), ye = { class: "rvc-checkbox-input" }, $e = {
+  key: 0,
+  class: "rvc-checkbox-label"
+}, bt = /* @__PURE__ */ T({
+  inheritAttrs: !1,
+  __name: "Checkbox",
+  props: {
+    modelValue: { type: [Number, String, Object, Array, Boolean, null], default: null },
+    label: { default: "" },
+    rootClass: { default: "" }
+  },
+  emits: ["update:modelValue"],
+  setup(e, { emit: d }) {
+    const o = e, b = d, r = P({
+      get: () => o.modelValue,
+      set: (l) => b("update:modelValue", l)
+    }), { hasModelBinding: f } = E(), p = N(), a = P(() => ({
+      ...p,
+      type: "checkbox"
+    })), u = M(null);
+    return (l, s) => (t(), n("label", {
+      class: k(["rvc-checkbox", e.rootClass])
+    }, [
+      c("div", ye, [
+        w(f) ? j((t(), n("input", V({ key: 0 }, a.value, {
+          ref_key: "input",
+          ref: u,
+          "onUpdate:modelValue": s[0] || (s[0] = (h) => r.value = h)
+        }), null, 16)), [
+          [G, r.value]
+        ]) : (t(), n("input", V({ key: 1 }, a.value, {
+          ref_key: "input",
+          ref: u
+        }), null, 16)),
+        v(l.$slots, "icon", {}, () => [
+          A(w(fe))
+        ])
+      ]),
+      v(l.$slots, "default", { label: e.label }, () => [
+        e.label ? (t(), n("span", $e, g(e.label), 1)) : y("", !0)
+      ])
+    ], 2));
+  }
+});
+function ke(e, d) {
+  return t(), n("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 16 16",
+    fill: "currentColor",
+    "aria-hidden": "true",
+    "data-slot": "icon"
+  }, [
+    c("path", {
+      "fill-rule": "evenodd",
+      d: "M8 14a.75.75 0 0 1-.75-.75V4.56L4.03 7.78a.75.75 0 0 1-1.06-1.06l4.5-4.5a.75.75 0 0 1 1.06 0l4.5 4.5a.75.75 0 0 1-1.06 1.06L8.75 4.56v8.69A.75.75 0 0 1 8 14Z",
+      "clip-rule": "evenodd"
+    })
+  ]);
+}
+function q(e, d) {
+  return t(), n("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 16 16",
+    fill: "currentColor",
+    "aria-hidden": "true",
+    "data-slot": "icon"
+  }, [
+    c("path", { d: "M5.28 4.22a.75.75 0 0 0-1.06 1.06L6.94 8l-2.72 2.72a.75.75 0 1 0 1.06 1.06L8 9.06l2.72 2.72a.75.75 0 1 0 1.06-1.06L9.06 8l2.72-2.72a.75.75 0 0 0-1.06-1.06L8 6.94 5.28 4.22Z" })
+  ]);
+}
+function we(e, d) {
+  return t(), n("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true",
+    "data-slot": "icon"
+  }, [
+    c("path", { d: "M9.25 13.25a.75.75 0 0 0 1.5 0V4.636l2.955 3.129a.75.75 0 0 0 1.09-1.03l-4.25-4.5a.75.75 0 0 0-1.09 0l-4.25 4.5a.75.75 0 1 0 1.09 1.03L9.25 4.636v8.614Z" }),
+    c("path", { d: "M3.5 12.75a.75.75 0 0 0-1.5 0v2.5A2.75 2.75 0 0 0 4.75 18h10.5A2.75 2.75 0 0 0 18 15.25v-2.5a.75.75 0 0 0-1.5 0v2.5c0 .69-.56 1.25-1.25 1.25H4.75c-.69 0-1.25-.56-1.25-1.25v-2.5Z" })
+  ]);
+}
+function Ve(e, d) {
+  return t(), n("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true",
+    "data-slot": "icon"
+  }, [
+    c("path", {
+      "fill-rule": "evenodd",
+      d: "M11.78 5.22a.75.75 0 0 1 0 1.06L8.06 10l3.72 3.72a.75.75 0 1 1-1.06 1.06l-4.25-4.25a.75.75 0 0 1 0-1.06l4.25-4.25a.75.75 0 0 1 1.06 0Z",
+      "clip-rule": "evenodd"
+    })
+  ]);
+}
+function Ce(e, d) {
+  return t(), n("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true",
+    "data-slot": "icon"
+  }, [
+    c("path", {
+      "fill-rule": "evenodd",
+      d: "M8.22 5.22a.75.75 0 0 1 1.06 0l4.25 4.25a.75.75 0 0 1 0 1.06l-4.25 4.25a.75.75 0 0 1-1.06-1.06L11.94 10 8.22 6.28a.75.75 0 0 1 0-1.06Z",
+      "clip-rule": "evenodd"
+    })
+  ]);
+}
+const Le = ["value"], Be = ["value"], Q = /* @__PURE__ */ T({
+  inheritAttrs: !1,
+  __name: "FormSelect",
+  props: {
+    modelValue: { type: [String, Number, Object, Boolean, null], default: null },
+    rootClass: { default: "" },
+    prefixIcon: { type: [Function, Object, null], default: null },
+    icon: { type: [Function, Object, null], default: null },
+    size: { default: "base" },
+    options: { default: () => [] },
+    optionLabel: { default: "name" },
+    optionValue: { default: "id" }
+  },
+  emits: ["update:modelValue"],
+  setup(e, { emit: d }) {
+    const o = e, b = d, r = P({
+      get: () => o.modelValue,
+      set: (a) => b("update:modelValue", a)
+    }), { hasModelBinding: f } = E(), p = M(null);
+    return (a, u) => (t(), n("div", {
+      class: k([
+        "rvc-select",
+        `rvc-select-${e.size}`,
+        e.rootClass
+      ])
+    }, [
+      e.prefixIcon ? v(a.$slots, "prefixIcon", {
+        key: 0,
+        icon: e.prefixIcon
+      }, () => [
+        (t(), x(I(e.prefixIcon), { "aria-hidden": "true" }))
+      ]) : y("", !0),
+      v(a.$slots, "select", J(ne(a.$attrs)), () => [
+        w(f) ? j((t(), n("select", V({ key: 0 }, a.$attrs, {
+          ref_key: "select",
+          ref: p,
+          "onUpdate:modelValue": u[0] || (u[0] = (l) => r.value = l)
+        }), [
+          v(a.$slots, "default", {}, () => [
+            e.options.length > 0 ? (t(!0), n(L, { key: 0 }, B(e.options, (l, s) => (t(), n("option", {
+              key: `option-${s}-${l[e.optionValue]}`,
+              value: l[e.optionValue]
+            }, g(l[e.optionLabel]), 9, Le))), 128)) : y("", !0)
+          ])
+        ], 16)), [
+          [oe, r.value]
+        ]) : (t(), n("select", V({ key: 1 }, a.$attrs, {
+          ref_key: "select",
+          ref: p
+        }), [
+          v(a.$slots, "default", {}, () => [
+            e.options.length > 0 ? (t(!0), n(L, { key: 0 }, B(e.options, (l, s) => (t(), n("option", {
+              key: `option-${s}-${l[e.optionValue]}`,
+              value: l[e.optionValue]
+            }, g(l[e.optionLabel]), 9, Be))), 128)) : y("", !0)
+          ])
+        ], 16))
+      ]),
+      v(a.$slots, "icon", { icon: e.icon }, () => [
+        (t(), x(I(e.icon ?? w(ve)), { "aria-hidden": "true" }))
+      ])
+    ], 2));
+  }
+}), xe = {
+  key: 0,
+  class: "rvc-pagination"
+}, Pe = ["value"], Te = { class: "rvc-pagination-info" }, Se = { class: "rvc-pagination-nav-list" }, Ie = ["disabled", "onClick"], Me = { key: 2 }, Ae = { key: 3 }, Fe = /* @__PURE__ */ T({
+  __name: "Pagination",
+  props: {
+    pagination: {},
+    perPage: { default: 10 },
+    perPageLabel: { default: "per page" },
+    perPageOptions: { default: () => [10, 20, 50] },
+    fromLabel: { default: "of" },
+    prevIcon: { type: [Function, Object, null], default: null },
+    nextIcon: { type: [Function, Object, null], default: null }
+  },
+  emits: ["pagination:change", "pagination:perPage"],
+  setup(e, { emit: d }) {
+    const o = e, b = d, r = P({
+      get: () => o.perPage,
+      set: (f) => b("pagination:perPage", Number(f))
+    });
+    return (f, p) => e.pagination?.total ? (t(), n("div", xe, [
+      v(f.$slots, "perPage", V(e.pagination, { perPage: r.value }), () => [
+        A(Q, {
+          modelValue: r.value,
+          "onUpdate:modelValue": p[0] || (p[0] = (a) => r.value = a),
+          size: "sm",
+          "root-class": "rvc-pagination-per-page"
+        }, {
+          default: D(() => [
+            (t(!0), n(L, null, B(e.perPageOptions, (a) => (t(), n("option", {
+              key: `pagination-items-per-page-option-${a}`,
+              value: a
+            }, g(a) + " " + g(e.perPageLabel), 9, Pe))), 128))
+          ]),
+          _: 1
+        }, 8, ["modelValue"])
+      ]),
+      v(f.$slots, "info", V(e.pagination, { fromLabel: e.fromLabel }), () => [
+        c("div", Te, g(e.pagination.from) + " - " + g(e.pagination.to) + " " + g(e.fromLabel) + " " + g(e.pagination.total), 1)
+      ]),
+      c("nav", null, [
+        c("ol", Se, [
+          (t(!0), n(L, null, B(e.pagination.links, (a, u) => (t(), n("li", {
+            key: `pagination-link-${a.label}-${u}`,
+            class: "rvc-pagination-nav-list-item"
+          }, [
+            c("button", {
+              type: "button",
+              disabled: a.label === "..." || !a.url,
+              class: k([
+                "rvc-pagination-button",
+                { "rvc-pagination-button-active": a.active }
+              ]),
+              onClick: (l) => a.url && b("pagination:change", a.url)
+            }, [
+              a.url !== "..." && u === 0 ? v(f.$slots, "prevIcon", {
+                key: 0,
+                icon: e.prevIcon,
+                link: a,
+                index: u
+              }, () => [
+                (t(), x(I(e.prevIcon || w(Ve)), {
+                  "aria-hidden": "true",
+                  class: k([
+                    "rvc-pagination-button-icon",
+                    { "rvc-pagination-button-icon-disabled": !a.url }
+                  ])
+                }, null, 8, ["class"]))
+              ]) : a.label !== "..." && u === e.pagination.links.length - 1 ? v(f.$slots, "nextIcon", {
+                key: 1,
+                icon: e.nextIcon,
+                link: a,
+                index: u
+              }, () => [
+                (t(), x(I(e.nextIcon || w(Ce)), {
+                  "aria-hidden": "true",
+                  class: k([
+                    "rvc-pagination-button-icon",
+                    { "rvc-pagination-button-icon-disabled": !a.url }
+                  ])
+                }, null, 8, ["class"]))
+              ]) : a.label === "..." ? (t(), n("span", Me, " ... ")) : (t(), n("span", Ae, g(a.label), 1))
+            ], 10, Ie)
+          ]))), 128))
+        ])
+      ])
+    ])) : y("", !0);
+  }
+}), Oe = { key: 0 }, De = ["aria-label", "onClick"], Ue = ["innerHTML"], je = { key: 2 }, Ee = ["colspan"], Re = { key: 3 }, ze = ["colspan"], Ne = { class: "rvc-table-spinner-wrapper" }, Ze = { key: 4 }, gt = /* @__PURE__ */ T({
+  __name: "DataTable",
+  props: {
+    headers: { default: () => [] },
+    items: {},
+    noResultsText: { default: "No results found." },
+    loadingText: { default: "Loading content..." },
+    striped: { type: Boolean, default: !1 },
+    spinning: { type: Boolean, default: !1 },
+    pagination: { default: null },
+    perPage: { default: 10 },
+    perPageLabel: { default: "per page" },
+    perPageOptions: { default: () => [10, 20, 50] },
+    fromLabel: { default: "of" },
+    prevIcon: { type: [Function, Object, null], default: null },
+    nextIcon: { type: [Function, Object, null], default: null },
+    wrapperClass: { default: "" },
+    defaultSort: { default: null }
+  },
+  emits: ["table:sortBy", "pagination:change", "pagination:perPage"],
+  setup(e, { emit: d }) {
+    const o = e, b = d, r = M(o.defaultSort), f = (a) => o.headers.find((u) => u.key === a), p = (a) => {
+      a.key && (!r.value || r.value.key !== a.key ? r.value = {
+        key: a.key,
+        direction: "asc"
+      } : r.value.direction === "asc" ? r.value = {
+        key: a.key,
+        direction: "desc"
+      } : r.value = null, b("table:sortBy", r.value));
+    };
+    return (a, u) => (t(), n("div", null, [
+      c("div", {
+        class: k(["rvc-table-wrapper", e.wrapperClass])
+      }, [
+        c("table", {
+          class: k([{ "rvc-table-striped": e.striped }, "rvc-table"])
+        }, [
+          e.headers.length ? (t(), n("thead", Oe, [
+            v(a.$slots, "headers", { headers: e.headers }, () => [
+              c("tr", null, [
+                (t(!0), n(L, null, B(e.headers, (l, s) => v(a.$slots, "header", {
+                  header: l,
+                  index: s
+                }, () => [
+                  (t(), n("th", V({ ref_for: !0 }, { ...l, id: l.id === void 0 || l.id === null ? void 0 : String(l.id) }, {
+                    key: `rvc-table-header-${l.id ?? l.key ?? s}`,
+                    class: {
+                      "rvc-table-text-left": l.align === "left" || !l.align,
+                      "rvc-table-text-center": l.align === "center",
+                      "rvc-table-text-right": l.align === "right"
+                    }
+                  }), [
+                    l.sortable && l.key ? (t(), n("button", {
+                      key: 0,
+                      type: "button",
+                      "aria-label": `Sort on ${l.label}`,
+                      class: k([
+                        "rvc-table-sort-button",
+                        {
+                          "rvc-table-sort-button-center": l.align === "center",
+                          "rvc-table-sort-button-right": l.align === "right"
+                        }
+                      ]),
+                      onClick: (h) => p(l)
+                    }, [
+                      v(a.$slots, "header-label", {
+                        sortBy: r.value,
+                        header: l
+                      }, () => [
+                        O(g(l.label), 1)
+                      ]),
+                      A(w(ke), {
+                        class: k([
+                          "rvc-table-sort-icon",
+                          {
+                            "rvc-table-sort-icon-visible": r.value?.key === l.key,
+                            "rvc-table-sort-icon-invisible": !r.value || r.value.key !== l.key,
+                            "rvc-table-sort-icon-rotated": r.value?.key === l.key && r.value.direction === "desc"
+                          }
+                        ])
+                      }, null, 8, ["class"])
+                    ], 10, De)) : v(a.$slots, "header-label", {
+                      key: 1,
+                      sortBy: r.value,
+                      header: l
+                    }, () => [
+                      O(g(l.label), 1)
+                    ])
+                  ], 16))
+                ])), 256))
+              ])
+            ])
+          ])) : y("", !0),
+          e.items.length && !e.spinning ? v(a.$slots, "tbody", {
+            key: 1,
+            items: e.items
+          }, () => [
+            c("tbody", null, [
+              (t(!0), n(L, null, B(e.items, (l, s) => v(a.$slots, "items", {
+                item: l,
+                index: s
+              }, () => [
+                (t(), n("tr", {
+                  key: `rvc-table-row-${s}-${l.id}`
+                }, [
+                  v(a.$slots, "item", {
+                    item: l,
+                    index: s
+                  }, () => [
+                    (t(!0), n(L, null, B(l, (h, S) => (t(), n("td", V({
+                      key: `rvc-table-row-${s}-column-${S}-${l.id}`
+                    }, { ref_for: !0 }, l.attrs, {
+                      class: {
+                        "rvc-table-text-left": f(String(S))?.align === "left" || !f(String(S))?.align,
+                        "rvc-table-text-center": f(String(S))?.align === "center",
+                        "rvc-table-text-right": f(String(S))?.align === "right"
+                      },
+                      innerHTML: h
+                    }), null, 16, Ue))), 128))
+                  ])
+                ]))
+              ])), 256))
+            ])
+          ]) : !e.items.length && !e.spinning ? (t(), n("tbody", je, [
+            c("tr", null, [
+              c("td", {
+                colspan: e.headers.length,
+                class: "rvc-table-state"
+              }, [
+                c("p", null, g(e.noResultsText), 1)
+              ], 8, Ee)
+            ])
+          ])) : (t(), n("tbody", Re, [
+            c("tr", null, [
+              c("td", {
+                colspan: e.headers.length,
+                class: "rvc-table-state"
+              }, [
+                v(a.$slots, "spinner", {
+                  spinning: e.spinning,
+                  label: e.loadingText
+                }, () => [
+                  c("div", Ne, [
+                    e.spinning ? (t(), x(w(ce), {
+                      key: 0,
+                      "aria-hidden": "true",
+                      class: "rvc-table-spinner"
+                    })) : y("", !0),
+                    O(" " + g(e.loadingText), 1)
+                  ])
+                ])
+              ], 8, ze)
+            ])
+          ])),
+          a.$slots.footer ? (t(), n("tfoot", Ze, [
+            v(a.$slots, "footer", {
+              headers: e.headers,
+              items: e.items
+            })
+          ])) : y("", !0)
+        ], 2)
+      ], 2),
+      e.pagination ? v(a.$slots, "pagination", J(V({ key: 0 }, e.pagination)), () => [
+        A(Fe, {
+          pagination: e.pagination,
+          "per-page": e.perPage,
+          "per-page-label": e.perPageLabel,
+          "per-page-options": e.perPageOptions,
+          "from-label": e.fromLabel,
+          "prev-icon": e.prevIcon,
+          "next-icon": e.nextIcon,
+          "onPagination:change": u[0] || (u[0] = (l) => b("pagination:change", l)),
+          "onPagination:perPage": u[1] || (u[1] = (l) => b("pagination:perPage", l))
+        }, null, 8, ["pagination", "per-page", "per-page-label", "per-page-options", "from-label", "prev-icon", "next-icon"])
+      ]) : y("", !0)
+    ]));
+  }
+}), He = {
+  key: 1,
+  class: "rvc-empty-state-title"
+}, pt = /* @__PURE__ */ T({
+  __name: "EmptyState",
+  props: {
+    title: {},
+    background: { type: Boolean },
+    icon: { type: [Function, Object, null] }
+  },
+  setup(e) {
+    return (d, o) => (t(), n("div", {
+      class: k(["rvc-empty-state", { "rvc-empty-state-bg": e.background }])
+    }, [
+      e.icon ? (t(), x(I(e.icon), {
+        key: 0,
+        class: "rvc-empty-state-icon"
+      })) : y("", !0),
+      e.title ? (t(), n("p", He, g(e.title), 1)) : y("", !0),
+      v(d.$slots, "default")
+    ], 2));
+  }
+}), We = ["accept", "multiple", "disabled"], Ke = ["disabled"], qe = {
+  key: 0,
+  class: "rvc-file-upload-label"
+}, Ge = {
+  key: 1,
+  class: "rvc-file-upload-description"
+}, Je = { class: "rvc-file-upload-list" }, Qe = ["src", "alt"], Xe = ["href"], Ye = {
+  key: 2,
+  class: "rvc-file-upload-file"
+}, _e = ["disabled", "aria-label", "onClick"], et = ["src", "alt"], tt = { class: "rvc-file-upload-file" }, at = ["disabled", "aria-label", "onClick"], ht = /* @__PURE__ */ T({
+  inheritAttrs: !1,
+  __name: "FileUpload",
+  props: {
+    modelValue: { default: null },
+    existingFiles: { default: () => [] },
+    variant: { default: "area" },
+    size: { default: "base" },
+    multiple: { type: Boolean, default: !1 },
+    accept: { default: void 0 },
+    disabled: { type: Boolean, default: !1 },
+    showThumbnails: { type: Boolean, default: !1 },
+    label: { default: "Drop your files here" },
+    description: { default: "" },
+    buttonLabel: { default: "Upload file" },
+    buttonColor: { default: "primary" },
+    icon: { type: [Function, Object, null], default: null },
+    rootClass: { default: "" }
+  },
+  emits: ["update:modelValue", "file-upload:add", "file-upload:remove", "file-upload:remove-existing"],
+  setup(e, { emit: d }) {
+    const o = e, b = d, r = M(null), f = M(!1), p = M(0), a = M(/* @__PURE__ */ new Map()), u = N(), l = P(() => o.icon ?? we), s = P(() => o.modelValue ? Array.isArray(o.modelValue) ? o.modelValue : [o.modelValue] : []), h = (i) => i.type.startsWith("image/");
+    se(
+      [s, () => o.showThumbnails],
+      ([i, $]) => {
+        const m = new Set(i);
+        a.value.forEach((C, F) => {
+          $ && m.has(F) && h(F) || (URL.revokeObjectURL(C), a.value.delete(F));
+        }), $ && i.filter((C) => h(C) && !a.value.has(C)).forEach((C) => a.value.set(C, URL.createObjectURL(C)));
+      },
+      { immediate: !0 }
+    ), ie(() => {
+      a.value.forEach((i) => URL.revokeObjectURL(i)), a.value.clear();
+    });
+    const S = () => {
+      o.disabled || r.value?.click();
+    }, R = (i) => {
+      if (o.disabled || !i.length)
+        return;
+      const $ = o.multiple ? i : i.slice(0, 1), m = o.multiple ? [...s.value, ...$] : $;
+      b("update:modelValue", o.multiple ? m : m[0] ?? null), b("file-upload:add", $);
+    }, z = (i) => {
+      const $ = i.target;
+      R(Array.from($.files ?? [])), $.value = "";
+    }, Z = (i) => Array.from(i.dataTransfer?.types ?? []).includes("Files"), X = (i) => o.showThumbnails && a.value.has(i), H = (i) => {
+      if (i.thumbnailUrl)
+        return i.thumbnailUrl;
+      if (i.type?.startsWith("image/") && i.url)
+        return i.url;
+    }, Y = (i) => o.showThumbnails && !!H(i), _ = (i) => {
+      o.disabled || !Z(i) || (p.value += 1, f.value = !0);
+    }, ee = (i) => {
+      if (o.disabled || !Z(i))
+        return;
+      const { dataTransfer: $ } = i;
+      $ && ($.dropEffect = "copy"), f.value = !0;
+    }, te = () => {
+      p.value = Math.max(0, p.value - 1), f.value = p.value > 0;
+    }, ae = (i) => {
+      o.disabled || (p.value = 0, f.value = !1, R(Array.from(i.dataTransfer?.files ?? [])));
+    }, W = (i) => {
+      if (o.disabled)
+        return;
+      const $ = typeof i == "number" ? i : s.value.indexOf(i), m = s.value[$];
+      if (!m)
+        return;
+      const C = s.value.filter((F, le) => le !== $);
+      b("update:modelValue", o.multiple ? C : C[0] ?? null), b("file-upload:remove", m);
+    }, K = (i) => {
+      o.disabled || b("file-upload:remove-existing", i);
+    };
+    return (i, $) => (t(), n("div", {
+      class: k([
+        "rvc-file-upload",
+        `rvc-file-upload-variant-${e.variant}`,
+        `rvc-file-upload-${e.size}`,
+        {
+          "rvc-file-upload-dragging": f.value,
+          "rvc-file-upload-disabled": e.disabled
+        },
+        e.rootClass
+      ])
+    }, [
+      c("input", V(w(u), {
+        ref_key: "input",
+        ref: r,
+        class: "rvc-file-upload-input",
+        type: "file",
+        accept: e.accept || void 0,
+        multiple: e.multiple,
+        disabled: e.disabled,
+        onChange: z
+      }), null, 16, We),
+      e.variant === "area" ? (t(), n("button", {
+        key: 0,
+        class: "rvc-file-upload-area",
+        type: "button",
+        disabled: e.disabled,
+        onClick: S,
+        onDragenter: U(_, ["prevent"]),
+        onDragover: U(ee, ["prevent"]),
+        onDragleave: U(te, ["prevent"]),
+        onDrop: U(ae, ["prevent"])
+      }, [
+        v(i.$slots, "icon", { icon: l.value }, () => [
+          (t(), x(I(l.value), {
+            class: "rvc-file-upload-icon",
+            "aria-hidden": "true"
+          }))
+        ]),
+        e.label ? (t(), n("span", qe, g(e.label), 1)) : y("", !0),
+        e.description ? (t(), n("span", Ge, g(e.description), 1)) : y("", !0)
+      ], 40, Ke)) : (t(), x(de, {
+        key: 1,
+        label: e.buttonLabel,
+        icon: l.value,
+        color: e.buttonColor,
+        size: e.size,
+        "icon-left": "",
+        type: "button",
+        disabled: e.disabled,
+        onClick: S
+      }, {
+        icon: D(({ icon: m }) => [
+          v(i.$slots, "icon", { icon: m }, () => [
+            m ? (t(), x(I(m), {
+              key: 0,
+              class: "rvc-button-icon",
+              "aria-hidden": "true"
+            })) : y("", !0)
+          ])
+        ]),
+        _: 3
+      }, 8, ["label", "icon", "color", "size", "disabled"])),
+      s.value.length || e.existingFiles.length ? v(i.$slots, "preview", {
+        key: 2,
+        files: s.value,
+        existingFiles: e.existingFiles,
+        removeFile: W,
+        removeExistingFile: K
+      }, () => [
+        c("ul", Je, [
+          (t(!0), n(L, null, B(e.existingFiles, (m) => (t(), n("li", {
+            key: `existing-${m.id}`,
+            class: "rvc-file-upload-item"
+          }, [
+            Y(m) ? (t(), n("img", {
+              key: 0,
+              class: "rvc-file-upload-thumbnail",
+              src: H(m),
+              alt: m.name
+            }, null, 8, Qe)) : y("", !0),
+            m.url ? (t(), n("a", {
+              key: 1,
+              class: "rvc-file-upload-file",
+              href: m.url
+            }, g(m.name), 9, Xe)) : (t(), n("span", Ye, g(m.name), 1)),
+            c("button", {
+              class: "rvc-file-upload-remove",
+              type: "button",
+              disabled: e.disabled,
+              "aria-label": `Remove ${m.name}`,
+              onClick: (C) => K(m)
+            }, [
+              A(w(q), { "aria-hidden": "true" })
+            ], 8, _e)
+          ]))), 128)),
+          (t(!0), n(L, null, B(s.value, (m, C) => (t(), n("li", {
+            key: `${m.name}-${m.lastModified}-${C}`,
+            class: "rvc-file-upload-item"
+          }, [
+            X(m) ? (t(), n("img", {
+              key: 0,
+              class: "rvc-file-upload-thumbnail",
+              src: a.value.get(m),
+              alt: m.name
+            }, null, 8, et)) : y("", !0),
+            c("span", tt, g(m.name), 1),
+            c("button", {
+              class: "rvc-file-upload-remove",
+              type: "button",
+              disabled: e.disabled,
+              "aria-label": `Remove ${m.name}`,
+              onClick: (F) => W(C)
+            }, [
+              A(w(q), { "aria-hidden": "true" })
+            ], 8, at)
+          ]))), 128))
+        ])
+      ]) : y("", !0)
+    ], 2));
+  }
+}), yt = /* @__PURE__ */ T({
+  __name: "FormTextarea",
+  props: {
+    modelValue: { default: void 0 },
+    size: { default: "base" }
+  },
+  emits: ["update:modelValue"],
+  setup(e, { emit: d }) {
+    const o = e, b = d, { hasModelBinding: r } = E(), f = M(null), p = P({
+      get: () => o.modelValue,
+      set: (u) => b("update:modelValue", u)
+    }), a = P(() => [
+      "rvc-textarea",
+      `rvc-textarea-${o.size}`
+    ]);
+    return (u, l) => w(r) ? j((t(), n("textarea", {
+      key: 0,
+      ref_key: "textarea",
+      ref: f,
+      "onUpdate:modelValue": l[0] || (l[0] = (s) => p.value = s),
+      class: k(a.value)
+    }, null, 2)), [
+      [re, p.value]
+    ]) : (t(), n("textarea", {
+      key: 1,
+      ref_key: "textarea",
+      ref: f,
+      class: k(a.value)
+    }, null, 2));
+  }
+}), lt = { class: "rvc-radio-input" }, nt = { class: "rvc-radio-label" }, $t = /* @__PURE__ */ T({
+  inheritAttrs: !1,
+  __name: "Radio",
+  props: {
+    modelValue: { type: [Boolean, String, Array, Object, Number, null], default: null },
+    label: { default: "" },
+    rootClass: { default: "" }
+  },
+  emits: ["update:modelValue"],
+  setup(e, { emit: d }) {
+    const o = e, b = d, r = P({
+      get: () => o.modelValue,
+      set: (l) => b("update:modelValue", l)
+    }), { hasModelBinding: f } = E(), p = N(), a = P(() => ({
+      ...p,
+      type: "radio"
+    })), u = M(null);
+    return (l, s) => (t(), n("label", {
+      class: k(["rvc-radio", e.rootClass])
+    }, [
+      c("div", lt, [
+        w(f) ? j((t(), n("input", V({ key: 0 }, a.value, {
+          ref_key: "input",
+          ref: u,
+          "onUpdate:modelValue": s[0] || (s[0] = (h) => r.value = h)
+        }), null, 16)), [
+          [G, r.value]
+        ]) : (t(), n("input", V({ key: 1 }, a.value, {
+          ref_key: "input",
+          ref: u
+        }), null, 16))
+      ]),
+      v(l.$slots, "default", {}, () => [
+        c("span", nt, g(e.label), 1)
+      ])
+    ], 2));
+  }
+}), ot = { class: "rvc-tabs-nav" }, st = ["value", "selected"], kt = /* @__PURE__ */ T({
+  inheritAttrs: !1,
+  __name: "Tabs",
+  props: {
+    modelValue: { default: void 0 },
+    tabs: { default: () => [] },
+    tabStyle: { default: "default" }
+  },
+  emits: ["update:modelValue", "tabs:change"],
+  setup(e, { emit: d }) {
+    const o = e, b = d, r = () => {
+      const u = o.tabs.findIndex((l) => l.active);
+      return u >= 0 ? u : 0;
+    }, f = P({
+      get: () => o.modelValue ?? r(),
+      set: (u) => {
+        const l = o.tabs[u];
+        b("update:modelValue", u), l && b("tabs:change", l);
+      }
+    }), p = (u) => {
+      const s = +u.target.value;
+      f.value = s;
+      const h = o.tabs[s];
+      h?.selectEvent && h.selectEvent();
+    }, a = (u) => {
+      const {
+        active: l,
+        as: s,
+        bindAs: h,
+        selectEvent: S,
+        name: R,
+        ...z
+      } = u;
+      return z;
+    };
+    return (u, l) => (t(), n(L, null, [
+      c("div", V(u.$attrs, {
+        class: ["rvc-tabs", { "rvc-tabs-buttons": e.tabStyle === "buttons" }]
+      }), [
+        c("nav", ot, [
+          (t(!0), n(L, null, B(e.tabs, (s, h) => (t(), x(I(s.as ? s.as : "button"), V({ ref_for: !0 }, a(s), {
+            key: `${h}-tab-item`,
+            as: s.bindAs ? s.bindAs : void 0,
+            class: ["rvc-tab", { "rvc-tab-active": f.value === h }],
+            onClick: (S) => f.value = h
+          }), {
+            default: D(() => [
+              O(g(s.name), 1)
+            ]),
+            _: 2
+          }, 1040, ["as", "class", "onClick"]))), 128))
+        ])
+      ], 16),
+      A(Q, V(u.$attrs, {
+        "root-class": "rvc-tabs-select",
+        value: f.value,
+        onChange: p
+      }), {
+        default: D(() => [
+          (t(!0), n(L, null, B(e.tabs, (s, h) => (t(), n("option", {
+            key: `${h}-tab-item-select-option`,
+            value: h,
+            selected: f.value === h
+          }, g(s.name), 9, st))), 128))
+        ]),
+        _: 1
+      }, 16, ["value"])
+    ], 64));
+  }
+});
+export {
+  ft as _,
+  mt as a,
+  bt as b,
+  gt as c,
+  pt as d,
+  ht as e,
+  Q as f,
+  yt as g,
+  Fe as h,
+  $t as i,
+  kt as j
+};