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

package/dist/core/index.js

@@ -1,828 +1,19 @@
-import { createElementBlock as l, openBlock as a, createElementVNode as d, Fragment as k, renderList as V, renderSlot as c, createTextVNode as T, toDisplayString as f, createVNode as C, unref as h, normalizeClass as y, createBlock as w, resolveDynamicComponent as x, withCtx as O, createCommentVNode as $, computed as B, useAttrs as N, ref as A, withDirectives as M, mergeProps as p, vModelDynamic as q, normalizeProps as D, guardReactiveProps as z, vModelSelect as E, vModelText as R } from "vue";
-import { r as U } from "../_shared/XMarkIcon-90mcPzBs.js";
-import { r as Z } from "../_shared/ChevronDownIcon-z-5U4fIb.js";
-import { _ as Re } from "../_shared/ChevronDownIcon-z-5U4fIb.js";
-import { _ as Ze } from "../_shared/ButtonBase-DfkwHIhN.js";
-import { u as j } from "../_shared/FormInput-B-SQTZTA.js";
-import { _ as Ge } from "../_shared/FormInput-B-SQTZTA.js";
-import { S as K } from "../_shared/icon-spinner-CmxIOqaK.js";
-function G(e, u) {
-  return a(), l("svg", {
-    xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "0 0 24 24",
-    fill: "currentColor",
-    "aria-hidden": "true",
-    "data-slot": "icon"
-  }, [
-    d("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 J(e, u) {
-  return a(), l("svg", {
-    xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "0 0 24 24",
-    fill: "currentColor",
-    "aria-hidden": "true",
-    "data-slot": "icon"
-  }, [
-    d("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 Q = { class: "rvc-accordion" }, W = ["open", "name"], X = ["innerHTML"], Me = {
-  __name: "Accordion",
-  props: {
-    items: {
-      type: [Array, Object],
-      required: !0,
-      default: () => []
-    },
-    name: {
-      type: String,
-      default: void 0
-    },
-    defaultOpenIndex: {
-      type: [Number, String],
-      default: 0
-    },
-    contentClass: {
-      type: String,
-      default: ""
-    }
-  },
-  setup(e) {
-    return (u, r) => (a(), l("div", Q, [
-      (a(!0), l(k, null, V(e.items, (v, o) => (a(), l("details", {
-        key: o,
-        open: e.defaultOpenIndex === o,
-        name: e.name
-      }, [
-        d("summary", null, [
-          c(u.$slots, "summary", {
-            item: v,
-            index: o
-          }, () => [
-            T(f(v.title) + " ", 1),
-            c(u.$slots, "icon", { classList: "rvc-accordion-icon" }, () => [
-              C(h(J), { class: "rvc-accordion-icon" })
-            ])
-          ])
-        ]),
-        d("div", {
-          class: y(["rvc-accordion-content", e.contentClass])
-        }, [
-          c(u.$slots, "content", { item: v }, () => [
-            d("div", {
-              innerHTML: v.content
-            }, null, 8, X)
-          ])
-        ], 2)
-      ], 8, W))), 128))
-    ]));
-  }
-}, Y = { class: "rvc-alert-title" }, je = {
-  __name: "Alert",
-  props: {
-    as: {
-      type: String,
-      default: "div"
-    },
-    title: {
-      type: String,
-      default: ""
-    },
-    icon: {
-      type: [Object, Function],
-      default: null
-    },
-    type: {
-      type: String,
-      default: "info",
-      validator: (e) => ["success", "warning", "danger", "info"].includes(e)
-    },
-    close: {
-      type: Boolean,
-      default: !1
-    }
-  },
-  emits: ["alert:close"],
-  setup(e) {
-    return (u, r) => (a(), w(x(e.as), {
-      class: y(["rvc-alert", `rvc-alert-${e.type}`])
-    }, {
-      default: O(() => [
-        c(u.$slots, "icon", {}, () => [
-          e.icon ? (a(), w(x(e.icon), {
-            key: 0,
-            class: "rvc-alert-icon"
-          })) : $("", !0)
-        ]),
-        d("div", null, [
-          c(u.$slots, "title", {}, () => [
-            d("span", Y, f(e.title), 1)
-          ]),
-          c(u.$slots, "default")
-        ]),
-        c(u.$slots, "close", {}, () => [
-          e.close ? (a(), l("button", {
-            key: 0,
-            type: "button",
-            class: "rvc-alert-close",
-            onClick: r[0] || (r[0] = (v) => u.$emit("alert:close"))
-          }, [
-            C(h(U))
-          ])) : $("", !0)
-        ])
-      ]),
-      _: 3
-    }, 8, ["class"]));
-  }
-}, _ = { class: "rvc-checkbox-input" }, ee = {
-  key: 0,
-  class: "rvc-checkbox-label"
-}, Ie = /* @__PURE__ */ Object.assign({
-  inheritAttrs: !1
-}, {
-  __name: "Checkbox",
-  props: {
-    modelValue: {
-      type: [Boolean, String, Array, Object, Number],
-      default: null
-    },
-    label: {
-      type: String,
-      default: ""
-    },
-    rootClass: {
-      type: String,
-      default: ""
-    }
-  },
-  emits: ["update:modelValue"],
-  setup(e, { emit: u }) {
-    const r = e, v = u, o = B({
-      get: () => r.modelValue,
-      set: (t) => v("update:modelValue", t)
-    }), { hasModelBinding: g } = j(), m = N(), s = B(() => ({
-      ...m,
-      type: "checkbox"
-    })), n = A(null);
-    return (t, i) => (a(), l("label", {
-      class: y(["rvc-checkbox", e.rootClass])
-    }, [
-      h(g) ? M((a(), l("input", p({ key: 0 }, s.value, {
-        ref_key: "input",
-        ref: n,
-        "onUpdate:modelValue": i[0] || (i[0] = (b) => o.value = b)
-      }), null, 16)), [
-        [q, o.value]
-      ]) : (a(), l("input", p({ key: 1 }, s.value, {
-        ref_key: "input",
-        ref: n
-      }), null, 16)),
-      c(t.$slots, "input", {}, () => [
-        d("span", _, [
-          c(t.$slots, "icon", {}, () => [
-            C(h(G))
-          ])
-        ])
-      ]),
-      c(t.$slots, "default", { label: e.label }, () => [
-        e.label ? (a(), l("span", ee, f(e.label), 1)) : $("", !0)
-      ])
-    ], 2));
-  }
-});
-function te(e, u) {
-  return a(), l("svg", {
-    xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "0 0 16 16",
-    fill: "currentColor",
-    "aria-hidden": "true",
-    "data-slot": "icon"
-  }, [
-    d("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 ae(e, u) {
-  return a(), l("svg", {
-    xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "0 0 20 20",
-    fill: "currentColor",
-    "aria-hidden": "true",
-    "data-slot": "icon"
-  }, [
-    d("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 ne(e, u) {
-  return a(), l("svg", {
-    xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "0 0 20 20",
-    fill: "currentColor",
-    "aria-hidden": "true",
-    "data-slot": "icon"
-  }, [
-    d("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"], se = ["value"], H = /* @__PURE__ */ Object.assign({
-  inheritAttrs: !1
-}, {
-  __name: "FormSelect",
-  props: {
-    modelValue: {
-      type: [String, Number, Object, Boolean],
-      default: null
-    },
-    rootClass: {
-      type: String,
-      default: ""
-    },
-    prefixIcon: {
-      type: [Object, Function],
-      default: null
-    },
-    icon: {
-      type: [Object, Function],
-      default: null
-    },
-    size: {
-      type: String,
-      default: "base",
-      validator: (e) => ["sm", "base"].includes(e)
-    },
-    options: {
-      type: Array,
-      default: () => []
-    },
-    optionLabel: {
-      type: String,
-      default: "name"
-    },
-    optionValue: {
-      type: String,
-      default: "id"
-    }
-  },
-  emits: ["update:modelValue"],
-  setup(e, { emit: u }) {
-    const r = e, v = u, o = B({
-      get: () => r.modelValue,
-      set: (s) => v("update:modelValue", s)
-    }), { hasModelBinding: g } = j(), m = A(null);
-    return (s, n) => (a(), l("div", {
-      class: y([
-        "rvc-select",
-        `rvc-select-${e.size}`,
-        e.rootClass
-      ])
-    }, [
-      e.prefixIcon ? c(s.$slots, "prefixIcon", {
-        key: 0,
-        icon: e.prefixIcon
-      }, () => [
-        (a(), w(x(e.prefixIcon), { "aria-hidden": "true" }))
-      ]) : $("", !0),
-      c(s.$slots, "select", D(z(s.$attrs)), () => [
-        h(g) ? M((a(), l("select", p({ key: 0 }, s.$attrs, {
-          ref_key: "select",
-          ref: m,
-          "onUpdate:modelValue": n[0] || (n[0] = (t) => o.value = t)
-        }), [
-          c(s.$slots, "default", {}, () => [
-            e.options.length > 0 ? (a(!0), l(k, { key: 0 }, V(e.options, (t, i) => (a(), l("option", {
-              key: `option-${i}-${t[e.optionValue]}`,
-              value: t[e.optionValue]
-            }, f(t[e.optionLabel]), 9, le))), 128)) : $("", !0)
-          ])
-        ], 16)), [
-          [E, o.value]
-        ]) : (a(), l("select", p({ key: 1 }, s.$attrs, {
-          ref_key: "select",
-          ref: m
-        }), [
-          c(s.$slots, "default", {}, () => [
-            e.options.length > 0 ? (a(!0), l(k, { key: 0 }, V(e.options, (t, i) => (a(), l("option", {
-              key: `option-${i}-${t[e.optionValue]}`,
-              value: t[e.optionValue]
-            }, f(t[e.optionLabel]), 9, se))), 128)) : $("", !0)
-          ])
-        ], 16))
-      ]),
-      c(s.$slots, "icon", { icon: e.icon }, () => [
-        (a(), w(x(e.icon ?? h(Z)), { "aria-hidden": "true" }))
-      ])
-    ], 2));
-  }
-}), oe = {
-  key: 0,
-  class: "rvc-pagination"
-}, ie = ["value"], re = { class: "rvc-pagination-info" }, ue = { class: "rvc-pagination-nav-list" }, ce = ["disabled", "onClick"], de = { key: 2 }, ve = { key: 3 }, ge = {
-  __name: "Pagination",
-  props: {
-    pagination: {
-      type: Object,
-      required: !0
-    },
-    perPage: {
-      type: Number,
-      default: 10
-    },
-    perPageLabel: {
-      type: String,
-      default: "per page"
-    },
-    perPageOptions: {
-      type: Array,
-      default: () => [10, 20, 50]
-    },
-    fromLabel: {
-      type: String,
-      default: "of"
-    }
-  },
-  emits: ["pagination:change", "pagination:perPage"],
-  setup(e, { emit: u }) {
-    const r = e, v = u, o = A(r.perPage);
-    return (g, m) => {
-      var s;
-      return (s = e.pagination) != null && s.total ? (a(), l("div", oe, [
-        c(g.$slots, "perPage", p(e.pagination, { perPage: o.value }), () => [
-          C(H, {
-            modelValue: o.value,
-            "onUpdate:modelValue": [
-              m[0] || (m[0] = (n) => o.value = n),
-              m[1] || (m[1] = (n) => v("pagination:perPage", n))
-            ],
-            size: "sm",
-            "root-class": "rvc-pagination-per-page"
-          }, {
-            default: O(() => [
-              (a(!0), l(k, null, V(e.perPageOptions, (n) => (a(), l("option", {
-                key: `pagination-items-per-page-option-${n}`,
-                value: n
-              }, f(n) + " " + f(e.perPageLabel), 9, ie))), 128))
-            ]),
-            _: 1
-          }, 8, ["modelValue"])
-        ]),
-        c(g.$slots, "info", p(e.pagination, { fromLabel: e.fromLabel }), () => [
-          d("div", re, f(e.pagination.from) + " - " + f(e.pagination.to) + " " + f(e.fromLabel) + " " + f(e.pagination.total), 1)
-        ]),
-        d("nav", null, [
-          d("ol", ue, [
-            (a(!0), l(k, null, V(e.pagination.links, (n, t) => (a(), l("li", {
-              key: `pagination-link-${n.label}-${t}`,
-              class: "rvc-pagination-nav-list-item"
-            }, [
-              d("button", {
-                type: "button",
-                disabled: n.label === "..." || !n.url,
-                class: y([
-                  "rvc-pagination-button",
-                  { "rvc-pagination-button-active": n.active }
-                ]),
-                onClick: (i) => n.url && v("pagination:change", n.url)
-              }, [
-                n.url !== "..." && t === 0 ? (a(), w(h(ae), {
-                  key: 0,
-                  "aria-hidden": "true",
-                  class: y([
-                    "rvc-pagination-button-icon",
-                    { "rvc-pagination-button-icon-disabled": !n.url }
-                  ])
-                }, null, 8, ["class"])) : n.label !== "..." && t === e.pagination.links.length - 1 ? (a(), w(h(ne), {
-                  key: 1,
-                  "aria-hidden": "true",
-                  class: y([
-                    "rvc-pagination-button-icon",
-                    { "rvc-pagination-button-icon-disabled": !n.url }
-                  ])
-                }, null, 8, ["class"])) : n.label === "..." ? (a(), l("span", de, " ... ")) : (a(), l("span", ve, f(n.label), 1))
-              ], 10, ce)
-            ]))), 128))
-          ])
-        ])
-      ])) : $("", !0);
-    };
-  }
-}, fe = { key: 0 }, me = ["aria-label", "onClick"], be = ["innerHTML"], ye = { key: 1 }, pe = ["colspan"], $e = { key: 2 }, he = ["colspan"], ke = { class: "rvc-table-spinner-wrapper" }, Se = { key: 1 }, Fe = {
-  __name: "DataTable",
-  props: {
-    headers: {
-      type: Array,
-      default: () => [],
-      validator: (e) => e.every((r) => {
-        const v = !r.align || ["left", "center", "right"].includes(r.align), g = !(r.sortable === !0) || typeof r.key == "string" && r.key.length > 0;
-        return g || console.warn("[DataTable] Header item with sortable=true is missing required 'key' property:", r), !v && r.align && console.warn("[DataTable] Header item has invalid 'align' value. Must be 'left', 'center' or 'right':", r), v && g;
-      })
-    },
-    items: {
-      type: Array,
-      required: !0
-    },
-    noResultsText: {
-      type: String,
-      default: "No results found."
-    },
-    loadingText: {
-      type: String,
-      default: "Loading content..."
-    },
-    striped: {
-      type: Boolean
-    },
-    spinning: {
-      type: Boolean
-    },
-    pagination: {
-      type: Object,
-      default: null
-    },
-    wrapperClass: {
-      type: String,
-      default: ""
-    },
-    defaultSort: {
-      type: Object,
-      default: null,
-      validator: (e) => e === null ? !0 : typeof e != "object" || !e.key || !["asc", "desc"].includes(e.direction) ? (console.warn("[DataTable] Invalid defaultSort prop. Must be an object with key and direction properties."), !1) : !0
-    }
-  },
-  emits: ["table:sortBy", "pagination:change", "pagination:perPage"],
-  setup(e, { emit: u }) {
-    const r = e, v = u, o = A(r.defaultSort), g = (s) => r.headers.find((n) => n.key === s), m = (s) => {
-      !o.value || o.value.key !== s.key ? o.value = {
-        key: s.key,
-        direction: "asc"
-      } : o.value.direction === "asc" ? o.value = {
-        key: s.key,
-        direction: "desc"
-      } : o.value = null, v("table:sortBy", o.value);
-    };
-    return (s, n) => (a(), l("div", null, [
-      d("div", {
-        class: y(["rvc-table-wrapper", e.wrapperClass])
-      }, [
-        d("table", {
-          class: y([{ "rvc-table-striped": e.striped }, "rvc-table"])
-        }, [
-          e.headers.length ? (a(), l("thead", fe, [
-            c(s.$slots, "headers", { headers: e.headers }, () => [
-              d("tr", null, [
-                (a(!0), l(k, null, V(e.headers, (t, i) => c(s.$slots, "header", {
-                  header: t,
-                  index: i
-                }, () => {
-                  var b, S;
-                  return [
-                    (a(), l("th", p({ ref_for: !0 }, t, {
-                      key: `rvc-table-header-${t.id}`,
-                      class: {
-                        "rvc-table-text-left": t.align === "left" || !t.align,
-                        "rvc-table-text-center": t.align === "center",
-                        "rvc-table-text-right": t.align === "right"
-                      }
-                    }), [
-                      t.sortable && t.key ? (a(), l("button", {
-                        key: 0,
-                        type: "button",
-                        "aria-label": `Sort on ${t.label}`,
-                        class: y([
-                          "rvc-table-sort-button",
-                          {
-                            "rvc-table-sort-button-center": t.align === "center",
-                            "rvc-table-sort-button-right": t.align === "right"
-                          }
-                        ]),
-                        onClick: (L) => m(t)
-                      }, [
-                        c(s.$slots, "header-label", {
-                          sortBy: o.value,
-                          header: t
-                        }, () => [
-                          T(f(t.label), 1)
-                        ]),
-                        C(h(te), {
-                          class: y([
-                            "rvc-table-sort-icon",
-                            {
-                              "rvc-table-sort-icon-visible": ((b = o.value) == null ? void 0 : b.key) === t.key,
-                              "rvc-table-sort-icon-invisible": !o.value || o.value.key !== t.key,
-                              "rvc-table-sort-icon-rotated": ((S = o.value) == null ? void 0 : S.key) === t.key && o.value.direction === "desc"
-                            }
-                          ])
-                        }, null, 8, ["class"])
-                      ], 10, me)) : c(s.$slots, "header-label", {
-                        key: 1,
-                        sortBy: o.value,
-                        header: t
-                      }, () => [
-                        T(f(t.label), 1)
-                      ])
-                    ], 16))
-                  ];
-                })), 256))
-              ])
-            ])
-          ])) : $("", !0),
-          d("tbody", null, [
-            e.items.length && !e.spinning ? (a(!0), l(k, { key: 0 }, V(e.items, (t, i) => c(s.$slots, "items", {
-              item: t,
-              index: i
-            }, () => [
-              (a(), l("tr", {
-                key: `rvc-table-row-${i}-${t.id}`
-              }, [
-                c(s.$slots, "item", {
-                  item: t,
-                  index: i
-                }, () => [
-                  (a(!0), l(k, null, V(t, (b, S) => {
-                    var L, P, I, F;
-                    return a(), l("td", p({
-                      key: `rvc-table-row-${i}-column-${S}-${t.id}`
-                    }, { ref_for: !0 }, t.attrs, {
-                      class: {
-                        "rvc-table-text-left": ((L = g(S)) == null ? void 0 : L.align) === "left" || !((P = g(S)) != null && P.align),
-                        "rvc-table-text-center": ((I = g(S)) == null ? void 0 : I.align) === "center",
-                        "rvc-table-text-right": ((F = g(S)) == null ? void 0 : F.align) === "right"
-                      },
-                      innerHTML: b
-                    }), null, 16, be);
-                  }), 128))
-                ])
-              ]))
-            ])), 256)) : !e.items.length && !e.spinning ? (a(), l("tr", ye, [
-              d("td", {
-                colspan: e.headers.length,
-                class: "rvc-table-state"
-              }, [
-                d("p", null, f(e.noResultsText), 1)
-              ], 8, pe)
-            ])) : (a(), l("tr", $e, [
-              d("td", {
-                colspan: e.headers.length,
-                class: "rvc-table-state"
-              }, [
-                c(s.$slots, "spinner", {
-                  spinning: e.spinning,
-                  label: e.loadingText
-                }, () => [
-                  d("div", ke, [
-                    e.spinning ? (a(), w(h(K), {
-                      key: 0,
-                      "aria-hidden": "true",
-                      class: "rvc-table-spinner"
-                    })) : $("", !0),
-                    T(" " + f(e.loadingText), 1)
-                  ])
-                ])
-              ], 8, he)
-            ]))
-          ]),
-          s.$slots.footer ? (a(), l("tfoot", Se, [
-            c(s.$slots, "footer", {
-              headers: e.headers,
-              items: e.items
-            })
-          ])) : $("", !0)
-        ], 2)
-      ], 2),
-      e.pagination ? c(s.$slots, "pagination", D(p({ key: 0 }, e.pagination)), () => [
-        C(ge, {
-          pagination: e.pagination,
-          "onPagination:change": n[0] || (n[0] = (t) => v("pagination:change", t)),
-          "onPagination:perPage": n[1] || (n[1] = (t) => v("pagination:perPage", t))
-        }, null, 8, ["pagination"])
-      ]) : $("", !0)
-    ]));
-  }
-}, Ve = {
-  key: 1,
-  class: "rvc-empty-state-title"
-}, Ne = {
-  __name: "EmptyState",
-  props: {
-    title: {
-      type: String,
-      required: !0,
-      default: ""
-    },
-    background: {
-      type: Boolean,
-      default: !1
-    },
-    icon: {
-      type: [Object, Function],
-      default: null
-    }
-  },
-  setup(e) {
-    return (u, r) => (a(), l("div", {
-      class: y(["rvc-empty-state", { "rvc-empty-state-bg": e.background }])
-    }, [
-      e.icon ? (a(), w(x(e.icon), {
-        key: 0,
-        class: "rvc-empty-state-icon"
-      })) : $("", !0),
-      e.title ? (a(), l("p", Ve, f(e.title), 1)) : $("", !0),
-      c(u.$slots, "default")
-    ], 2));
-  }
-}, qe = {
-  __name: "FormTextarea",
-  props: {
-    modelValue: {
-      type: String,
-      default: void 0
-    },
-    size: {
-      type: String,
-      default: "base",
-      validator: (e) => ["sm", "base"].includes(e)
-    }
-  },
-  emits: ["update:modelValue"],
-  setup(e, { emit: u }) {
-    const r = e, v = u, { hasModelBinding: o } = j(), g = A(null), m = B({
-      get: () => r.modelValue,
-      set: (n) => v("update:modelValue", n)
-    }), s = B(() => [
-      "rvc-textarea",
-      `rvc-textarea-${r.size}`
-    ]);
-    return (n, t) => h(o) ? M((a(), l("textarea", {
-      key: 0,
-      ref_key: "textarea",
-      ref: g,
-      "onUpdate:modelValue": t[0] || (t[0] = (i) => m.value = i),
-      class: y(s.value)
-    }, null, 2)), [
-      [R, m.value]
-    ]) : (a(), l("textarea", {
-      key: 1,
-      ref_key: "textarea",
-      ref: g,
-      class: y(s.value)
-    }, null, 2));
-  }
-}, we = { class: "rvc-radio" }, Be = { class: "rvc-radio-label" }, De = /* @__PURE__ */ Object.assign({
-  inheritAttrs: !1
-}, {
-  __name: "Radio",
-  props: {
-    modelValue: {
-      type: [Boolean, String, Array, Object, Number],
-      default: null
-    },
-    label: {
-      type: String,
-      default: ""
-    }
-  },
-  emits: ["update:modelValue"],
-  setup(e, { emit: u }) {
-    const r = e, v = u, o = B({
-      get: () => r.modelValue,
-      set: (t) => v("update:modelValue", t)
-    }), { hasModelBinding: g } = j(), m = N(), s = B(() => ({
-      ...m,
-      type: "radio"
-    })), n = A(null);
-    return (t, i) => (a(), l("label", we, [
-      h(g) ? M((a(), l("input", p({ key: 0 }, s.value, {
-        ref_key: "input",
-        ref: n,
-        "onUpdate:modelValue": i[0] || (i[0] = (b) => o.value = b)
-      }), null, 16)), [
-        [q, o.value]
-      ]) : (a(), l("input", p({ key: 1 }, s.value, {
-        ref_key: "input",
-        ref: n
-      }), null, 16)),
-      c(t.$slots, "input", {}, () => [
-        i[1] || (i[1] = d("span", { class: "rvc-radio-input" }, null, -1))
-      ]),
-      c(t.$slots, "default", {}, () => [
-        d("span", Be, f(e.label), 1)
-      ])
-    ]));
-  }
-}), Ce = { class: "rvc-tabs-nav" }, xe = ["value", "selected"], He = /* @__PURE__ */ Object.assign({
-  inheritAttrs: !1
-}, {
-  __name: "Tabs",
-  props: {
-    modelValue: {
-      type: Number,
-      default: void 0
-    },
-    tabs: {
-      type: Array,
-      required: !0,
-      default: () => []
-    },
-    tabStyle: {
-      type: String,
-      default: "default",
-      validator: (e) => ["buttons", "default"].includes(e)
-    }
-  },
-  emits: ["update:modelValue", "tabs:change"],
-  setup(e, { emit: u }) {
-    const r = e, v = u, o = () => {
-      const n = r.tabs.findIndex((t) => t.active);
-      return n >= 0 ? n : 0;
-    }, g = B({
-      get: () => r.modelValue ?? o(),
-      set: (n) => {
-        const t = r.tabs[n];
-        v("update:modelValue", n), v("tabs:change", t);
-      }
-    }), m = (n) => {
-      const t = +n.target.value;
-      g.value = t;
-      const i = r.tabs[t];
-      i != null && i.selectEvent && i.selectEvent();
-    }, s = (n) => {
-      const {
-        active: t,
-        as: i,
-        bindAs: b,
-        selectEvent: S,
-        name: L,
-        ...P
-      } = n;
-      return P;
-    };
-    return (n, t) => (a(), l(k, null, [
-      d("div", p(n.$attrs, {
-        class: ["rvc-tabs", { "rvc-tabs-buttons": e.tabStyle === "buttons" }]
-      }), [
-        d("nav", Ce, [
-          (a(!0), l(k, null, V(e.tabs, (i, b) => (a(), w(x(i.as ? i.as : "button"), p({ ref_for: !0 }, s(i), {
-            key: `${b}-tab-item`,
-            as: i.bindAs ? i.bindAs : void 0,
-            class: ["rvc-tab", { "rvc-tab-active": g.value === b }],
-            onClick: (S) => g.value = b
-          }), {
-            default: O(() => [
-              T(f(i.name), 1)
-            ]),
-            _: 2
-          }, 1040, ["as", "class", "onClick"]))), 128))
-        ])
-      ], 16),
-      C(H, p(n.$attrs, {
-        "root-class": "rvc-tabs-select",
-        value: g.value,
-        onChange: m
-      }), {
-        default: O(() => [
-          (a(!0), l(k, null, V(e.tabs, (i, b) => (a(), l("option", {
-            key: `${b}-tab-item-select-option`,
-            value: b,
-            selected: g.value === b
-          }, f(i.name), 9, xe))), 128))
-        ]),
-        _: 1
-      }, 16, ["value"])
-    ], 64));
-  }
-});
+import { _ as e, a as s, b as t, c as r, d as m, e as p, f as x, g as c, h as f, i } from "../_shared/Tabs.vue_vue_type_script_setup_true_lang-CsGx6wBK.js";
+import { _ as b } from "../_shared/ChevronDownIcon-DaaXfD3C.js";
+import { _ } from "../_shared/ButtonBase.vue_vue_type_script_setup_true_lang-B0YsKehI.js";
+import { _ as l } from "../_shared/FormInput.vue_vue_type_script_setup_true_lang-BhJpG-Fw.js";
 export {
-  Me as Accordion,
-  je as Alert,
-  Re as Badge,
-  Ze as ButtonBase,
-  Ie as Checkbox,
-  Fe as DataTable,
-  Ne as EmptyState,
-  Ge as FormInput,
-  H as FormSelect,
-  qe as FormTextarea,
-  ge as Pagination,
-  De as Radio,
-  He as Tabs
+  e as Accordion,
+  s as Alert,
+  b as Badge,
+  _ as ButtonBase,
+  t as Checkbox,
+  r as DataTable,
+  m as EmptyState,
+  l as FormInput,
+  p as FormSelect,
+  x as FormTextarea,
+  c as Pagination,
+  f as Radio,
+  i as Tabs
 };