@robuust-digital/vue-components 2.5.0-beta.2 → 2.5.0-beta.3

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

@@ -1,836 +0,0 @@
-import { createElementBlock as n, openBlock as t, createElementVNode as u, defineComponent as L, Fragment as C, renderList as P, renderSlot as c, createTextVNode as T, toDisplayString as y, createVNode as V, unref as p, normalizeClass as $, createBlock as B, resolveDynamicComponent as I, withCtx as A, createCommentVNode as h, computed as x, useAttrs as R, ref as S, withDirectives as z, mergeProps as k, vModelDynamic as U, normalizeProps as H, guardReactiveProps as G, vModelSelect as J, useSlots as Q, watch as X, withKeys as Z, withModifiers as E, vModelText as Y } from "vue";
-import { r as _ } from "./XMarkIcon-90mcPzBs.js";
-import { u as j } from "./FormInput.vue_vue_type_script_setup_true_lang-C_1WSzbH.js";
-import { S as ee } from "./icon-spinner-CP0VP_YM.js";
-import { _ as D } from "./ButtonBase.vue_vue_type_script_setup_true_lang-BLm8QzEC.js";
-import { r as te, a as le } from "./XMarkIcon-DdMV8USU.js";
-function ae(e, r) {
-  return t(), n("svg", {
-    xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "0 0 24 24",
-    fill: "currentColor",
-    "aria-hidden": "true",
-    "data-slot": "icon"
-  }, [
-    u("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 ne(e, r) {
-  return t(), n("svg", {
-    xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "0 0 24 24",
-    fill: "currentColor",
-    "aria-hidden": "true",
-    "data-slot": "icon"
-  }, [
-    u("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 se = { class: "rvc-accordion" }, oe = ["open", "name"], ie = ["innerHTML"], tt = /* @__PURE__ */ L({
-  __name: "Accordion",
-  props: {
-    items: {},
-    name: {},
-    defaultOpenIndex: {},
-    contentClass: {}
-  },
-  setup(e) {
-    return (r, d) => (t(), n("div", se, [
-      (t(!0), n(C, null, P(e.items, (f, s) => (t(), n("details", {
-        key: s,
-        open: e.defaultOpenIndex === s,
-        name: e.name
-      }, [
-        u("summary", null, [
-          c(r.$slots, "summary", {
-            item: f,
-            index: s
-          }, () => [
-            T(y(f.title) + " ", 1),
-            c(r.$slots, "icon", { classList: "rvc-accordion-icon" }, () => [
-              V(p(ne), { class: "rvc-accordion-icon" })
-            ])
-          ])
-        ]),
-        u("div", {
-          class: $(["rvc-accordion-content", e.contentClass])
-        }, [
-          c(r.$slots, "content", {
-            item: f,
-            index: s
-          }, () => [
-            u("div", {
-              innerHTML: f.content
-            }, null, 8, ie)
-          ])
-        ], 2)
-      ], 8, oe))), 128))
-    ]));
-  }
-}), re = { class: "rvc-alert-title" }, lt = /* @__PURE__ */ L({
-  __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 (r, d) => (t(), B(I(e.as), {
-      class: $(["rvc-alert", `rvc-alert-${e.type}`])
-    }, {
-      default: A(() => [
-        c(r.$slots, "icon", {}, () => [
-          e.icon ? (t(), B(I(e.icon), {
-            key: 0,
-            class: "rvc-alert-icon"
-          })) : h("", !0)
-        ]),
-        u("div", null, [
-          c(r.$slots, "title", {}, () => [
-            u("span", re, y(e.title), 1)
-          ]),
-          c(r.$slots, "default")
-        ]),
-        c(r.$slots, "close", {}, () => [
-          e.close ? (t(), n("button", {
-            key: 0,
-            type: "button",
-            class: "rvc-alert-close",
-            onClick: d[0] || (d[0] = (f) => r.$emit("alert:close"))
-          }, [
-            V(p(_))
-          ])) : h("", !0)
-        ])
-      ]),
-      _: 3
-    }, 8, ["class"]));
-  }
-}), ce = { class: "rvc-checkbox-input" }, ue = {
-  key: 0,
-  class: "rvc-checkbox-label"
-}, at = /* @__PURE__ */ L({
-  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: r }) {
-    const d = e, f = r, s = x({
-      get: () => d.modelValue,
-      set: (l) => f("update:modelValue", l)
-    }), { hasModelBinding: v } = j(), g = R(), a = x(() => ({
-      ...g,
-      type: "checkbox"
-    })), o = S(null);
-    return (l, i) => (t(), n("label", {
-      class: $(["rvc-checkbox", e.rootClass])
-    }, [
-      u("div", ce, [
-        p(v) ? z((t(), n("input", k({ key: 0 }, a.value, {
-          ref_key: "input",
-          ref: o,
-          "onUpdate:modelValue": i[0] || (i[0] = (b) => s.value = b)
-        }), null, 16)), [
-          [U, s.value]
-        ]) : (t(), n("input", k({ key: 1 }, a.value, {
-          ref_key: "input",
-          ref: o
-        }), null, 16)),
-        c(l.$slots, "icon", {}, () => [
-          V(p(ae))
-        ])
-      ]),
-      c(l.$slots, "default", { label: e.label }, () => [
-        e.label ? (t(), n("span", ue, y(e.label), 1)) : h("", !0)
-      ])
-    ], 2));
-  }
-});
-function de(e, r) {
-  return t(), n("svg", {
-    xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "0 0 16 16",
-    fill: "currentColor",
-    "aria-hidden": "true",
-    "data-slot": "icon"
-  }, [
-    u("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 ve(e, r) {
-  return t(), n("svg", {
-    xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "0 0 20 20",
-    fill: "currentColor",
-    "aria-hidden": "true",
-    "data-slot": "icon"
-  }, [
-    u("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 fe(e, r) {
-  return t(), n("svg", {
-    xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "0 0 20 20",
-    fill: "currentColor",
-    "aria-hidden": "true",
-    "data-slot": "icon"
-  }, [
-    u("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"
-    })
-  ]);
-}
-function ge(e, r) {
-  return t(), n("svg", {
-    xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "0 0 20 20",
-    fill: "currentColor",
-    "aria-hidden": "true",
-    "data-slot": "icon"
-  }, [
-    u("path", {
-      "fill-rule": "evenodd",
-      d: "M8.75 1A2.75 2.75 0 0 0 6 3.75v.443c-.795.077-1.584.176-2.365.298a.75.75 0 1 0 .23 1.482l.149-.022.841 10.518A2.75 2.75 0 0 0 7.596 19h4.807a2.75 2.75 0 0 0 2.742-2.53l.841-10.52.149.023a.75.75 0 0 0 .23-1.482A41.03 41.03 0 0 0 14 4.193V3.75A2.75 2.75 0 0 0 11.25 1h-2.5ZM10 4c.84 0 1.673.025 2.5.075V3.75c0-.69-.56-1.25-1.25-1.25h-2.5c-.69 0-1.25.56-1.25 1.25v.325C8.327 4.025 9.16 4 10 4ZM8.58 7.72a.75.75 0 0 0-1.5.06l.3 7.5a.75.75 0 1 0 1.5-.06l-.3-7.5Zm4.34.06a.75.75 0 1 0-1.5-.06l-.3 7.5a.75.75 0 1 0 1.5.06l.3-7.5Z",
-      "clip-rule": "evenodd"
-    })
-  ]);
-}
-const me = ["value"], be = ["value"], K = /* @__PURE__ */ L({
-  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: r }) {
-    const d = e, f = r, s = x({
-      get: () => d.modelValue,
-      set: (a) => f("update:modelValue", a)
-    }), { hasModelBinding: v } = j(), g = S(null);
-    return (a, o) => (t(), n("div", {
-      class: $([
-        "rvc-select",
-        `rvc-select-${e.size}`,
-        e.rootClass
-      ])
-    }, [
-      e.prefixIcon ? c(a.$slots, "prefixIcon", {
-        key: 0,
-        icon: e.prefixIcon
-      }, () => [
-        (t(), B(I(e.prefixIcon), { "aria-hidden": "true" }))
-      ]) : h("", !0),
-      c(a.$slots, "select", H(G(a.$attrs)), () => [
-        p(v) ? z((t(), n("select", k({ key: 0 }, a.$attrs, {
-          ref_key: "select",
-          ref: g,
-          "onUpdate:modelValue": o[0] || (o[0] = (l) => s.value = l)
-        }), [
-          c(a.$slots, "default", {}, () => [
-            e.options.length > 0 ? (t(!0), n(C, { key: 0 }, P(e.options, (l, i) => (t(), n("option", {
-              key: `option-${i}-${l[e.optionValue]}`,
-              value: l[e.optionValue]
-            }, y(l[e.optionLabel]), 9, me))), 128)) : h("", !0)
-          ])
-        ], 16)), [
-          [J, s.value]
-        ]) : (t(), n("select", k({ key: 1 }, a.$attrs, {
-          ref_key: "select",
-          ref: g
-        }), [
-          c(a.$slots, "default", {}, () => [
-            e.options.length > 0 ? (t(!0), n(C, { key: 0 }, P(e.options, (l, i) => (t(), n("option", {
-              key: `option-${i}-${l[e.optionValue]}`,
-              value: l[e.optionValue]
-            }, y(l[e.optionLabel]), 9, be))), 128)) : h("", !0)
-          ])
-        ], 16))
-      ]),
-      c(a.$slots, "icon", { icon: e.icon }, () => [
-        (t(), B(I(e.icon ?? p(te)), { "aria-hidden": "true" }))
-      ])
-    ], 2));
-  }
-}), he = {
-  key: 0,
-  class: "rvc-pagination"
-}, ye = ["value"], pe = { class: "rvc-pagination-info" }, $e = { class: "rvc-pagination-nav-list" }, ke = ["disabled", "onClick"], we = { key: 2 }, Ve = { key: 3 }, Ce = /* @__PURE__ */ L({
-  __name: "Pagination",
-  props: {
-    pagination: {},
-    perPage: { default: 10 },
-    perPageLabel: { default: "per page" },
-    perPageOptions: { default: () => [10, 20, 50] },
-    fromLabel: { default: "of" }
-  },
-  emits: ["pagination:change", "pagination:perPage"],
-  setup(e, { emit: r }) {
-    const d = e, f = r, s = S(d.perPage);
-    return (v, g) => e.pagination?.total ? (t(), n("div", he, [
-      c(v.$slots, "perPage", k(e.pagination, { perPage: s.value }), () => [
-        V(K, {
-          modelValue: s.value,
-          "onUpdate:modelValue": [
-            g[0] || (g[0] = (a) => s.value = a),
-            g[1] || (g[1] = (a) => f("pagination:perPage", Number(a)))
-          ],
-          size: "sm",
-          "root-class": "rvc-pagination-per-page"
-        }, {
-          default: A(() => [
-            (t(!0), n(C, null, P(e.perPageOptions, (a) => (t(), n("option", {
-              key: `pagination-items-per-page-option-${a}`,
-              value: a
-            }, y(a) + " " + y(e.perPageLabel), 9, ye))), 128))
-          ]),
-          _: 1
-        }, 8, ["modelValue"])
-      ]),
-      c(v.$slots, "info", k(e.pagination, { fromLabel: e.fromLabel }), () => [
-        u("div", pe, y(e.pagination.from) + " - " + y(e.pagination.to) + " " + y(e.fromLabel) + " " + y(e.pagination.total), 1)
-      ]),
-      u("nav", null, [
-        u("ol", $e, [
-          (t(!0), n(C, null, P(e.pagination.links, (a, o) => (t(), n("li", {
-            key: `pagination-link-${a.label}-${o}`,
-            class: "rvc-pagination-nav-list-item"
-          }, [
-            u("button", {
-              type: "button",
-              disabled: a.label === "..." || !a.url,
-              class: $([
-                "rvc-pagination-button",
-                { "rvc-pagination-button-active": a.active }
-              ]),
-              onClick: (l) => a.url && f("pagination:change", a.url)
-            }, [
-              a.url !== "..." && o === 0 ? (t(), B(p(ve), {
-                key: 0,
-                "aria-hidden": "true",
-                class: $([
-                  "rvc-pagination-button-icon",
-                  { "rvc-pagination-button-icon-disabled": !a.url }
-                ])
-              }, null, 8, ["class"])) : a.label !== "..." && o === e.pagination.links.length - 1 ? (t(), B(p(fe), {
-                key: 1,
-                "aria-hidden": "true",
-                class: $([
-                  "rvc-pagination-button-icon",
-                  { "rvc-pagination-button-icon-disabled": !a.url }
-                ])
-              }, null, 8, ["class"])) : a.label === "..." ? (t(), n("span", we, " ... ")) : (t(), n("span", Ve, y(a.label), 1))
-            ], 10, ke)
-          ]))), 128))
-        ])
-      ])
-    ])) : h("", !0);
-  }
-}), xe = { key: 0 }, Be = ["aria-label", "onClick"], Le = ["innerHTML"], Pe = { key: 1 }, Ie = ["colspan"], Se = { key: 2 }, Ae = ["colspan"], Fe = { class: "rvc-table-spinner-wrapper" }, Me = { key: 1 }, nt = /* @__PURE__ */ L({
-  __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 },
-    wrapperClass: { default: "" },
-    defaultSort: { default: null }
-  },
-  emits: ["table:sortBy", "pagination:change", "pagination:perPage"],
-  setup(e, { emit: r }) {
-    const d = e, f = r, s = S(d.defaultSort), v = (a) => d.headers.find((o) => o.key === a), g = (a) => {
-      a.key && (!s.value || s.value.key !== a.key ? s.value = {
-        key: a.key,
-        direction: "asc"
-      } : s.value.direction === "asc" ? s.value = {
-        key: a.key,
-        direction: "desc"
-      } : s.value = null, f("table:sortBy", s.value));
-    };
-    return (a, o) => (t(), n("div", null, [
-      u("div", {
-        class: $(["rvc-table-wrapper", e.wrapperClass])
-      }, [
-        u("table", {
-          class: $([{ "rvc-table-striped": e.striped }, "rvc-table"])
-        }, [
-          e.headers.length ? (t(), n("thead", xe, [
-            c(a.$slots, "headers", { headers: e.headers }, () => [
-              u("tr", null, [
-                (t(!0), n(C, null, P(e.headers, (l, i) => c(a.$slots, "header", {
-                  header: l,
-                  index: i
-                }, () => [
-                  (t(), n("th", k({ ref_for: !0 }, { ...l, id: String(l.id) }, {
-                    key: `rvc-table-header-${l.id}`,
-                    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: $([
-                        "rvc-table-sort-button",
-                        {
-                          "rvc-table-sort-button-center": l.align === "center",
-                          "rvc-table-sort-button-right": l.align === "right"
-                        }
-                      ]),
-                      onClick: (b) => g(l)
-                    }, [
-                      c(a.$slots, "header-label", {
-                        sortBy: s.value,
-                        header: l
-                      }, () => [
-                        T(y(l.label), 1)
-                      ]),
-                      V(p(de), {
-                        class: $([
-                          "rvc-table-sort-icon",
-                          {
-                            "rvc-table-sort-icon-visible": s.value?.key === l.key,
-                            "rvc-table-sort-icon-invisible": !s.value || s.value.key !== l.key,
-                            "rvc-table-sort-icon-rotated": s.value?.key === l.key && s.value.direction === "desc"
-                          }
-                        ])
-                      }, null, 8, ["class"])
-                    ], 10, Be)) : c(a.$slots, "header-label", {
-                      key: 1,
-                      sortBy: s.value,
-                      header: l
-                    }, () => [
-                      T(y(l.label), 1)
-                    ])
-                  ], 16))
-                ])), 256))
-              ])
-            ])
-          ])) : h("", !0),
-          u("tbody", null, [
-            e.items.length && !e.spinning ? (t(!0), n(C, { key: 0 }, P(e.items, (l, i) => c(a.$slots, "items", {
-              item: l,
-              index: i
-            }, () => [
-              (t(), n("tr", {
-                key: `rvc-table-row-${i}-${l.id}`
-              }, [
-                c(a.$slots, "item", {
-                  item: l,
-                  index: i
-                }, () => [
-                  (t(!0), n(C, null, P(l, (b, w) => (t(), n("td", k({
-                    key: `rvc-table-row-${i}-column-${w}-${l.id}`
-                  }, { ref_for: !0 }, l.attrs, {
-                    class: {
-                      "rvc-table-text-left": v(String(w))?.align === "left" || !v(String(w))?.align,
-                      "rvc-table-text-center": v(String(w))?.align === "center",
-                      "rvc-table-text-right": v(String(w))?.align === "right"
-                    },
-                    innerHTML: b
-                  }), null, 16, Le))), 128))
-                ])
-              ]))
-            ])), 256)) : !e.items.length && !e.spinning ? (t(), n("tr", Pe, [
-              u("td", {
-                colspan: e.headers.length,
-                class: "rvc-table-state"
-              }, [
-                u("p", null, y(e.noResultsText), 1)
-              ], 8, Ie)
-            ])) : (t(), n("tr", Se, [
-              u("td", {
-                colspan: e.headers.length,
-                class: "rvc-table-state"
-              }, [
-                c(a.$slots, "spinner", {
-                  spinning: e.spinning,
-                  label: e.loadingText
-                }, () => [
-                  u("div", Fe, [
-                    e.spinning ? (t(), B(p(ee), {
-                      key: 0,
-                      "aria-hidden": "true",
-                      class: "rvc-table-spinner"
-                    })) : h("", !0),
-                    T(" " + y(e.loadingText), 1)
-                  ])
-                ])
-              ], 8, Ae)
-            ]))
-          ]),
-          a.$slots.footer ? (t(), n("tfoot", Me, [
-            c(a.$slots, "footer", {
-              headers: e.headers,
-              items: e.items
-            })
-          ])) : h("", !0)
-        ], 2)
-      ], 2),
-      e.pagination ? c(a.$slots, "pagination", H(k({ key: 0 }, e.pagination)), () => [
-        V(Ce, {
-          pagination: e.pagination,
-          "onPagination:change": o[0] || (o[0] = (l) => f("pagination:change", l)),
-          "onPagination:perPage": o[1] || (o[1] = (l) => f("pagination:perPage", l))
-        }, null, 8, ["pagination"])
-      ]) : h("", !0)
-    ]));
-  }
-}), Te = {
-  key: 1,
-  class: "rvc-empty-state-title"
-}, st = /* @__PURE__ */ L({
-  __name: "EmptyState",
-  props: {
-    title: {},
-    background: { type: Boolean },
-    icon: { type: [Function, Object, null] }
-  },
-  setup(e) {
-    return (r, d) => (t(), n("div", {
-      class: $(["rvc-empty-state", { "rvc-empty-state-bg": e.background }])
-    }, [
-      e.icon ? (t(), B(I(e.icon), {
-        key: 0,
-        class: "rvc-empty-state-icon"
-      })) : h("", !0),
-      e.title ? (t(), n("p", Te, y(e.title), 1)) : h("", !0),
-      c(r.$slots, "default")
-    ], 2));
-  }
-}), ze = ["onKeydown"], je = {
-  key: 0,
-  class: "rvc-file-prefix"
-}, Oe = { class: "rvc-file-label" }, Ee = {
-  key: 1,
-  class: "rvc-file-suffix"
-}, Ne = {
-  key: 0,
-  class: "rvc-file-preview"
-}, Ze = ["src", "alt"], De = {
-  key: 1,
-  class: "rvc-file-actions"
-}, Re = {
-  key: 0,
-  class: "rvc-file-clear"
-}, Ue = {
-  key: 1,
-  class: "rvc-file-delete"
-}, ot = /* @__PURE__ */ L({
-  inheritAttrs: !1,
-  __name: "FormFile",
-  props: {
-    modelValue: { default: null },
-    rootClass: { default: "" },
-    prefixIcon: { type: [Function, Object, null], default: null },
-    icon: { type: [Function, Object, null], default: null },
-    size: { default: "base" },
-    placeholder: { default: "Choose a file..." },
-    showPreview: { type: Boolean, default: !0 },
-    clearLabel: { default: "Clear" },
-    deleteLabel: { default: "Delete" }
-  },
-  emits: ["update:modelValue", "delete"],
-  setup(e, { emit: r }) {
-    const d = e, f = r, s = Q(), v = S(null), g = S(null), a = (m) => m instanceof File, o = (m) => m !== null && !a(m) && typeof m == "object" && "url" in m && "name" in m, l = x(() => d.modelValue ? d.modelValue.name : d.placeholder), i = x(() => a(d.modelValue)), b = x(() => o(d.modelValue)), w = () => {
-      v.value && v.value.click();
-    }, N = (m) => {
-      const M = m.target.files?.[0] || null;
-      f("update:modelValue", M);
-    }, O = () => {
-      v.value && (v.value.value = ""), f("update:modelValue", null);
-    }, W = () => {
-      f("delete");
-    };
-    return X(() => d.modelValue, (m) => {
-      if (!m || !d.showPreview) {
-        g.value = null;
-        return;
-      }
-      if (a(m))
-        if (m.type.startsWith("image/")) {
-          const F = new FileReader();
-          F.onload = (M) => {
-            g.value = M.target?.result;
-          }, F.readAsDataURL(m);
-        } else
-          g.value = null;
-      else if (o(m)) {
-        const M = [".jpg", ".jpeg", ".png", ".gif", ".webp", ".svg"].some((q) => m.url.toLowerCase().endsWith(q));
-        g.value = M ? m.url : null;
-      }
-    }, { immediate: !0 }), (m, F) => (t(), n("div", {
-      class: $([
-        "rvc-file",
-        `rvc-file-${e.size}`,
-        e.rootClass
-      ])
-    }, [
-      u("input", k({
-        ref_key: "fileInput",
-        ref: v
-      }, m.$attrs, {
-        type: "file",
-        class: "rvc-file-input",
-        onChange: N
-      }), null, 16),
-      u("div", {
-        class: "rvc-file-display",
-        role: "button",
-        tabindex: "0",
-        onClick: w,
-        onKeydown: [
-          Z(w, ["enter"]),
-          Z(E(w, ["prevent"]), ["space"])
-        ]
-      }, [
-        p(s).prefix || p(s).prefixIcon || e.prefixIcon ? (t(), n("span", je, [
-          c(m.$slots, "prefix", {}, () => [
-            c(m.$slots, "prefixIcon", { icon: e.prefixIcon }, () => [
-              e.prefixIcon ? (t(), B(I(e.prefixIcon), {
-                key: 0,
-                "aria-hidden": "true"
-              })) : h("", !0)
-            ])
-          ])
-        ])) : h("", !0),
-        u("span", Oe, y(l.value), 1),
-        p(s).suffix || p(s).icon || e.icon ? (t(), n("span", Ee, [
-          c(m.$slots, "suffix", {}, () => [
-            c(m.$slots, "icon", { icon: e.icon }, () => [
-              e.icon ? (t(), B(I(e.icon), {
-                key: 0,
-                "aria-hidden": "true"
-              })) : h("", !0)
-            ])
-          ])
-        ])) : h("", !0)
-      ], 40, ze),
-      g.value ? (t(), n("div", Ne, [
-        u("img", {
-          src: g.value,
-          alt: l.value,
-          class: "rvc-file-preview-image"
-        }, null, 8, Ze)
-      ])) : h("", !0),
-      i.value || b.value ? (t(), n("div", De, [
-        i.value ? (t(), n("div", Re, [
-          V(D, {
-            color: "clear",
-            size: e.size,
-            label: e.clearLabel,
-            onClick: E(O, ["prevent"])
-          }, {
-            icon: A(() => [
-              c(m.$slots, "clearIcon", {}, () => [
-                V(p(le))
-              ])
-            ]),
-            _: 3
-          }, 8, ["size", "label"])
-        ])) : h("", !0),
-        b.value ? (t(), n("div", Ue, [
-          V(D, {
-            color: "clear",
-            size: e.size,
-            label: e.deleteLabel,
-            onClick: E(W, ["prevent"])
-          }, {
-            icon: A(() => [
-              c(m.$slots, "deleteIcon", {}, () => [
-                V(p(ge))
-              ])
-            ]),
-            _: 3
-          }, 8, ["size", "label"])
-        ])) : h("", !0)
-      ])) : h("", !0)
-    ], 2));
-  }
-}), it = /* @__PURE__ */ L({
-  __name: "FormTextarea",
-  props: {
-    modelValue: { default: void 0 },
-    size: { default: "base" }
-  },
-  emits: ["update:modelValue"],
-  setup(e, { emit: r }) {
-    const d = e, f = r, { hasModelBinding: s } = j(), v = S(null), g = x({
-      get: () => d.modelValue,
-      set: (o) => f("update:modelValue", o)
-    }), a = x(() => [
-      "rvc-textarea",
-      `rvc-textarea-${d.size}`
-    ]);
-    return (o, l) => p(s) ? z((t(), n("textarea", {
-      key: 0,
-      ref_key: "textarea",
-      ref: v,
-      "onUpdate:modelValue": l[0] || (l[0] = (i) => g.value = i),
-      class: $(a.value)
-    }, null, 2)), [
-      [Y, g.value]
-    ]) : (t(), n("textarea", {
-      key: 1,
-      ref_key: "textarea",
-      ref: v,
-      class: $(a.value)
-    }, null, 2));
-  }
-}), He = { class: "rvc-radio-input" }, Ke = { class: "rvc-radio-label" }, rt = /* @__PURE__ */ L({
-  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: r }) {
-    const d = e, f = r, s = x({
-      get: () => d.modelValue,
-      set: (l) => f("update:modelValue", l)
-    }), { hasModelBinding: v } = j(), g = R(), a = x(() => ({
-      ...g,
-      type: "radio"
-    })), o = S(null);
-    return (l, i) => (t(), n("label", {
-      class: $(["rvc-radio", e.rootClass])
-    }, [
-      u("div", He, [
-        p(v) ? z((t(), n("input", k({ key: 0 }, a.value, {
-          ref_key: "input",
-          ref: o,
-          "onUpdate:modelValue": i[0] || (i[0] = (b) => s.value = b)
-        }), null, 16)), [
-          [U, s.value]
-        ]) : (t(), n("input", k({ key: 1 }, a.value, {
-          ref_key: "input",
-          ref: o
-        }), null, 16))
-      ]),
-      c(l.$slots, "default", {}, () => [
-        u("span", Ke, y(e.label), 1)
-      ])
-    ], 2));
-  }
-}), We = { class: "rvc-tabs-nav" }, qe = ["value", "selected"], ct = /* @__PURE__ */ L({
-  inheritAttrs: !1,
-  __name: "Tabs",
-  props: {
-    modelValue: { default: void 0 },
-    tabs: { default: () => [] },
-    tabStyle: { default: "default" }
-  },
-  emits: ["update:modelValue", "tabs:change"],
-  setup(e, { emit: r }) {
-    const d = e, f = r, s = () => {
-      const o = d.tabs.findIndex((l) => l.active);
-      return o >= 0 ? o : 0;
-    }, v = x({
-      get: () => d.modelValue ?? s(),
-      set: (o) => {
-        const l = d.tabs[o];
-        f("update:modelValue", o), l && f("tabs:change", l);
-      }
-    }), g = (o) => {
-      const i = +o.target.value;
-      v.value = i;
-      const b = d.tabs[i];
-      b?.selectEvent && b.selectEvent();
-    }, a = (o) => {
-      const {
-        active: l,
-        as: i,
-        bindAs: b,
-        selectEvent: w,
-        name: N,
-        ...O
-      } = o;
-      return O;
-    };
-    return (o, l) => (t(), n(C, null, [
-      u("div", k(o.$attrs, {
-        class: ["rvc-tabs", { "rvc-tabs-buttons": e.tabStyle === "buttons" }]
-      }), [
-        u("nav", We, [
-          (t(!0), n(C, null, P(e.tabs, (i, b) => (t(), B(I(i.as ? i.as : "button"), k({ ref_for: !0 }, a(i), {
-            key: `${b}-tab-item`,
-            as: i.bindAs ? i.bindAs : void 0,
-            class: ["rvc-tab", { "rvc-tab-active": v.value === b }],
-            onClick: (w) => v.value = b
-          }), {
-            default: A(() => [
-              T(y(i.name), 1)
-            ]),
-            _: 2
-          }, 1040, ["as", "class", "onClick"]))), 128))
-        ])
-      ], 16),
-      V(K, k(o.$attrs, {
-        "root-class": "rvc-tabs-select",
-        value: v.value,
-        onChange: g
-      }), {
-        default: A(() => [
-          (t(!0), n(C, null, P(e.tabs, (i, b) => (t(), n("option", {
-            key: `${b}-tab-item-select-option`,
-            value: b,
-            selected: v.value === b
-          }, y(i.name), 9, qe))), 128))
-        ]),
-        _: 1
-      }, 16, ["value"])
-    ], 64));
-  }
-});
-export {
-  tt as _,
-  lt as a,
-  at as b,
-  nt as c,
-  st as d,
-  ot as e,
-  K as f,
-  it as g,
-  Ce as h,
-  rt as i,
-  ct as j
-};