@robuust-digital/vue-components 2.0.0-rc.6 → 2.0.0-rc.7

package/dist/core/index.js

@@ -1,4 +1,4 @@
-import { createElementBlock as l, openBlock as n, createElementVNode as c, Fragment as S, renderList as V, renderSlot as g, createTextVNode as A, toDisplayString as f, createVNode as B, unref as $, normalizeClass as p, createBlock as w, resolveDynamicComponent as C, withCtx as M, createCommentVNode as h, computed as x, useAttrs as N, withDirectives as O, mergeProps as b, vModelDynamic as q, normalizeProps as P, guardReactiveProps as z, vModelSelect as E, ref as D, vModelText as R } from "vue";
+import { createElementBlock as l, openBlock as n, createElementVNode as u, Fragment as S, renderList as V, renderSlot as m, createTextVNode as A, toDisplayString as f, createVNode as C, unref as $, normalizeClass as b, createBlock as w, resolveDynamicComponent as x, withCtx as M, createCommentVNode as h, computed as B, useAttrs as N, withDirectives as O, mergeProps as p, vModelDynamic as q, normalizeProps as P, guardReactiveProps as z, vModelSelect as E, ref as D, 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 Ee } from "../_shared/ChevronDownIcon-z-5U4fIb.js";
@@ -14,7 +14,7 @@ function G(e, o) {
     "aria-hidden": "true",
     "data-slot": "icon"
   }, [
-    c("path", {
+    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"
@@ -29,7 +29,7 @@ function J(e, o) {
     "aria-hidden": "true",
     "data-slot": "icon"
   }, [
-    c("path", {
+    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"
@@ -59,28 +59,28 @@ const Q = { class: "rvc-accordion" }, W = ["open", "name"], X = ["innerHTML"], M
   },
   setup(e) {
     return (o, i) => (n(), l("div", Q, [
-      (n(!0), l(S, null, V(e.items, (u, s) => (n(), l("details", {
+      (n(!0), l(S, null, V(e.items, (c, s) => (n(), l("details", {
         key: s,
         open: e.defaultOpenIndex === s,
         name: e.name
       }, [
-        c("summary", null, [
-          g(o.$slots, "summary", {
-            item: u,
+        u("summary", null, [
+          m(o.$slots, "summary", {
+            item: c,
             active: e.defaultOpenIndex === s
           }, () => [
-            A(f(u.title) + " ", 1),
-            g(o.$slots, "icon", { classList: "rvc-accordion-icon" }, () => [
-              B($(J), { class: "rvc-accordion-icon" })
+            A(f(c.title) + " ", 1),
+            m(o.$slots, "icon", { classList: "rvc-accordion-icon" }, () => [
+              C($(J), { class: "rvc-accordion-icon" })
             ])
           ])
         ]),
-        c("div", {
-          class: p(["rvc-accordion-content", e.contentClass])
+        u("div", {
+          class: b(["rvc-accordion-content", e.contentClass])
         }, [
-          g(o.$slots, "content", { item: u }, () => [
-            c("div", {
-              innerHTML: u.content
+          m(o.$slots, "content", { item: c }, () => [
+            u("div", {
+              innerHTML: c.content
             }, null, 8, X)
           ])
         ], 2)
@@ -114,30 +114,30 @@ const Q = { class: "rvc-accordion" }, W = ["open", "name"], X = ["innerHTML"], M
   },
   emits: ["alert:close"],
   setup(e) {
-    return (o, i) => (n(), w(C(e.as), {
-      class: p(["rvc-alert", `rvc-alert-${e.type}`])
+    return (o, i) => (n(), w(x(e.as), {
+      class: b(["rvc-alert", `rvc-alert-${e.type}`])
     }, {
       default: M(() => [
-        g(o.$slots, "icon", {}, () => [
-          e.icon ? (n(), w(C(e.icon), {
+        m(o.$slots, "icon", {}, () => [
+          e.icon ? (n(), w(x(e.icon), {
             key: 0,
             class: "rvc-alert-icon"
           })) : h("", !0)
         ]),
-        c("div", null, [
-          g(o.$slots, "title", {}, () => [
-            c("span", Y, f(e.title), 1)
+        u("div", null, [
+          m(o.$slots, "title", {}, () => [
+            u("span", Y, f(e.title), 1)
           ]),
-          g(o.$slots, "default")
+          m(o.$slots, "default")
         ]),
-        g(o.$slots, "close", {}, () => [
+        m(o.$slots, "close", {}, () => [
           e.close ? (n(), l("button", {
             key: 0,
             type: "button",
             class: "rvc-alert-close",
-            onClick: i[0] || (i[0] = (u) => o.$emit("alert:close"))
+            onClick: i[0] || (i[0] = (c) => o.$emit("alert:close"))
           }, [
-            B($(U))
+            C($(U))
           ])) : h("", !0)
         ])
       ]),
@@ -168,29 +168,28 @@ const Q = { class: "rvc-accordion" }, W = ["open", "name"], X = ["innerHTML"], M
   },
   emits: ["update:modelValue"],
   setup(e, { emit: o }) {
-    const i = e, u = o, s = x({
+    const i = e, c = o, s = B({
       get: () => i.modelValue,
-      set: (t) => u("update:modelValue", t)
-    }), { hasModelBinding: v } = I(), r = {
-      ...N(),
+      set: (t) => c("update:modelValue", t)
+    }), { hasModelBinding: g } = I(), d = N(), r = B(() => ({
+      ...d,
       id: i.id,
-      type: "checkbox",
-      class: "absolute opacity-0 inset-0 cursor-pointer peer/checkbox"
-    };
+      type: "checkbox"
+    }));
     return (t, a) => (n(), l("div", {
-      class: p(["rvc-checkbox", e.rootClass])
+      class: b(["rvc-checkbox", e.rootClass])
     }, [
-      $(v) ? O((n(), l("input", b({ key: 0 }, r, {
-        "onUpdate:modelValue": a[0] || (a[0] = (d) => s.value = d)
+      $(g) ? O((n(), l("input", p({ key: 0 }, r.value, {
+        "onUpdate:modelValue": a[0] || (a[0] = (v) => s.value = v)
       }), null, 16)), [
         [q, s.value]
-      ]) : (n(), l("input", P(b({ key: 1 }, r)), null, 16)),
-      c("span", _, [
-        B($(G))
+      ]) : (n(), l("input", P(p({ key: 1 }, r.value)), null, 16)),
+      u("span", _, [
+        C($(G))
       ]),
-      c("div", null, [
-        t.$slots.default || e.label ? g(t.$slots, "default", { key: 0 }, () => [
-          c("label", { for: e.id }, f(e.label), 9, ee)
+      u("div", null, [
+        t.$slots.default || e.label ? m(t.$slots, "default", { key: 0 }, () => [
+          u("label", { for: e.id }, f(e.label), 9, ee)
         ]) : h("", !0)
       ])
     ], 2));
@@ -204,7 +203,7 @@ function te(e, o) {
     "aria-hidden": "true",
     "data-slot": "icon"
   }, [
-    c("path", {
+    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"
@@ -219,7 +218,7 @@ function ae(e, o) {
     "aria-hidden": "true",
     "data-slot": "icon"
   }, [
-    c("path", {
+    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"
@@ -234,7 +233,7 @@ function ne(e, o) {
     "aria-hidden": "true",
     "data-slot": "icon"
   }, [
-    c("path", {
+    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"
@@ -247,7 +246,7 @@ const H = /* @__PURE__ */ Object.assign({
   __name: "FormSelect",
   props: {
     modelValue: {
-      type: [String, Number, Object],
+      type: [String, Number, Object, Boolean],
       default: null
     },
     rootClass: {
@@ -270,43 +269,43 @@ const H = /* @__PURE__ */ Object.assign({
   },
   emits: ["update:modelValue"],
   setup(e, { emit: o }) {
-    const i = e, u = o, s = x({
+    const i = e, c = o, s = B({
       get: () => i.modelValue,
-      set: (m) => u("update:modelValue", m)
-    }), { hasModelBinding: v } = I();
-    return (m, r) => (n(), l("div", {
-      class: p([
+      set: (d) => c("update:modelValue", d)
+    }), { hasModelBinding: g } = I();
+    return (d, r) => (n(), l("div", {
+      class: b([
         "rvc-select",
         `rvc-select-${e.size}`,
         e.rootClass
       ])
     }, [
-      e.prefixIcon ? g(m.$slots, "prefixIcon", {
+      e.prefixIcon ? m(d.$slots, "prefixIcon", {
         key: 0,
         icon: e.prefixIcon
       }, () => [
-        (n(), w(C(e.prefixIcon), { "aria-hidden": "true" }))
+        (n(), w(x(e.prefixIcon), { "aria-hidden": "true" }))
       ]) : h("", !0),
-      g(m.$slots, "select", P(z(m.$attrs)), () => [
-        $(v) ? O((n(), l("select", b({ key: 0 }, m.$attrs, {
+      m(d.$slots, "select", P(z(d.$attrs)), () => [
+        $(g) ? O((n(), l("select", p({ key: 0 }, d.$attrs, {
           "onUpdate:modelValue": r[0] || (r[0] = (t) => s.value = t)
         }), [
-          g(m.$slots, "default")
+          m(d.$slots, "default")
         ], 16)), [
           [E, s.value]
-        ]) : (n(), l("select", P(b({ key: 1 }, m.$attrs)), [
-          g(m.$slots, "default")
+        ]) : (n(), l("select", P(p({ key: 1 }, d.$attrs)), [
+          m(d.$slots, "default")
         ], 16))
       ]),
-      g(m.$slots, "icon", { icon: e.icon }, () => [
-        (n(), w(C(e.icon ?? $(Z)), { "aria-hidden": "true" }))
+      m(d.$slots, "icon", { icon: e.icon }, () => [
+        (n(), w(x(e.icon ?? $(Z)), { "aria-hidden": "true" }))
       ])
     ], 2));
   }
 }), le = {
   key: 0,
   class: "rvc-pagination"
-}, se = ["value"], ie = { class: "rvc-pagination-info" }, oe = { class: "rvc-pagination-nav-list" }, re = ["disabled", "onClick"], ce = { key: 2 }, ue = { key: 3 }, de = {
+}, se = ["value"], ie = { class: "rvc-pagination-info" }, oe = { class: "rvc-pagination-nav-list" }, re = ["disabled", "onClick"], ue = { key: 2 }, ce = { key: 3 }, de = {
   __name: "Pagination",
   props: {
     pagination: {
@@ -332,16 +331,16 @@ const H = /* @__PURE__ */ Object.assign({
   },
   emits: ["pagination:change", "pagination:perPage"],
   setup(e, { emit: o }) {
-    const i = e, u = o, s = D(i.perPage);
-    return (v, m) => {
+    const i = e, c = o, s = D(i.perPage);
+    return (g, d) => {
       var r;
       return (r = e.pagination) != null && r.total ? (n(), l("div", le, [
-        g(v.$slots, "perPage", b(e.pagination, { perPage: s.value }), () => [
-          B(H, {
+        m(g.$slots, "perPage", p(e.pagination, { perPage: s.value }), () => [
+          C(H, {
             modelValue: s.value,
             "onUpdate:modelValue": [
-              m[0] || (m[0] = (t) => s.value = t),
-              m[1] || (m[1] = (t) => u("pagination:perPage", t))
+              d[0] || (d[0] = (t) => s.value = t),
+              d[1] || (d[1] = (t) => c("pagination:perPage", t))
             ],
             size: "sm",
             "root-class": "rvc-pagination-per-page"
@@ -355,39 +354,39 @@ const H = /* @__PURE__ */ Object.assign({
             _: 1
           }, 8, ["modelValue"])
         ]),
-        g(v.$slots, "info", b(e.pagination, { fromLabel: e.fromLabel }), () => [
-          c("div", ie, f(e.pagination.from) + " - " + f(e.pagination.to) + " " + f(e.fromLabel) + " " + f(e.pagination.total), 1)
+        m(g.$slots, "info", p(e.pagination, { fromLabel: e.fromLabel }), () => [
+          u("div", ie, f(e.pagination.from) + " - " + f(e.pagination.to) + " " + f(e.fromLabel) + " " + f(e.pagination.total), 1)
         ]),
-        c("nav", null, [
-          c("ol", oe, [
+        u("nav", null, [
+          u("ol", oe, [
             (n(!0), l(S, null, V(e.pagination.links, (t, a) => (n(), l("li", {
               key: `pagination-link-${t.label}-${a}`,
               class: "rvc-pagination-nav-list-item"
             }, [
-              c("button", {
+              u("button", {
                 type: "button",
                 disabled: t.label === "..." || !t.url,
-                class: p([
+                class: b([
                   "rvc-pagination-button",
                   { "rvc-pagination-button-active": t.active }
                 ]),
-                onClick: (d) => t.url && u("pagination:change", t.url)
+                onClick: (v) => t.url && c("pagination:change", t.url)
               }, [
                 t.url !== "..." && a === 0 ? (n(), w($(ae), {
                   key: 0,
                   "aria-hidden": "true",
-                  class: p([
+                  class: b([
                     "rvc-pagination-button-icon",
                     { "rvc-pagination-button-icon-disabled": !t.url }
                   ])
                 }, null, 8, ["class"])) : t.label !== "..." && a === e.pagination.links.length - 1 ? (n(), w($(ne), {
                   key: 1,
                   "aria-hidden": "true",
-                  class: p([
+                  class: b([
                     "rvc-pagination-button-icon",
                     { "rvc-pagination-button-icon-disabled": !t.url }
                   ])
-                }, null, 8, ["class"])) : t.label === "..." ? (n(), l("span", ce, " ... ")) : (n(), l("span", ue, f(t.label), 1))
+                }, null, 8, ["class"])) : t.label === "..." ? (n(), l("span", ue, " ... ")) : (n(), l("span", ce, f(t.label), 1))
               ], 10, re)
             ]))), 128))
           ])
@@ -395,15 +394,15 @@ const H = /* @__PURE__ */ Object.assign({
       ])) : h("", !0);
     };
   }
-}, ve = { key: 0 }, ge = ["aria-label", "onClick"], me = ["innerHTML"], fe = { key: 1 }, pe = ["colspan"], be = { key: 2 }, ye = ["colspan"], $e = { class: "rvc-table-spinner-wrapper" }, je = {
+}, ve = { key: 0 }, ge = ["aria-label", "onClick"], me = ["innerHTML"], fe = { key: 1 }, be = ["colspan"], pe = { key: 2 }, ye = ["colspan"], $e = { class: "rvc-table-spinner-wrapper" }, je = {
   __name: "DataTable",
   props: {
     headers: {
       type: Array,
       default: () => [],
       validator: (e) => e.every((i) => {
-        const u = !i.align || ["left", "center", "right"].includes(i.align), v = !(i.sortable === !0) || typeof i.key == "string" && i.key.length > 0;
-        return v || console.warn("[DataTable] Header item with sortable=true is missing required 'key' property:", i), !u && i.align && console.warn("[DataTable] Header item has invalid 'align' value. Must be 'left', 'center' or 'right':", i), u && v;
+        const c = !i.align || ["left", "center", "right"].includes(i.align), g = !(i.sortable === !0) || typeof i.key == "string" && i.key.length > 0;
+        return g || console.warn("[DataTable] Header item with sortable=true is missing required 'key' property:", i), !c && i.align && console.warn("[DataTable] Header item has invalid 'align' value. Must be 'left', 'center' or 'right':", i), c && g;
       })
     },
     items: {
@@ -435,32 +434,32 @@ const H = /* @__PURE__ */ Object.assign({
   },
   emits: ["table:sortBy", "pagination:change", "pagination:perPage"],
   setup(e, { emit: o }) {
-    const i = e, u = o, s = D(null), v = (r) => i.headers.find((t) => t.key === r), m = (r) => {
+    const i = e, c = o, s = D(null), g = (r) => i.headers.find((t) => t.key === r), d = (r) => {
       !s.value || s.value.key !== r.key ? s.value = {
         key: r.key,
         direction: "asc"
       } : s.value.direction === "asc" ? s.value = {
         key: r.key,
         direction: "desc"
-      } : s.value = null, u("table:sortBy", s.value);
+      } : s.value = null, c("table:sortBy", s.value);
     };
     return (r, t) => (n(), l("div", null, [
-      c("div", {
-        class: p(["rvc-table-wrapper", e.wrapperClass])
+      u("div", {
+        class: b(["rvc-table-wrapper", e.wrapperClass])
       }, [
-        c("table", {
-          class: p([{ "rvc-table-striped": e.striped }, "rvc-table"])
+        u("table", {
+          class: b([{ "rvc-table-striped": e.striped }, "rvc-table"])
         }, [
           e.headers.length ? (n(), l("thead", ve, [
-            g(r.$slots, "headers", { headers: e.headers }, () => [
-              c("tr", null, [
-                (n(!0), l(S, null, V(e.headers, (a, d) => g(r.$slots, "header", {
+            m(r.$slots, "headers", { headers: e.headers }, () => [
+              u("tr", null, [
+                (n(!0), l(S, null, V(e.headers, (a, v) => m(r.$slots, "header", {
                   header: a,
-                  index: d
+                  index: v
                 }, () => {
                   var y, k;
                   return [
-                    (n(), l("th", b({ ref_for: !0 }, a, {
+                    (n(), l("th", p({ ref_for: !0 }, a, {
                       key: `rvc-table-header-${a.id}`,
                       class: {
                         "rvc-table-text-left": a.align === "left" || !a.align,
@@ -472,23 +471,23 @@ const H = /* @__PURE__ */ Object.assign({
                         key: 0,
                         type: "button",
                         "aria-label": `Sort on ${a.label}`,
-                        class: p([
+                        class: b([
                           "rvc-table-sort-button",
                           {
                             "rvc-table-sort-button-center": a.align === "center",
                             "rvc-table-sort-button-right": a.align === "right"
                           }
                         ]),
-                        onClick: (T) => m(a)
+                        onClick: (T) => d(a)
                       }, [
-                        g(r.$slots, "header-label", {
+                        m(r.$slots, "header-label", {
                           sortBy: s.value,
                           header: a
                         }, () => [
                           A(f(a.label), 1)
                         ]),
-                        B($(te), {
-                          class: p([
+                        C($(te), {
+                          class: b([
                             "rvc-table-sort-icon",
                             {
                               "rvc-table-sort-icon-visible": ((y = s.value) == null ? void 0 : y.key) === a.key,
@@ -497,7 +496,7 @@ const H = /* @__PURE__ */ Object.assign({
                             }
                           ])
                         }, null, 8, ["class"])
-                      ], 10, ge)) : g(r.$slots, "header-label", {
+                      ], 10, ge)) : m(r.$slots, "header-label", {
                         key: 1,
                         sortBy: s.value,
                         header: a
@@ -510,28 +509,28 @@ const H = /* @__PURE__ */ Object.assign({
               ])
             ])
           ])) : h("", !0),
-          c("tbody", null, [
-            e.items.length && !e.spinning ? (n(!0), l(S, { key: 0 }, V(e.items, (a, d) => g(r.$slots, "items", {
+          u("tbody", null, [
+            e.items.length && !e.spinning ? (n(!0), l(S, { key: 0 }, V(e.items, (a, v) => m(r.$slots, "items", {
               item: a,
-              index: d
+              index: v
             }, () => [
               (n(), l("tr", {
-                key: `rvc-table-row-${d}-${a.id}`
+                key: `rvc-table-row-${v}-${a.id}`
               }, [
-                g(r.$slots, "item", {
+                m(r.$slots, "item", {
                   item: a,
-                  index: d
+                  index: v
                 }, () => [
                   (n(!0), l(S, null, V(a, (y, k) => {
                     var T, L, j, F;
-                    return n(), l("td", b({
-                      key: `rvc-table-row-${d}-column-${k}-${a.id}`,
+                    return n(), l("td", p({
+                      key: `rvc-table-row-${v}-column-${k}-${a.id}`,
                       ref_for: !0
                     }, a.attrs, {
                       class: {
-                        "rvc-table-text-left": ((T = v(k)) == null ? void 0 : T.align) === "left" || !((L = v(k)) != null && L.align),
-                        "rvc-table-text-center": ((j = v(k)) == null ? void 0 : j.align) === "center",
-                        "rvc-table-text-right": ((F = v(k)) == null ? void 0 : F.align) === "right"
+                        "rvc-table-text-left": ((T = g(k)) == null ? void 0 : T.align) === "left" || !((L = g(k)) != null && L.align),
+                        "rvc-table-text-center": ((j = g(k)) == null ? void 0 : j.align) === "center",
+                        "rvc-table-text-right": ((F = g(k)) == null ? void 0 : F.align) === "right"
                       },
                       innerHTML: y
                     }), null, 16, me);
@@ -539,22 +538,22 @@ const H = /* @__PURE__ */ Object.assign({
                 ])
               ]))
             ])), 256)) : !e.items.length && !e.spinning ? (n(), l("tr", fe, [
-              c("td", {
+              u("td", {
                 colspan: e.headers.length,
                 class: "rvc-table-state"
               }, [
-                c("p", null, f(e.noResultsText), 1)
-              ], 8, pe)
-            ])) : (n(), l("tr", be, [
-              c("td", {
+                u("p", null, f(e.noResultsText), 1)
+              ], 8, be)
+            ])) : (n(), l("tr", pe, [
+              u("td", {
                 colspan: e.headers.length,
                 class: "rvc-table-state"
               }, [
-                g(r.$slots, "spinner", {
+                m(r.$slots, "spinner", {
                   spinning: e.spinning,
                   label: e.loadingText
                 }, () => [
-                  c("div", $e, [
+                  u("div", $e, [
                     e.spinning ? (n(), w($(K), {
                       key: 0,
                       "aria-hidden": "true",
@@ -568,11 +567,11 @@ const H = /* @__PURE__ */ Object.assign({
           ])
         ], 2)
       ], 2),
-      e.pagination ? g(r.$slots, "pagination", P(b({ key: 0 }, e.pagination)), () => [
-        B(de, {
+      e.pagination ? m(r.$slots, "pagination", P(p({ key: 0 }, e.pagination)), () => [
+        C(de, {
           pagination: e.pagination,
-          "onPagination:change": t[0] || (t[0] = (a) => u("pagination:change", a)),
-          "onPagination:perPage": t[1] || (t[1] = (a) => u("pagination:perPage", a))
+          "onPagination:change": t[0] || (t[0] = (a) => c("pagination:change", a)),
+          "onPagination:perPage": t[1] || (t[1] = (a) => c("pagination:perPage", a))
         }, null, 8, ["pagination"])
       ]) : h("", !0)
     ]));
@@ -599,14 +598,14 @@ const H = /* @__PURE__ */ Object.assign({
   },
   setup(e) {
     return (o, i) => (n(), l("div", {
-      class: p(["rvc-empty-state", { "rvc-empty-state-bg": e.background }])
+      class: b(["rvc-empty-state", { "rvc-empty-state-bg": e.background }])
     }, [
-      e.icon ? (n(), w(C(e.icon), {
+      e.icon ? (n(), w(x(e.icon), {
         key: 0,
         class: "rvc-empty-state-icon"
       })) : h("", !0),
       e.title ? (n(), l("p", he, f(e.title), 1)) : h("", !0),
-      g(o.$slots, "default")
+      m(o.$slots, "default")
     ], 2));
   }
 }, Ne = {
@@ -624,22 +623,22 @@ const H = /* @__PURE__ */ Object.assign({
   },
   emits: ["update:modelValue"],
   setup(e, { emit: o }) {
-    const i = e, u = o, { hasModelBinding: s } = I(), v = x({
+    const i = e, c = o, { hasModelBinding: s } = I(), g = B({
       get: () => i.modelValue,
-      set: (r) => u("update:modelValue", r)
-    }), m = x(() => [
+      set: (r) => c("update:modelValue", r)
+    }), d = B(() => [
       "rvc-textarea",
       `rvc-textarea-${i.size}`
     ]);
     return (r, t) => $(s) ? O((n(), l("textarea", {
       key: 0,
-      "onUpdate:modelValue": t[0] || (t[0] = (a) => v.value = a),
-      class: p(m.value)
+      "onUpdate:modelValue": t[0] || (t[0] = (a) => g.value = a),
+      class: b(d.value)
     }, null, 2)), [
-      [R, v.value]
+      [R, g.value]
     ]) : (n(), l("textarea", {
       key: 1,
-      class: p(m.value)
+      class: b(d.value)
     }, null, 2));
   }
 }, ke = { class: "rvc-radio" }, Se = ["id"], we = { key: 2 }, Ve = ["for"], qe = /* @__PURE__ */ Object.assign({
@@ -662,26 +661,25 @@ const H = /* @__PURE__ */ Object.assign({
   },
   emits: ["update:modelValue"],
   setup(e, { emit: o }) {
-    const i = e, u = o, s = x({
+    const i = e, c = o, s = B({
       get: () => i.modelValue,
-      set: (t) => u("update:modelValue", t)
-    }), { hasModelBinding: v } = I(), r = {
-      ...N(),
+      set: (t) => c("update:modelValue", t)
+    }), { hasModelBinding: g } = I(), d = N(), r = B(() => ({
+      ...d,
       id: i.id,
-      type: "radio",
-      class: "absolute opacity-0 inset-0 cursor-pointer peer/radio"
-    };
+      type: "radio"
+    }));
     return (t, a) => (n(), l("div", ke, [
-      $(v) ? O((n(), l("input", b({ key: 0 }, r, {
+      $(g) ? O((n(), l("input", p({ key: 0 }, r.value, {
         id: e.id,
-        "onUpdate:modelValue": a[0] || (a[0] = (d) => s.value = d)
+        "onUpdate:modelValue": a[0] || (a[0] = (v) => s.value = v)
       }), null, 16, Se)), [
         [q, s.value]
-      ]) : (n(), l("input", P(b({ key: 1 }, r)), null, 16)),
-      a[1] || (a[1] = c("span", { class: "rvc-radio-input" }, null, -1)),
+      ]) : (n(), l("input", P(p({ key: 1 }, r.value)), null, 16)),
+      a[1] || (a[1] = u("span", { class: "rvc-radio-input" }, null, -1)),
       t.$slots.default || e.label ? (n(), l("span", we, [
-        g(t.$slots, "default", {}, () => [
-          c("label", { for: e.id }, f(e.label), 9, Ve)
+        m(t.$slots, "default", {}, () => [
+          u("label", { for: e.id }, f(e.label), 9, Ve)
         ])
       ])) : h("", !0)
     ]));
@@ -708,24 +706,24 @@ const H = /* @__PURE__ */ Object.assign({
   },
   emits: ["update:modelValue", "tabs:change"],
   setup(e, { emit: o }) {
-    const i = e, u = o, s = () => {
+    const i = e, c = o, s = () => {
       const t = i.tabs.findIndex((a) => a.active);
       return t >= 0 ? t : 0;
-    }, v = x({
+    }, g = B({
       get: () => i.modelValue ?? s(),
       set: (t) => {
         const a = i.tabs[t];
-        u("update:modelValue", t), u("tabs:change", a);
+        c("update:modelValue", t), c("tabs:change", a);
       }
-    }), m = (t) => {
+    }), d = (t) => {
       const a = +t.target.value;
-      v.value = a;
-      const d = i.tabs[a];
-      d != null && d.selectEvent && d.selectEvent();
+      g.value = a;
+      const v = i.tabs[a];
+      v != null && v.selectEvent && v.selectEvent();
     }, r = (t) => {
       const {
         active: a,
-        as: d,
+        as: v,
         bindAs: y,
         selectEvent: k,
         name: T,
@@ -734,34 +732,34 @@ const H = /* @__PURE__ */ Object.assign({
       return L;
     };
     return (t, a) => (n(), l(S, null, [
-      c("div", b(t.$attrs, {
+      u("div", p(t.$attrs, {
         class: ["rvc-tabs", { "rvc-tabs-buttons": e.tabStyle === "buttons" }]
       }), [
-        c("nav", Be, [
-          (n(!0), l(S, null, V(e.tabs, (d, y) => (n(), w(C(d.as ? d.as : "button"), b({ ref_for: !0 }, r(d), {
+        u("nav", Be, [
+          (n(!0), l(S, null, V(e.tabs, (v, y) => (n(), w(x(v.as ? v.as : "button"), p({ ref_for: !0 }, r(v), {
             key: `${y}-tab-item`,
-            as: d.bindAs ? d.bindAs : void 0,
-            class: ["rvc-tab", { "rvc-tab-active": v.value === y }],
-            onClick: (k) => v.value = y
+            as: v.bindAs ? v.bindAs : void 0,
+            class: ["rvc-tab", { "rvc-tab-active": g.value === y }],
+            onClick: (k) => g.value = y
           }), {
             default: M(() => [
-              A(f(d.name), 1)
+              A(f(v.name), 1)
             ]),
             _: 2
           }, 1040, ["as", "class", "onClick"]))), 128))
         ])
       ], 16),
-      B(H, b(t.$attrs, {
+      C(H, p(t.$attrs, {
         "root-class": "rvc-tabs-select",
-        value: v.value,
-        onChange: m
+        value: g.value,
+        onChange: d
       }), {
         default: M(() => [
-          (n(!0), l(S, null, V(e.tabs, (d, y) => (n(), l("option", {
+          (n(!0), l(S, null, V(e.tabs, (v, y) => (n(), l("option", {
             key: `${y}-tab-item-select-option`,
             value: y,
-            selected: v.value === y
-          }, f(d.name), 9, Ce))), 128))
+            selected: g.value === y
+          }, f(v.name), 9, Ce))), 128))
         ]),
         _: 1
       }, 16, ["value"])