npm - @robuust-digital/vue-components - Versions diffs - 2.0.0-rc.9 → 2.0.0 - Mend

@robuust-digital/vue-components 2.0.0-rc.9 → 2.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (10) hide show

package/CHANGELOG.md +10 -1
package/dist/_shared/FormInput-C5LjZViC.js +85 -0
package/dist/_shared/{Modal-DdpJnce6.js → Modal-dqDGKVw5.js} +2 -1
package/dist/core/index.js +293 -276
package/dist/dialogs/index.js +4 -3
package/dist/dropdown/index.js +1 -4
package/dist/lightswitch/index.js +5 -4
package/dist/rich-text-editor/index.js +2 -2
package/package.json +1 -1
package/dist/_shared/FormInput-abFMz_J4.js +0 -82

package/CHANGELOG.md CHANGED Viewed

@@ -1,4 +1,10 @@
-## 2.0.0-rc.9 (15-05-2025)
+## 2.0.0 (13-06-2025)
+### Added
+* Added native input refs
+## 2.0.0-rc.11 (26-05-2025)
 ### Added
@@ -15,6 +21,9 @@
 * `Toast`: `open` prop is now `show`
 * `DataTable`: `items` slot is renamed to `item` and added a parent `items` slot to customize the whole row
 * `DataTable`: `headers` slot is renamed to `header` and added a parent `headers` slot to customize the whole row
+* `Accordion`: `defaultOpenIndex` param can now accept `Number` and `String` as type
+* `Accordion`: `active` prop is removed from the `summary` slot, as it's not needed
+* `Accordion`: `items` prop can now also accept an `Object` as type
 ### Updated

package/dist/_shared/FormInput-C5LjZViC.js ADDED Viewed

@@ -0,0 +1,85 @@
+import { computed as v, getCurrentInstance as $, useSlots as I, ref as b, createElementBlock as i, openBlock as o, normalizeClass as V, createCommentVNode as l, renderSlot as s, unref as a, createBlock as m, resolveDynamicComponent as f, normalizeProps as B, guardReactiveProps as C, withDirectives as x, mergeProps as y, vModelDynamic as O } from "vue";
+const S = () => ({ hasModelBinding: v(() => {
+  var r;
+  const n = $();
+  return ((r = n == null ? void 0 : n.vnode) == null ? void 0 : r.props) && Object.prototype.hasOwnProperty.call(n.vnode.props, "onUpdate:modelValue");
+}) }), j = {
+  key: 0,
+  class: "rvc-input-prefix"
+}, z = ["type"], F = ["type"], P = /* @__PURE__ */ Object.assign({
+  inheritAttrs: !1
+}, {
+  __name: "FormInput",
+  props: {
+    modelValue: {
+      type: [String, Number],
+      default: void 0
+    },
+    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)
+    }
+  },
+  emits: ["update:modelValue"],
+  setup(e, { emit: n }) {
+    const r = e, g = n, { hasModelBinding: h } = S(), u = I(), c = b(null), d = v({
+      get: () => r.modelValue,
+      set: (t) => g("update:modelValue", t)
+    });
+    return (t, p) => (o(), i("div", {
+      class: V([
+        "rvc-input",
+        `rvc-input-${e.size}`,
+        e.rootClass
+      ])
+    }, [
+      a(u).prefix || a(u).prefixIcon || e.prefixIcon ? (o(), i("span", j, [
+        s(t.$slots, "prefix", {}, () => [
+          s(t.$slots, "prefixIcon", { icon: e.prefixIcon }, () => [
+            e.prefixIcon ? (o(), m(f(e.prefixIcon), {
+              key: 0,
+              "aria-hidden": "true"
+            })) : l("", !0)
+          ])
+        ])
+      ])) : l("", !0),
+      s(t.$slots, "input", B(C(t.$attrs)), () => [
+        a(h) ? x((o(), i("input", y({ key: 0 }, t.$attrs, {
+          ref_key: "input",
+          ref: c,
+          "onUpdate:modelValue": p[0] || (p[0] = (k) => d.value = k),
+          type: t.$attrs.type || "text"
+        }), null, 16, z)), [
+          [O, d.value]
+        ]) : (o(), i("input", y({ key: 1 }, t.$attrs, {
+          ref_key: "input",
+          ref: c,
+          type: t.$attrs.type || "text"
+        }), null, 16, F))
+      ]),
+      s(t.$slots, "icon", { icon: e.icon }, () => [
+        e.icon ? (o(), m(f(e.icon), {
+          key: 0,
+          "aria-hidden": "true"
+        })) : l("", !0)
+      ])
+    ], 2));
+  }
+});
+export {
+  P as _,
+  S as u
+};

package/dist/_shared/{Modal-DdpJnce6.js → Modal-dqDGKVw5.js} RENAMED Viewed

@@ -94,7 +94,8 @@ const h = {
                   class: "rvc-modal-backdrop"
                 }, null, -1)
               ])),
-              _: 1
+              _: 1,
+              __: [9]
             }),
             a("div", h, [
               a("div", A, [

package/dist/core/index.js CHANGED Viewed

@@ -1,35 +1,35 @@
-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 O, createCommentVNode as h, computed as B, useAttrs as N, withDirectives as M, mergeProps as p, 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 a, createElementVNode as c, Fragment as S, renderList as V, renderSlot as g, createTextVNode as P, toDisplayString as m, createVNode as x, unref as $, normalizeClass as y, createBlock as w, resolveDynamicComponent as C, withCtx as O, createCommentVNode as h, computed as B, useAttrs as N, ref as A, withDirectives as M, mergeProps as b, 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 Ee } from "../_shared/ChevronDownIcon-z-5U4fIb.js";
 import { _ as Ue } from "../_shared/ButtonBase-DfkwHIhN.js";
-import { u as I } from "../_shared/FormInput-abFMz_J4.js";
-import { _ as Ke } from "../_shared/FormInput-abFMz_J4.js";
+import { u as j } from "../_shared/FormInput-C5LjZViC.js";
+import { _ as Ke } from "../_shared/FormInput-C5LjZViC.js";
 import { S as K } from "../_shared/icon-spinner-CmxIOqaK.js";
-function G(e, o) {
-  return n(), l("svg", {
+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"
   }, [
-    u("path", {
+    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 J(e, o) {
-  return n(), l("svg", {
+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"
   }, [
-    u("path", {
+    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"
@@ -40,7 +40,7 @@ const Q = { class: "rvc-accordion" }, W = ["open", "name"], X = ["innerHTML"], O
   __name: "Accordion",
   props: {
     items: {
-      type: Array,
+      type: [Array, Object],
       required: !0,
       default: () => []
     },
@@ -49,7 +49,7 @@ const Q = { class: "rvc-accordion" }, W = ["open", "name"], X = ["innerHTML"], O
       default: void 0
     },
     defaultOpenIndex: {
-      type: Number,
+      type: [Number, String],
       default: 0
     },
     contentClass: {
@@ -58,30 +58,29 @@ const Q = { class: "rvc-accordion" }, W = ["open", "name"], X = ["innerHTML"], O
     }
   },
   setup(e) {
-    return (o, i) => (n(), l("div", Q, [
-      (n(!0), l(S, null, V(e.items, (c, s) => (n(), l("details", {
-        key: s,
-        open: e.defaultOpenIndex === s,
+    return (u, r) => (a(), l("div", Q, [
+      (a(!0), l(S, null, V(e.items, (d, i) => (a(), l("details", {
+        key: i,
+        open: e.defaultOpenIndex === i,
         name: e.name
       }, [
-        u("summary", null, [
-          m(o.$slots, "summary", {
-            item: c,
-            index: s,
-            active: e.defaultOpenIndex === s
+        c("summary", null, [
+          g(u.$slots, "summary", {
+            item: d,
+            index: i
           }, () => [
-            A(f(c.title) + " ", 1),
-            m(o.$slots, "icon", { classList: "rvc-accordion-icon" }, () => [
-              C($(J), { class: "rvc-accordion-icon" })
+            P(m(d.title) + " ", 1),
+            g(u.$slots, "icon", { classList: "rvc-accordion-icon" }, () => [
+              x($(J), { class: "rvc-accordion-icon" })
             ])
           ])
         ]),
-        u("div", {
-          class: b(["rvc-accordion-content", e.contentClass])
+        c("div", {
+          class: y(["rvc-accordion-content", e.contentClass])
         }, [
-          m(o.$slots, "content", { item: c }, () => [
-            u("div", {
-              innerHTML: c.content
+          g(u.$slots, "content", { item: d }, () => [
+            c("div", {
+              innerHTML: d.content
             }, null, 8, X)
           ])
         ], 2)
@@ -115,37 +114,37 @@ const Q = { class: "rvc-accordion" }, W = ["open", "name"], X = ["innerHTML"], O
   },
   emits: ["alert:close"],
   setup(e) {
-    return (o, i) => (n(), w(x(e.as), {
-      class: b(["rvc-alert", `rvc-alert-${e.type}`])
+    return (u, r) => (a(), w(C(e.as), {
+      class: y(["rvc-alert", `rvc-alert-${e.type}`])
     }, {
       default: O(() => [
-        m(o.$slots, "icon", {}, () => [
-          e.icon ? (n(), w(x(e.icon), {
+        g(u.$slots, "icon", {}, () => [
+          e.icon ? (a(), w(C(e.icon), {
             key: 0,
             class: "rvc-alert-icon"
           })) : h("", !0)
         ]),
-        u("div", null, [
-          m(o.$slots, "title", {}, () => [
-            u("span", Y, f(e.title), 1)
+        c("div", null, [
+          g(u.$slots, "title", {}, () => [
+            c("span", Y, m(e.title), 1)
           ]),
-          m(o.$slots, "default")
+          g(u.$slots, "default")
         ]),
-        m(o.$slots, "close", {}, () => [
-          e.close ? (n(), l("button", {
+        g(u.$slots, "close", {}, () => [
+          e.close ? (a(), l("button", {
             key: 0,
             type: "button",
             class: "rvc-alert-close",
-            onClick: i[0] || (i[0] = (c) => o.$emit("alert:close"))
+            onClick: r[0] || (r[0] = (d) => u.$emit("alert:close"))
           }, [
-            C($(U))
+            x($(U))
           ])) : h("", !0)
         ])
       ]),
       _: 3
     }, 8, ["class"]));
   }
-}, _ = { class: "rvc-checkbox-input" }, ee = ["for"], Ie = /* @__PURE__ */ Object.assign({
+}, _ = { class: "rvc-checkbox-input" }, ee = ["for"], je = /* @__PURE__ */ Object.assign({
   inheritAttrs: !1
 }, {
   __name: "Checkbox",
@@ -168,73 +167,78 @@ const Q = { class: "rvc-accordion" }, W = ["open", "name"], X = ["innerHTML"], O
     }
   },
   emits: ["update:modelValue"],
-  setup(e, { emit: o }) {
-    const i = e, c = o, s = B({
-      get: () => i.modelValue,
-      set: (t) => c("update:modelValue", t)
-    }), { hasModelBinding: g } = I(), d = N(), r = B(() => ({
-      ...d,
-      id: i.id,
+  setup(e, { emit: u }) {
+    const r = e, d = u, i = B({
+      get: () => r.modelValue,
+      set: (t) => d("update:modelValue", t)
+    }), { hasModelBinding: v } = j(), f = N(), s = B(() => ({
+      ...f,
+      id: r.id,
       type: "checkbox"
-    }));
-    return (t, a) => (n(), l("div", {
-      class: b(["rvc-checkbox", e.rootClass])
+    })), n = A(null);
+    return (t, o) => (a(), l("div", {
+      class: y(["rvc-checkbox", e.rootClass])
     }, [
-      $(g) ? M((n(), l("input", p({ key: 0 }, r.value, {
-        "onUpdate:modelValue": a[0] || (a[0] = (v) => s.value = v)
+      $(v) ? M((a(), l("input", b({ key: 0 }, s.value, {
+        ref_key: "input",
+        ref: n,
+        "onUpdate:modelValue": o[0] || (o[0] = (p) => i.value = p)
       }), null, 16)), [
-        [q, s.value]
-      ]) : (n(), l("input", P(p({ key: 1 }, r.value)), null, 16)),
-      u("span", _, [
-        C($(G))
+        [q, i.value]
+      ]) : (a(), l("input", b({ key: 1 }, s.value, {
+        ref_key: "input",
+        ref: n
+      }), null, 16)),
+      c("span", _, [
+        x($(G))
       ]),
-      u("div", null, [
-        t.$slots.default || e.label ? m(t.$slots, "default", { key: 0 }, () => [
-          u("label", { for: e.id }, f(e.label), 9, ee)
+      c("div", null, [
+        t.$slots.default || e.label ? g(t.$slots, "default", { key: 0 }, () => [
+          c("label", { for: e.id }, m(e.label), 9, ee)
         ]) : h("", !0)
       ])
     ], 2));
   }
 });
-function te(e, o) {
-  return n(), l("svg", {
+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"
   }, [
-    u("path", {
+    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 ae(e, o) {
-  return n(), l("svg", {
+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"
   }, [
-    u("path", {
+    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 ne(e, o) {
-  return n(), l("svg", {
+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"
   }, [
-    u("path", {
+    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"
@@ -269,44 +273,49 @@ const H = /* @__PURE__ */ Object.assign({
     }
   },
   emits: ["update:modelValue"],
-  setup(e, { emit: o }) {
-    const i = e, c = o, s = B({
-      get: () => i.modelValue,
-      set: (d) => c("update:modelValue", d)
-    }), { hasModelBinding: g } = I();
-    return (d, r) => (n(), l("div", {
-      class: b([
+  setup(e, { emit: u }) {
+    const r = e, d = u, i = B({
+      get: () => r.modelValue,
+      set: (s) => d("update:modelValue", s)
+    }), { hasModelBinding: v } = j(), f = A(null);
+    return (s, n) => (a(), l("div", {
+      class: y([
         "rvc-select",
         `rvc-select-${e.size}`,
         e.rootClass
       ])
     }, [
-      e.prefixIcon ? m(d.$slots, "prefixIcon", {
+      e.prefixIcon ? g(s.$slots, "prefixIcon", {
         key: 0,
         icon: e.prefixIcon
       }, () => [
-        (n(), w(x(e.prefixIcon), { "aria-hidden": "true" }))
+        (a(), w(C(e.prefixIcon), { "aria-hidden": "true" }))
       ]) : h("", !0),
-      m(d.$slots, "select", P(z(d.$attrs)), () => [
-        $(g) ? M((n(), l("select", p({ key: 0 }, d.$attrs, {
-          "onUpdate:modelValue": r[0] || (r[0] = (t) => s.value = t)
+      g(s.$slots, "select", D(z(s.$attrs)), () => [
+        $(v) ? M((a(), l("select", b({ key: 0 }, s.$attrs, {
+          ref_key: "select",
+          ref: f,
+          "onUpdate:modelValue": n[0] || (n[0] = (t) => i.value = t)
         }), [
-          m(d.$slots, "default")
+          g(s.$slots, "default")
         ], 16)), [
-          [E, s.value]
-        ]) : (n(), l("select", P(p({ key: 1 }, d.$attrs)), [
-          m(d.$slots, "default")
+          [E, i.value]
+        ]) : (a(), l("select", b({ key: 1 }, s.$attrs, {
+          ref_key: "select",
+          ref: f
+        }), [
+          g(s.$slots, "default")
         ], 16))
       ]),
-      m(d.$slots, "icon", { icon: e.icon }, () => [
-        (n(), w(x(e.icon ?? $(Z)), { "aria-hidden": "true" }))
+      g(s.$slots, "icon", { icon: e.icon }, () => [
+        (a(), w(C(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"], ue = { key: 2 }, ce = { key: 3 }, de = {
+}, se = ["value"], ie = { class: "rvc-pagination-info" }, re = { class: "rvc-pagination-nav-list" }, oe = ["disabled", "onClick"], ue = { key: 2 }, ce = { key: 3 }, de = {
   __name: "Pagination",
   props: {
     pagination: {
@@ -331,79 +340,79 @@ const H = /* @__PURE__ */ Object.assign({
     }
   },
   emits: ["pagination:change", "pagination:perPage"],
-  setup(e, { emit: o }) {
-    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, [
-        m(g.$slots, "perPage", p(e.pagination, { perPage: s.value }), () => [
-          C(H, {
-            modelValue: s.value,
+  setup(e, { emit: u }) {
+    const r = e, d = u, i = A(r.perPage);
+    return (v, f) => {
+      var s;
+      return (s = e.pagination) != null && s.total ? (a(), l("div", le, [
+        g(v.$slots, "perPage", b(e.pagination, { perPage: i.value }), () => [
+          x(H, {
+            modelValue: i.value,
             "onUpdate:modelValue": [
-              d[0] || (d[0] = (t) => s.value = t),
-              d[1] || (d[1] = (t) => c("pagination:perPage", t))
+              f[0] || (f[0] = (n) => i.value = n),
+              f[1] || (f[1] = (n) => d("pagination:perPage", n))
             ],
             size: "sm",
             "root-class": "rvc-pagination-per-page"
           }, {
             default: O(() => [
-              (n(!0), l(S, null, V(e.perPageOptions, (t) => (n(), l("option", {
-                key: `pagination-items-per-page-option-${t}`,
-                value: t
-              }, f(t) + " " + f(e.perPageLabel), 9, se))), 128))
+              (a(!0), l(S, null, V(e.perPageOptions, (n) => (a(), l("option", {
+                key: `pagination-items-per-page-option-${n}`,
+                value: n
+              }, m(n) + " " + m(e.perPageLabel), 9, se))), 128))
             ]),
             _: 1
           }, 8, ["modelValue"])
         ]),
-        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)
+        g(v.$slots, "info", b(e.pagination, { fromLabel: e.fromLabel }), () => [
+          c("div", ie, m(e.pagination.from) + " - " + m(e.pagination.to) + " " + m(e.fromLabel) + " " + m(e.pagination.total), 1)
         ]),
-        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}`,
+        c("nav", null, [
+          c("ol", re, [
+            (a(!0), l(S, null, V(e.pagination.links, (n, t) => (a(), l("li", {
+              key: `pagination-link-${n.label}-${t}`,
               class: "rvc-pagination-nav-list-item"
             }, [
-              u("button", {
+              c("button", {
                 type: "button",
-                disabled: t.label === "..." || !t.url,
-                class: b([
+                disabled: n.label === "..." || !n.url,
+                class: y([
                   "rvc-pagination-button",
-                  { "rvc-pagination-button-active": t.active }
+                  { "rvc-pagination-button-active": n.active }
                 ]),
-                onClick: (v) => t.url && c("pagination:change", t.url)
+                onClick: (o) => n.url && d("pagination:change", n.url)
               }, [
-                t.url !== "..." && a === 0 ? (n(), w($(ae), {
+                n.url !== "..." && t === 0 ? (a(), w($(ae), {
                   key: 0,
                   "aria-hidden": "true",
-                  class: b([
+                  class: y([
                     "rvc-pagination-button-icon",
-                    { "rvc-pagination-button-icon-disabled": !t.url }
+                    { "rvc-pagination-button-icon-disabled": !n.url }
                   ])
-                }, null, 8, ["class"])) : t.label !== "..." && a === e.pagination.links.length - 1 ? (n(), w($(ne), {
+                }, null, 8, ["class"])) : n.label !== "..." && t === e.pagination.links.length - 1 ? (a(), w($(ne), {
                   key: 1,
                   "aria-hidden": "true",
-                  class: b([
+                  class: y([
                     "rvc-pagination-button-icon",
-                    { "rvc-pagination-button-icon-disabled": !t.url }
+                    { "rvc-pagination-button-icon-disabled": !n.url }
                   ])
-                }, null, 8, ["class"])) : t.label === "..." ? (n(), l("span", ue, " ... ")) : (n(), l("span", ce, f(t.label), 1))
-              ], 10, re)
+                }, null, 8, ["class"])) : n.label === "..." ? (a(), l("span", ue, " ... ")) : (a(), l("span", ce, m(n.label), 1))
+              ], 10, oe)
             ]))), 128))
           ])
         ])
       ])) : h("", !0);
     };
   }
-}, 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 = {
+}, ve = { key: 0 }, ge = ["aria-label", "onClick"], fe = ["innerHTML"], me = { key: 1 }, pe = ["colspan"], ye = { key: 2 }, be = ["colspan"], $e = { class: "rvc-table-spinner-wrapper" }, Ie = {
   __name: "DataTable",
   props: {
     headers: {
       type: Array,
       default: () => [],
-      validator: (e) => e.every((i) => {
-        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;
+      validator: (e) => e.every((r) => {
+        const d = !r.align || ["left", "center", "right"].includes(r.align), v = !(r.sortable === !0) || typeof r.key == "string" && r.key.length > 0;
+        return v || console.warn("[DataTable] Header item with sortable=true is missing required 'key' property:", r), !d && r.align && console.warn("[DataTable] Header item has invalid 'align' value. Must be 'left', 'center' or 'right':", r), d && v;
       })
     },
     items: {
@@ -434,75 +443,75 @@ const H = /* @__PURE__ */ Object.assign({
     }
   },
   emits: ["table:sortBy", "pagination:change", "pagination:perPage"],
-  setup(e, { emit: o }) {
-    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,
+  setup(e, { emit: u }) {
+    const r = e, d = u, i = A(null), v = (s) => r.headers.find((n) => n.key === s), f = (s) => {
+      !i.value || i.value.key !== s.key ? i.value = {
+        key: s.key,
         direction: "asc"
-      } : s.value.direction === "asc" ? s.value = {
-        key: r.key,
+      } : i.value.direction === "asc" ? i.value = {
+        key: s.key,
         direction: "desc"
-      } : s.value = null, c("table:sortBy", s.value);
+      } : i.value = null, d("table:sortBy", i.value);
     };
-    return (r, t) => (n(), l("div", null, [
-      u("div", {
-        class: b(["rvc-table-wrapper", e.wrapperClass])
+    return (s, n) => (a(), l("div", null, [
+      c("div", {
+        class: y(["rvc-table-wrapper", e.wrapperClass])
       }, [
-        u("table", {
-          class: b([{ "rvc-table-striped": e.striped }, "rvc-table"])
+        c("table", {
+          class: y([{ "rvc-table-striped": e.striped }, "rvc-table"])
         }, [
-          e.headers.length ? (n(), l("thead", ve, [
-            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: v
+          e.headers.length ? (a(), l("thead", ve, [
+            g(s.$slots, "headers", { headers: e.headers }, () => [
+              c("tr", null, [
+                (a(!0), l(S, null, V(e.headers, (t, o) => g(s.$slots, "header", {
+                  header: t,
+                  index: o
                 }, () => {
-                  var y, k;
+                  var p, k;
                   return [
-                    (n(), l("th", p({ ref_for: !0 }, a, {
-                      key: `rvc-table-header-${a.id}`,
+                    (a(), l("th", b({ ref_for: !0 }, t, {
+                      key: `rvc-table-header-${t.id}`,
                       class: {
-                        "rvc-table-text-left": a.align === "left" || !a.align,
-                        "rvc-table-text-center": a.align === "center",
-                        "rvc-table-text-right": a.align === "right"
+                        "rvc-table-text-left": t.align === "left" || !t.align,
+                        "rvc-table-text-center": t.align === "center",
+                        "rvc-table-text-right": t.align === "right"
                       }
                     }), [
-                      a.sortable && a.key ? (n(), l("button", {
+                      t.sortable && t.key ? (a(), l("button", {
                         key: 0,
                         type: "button",
-                        "aria-label": `Sort on ${a.label}`,
-                        class: b([
+                        "aria-label": `Sort on ${t.label}`,
+                        class: y([
                           "rvc-table-sort-button",
                           {
-                            "rvc-table-sort-button-center": a.align === "center",
-                            "rvc-table-sort-button-right": a.align === "right"
+                            "rvc-table-sort-button-center": t.align === "center",
+                            "rvc-table-sort-button-right": t.align === "right"
                           }
                         ]),
-                        onClick: (T) => d(a)
+                        onClick: (T) => f(t)
                       }, [
-                        m(r.$slots, "header-label", {
-                          sortBy: s.value,
-                          header: a
+                        g(s.$slots, "header-label", {
+                          sortBy: i.value,
+                          header: t
                         }, () => [
-                          A(f(a.label), 1)
+                          P(m(t.label), 1)
                         ]),
-                        C($(te), {
-                          class: b([
+                        x($(te), {
+                          class: y([
                             "rvc-table-sort-icon",
                             {
-                              "rvc-table-sort-icon-visible": ((y = s.value) == null ? void 0 : y.key) === a.key,
-                              "rvc-table-sort-icon-invisible": !s.value || s.value.key !== a.key,
-                              "rvc-table-sort-icon-rotated": ((k = s.value) == null ? void 0 : k.key) === a.key && s.value.direction === "desc"
+                              "rvc-table-sort-icon-visible": ((p = i.value) == null ? void 0 : p.key) === t.key,
+                              "rvc-table-sort-icon-invisible": !i.value || i.value.key !== t.key,
+                              "rvc-table-sort-icon-rotated": ((k = i.value) == null ? void 0 : k.key) === t.key && i.value.direction === "desc"
                             }
                           ])
                         }, null, 8, ["class"])
-                      ], 10, ge)) : m(r.$slots, "header-label", {
+                      ], 10, ge)) : g(s.$slots, "header-label", {
                         key: 1,
-                        sortBy: s.value,
-                        header: a
+                        sortBy: i.value,
+                        header: t
                       }, () => [
-                        A(f(a.label), 1)
+                        P(m(t.label), 1)
                       ])
                     ], 16))
                   ];
@@ -510,69 +519,68 @@ const H = /* @__PURE__ */ Object.assign({
               ])
             ])
           ])) : h("", !0),
-          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: v
+          c("tbody", null, [
+            e.items.length && !e.spinning ? (a(!0), l(S, { key: 0 }, V(e.items, (t, o) => g(s.$slots, "items", {
+              item: t,
+              index: o
             }, () => [
-              (n(), l("tr", {
-                key: `rvc-table-row-${v}-${a.id}`
+              (a(), l("tr", {
+                key: `rvc-table-row-${o}-${t.id}`
               }, [
-                m(r.$slots, "item", {
-                  item: a,
-                  index: v
+                g(s.$slots, "item", {
+                  item: t,
+                  index: o
                 }, () => [
-                  (n(!0), l(S, null, V(a, (y, k) => {
-                    var T, L, j, F;
-                    return n(), l("td", p({
-                      key: `rvc-table-row-${v}-column-${k}-${a.id}`,
-                      ref_for: !0
-                    }, a.attrs, {
+                  (a(!0), l(S, null, V(t, (p, k) => {
+                    var T, L, I, F;
+                    return a(), l("td", b({
+                      key: `rvc-table-row-${o}-column-${k}-${t.id}`
+                    }, { ref_for: !0 }, t.attrs, {
                       class: {
-                        "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"
+                        "rvc-table-text-left": ((T = v(k)) == null ? void 0 : T.align) === "left" || !((L = v(k)) != null && L.align),
+                        "rvc-table-text-center": ((I = v(k)) == null ? void 0 : I.align) === "center",
+                        "rvc-table-text-right": ((F = v(k)) == null ? void 0 : F.align) === "right"
                       },
-                      innerHTML: y
-                    }), null, 16, me);
+                      innerHTML: p
+                    }), null, 16, fe);
                   }), 128))
                 ])
               ]))
-            ])), 256)) : !e.items.length && !e.spinning ? (n(), l("tr", fe, [
-              u("td", {
+            ])), 256)) : !e.items.length && !e.spinning ? (a(), l("tr", me, [
+              c("td", {
                 colspan: e.headers.length,
                 class: "rvc-table-state"
               }, [
-                u("p", null, f(e.noResultsText), 1)
-              ], 8, be)
-            ])) : (n(), l("tr", pe, [
-              u("td", {
+                c("p", null, m(e.noResultsText), 1)
+              ], 8, pe)
+            ])) : (a(), l("tr", ye, [
+              c("td", {
                 colspan: e.headers.length,
                 class: "rvc-table-state"
               }, [
-                m(r.$slots, "spinner", {
+                g(s.$slots, "spinner", {
                   spinning: e.spinning,
                   label: e.loadingText
                 }, () => [
-                  u("div", $e, [
-                    e.spinning ? (n(), w($(K), {
+                  c("div", $e, [
+                    e.spinning ? (a(), w($(K), {
                       key: 0,
                       "aria-hidden": "true",
                       class: "rvc-table-spinner"
                     })) : h("", !0),
-                    A(" " + f(e.loadingText), 1)
+                    P(" " + m(e.loadingText), 1)
                   ])
                 ])
-              ], 8, ye)
+              ], 8, be)
             ]))
           ])
         ], 2)
       ], 2),
-      e.pagination ? m(r.$slots, "pagination", P(p({ key: 0 }, e.pagination)), () => [
-        C(de, {
+      e.pagination ? g(s.$slots, "pagination", D(b({ key: 0 }, e.pagination)), () => [
+        x(de, {
           pagination: e.pagination,
-          "onPagination:change": t[0] || (t[0] = (a) => c("pagination:change", a)),
-          "onPagination:perPage": t[1] || (t[1] = (a) => c("pagination:perPage", a))
+          "onPagination:change": n[0] || (n[0] = (t) => d("pagination:change", t)),
+          "onPagination:perPage": n[1] || (n[1] = (t) => d("pagination:perPage", t))
         }, null, 8, ["pagination"])
       ]) : h("", !0)
     ]));
@@ -598,15 +606,15 @@ const H = /* @__PURE__ */ Object.assign({
     }
   },
   setup(e) {
-    return (o, i) => (n(), l("div", {
-      class: b(["rvc-empty-state", { "rvc-empty-state-bg": e.background }])
+    return (u, r) => (a(), l("div", {
+      class: y(["rvc-empty-state", { "rvc-empty-state-bg": e.background }])
     }, [
-      e.icon ? (n(), w(x(e.icon), {
+      e.icon ? (a(), w(C(e.icon), {
         key: 0,
         class: "rvc-empty-state-icon"
       })) : h("", !0),
-      e.title ? (n(), l("p", he, f(e.title), 1)) : h("", !0),
-      m(o.$slots, "default")
+      e.title ? (a(), l("p", he, m(e.title), 1)) : h("", !0),
+      g(u.$slots, "default")
     ], 2));
   }
 }, Ne = {
@@ -623,23 +631,27 @@ const H = /* @__PURE__ */ Object.assign({
     }
   },
   emits: ["update:modelValue"],
-  setup(e, { emit: o }) {
-    const i = e, c = o, { hasModelBinding: s } = I(), g = B({
-      get: () => i.modelValue,
-      set: (r) => c("update:modelValue", r)
-    }), d = B(() => [
+  setup(e, { emit: u }) {
+    const r = e, d = u, { hasModelBinding: i } = j(), v = A(null), f = B({
+      get: () => r.modelValue,
+      set: (n) => d("update:modelValue", n)
+    }), s = B(() => [
       "rvc-textarea",
-      `rvc-textarea-${i.size}`
+      `rvc-textarea-${r.size}`
     ]);
-    return (r, t) => $(s) ? M((n(), l("textarea", {
+    return (n, t) => $(i) ? M((a(), l("textarea", {
       key: 0,
-      "onUpdate:modelValue": t[0] || (t[0] = (a) => g.value = a),
-      class: b(d.value)
+      ref_key: "textarea",
+      ref: v,
+      "onUpdate:modelValue": t[0] || (t[0] = (o) => f.value = o),
+      class: y(s.value)
     }, null, 2)), [
-      [R, g.value]
-    ]) : (n(), l("textarea", {
+      [R, f.value]
+    ]) : (a(), l("textarea", {
       key: 1,
-      class: b(d.value)
+      ref_key: "textarea",
+      ref: v,
+      class: y(s.value)
     }, null, 2));
   }
 }, ke = { class: "rvc-radio" }, Se = ["id"], we = { key: 2 }, Ve = ["for"], qe = /* @__PURE__ */ Object.assign({
@@ -661,31 +673,36 @@ const H = /* @__PURE__ */ Object.assign({
     }
   },
   emits: ["update:modelValue"],
-  setup(e, { emit: o }) {
-    const i = e, c = o, s = B({
-      get: () => i.modelValue,
-      set: (t) => c("update:modelValue", t)
-    }), { hasModelBinding: g } = I(), d = N(), r = B(() => ({
-      ...d,
-      id: i.id,
+  setup(e, { emit: u }) {
+    const r = e, d = u, i = B({
+      get: () => r.modelValue,
+      set: (t) => d("update:modelValue", t)
+    }), { hasModelBinding: v } = j(), f = N(), s = B(() => ({
+      ...f,
+      id: r.id,
       type: "radio"
-    }));
-    return (t, a) => (n(), l("div", ke, [
-      $(g) ? M((n(), l("input", p({ key: 0 }, r.value, {
+    })), n = A(null);
+    return (t, o) => (a(), l("div", ke, [
+      $(v) ? M((a(), l("input", b({ key: 0 }, s.value, {
         id: e.id,
-        "onUpdate:modelValue": a[0] || (a[0] = (v) => s.value = v)
+        ref_key: "input",
+        ref: n,
+        "onUpdate:modelValue": o[0] || (o[0] = (p) => i.value = p)
       }), null, 16, Se)), [
-        [q, s.value]
-      ]) : (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, [
-        m(t.$slots, "default", {}, () => [
-          u("label", { for: e.id }, f(e.label), 9, Ve)
+        [q, i.value]
+      ]) : (a(), l("input", b({ key: 1 }, s.value, {
+        ref_key: "input",
+        ref: n
+      }), null, 16)),
+      o[1] || (o[1] = c("span", { class: "rvc-radio-input" }, null, -1)),
+      t.$slots.default || e.label ? (a(), l("span", we, [
+        g(t.$slots, "default", {}, () => [
+          c("label", { for: e.id }, m(e.label), 9, Ve)
         ])
       ])) : h("", !0)
     ]));
   }
-}), Be = { class: "rvc-tabs-nav" }, Ce = ["value", "selected"], De = /* @__PURE__ */ Object.assign({
+}), Be = { class: "rvc-tabs-nav" }, xe = ["value", "selected"], De = /* @__PURE__ */ Object.assign({
   inheritAttrs: !1
 }, {
   __name: "Tabs",
@@ -706,61 +723,61 @@ const H = /* @__PURE__ */ Object.assign({
     }
   },
   emits: ["update:modelValue", "tabs:change"],
-  setup(e, { emit: o }) {
-    const i = e, c = o, s = () => {
-      const t = i.tabs.findIndex((a) => a.active);
-      return t >= 0 ? t : 0;
-    }, g = B({
-      get: () => i.modelValue ?? s(),
-      set: (t) => {
-        const a = i.tabs[t];
-        c("update:modelValue", t), c("tabs:change", a);
+  setup(e, { emit: u }) {
+    const r = e, d = u, i = () => {
+      const n = r.tabs.findIndex((t) => t.active);
+      return n >= 0 ? n : 0;
+    }, v = B({
+      get: () => r.modelValue ?? i(),
+      set: (n) => {
+        const t = r.tabs[n];
+        d("update:modelValue", n), d("tabs:change", t);
       }
-    }), d = (t) => {
-      const a = +t.target.value;
-      g.value = a;
-      const v = i.tabs[a];
-      v != null && v.selectEvent && v.selectEvent();
-    }, r = (t) => {
+    }), f = (n) => {
+      const t = +n.target.value;
+      v.value = t;
+      const o = r.tabs[t];
+      o != null && o.selectEvent && o.selectEvent();
+    }, s = (n) => {
       const {
-        active: a,
-        as: v,
-        bindAs: y,
+        active: t,
+        as: o,
+        bindAs: p,
         selectEvent: k,
         name: T,
         ...L
-      } = t;
+      } = n;
       return L;
     };
-    return (t, a) => (n(), l(S, null, [
-      u("div", p(t.$attrs, {
+    return (n, t) => (a(), l(S, null, [
+      c("div", b(n.$attrs, {
         class: ["rvc-tabs", { "rvc-tabs-buttons": e.tabStyle === "buttons" }]
       }), [
-        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: v.bindAs ? v.bindAs : void 0,
-            class: ["rvc-tab", { "rvc-tab-active": g.value === y }],
-            onClick: (k) => g.value = y
+        c("nav", Be, [
+          (a(!0), l(S, null, V(e.tabs, (o, p) => (a(), w(C(o.as ? o.as : "button"), b({ ref_for: !0 }, s(o), {
+            key: `${p}-tab-item`,
+            as: o.bindAs ? o.bindAs : void 0,
+            class: ["rvc-tab", { "rvc-tab-active": v.value === p }],
+            onClick: (k) => v.value = p
           }), {
             default: O(() => [
-              A(f(v.name), 1)
+              P(m(o.name), 1)
             ]),
             _: 2
           }, 1040, ["as", "class", "onClick"]))), 128))
         ])
       ], 16),
-      C(H, p(t.$attrs, {
+      x(H, b(n.$attrs, {
         "root-class": "rvc-tabs-select",
-        value: g.value,
-        onChange: d
+        value: v.value,
+        onChange: f
       }), {
         default: O(() => [
-          (n(!0), l(S, null, V(e.tabs, (v, y) => (n(), l("option", {
-            key: `${y}-tab-item-select-option`,
-            value: y,
-            selected: g.value === y
-          }, f(v.name), 9, Ce))), 128))
+          (a(!0), l(S, null, V(e.tabs, (o, p) => (a(), l("option", {
+            key: `${p}-tab-item-select-option`,
+            value: p,
+            selected: v.value === p
+          }, m(o.name), 9, xe))), 128))
         ]),
         _: 1
       }, 16, ["value"])
@@ -772,8 +789,8 @@ export {
   Me as Alert,
   Ee as Badge,
   Ue as ButtonBase,
-  Ie as Checkbox,
-  je as DataTable,
+  je as Checkbox,
+  Ie as DataTable,
   Fe as EmptyState,
   Ke as FormInput,
   H as FormSelect,

package/dist/dialogs/index.js CHANGED Viewed

@@ -1,8 +1,8 @@
 import { createBlock as u, openBlock as m, unref as r, withCtx as s, createVNode as i, withModifiers as B, createElementVNode as a, normalizeClass as w, renderSlot as d, createCommentVNode as b, createTextVNode as E, toDisplayString as L } from "vue";
 import { TransitionRoot as T, Dialog as N, TransitionChild as p, DialogPanel as V, DialogTitle as y } from "@headlessui/vue";
 import { _ as g } from "../_shared/ButtonBase-DfkwHIhN.js";
-import { u as R } from "../_shared/Modal-DdpJnce6.js";
-import { _ as W } from "../_shared/Modal-DdpJnce6.js";
+import { u as R } from "../_shared/Modal-dqDGKVw5.js";
+import { _ as W } from "../_shared/Modal-dqDGKVw5.js";
 import { r as k } from "../_shared/XMarkIcon-90mcPzBs.js";
 const q = {
   class: "rvc-drawer-presentation",
@@ -88,7 +88,8 @@ const q = {
                   "aria-hidden": "true"
                 }, null, -1)
               ])),
-              _: 1
+              _: 1,
+              __: [8]
             }),
             a("div", q, [
               a("div", A, [

package/dist/dropdown/index.js CHANGED Viewed

@@ -98,10 +98,7 @@ const T = /* @__PURE__ */ Object.assign({
                   }, {
                     default: a(() => [
                       s(o.$slots, "item", { item: e }, () => [
-                        (r(), l(m(e.as ? e.as : "button"), f({
-                          class: "rvc-dropdown-item",
-                          ref_for: !0
-                        }, g(e), {
+                        (r(), l(m(e.as ? e.as : "button"), f({ class: "rvc-dropdown-item" }, { ref_for: !0 }, g(e), {
                           as: e.bindAs ? e.bindAs : void 0,
                           onClick: (y) => (b("dropdown:click", e), e.event ? e.event() : null)
                         }), {

package/dist/lightswitch/index.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import { computed as n, createBlock as o, openBlock as r, unref as a, withCtx as s, createVNode as p, createCommentVNode as h, mergeProps as f, createElementVNode as g, renderSlot as w } from "vue";
 import { SwitchGroup as V, Switch as v, SwitchLabel as b } from "@headlessui/vue";
-const B = /* @__PURE__ */ Object.assign({
+const k = /* @__PURE__ */ Object.assign({
   inheritAttrs: !1
 }, {
   __name: "Lightswitch",
@@ -29,7 +29,8 @@ const B = /* @__PURE__ */ Object.assign({
           default: s(() => t[1] || (t[1] = [
             g("span", { class: "rvc-lightswitch-toggle" }, null, -1)
           ])),
-          _: 1
+          _: 1,
+          __: [1]
         }, 16, ["modelValue", "class"]),
         e.$slots.default ? (r(), o(a(b), { key: 0 }, {
           default: s(() => [
@@ -43,6 +44,6 @@ const B = /* @__PURE__ */ Object.assign({
   }
 });
 export {
-  B as Lightswitch,
-  B as default
+  k as Lightswitch,
+  k as default
 };

package/dist/rich-text-editor/index.js CHANGED Viewed

@@ -3,8 +3,8 @@ import { useEditor as O, EditorContent as T } from "@tiptap/vue-3";
 import N from "@tiptap/extension-link";
 import U from "@tiptap/starter-kit";
 import { _ as q } from "../_shared/Tooltip-B93ZF7IF.js";
-import { _ as z } from "../_shared/FormInput-abFMz_J4.js";
-import { _ as D } from "../_shared/Modal-DdpJnce6.js";
+import { _ as z } from "../_shared/FormInput-C5LjZViC.js";
+import { _ as D } from "../_shared/Modal-dqDGKVw5.js";
 function I(i, d) {
   return s(), r("svg", {
     xmlns: "http://www.w3.org/2000/svg",

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@robuust-digital/vue-components",
-  "version": "2.0.0-rc.9",
+  "version": "2.0.0",
   "type": "module",
   "publishConfig": {
     "access": "public"

package/dist/_shared/FormInput-abFMz_J4.js DELETED Viewed

@@ -1,82 +0,0 @@
-import { computed as y, getCurrentInstance as $, useSlots as I, createElementBlock as i, openBlock as o, normalizeClass as k, createCommentVNode as l, renderSlot as r, unref as a, createBlock as p, resolveDynamicComponent as m, normalizeProps as b, guardReactiveProps as V, withDirectives as B, mergeProps as f, vModelDynamic as C } from "vue";
-const x = () => ({ hasModelBinding: y(() => {
-  var s;
-  const n = $();
-  return ((s = n == null ? void 0 : n.vnode) == null ? void 0 : s.props) && Object.prototype.hasOwnProperty.call(n.vnode.props, "onUpdate:modelValue");
-}) }), O = {
-  key: 0,
-  class: "rvc-input-prefix"
-}, S = ["type"], j = ["type"], F = /* @__PURE__ */ Object.assign({
-  inheritAttrs: !1
-}, {
-  __name: "FormInput",
-  props: {
-    modelValue: {
-      type: [String, Number],
-      default: void 0
-    },
-    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)
-    }
-  },
-  emits: ["update:modelValue"],
-  setup(e, { emit: n }) {
-    const s = e, v = n, { hasModelBinding: g } = x(), u = I(), c = y({
-      get: () => s.modelValue,
-      set: (t) => v("update:modelValue", t)
-    });
-    return (t, d) => (o(), i("div", {
-      class: k([
-        "rvc-input",
-        `rvc-input-${e.size}`,
-        e.rootClass
-      ])
-    }, [
-      a(u).prefix || a(u).prefixIcon || e.prefixIcon ? (o(), i("span", O, [
-        r(t.$slots, "prefix", {}, () => [
-          r(t.$slots, "prefixIcon", { icon: e.prefixIcon }, () => [
-            e.prefixIcon ? (o(), p(m(e.prefixIcon), {
-              key: 0,
-              "aria-hidden": "true"
-            })) : l("", !0)
-          ])
-        ])
-      ])) : l("", !0),
-      r(t.$slots, "input", b(V(t.$attrs)), () => [
-        a(g) ? B((o(), i("input", f({ key: 0 }, t.$attrs, {
-          "onUpdate:modelValue": d[0] || (d[0] = (h) => c.value = h),
-          type: t.$attrs.type || "text"
-        }), null, 16, S)), [
-          [C, c.value]
-        ]) : (o(), i("input", f({
-          key: 1,
-          type: t.$attrs.type || "text"
-        }, t.$attrs), null, 16, j))
-      ]),
-      r(t.$slots, "icon", { icon: e.icon }, () => [
-        e.icon ? (o(), p(m(e.icon), {
-          key: 0,
-          "aria-hidden": "true"
-        })) : l("", !0)
-      ])
-    ], 2));
-  }
-});
-export {
-  F as _,
-  x as u
-};