@paraxe/vue 1.0.2 → 1.0.4

package/dist/forms/Checkbox.d.ts

@@ -14,8 +14,8 @@ declare const __VLS_base: import('vue').DefineComponent<Props, {}, {}, {}, {}, i
     onChange?: ((value: boolean) => any) | undefined;
 }>, {
     disabled: boolean;
-    value: boolean;
     required: boolean;
+    value: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/forms/ChoiceGroup.d.ts

@@ -19,8 +19,8 @@ declare const __VLS_base: import('vue').DefineComponent<ChoiceGroupProps, {}, {}
     "onUpdate:modelValue"?: ((value: string | number | (string | number)[] | null) => any) | undefined;
 }>, {
     disabled: boolean;
-    multiple: boolean;
     modelValue: string | number | Array<string | number> | null;
+    multiple: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/forms/Input.d.ts

@@ -1,8 +1,8 @@
 import { InputType } from '@paraxe/core';
 interface Props {
-    type: InputType;
+    type?: InputType;
     placeholder?: string;
-    value?: string;
+    modelValue?: string;
     required?: boolean;
     disabled?: boolean;
     readonly?: boolean;
@@ -10,16 +10,14 @@ interface Props {
     success?: boolean;
 }
 declare const __VLS_export: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    input: (value: string) => any;
-    change: (value: string) => any;
+    "update:modelValue": (value: string) => any;
 }, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
-    onInput?: ((value: string) => any) | undefined;
-    onChange?: ((value: string) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
 }>, {
     disabled: boolean;
     type: InputType;
     placeholder: string;
-    value: string;
+    modelValue: string;
     required: boolean;
     readonly: boolean;
     error: boolean;

package/dist/forms/Select.d.ts

@@ -1,5 +1,5 @@
 interface Props {
-    value?: string;
+    modelValue?: string;
     disabled?: boolean;
     error?: boolean;
     success?: boolean;
@@ -9,12 +9,12 @@ type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
 };
 declare const __VLS_base: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    change: (value: string) => any;
+    "update:modelValue": (value: string) => any;
 }, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
-    onChange?: ((value: string) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
 }>, {
     disabled: boolean;
-    value: string;
+    modelValue: string;
     error: boolean;
     success: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;

package/dist/forms/Textarea.d.ts

@@ -14,10 +14,10 @@ declare const __VLS_export: import('vue').DefineComponent<Props, {}, {}, {}, {},
     onChange?: ((value: string) => any) | undefined;
 }>, {
     disabled: boolean;
-    value: string;
     readonly: boolean;
     error: boolean;
     success: boolean;
+    value: string;
     maxlength: number;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

package/dist/index.js

@@ -1,5 +1,5 @@
-import { defineComponent as m, computed as b, openBlock as n, createElementBlock as d, normalizeClass as f, renderSlot as u, createBlock as T, resolveDynamicComponent as A, withCtx as I, createCommentVNode as $, createElementVNode as p, createTextVNode as R, toDisplayString as S, ref as V, provide as M, inject as z, withDirectives as te, vShow as ae, useModel as se, watch as K, mergeModels as Q, withKeys as j, withModifiers as Y, unref as N, Fragment as q, renderList as G, normalizeStyle as W, useSlots as le, onMounted as J, onBeforeUnmount as O, Teleport as U, nextTick as Z } from "vue";
-const oe = ["disabled"], Lt = /* @__PURE__ */ m({
+import { defineComponent as m, computed as b, openBlock as n, createElementBlock as d, normalizeClass as f, renderSlot as u, createBlock as T, resolveDynamicComponent as A, withCtx as L, createCommentVNode as $, createElementVNode as p, createTextVNode as R, toDisplayString as S, ref as V, provide as M, inject as z, withDirectives as te, vShow as ae, useModel as se, watch as K, mergeModels as Q, withKeys as j, withModifiers as Y, unref as N, Fragment as q, renderList as G, normalizeStyle as W, useSlots as le, onMounted as J, onBeforeUnmount as O, Teleport as U, nextTick as Z } from "vue";
+const oe = ["disabled"], It = /* @__PURE__ */ m({
   __name: "Button",
   props: {
     variant: { default: "primary" },
@@ -28,7 +28,7 @@ const oe = ["disabled"], Lt = /* @__PURE__ */ m({
       u(r.$slots, "default")
     ], 10, oe));
   }
-}), It = /* @__PURE__ */ m({
+}), Lt = /* @__PURE__ */ m({
   __name: "Card",
   props: {
     variant: { default: "default" },
@@ -42,7 +42,7 @@ const oe = ["disabled"], Lt = /* @__PURE__ */ m({
     return (s, l) => (n(), T(A(e.as), {
       class: f(t.value)
     }, {
-      default: I(() => [
+      default: L(() => [
         u(s.$slots, "default")
       ]),
       _: 3
@@ -53,29 +53,34 @@ const oe = ["disabled"], Lt = /* @__PURE__ */ m({
   props: {
     type: { default: "text" },
     placeholder: { default: "" },
-    value: { default: "" },
+    modelValue: { default: "" },
     required: { type: Boolean, default: !1 },
     disabled: { type: Boolean, default: !1 },
     readonly: { type: Boolean, default: !1 },
     error: { type: Boolean, default: !1 },
     success: { type: Boolean, default: !1 }
   },
-  emits: ["input", "change"],
+  emits: ["update:modelValue"],
   setup(a, { emit: e }) {
     const t = a, s = e, l = b(() => ({
       "input-error": t.error,
       "input-success": t.success
     }));
-    return (o, r) => (n(), d("input", {
+    function o(r) {
+      s(
+        "update:modelValue",
+        r.target.value
+      );
+    }
+    return (r, i) => (n(), d("input", {
       class: f(["input", l.value]),
       type: t.type,
       placeholder: t.placeholder,
-      value: t.value,
+      value: t.modelValue,
       required: t.required,
       disabled: t.disabled,
       readonly: t.readonly,
-      onInput: r[0] || (r[0] = (i) => s("input", i.target.value)),
-      onChange: r[1] || (r[1] = (i) => s("change", i.target.value))
+      onInput: o
     }, null, 42, ne));
   }
 }), H = (a, e) => {
@@ -159,7 +164,7 @@ const At = /* @__PURE__ */ H(ie, [["render", de]]), Mt = /* @__PURE__ */ m({
     return (s, l) => (n(), T(A(a.level), {
       class: f(t.value)
     }, {
-      default: I(() => [
+      default: L(() => [
         u(s.$slots, "default")
       ]),
       _: 3
@@ -183,7 +188,7 @@ const At = /* @__PURE__ */ H(ie, [["render", de]]), Mt = /* @__PURE__ */ m({
     return (s, l) => (n(), T(A(e.as), {
       class: f(t.value)
     }, {
-      default: I(() => [
+      default: L(() => [
         u(s.$slots, "default")
       ]),
       _: 3
@@ -240,7 +245,7 @@ function be(a, e) {
 const Gt = /* @__PURE__ */ H(fe, [["render", be]]), ve = ["for"], he = {
   key: 0,
   "aria-hidden": "true"
-}, _e = { key: 1 }, ge = /* @__PURE__ */ m({
+}, _e = { key: 1 }, ye = /* @__PURE__ */ m({
   __name: "Label",
   props: {
     for: { default: void 0 },
@@ -260,7 +265,7 @@ const Gt = /* @__PURE__ */ H(fe, [["render", be]]), ve = ["for"], he = {
       e.required ? (n(), d("span", he, "*")) : e.optional ? (n(), d("span", _e, "(optional)")) : $("", !0)
     ], 10, ve));
   }
-}), ye = ["src", "alt"], jt = /* @__PURE__ */ m({
+}), ge = ["src", "alt"], jt = /* @__PURE__ */ m({
   __name: "Image",
   props: {
     src: {},
@@ -282,7 +287,7 @@ const Gt = /* @__PURE__ */ H(fe, [["render", be]]), ve = ["for"], he = {
       p("img", {
         src: e.src,
         alt: e.alt
-      }, null, 8, ye)
+      }, null, 8, ge)
     ], 2));
   }
 }), $e = { class: "form-field" }, Ht = /* @__PURE__ */ m({
@@ -299,14 +304,14 @@ const Gt = /* @__PURE__ */ H(fe, [["render", be]]), ve = ["for"], he = {
   setup(a) {
     const e = a;
     return (t, s) => (n(), d("div", $e, [
-      e.label ? (n(), T(ge, {
+      e.label ? (n(), T(ye, {
         key: 0,
         for: e.id,
         required: e.required,
         optional: e.optional,
         disabled: e.disabled
       }, {
-        default: I(() => [
+        default: L(() => [
           R(S(e.label), 1)
         ]),
         _: 1
@@ -316,7 +321,7 @@ const Gt = /* @__PURE__ */ H(fe, [["render", be]]), ve = ["for"], he = {
         key: 1,
         tone: "muted"
       }, {
-        default: I(() => [
+        default: L(() => [
           R(S(e.description), 1)
         ]),
         _: 1
@@ -325,7 +330,7 @@ const Gt = /* @__PURE__ */ H(fe, [["render", be]]), ve = ["for"], he = {
         key: 2,
         tone: "accent"
       }, {
-        default: I(() => [
+        default: L(() => [
           R(S(e.error), 1)
         ]),
         _: 1
@@ -369,26 +374,27 @@ const Gt = /* @__PURE__ */ H(fe, [["render", be]]), ve = ["for"], he = {
 }), we = ["value", "disabled"], Wt = /* @__PURE__ */ m({
   __name: "Select",
   props: {
-    value: { default: "" },
+    modelValue: { default: "" },
     disabled: { type: Boolean, default: !1 },
     error: { type: Boolean, default: !1 },
     success: { type: Boolean, default: !1 }
   },
-  emits: ["change"],
+  emits: ["update:modelValue"],
   setup(a, { emit: e }) {
-    const t = a, s = e, l = b(() => ({
+    const t = a, s = e;
+    function l(r) {
+      const i = r.target;
+      s("update:modelValue", i.value);
+    }
+    const o = b(() => ({
       "input-error": t.error,
       "input-success": t.success
     }));
-    function o(r) {
-      const i = r.target;
-      s("change", i.value);
-    }
     return (r, i) => (n(), d("select", {
-      class: f(["select", l.value]),
-      value: t.value,
+      class: f(["select", o.value]),
+      value: t.modelValue,
       disabled: t.disabled,
-      onChange: o
+      onChange: l
     }, [
       u(r.$slots, "default")
     ], 42, we));
@@ -495,7 +501,7 @@ const Qt = /* @__PURE__ */ H(Ve, [["render", Ee]]), Xt = /* @__PURE__ */ m({
 }), Te = {
   key: 0,
   class: "empty-state-icon"
-}, De = { class: "empty-state-content" }, Le = {
+}, De = { class: "empty-state-content" }, Ie = {
   key: 1,
   class: "empty-state-actions"
 }, Yt = /* @__PURE__ */ m({
@@ -510,21 +516,21 @@ const Qt = /* @__PURE__ */ H(Ve, [["render", Ee]]), Xt = /* @__PURE__ */ m({
     return (s, l) => (n(), T(A(e.as), {
       class: f(t.value)
     }, {
-      default: I(() => [
+      default: L(() => [
         s.$slots.icon ? (n(), d("div", Te, [
           u(s.$slots, "icon")
         ])) : $("", !0),
         p("div", De, [
           u(s.$slots, "default")
         ]),
-        s.$slots.actions ? (n(), d("div", Le, [
+        s.$slots.actions ? (n(), d("div", Ie, [
           u(s.$slots, "actions")
         ])) : $("", !0)
       ]),
       _: 3
     }, 8, ["class"]));
   }
-}), Ie = { class: "list" }, Zt = /* @__PURE__ */ m({
+}), Le = { class: "list" }, Zt = /* @__PURE__ */ m({
   __name: "List",
   props: /* @__PURE__ */ Q({
     selectable: { type: Boolean, default: !1 },
@@ -561,15 +567,15 @@ const Qt = /* @__PURE__ */ H(Ve, [["render", Ee]]), Xt = /* @__PURE__ */ m({
         s.value
       );
       t.multiple ? c.has(i) ? c.delete(i) : c.add(i) : c.has(i) ? c.clear() : (c.clear(), c.add(i)), s.value = c;
-      const g = [...c];
-      l.value = t.multiple ? g : g[0] ?? null;
+      const y = [...c];
+      l.value = t.multiple ? y : y[0] ?? null;
     }
     return M("loba-list", {
       selectable: t.selectable,
       multiple: t.multiple,
       isSelected: o,
       toggleSelection: r
-    }), (i, c) => (n(), d("div", Ie, [
+    }), (i, c) => (n(), d("div", Le, [
       u(i.$slots, "default")
     ]));
   }
@@ -643,13 +649,13 @@ const Qt = /* @__PURE__ */ H(Ve, [["render", Ee]]), Xt = /* @__PURE__ */ m({
         l.value
       )
     ), r = b(() => {
-      const y = l.value, B = o.value, k = Math.max(
+      const g = l.value, B = o.value, k = Math.max(
         0,
         t.siblingCount
       );
-      if (y <= 7)
+      if (g <= 7)
         return Array.from(
-          { length: y },
+          { length: g },
           (F, ee) => ee + 1
         );
       const _ = Math.max(
@@ -657,20 +663,20 @@ const Qt = /* @__PURE__ */ H(Ve, [["render", Ee]]), Xt = /* @__PURE__ */ m({
         1
       ), w = Math.min(
         B + k,
-        y
-      ), v = _ > 2, C = w < y - 1, x = [1];
+        g
+      ), v = _ > 2, C = w < g - 1, x = [1];
       v && x.push("...");
-      const L = v ? _ : 2, P = C ? w : y - 1;
-      for (let F = L; F <= P; F++)
+      const I = v ? _ : 2, P = C ? w : g - 1;
+      for (let F = I; F <= P; F++)
         x.push(F);
-      return C && x.push("..."), x.push(y), x;
+      return C && x.push("..."), x.push(g), x;
     }), i = b(() => ({
       pagination: !0,
       "pagination-compact": t.compact
     }));
-    function c(y) {
+    function c(g) {
       const B = Math.min(
-        Math.max(y, 1),
+        Math.max(g, 1),
         l.value
       );
       B !== o.value && s(
@@ -678,7 +684,7 @@ const Qt = /* @__PURE__ */ H(Ve, [["render", Ee]]), Xt = /* @__PURE__ */ m({
         B
       );
     }
-    function g() {
+    function y() {
       c(o.value - 1);
     }
     function D() {
@@ -690,7 +696,7 @@ const Qt = /* @__PURE__ */ H(Ve, [["render", Ee]]), Xt = /* @__PURE__ */ m({
     function h() {
       c(l.value);
     }
-    return (y, B) => (n(), d("nav", {
+    return (g, B) => (n(), d("nav", {
       class: f(i.value),
       "aria-label": "Pagination"
     }, [
@@ -711,7 +717,7 @@ const Qt = /* @__PURE__ */ H(Ve, [["render", Ee]]), Xt = /* @__PURE__ */ m({
           type: "button",
           disabled: o.value === 1,
           "aria-label": "Previous page",
-          onClick: g
+          onClick: y
         }, " ‹ ", 10, ze)
       ]),
       p("div", Ke, [
@@ -785,7 +791,7 @@ const Qt = /* @__PURE__ */ H(Ve, [["render", Ee]]), Xt = /* @__PURE__ */ m({
       );
       return typeof w == "string" || typeof w == "number" ? w : t.rows.indexOf(_);
     }
-    function g(_) {
+    function y(_) {
       return r.value.has(
         c(_)
       );
@@ -796,17 +802,17 @@ const Qt = /* @__PURE__ */ H(Ve, [["render", Ee]]), Xt = /* @__PURE__ */ m({
       const _ = l.value, w = o.value;
       return [...t.rows].sort(
         (v, C) => {
-          const x = i(v, _), L = i(C, _);
-          if (x === L)
+          const x = i(v, _), I = i(C, _);
+          if (x === I)
             return 0;
           if (x == null)
             return 1;
-          if (L == null)
+          if (I == null)
             return -1;
-          if (typeof x == "number" && typeof L == "number")
-            return w === "asc" ? x - L : L - x;
+          if (typeof x == "number" && typeof I == "number")
+            return w === "asc" ? x - I : I - x;
           const P = String(x).localeCompare(
-            String(L),
+            String(I),
             void 0,
             {
               numeric: !0,
@@ -836,7 +842,7 @@ const Qt = /* @__PURE__ */ H(Ve, [["render", Ee]]), Xt = /* @__PURE__ */ m({
         )
       );
     }
-    function y(_) {
+    function g(_) {
       return l.value !== _.key ? "" : o.value === "asc" ? "↑" : "↓";
     }
     function B(_) {
@@ -872,7 +878,7 @@ const Qt = /* @__PURE__ */ H(Ve, [["render", Ee]]), Xt = /* @__PURE__ */ m({
               ]
             }, [
               p("span", null, S(v.label), 1),
-              a.sortable && v.sortable ? (n(), d("span", Ne, S(y(v)), 1)) : $("", !0)
+              a.sortable && v.sortable ? (n(), d("span", Ne, S(g(v)), 1)) : $("", !0)
             ], 46, He))), 128))
           ])
         ]),
@@ -880,7 +886,7 @@ const Qt = /* @__PURE__ */ H(Ve, [["render", Ee]]), Xt = /* @__PURE__ */ m({
           (n(!0), d(q, null, G(D.value, (v) => (n(), d("tr", {
             key: c(v),
             class: f({
-              "table-row--selected": g(v)
+              "table-row--selected": y(v)
             }),
             onClick: (C) => a.selectable && h(v)
           }, [
@@ -1053,12 +1059,12 @@ const Qt = /* @__PURE__ */ H(Ve, [["render", Ee]]), Xt = /* @__PURE__ */ m({
     function i(c) {
       if (!t.disabled) {
         if (t.multiple) {
-          const g = new Set(
+          const y = new Set(
             o.value
           );
-          g.has(c) ? g.delete(c) : g.add(c), s(
+          y.has(c) ? y.delete(c) : y.add(c), s(
             "update:modelValue",
-            [...g]
+            [...y]
           );
           return;
         }
@@ -1076,7 +1082,7 @@ const Qt = /* @__PURE__ */ H(Ve, [["render", Ee]]), Xt = /* @__PURE__ */ m({
         isSelected: r,
         toggleChoice: i
       }
-    ), (c, g) => (n(), d("div", {
+    ), (c, y) => (n(), d("div", {
       class: f(l.value),
       role: "group"
     }, [
@@ -1109,7 +1115,7 @@ const Qt = /* @__PURE__ */ H(Ve, [["render", Ee]]), Xt = /* @__PURE__ */ m({
     function i() {
       o.value || s.toggleChoice(e.value);
     }
-    return (c, g) => (n(), d("button", {
+    return (c, y) => (n(), d("button", {
       type: "button",
       class: f(r.value),
       disabled: o.value,
@@ -1214,7 +1220,7 @@ const Qt = /* @__PURE__ */ H(Ve, [["render", Ee]]), Xt = /* @__PURE__ */ m({
         "aria-disabled": e.disabled ? "true" : void 0,
         onClick: r
       }, {
-        default: I(() => [
+        default: L(() => [
           i.$slots.icon ? (n(), d("span", nt, [
             u(i.$slots, "icon")
           ])) : $("", !0),
@@ -1387,7 +1393,7 @@ const Qt = /* @__PURE__ */ H(Ve, [["render", Ee]]), Xt = /* @__PURE__ */ m({
     function c() {
       t.closeOnBackdrop && i();
     }
-    function g(h) {
+    function y(h) {
       if (!t.modelValue || !l.value)
         return;
       if (h.key === "Escape" && t.closeOnEscape) {
@@ -1396,16 +1402,16 @@ const Qt = /* @__PURE__ */ H(Ve, [["render", Ee]]), Xt = /* @__PURE__ */ m({
       }
       if (h.key !== "Tab")
         return;
-      const y = Array.from(
+      const g = Array.from(
         l.value.querySelectorAll(
           r
         )
       );
-      if (y.length === 0) {
+      if (g.length === 0) {
         h.preventDefault();
         return;
       }
-      const B = y[0], k = y[y.length - 1];
+      const B = g[0], k = g[g.length - 1];
       if (h.shiftKey && document.activeElement === B) {
         h.preventDefault(), k.focus();
         return;
@@ -1428,14 +1434,14 @@ const Qt = /* @__PURE__ */ H(Ve, [["render", Ee]]), Xt = /* @__PURE__ */ m({
     ), J(() => {
       t.modelValue && D(), document.addEventListener(
         "keydown",
-        g
+        y
       );
     }), O(() => {
       document.removeEventListener(
         "keydown",
-        g
+        y
       ), E();
-    }), (h, y) => (n(), T(U, { to: "body" }, [
+    }), (h, g) => (n(), T(U, { to: "body" }, [
       a.modelValue ? (n(), d("div", _t, [
         p("button", {
           class: "dialog-backdrop",
@@ -1456,7 +1462,7 @@ const Qt = /* @__PURE__ */ H(Ve, [["render", Ee]]), Xt = /* @__PURE__ */ m({
       ])) : $("", !0)
     ]));
   }
-}), gt = { class: "drawer-content" }, va = /* @__PURE__ */ m({
+}), yt = { class: "drawer-content" }, va = /* @__PURE__ */ m({
   __name: "Drawer",
   props: {
     modelValue: { type: Boolean, default: !1 },
@@ -1482,7 +1488,7 @@ const Qt = /* @__PURE__ */ H(Ve, [["render", Ee]]), Xt = /* @__PURE__ */ m({
     function c() {
       t.closeOnBackdrop && i();
     }
-    function g(h) {
+    function y(h) {
       if (!t.modelValue || !l.value)
         return;
       if (h.key === "Escape" && t.closeOnEscape) {
@@ -1491,16 +1497,16 @@ const Qt = /* @__PURE__ */ H(Ve, [["render", Ee]]), Xt = /* @__PURE__ */ m({
       }
       if (h.key !== "Tab")
         return;
-      const y = Array.from(
+      const g = Array.from(
         l.value.querySelectorAll(
           r
         )
       );
-      if (y.length === 0) {
+      if (g.length === 0) {
         h.preventDefault();
         return;
       }
-      const B = y[0], k = y[y.length - 1];
+      const B = g[0], k = g[g.length - 1];
       if (h.shiftKey && document.activeElement === B) {
         h.preventDefault(), k.focus();
         return;
@@ -1523,14 +1529,14 @@ const Qt = /* @__PURE__ */ H(Ve, [["render", Ee]]), Xt = /* @__PURE__ */ m({
     ), J(() => {
       document.addEventListener(
         "keydown",
-        g
+        y
       ), t.modelValue && D();
     }), O(() => {
       document.removeEventListener(
         "keydown",
-        g
+        y
       ), E();
-    }), (h, y) => (n(), T(U, { to: "body" }, [
+    }), (h, g) => (n(), T(U, { to: "body" }, [
       a.modelValue ? (n(), d("div", {
         key: 0,
         class: f(["drawer", {
@@ -1554,14 +1560,14 @@ const Qt = /* @__PURE__ */ H(Ve, [["render", Ee]]), Xt = /* @__PURE__ */ m({
           role: "dialog",
           "aria-modal": "true"
         }, [
-          p("div", gt, [
+          p("div", yt, [
             u(h.$slots, "default")
           ])
         ], 512)
       ], 2)) : $("", !0)
     ]));
   }
-}), yt = {
+}), gt = {
   key: 0,
   class: "popover-content",
   role: "dialog"
@@ -1581,8 +1587,8 @@ const Qt = /* @__PURE__ */ H(Ve, [["render", Ee]]), Xt = /* @__PURE__ */ m({
     function r(c) {
       if (!s.value)
         return;
-      const g = c.target;
-      g instanceof Node && !s.value.contains(g) && o();
+      const y = c.target;
+      y instanceof Node && !s.value.contains(y) && o();
     }
     function i(c) {
       c.key === "Escape" && o();
@@ -1603,7 +1609,7 @@ const Qt = /* @__PURE__ */ H(Ve, [["render", Ee]]), Xt = /* @__PURE__ */ m({
         "keydown",
         i
       );
-    }), (c, g) => (n(), d("div", {
+    }), (c, y) => (n(), d("div", {
       ref_key: "popover",
       ref: s,
       class: f(["popover", {
@@ -1617,7 +1623,7 @@ const Qt = /* @__PURE__ */ H(Ve, [["render", Ee]]), Xt = /* @__PURE__ */ m({
       }, [
         u(c.$slots, "trigger")
       ]),
-      t.value ? (n(), d("div", yt, [
+      t.value ? (n(), d("div", gt, [
         u(c.$slots, "default")
       ])) : $("", !0)
     ], 2));
@@ -1664,7 +1670,7 @@ const Qt = /* @__PURE__ */ H(Ve, [["render", Ee]]), Xt = /* @__PURE__ */ m({
 }), wt = { class: "alert-content" }, Ct = {
   key: 0,
   class: "alert-actions"
-}, ga = /* @__PURE__ */ m({
+}, ya = /* @__PURE__ */ m({
   __name: "Alert",
   props: {
     variant: { default: "info" },
@@ -1701,7 +1707,7 @@ const Qt = /* @__PURE__ */ H(Ve, [["render", Ee]]), Xt = /* @__PURE__ */ m({
 }), Bt = ["aria-valuemin", "aria-valuemax", "aria-valuenow"], xt = { class: "progress-track" }, Vt = {
   key: 0,
   class: "progress-label"
-}, ya = /* @__PURE__ */ m({
+}, ga = /* @__PURE__ */ m({
   __name: "Progress",
   props: {
     value: { default: 0 },
@@ -1802,15 +1808,15 @@ const Qt = /* @__PURE__ */ H(Ve, [["render", Ee]]), Xt = /* @__PURE__ */ m({
     }
     return K(
       () => t.modelValue,
-      (g) => {
-        l.value = g, g ? c() : r();
+      (y) => {
+        l.value = y, y ? c() : r();
       },
       {
         immediate: !0
       }
     ), O(() => {
       r();
-    }), (g, D) => (n(), T(U, { to: "body" }, [
+    }), (y, D) => (n(), T(U, { to: "body" }, [
       l.value ? (n(), d("div", {
         key: 0,
         class: f(["toast", {
@@ -1823,7 +1829,7 @@ const Qt = /* @__PURE__ */ H(Ve, [["render", Ee]]), Xt = /* @__PURE__ */ m({
         p("div", St, [
           a.title ? (n(), d("div", Et, S(a.title), 1)) : $("", !0),
           p("div", Tt, [
-            u(g.$slots, "default")
+            u(y.$slots, "default")
           ])
         ]),
         a.dismissible ? (n(), d("button", {
@@ -1840,13 +1846,13 @@ const Qt = /* @__PURE__ */ H(Ve, [["render", Ee]]), Xt = /* @__PURE__ */ m({
 export {
   Jt as Accordion,
   Ut as AccordionItem,
-  ga as Alert,
+  ya as Alert,
   Xt as Badge,
   fa as Breadcrumb,
   ma as Breadcrumbs,
-  Lt as Button,
+  It as Button,
   Rt as ButtonGroup,
-  It as Card,
+  Lt as Card,
   sa as Checkbox,
   ia as Choice,
   na as ChoiceGroup,
@@ -1861,12 +1867,12 @@ export {
   Ot as Heading,
   jt as Image,
   qt as Input,
-  ge as Label,
+  ye as Label,
   Zt as List,
   ea as ListItem,
   ta as Pagination,
   ha as Popover,
-  ya as Progress,
+  ga as Progress,
   la as Radio,
   At as Section,
   Ft as SectionHeader,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@paraxe/vue",
-  "version": "1.0.2",
+  "version": "1.0.4",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",

package/pnpm-workspace.yaml

@@ -0,0 +1,2 @@
+allowBuilds:
+  esbuild: true

package/src/forms/Input.vue

@@ -3,7 +3,7 @@ import { computed } from "vue";
 import type { InputType } from "@paraxe/core";
 
 interface Props {
-  type: InputType;
+  type?: InputType;
   placeholder?: string;
   modelValue?: string;
   required?: boolean;
@@ -32,23 +32,24 @@ const inputClasses = computed(() => ({
   "input-error": props.error,
   "input-success": props.success,
 }));
+
+function handleInput(event: Event): void {
+  emit(
+    "update:modelValue",
+    (event.target as HTMLInputElement).value,
+  );
+}
 </script>
 
 <template>
   <input
-    class="input"
-    :class="inputClasses"
+    :class="['input', inputClasses]"
     :type="props.type"
     :placeholder="props.placeholder"
     :value="props.modelValue"
     :required="props.required"
     :disabled="props.disabled"
     :readonly="props.readonly"
-    @input="
-      emit(
-        'update:modelValue',
-        ($event.target as HTMLInputElement).value,
-      )
-    "
+    @input="handleInput"
   />
 </template>

package/src/forms/Select.vue

@@ -2,42 +2,43 @@
 import { computed } from "vue";
 
 interface Props {
-  value?: string;
+  modelValue?: string;
   disabled?: boolean;
   error?: boolean;
   success?: boolean;
 }
 
 const props = withDefaults(defineProps<Props>(), {
-  value: "",
+  modelValue: "",
   disabled: false,
   error: false,
   success: false,
 });
 
 const emit = defineEmits<{
-  change: [value: string];
+  "update:modelValue": [value: string];
 }>();
 
+function handleChange(event: Event) {
+  const target = event.target as HTMLSelectElement;
+  emit("update:modelValue", target.value);
+}
+
 const selectClasses = computed(() => ({
   "input-error": props.error,
   "input-success": props.success,
 }));
 
-function handleChange(event: Event) {
-  const target = event.target as HTMLSelectElement;
-  emit("change", target.value);
-}
 </script>
 
 <template>
-  <select
-    class="select"
-    :class="selectClasses"
-    :value="props.value"
-    :disabled="props.disabled"
-    @change="handleChange"
-  >
-    <slot />
-  </select>
+ <select
+  class="select"
+  :class="selectClasses"
+  :value="props.modelValue"
+  :disabled="props.disabled"
+  @change="handleChange"
+>
+  <slot />
+</select>
 </template>

package/dist/.loba-build.json

@@ -1,5 +0,0 @@
-{
-  "name": "@paraxe/vue",
-  "version": "1.0.1",
-  "buildTimestamp": "2026-08-18T18:45:33.629Z"
-}