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

package/CHANGELOG.md

@@ -1,8 +1,8 @@
-## 2.2.0-rc.0 (12-08-2025)
+## 2.2.0 (23-09-2025)
 
 ### Added
 
-* Typescript support for all components
+* Typescript support for all components 🎉
 
 ## 2.1.0 (05-08-2025)
 

package/dist/_shared/{ButtonBase.vue_vue_type_script_setup_true_lang-B0YsKehI.js → ButtonBase.vue_vue_type_script_setup_true_lang-DeflHqux.js}

@@ -1,5 +1,5 @@
 import { defineComponent as b, watchEffect as p, createBlock as l, openBlock as e, resolveDynamicComponent as s, mergeProps as c, withCtx as d, createElementBlock as f, renderSlot as o, createCommentVNode as a, createTextVNode as t, toDisplayString as r, unref as y } from "vue";
-import { S as m } from "./icon-spinner-CmxIOqaK.js";
+import { S as m } from "./icon-spinner-CP0VP_YM.js";
 const v = {
   key: 0,
   class: "rvc-button-label"

package/dist/_shared/{Combobox.vue_vue_type_script_setup_true_lang-D1vKMJok.js → Combobox.vue_vue_type_script_setup_true_lang-CP3x2DUA.js}

@@ -2,7 +2,7 @@ import { createElementBlock as c, openBlock as n, createElementVNode as r, defin
 import { useDebounceFn as J } from "@vueuse/core";
 import { Combobox as Q, ComboboxInput as W, ComboboxButton as X, ComboboxOptions as Y, ComboboxOption as _ } from "@headlessui/vue";
 import { r as ee, _ as oe } from "./ChevronDownIcon-DaaXfD3C.js";
-import { S as le } from "./icon-spinner-CmxIOqaK.js";
+import { S as le } from "./icon-spinner-CP0VP_YM.js";
 function te(s, L) {
   return n(), c("svg", {
     xmlns: "http://www.w3.org/2000/svg",
@@ -218,9 +218,9 @@ const ne = { class: "rvc-combobox-container" }, se = { class: "rvc-combobox-wrap
                   r("div", null, [
                     r("em", null, "Minimal " + A(e.minLength) + " characters.", 1)
                   ])
-                ])) : !b.value && !i.value.length ? (n(), c("div", ce, l[5] || (l[5] = [
+                ])) : !b.value && !i.value.length ? (n(), c("div", ce, [...l[5] || (l[5] = [
                   r("div", null, " No results found. ", -1)
-                ]))) : (n(!0), c(N, { key: 2 }, M(i.value, (o) => (n(), C(d(_), {
+                ])])) : (n(!0), c(N, { key: 2 }, M(i.value, (o) => (n(), C(d(_), {
                   key: `option-${o[e.itemKey]}`,
                   value: o,
                   as: "template"

package/dist/_shared/{Drawer.vue_vue_type_script_setup_true_lang-DT6tBBZ7.js → Drawer.vue_vue_type_script_setup_true_lang-CD5914Fk.js}

@@ -1,7 +1,7 @@
 import { defineComponent as S, createBlock as w, openBlock as d, unref as a, withCtx as i, createVNode as s, withModifiers as L, createElementVNode as t, normalizeClass as c, createElementBlock as u, renderSlot as n, createCommentVNode as m, createTextVNode as T, toDisplayString as F } from "vue";
 import { TransitionRoot as N, Dialog as V, TransitionChild as b, DialogPanel as R, DialogTitle as y } from "@headlessui/vue";
-import { _ as k } from "./ButtonBase.vue_vue_type_script_setup_true_lang-B0YsKehI.js";
-import { u as A } from "./Modal.vue_vue_type_script_setup_true_lang-DBEOIZnO.js";
+import { _ as k } from "./ButtonBase.vue_vue_type_script_setup_true_lang-DeflHqux.js";
+import { u as A } from "./Modal.vue_vue_type_script_setup_true_lang-CoHkAJj3.js";
 import { r as C } from "./XMarkIcon-90mcPzBs.js";
 const H = {
   class: "rvc-drawer-presentation",
@@ -60,14 +60,13 @@ const H = {
               onBeforeEnter: r[0] || (r[0] = (l) => o("drawer:open")),
               onAfterEnter: r[1] || (r[1] = (l) => o("drawer:opened"))
             }, {
-              default: i(() => r[8] || (r[8] = [
+              default: i(() => [...r[8] || (r[8] = [
                 t("div", {
                   class: "rvc-drawer-backdrop",
                   "aria-hidden": "true"
                 }, null, -1)
-              ])),
-              _: 1,
-              __: [8]
+              ])]),
+              _: 1
             }),
             t("div", H, [
               t("div", I, [

package/dist/_shared/{Dropdown.vue_vue_type_script_setup_true_lang-D5vTFLkq.js → Dropdown.vue_vue_type_script_setup_true_lang-CmYj-7WQ.js}

@@ -1,6 +1,6 @@
 import { createElementBlock as v, openBlock as n, createElementVNode as _, defineComponent as B, createBlock as a, unref as t, normalizeClass as c, withCtx as r, renderSlot as s, createVNode as l, mergeProps as u, Transition as M, Fragment as $, renderList as y, resolveDynamicComponent as f, createCommentVNode as A, createTextVNode as L, toDisplayString as N } from "vue";
 import { Menu as V, MenuButton as p, MenuItems as D, MenuItem as m } from "@headlessui/vue";
-import { _ as I } from "./ButtonBase.vue_vue_type_script_setup_true_lang-B0YsKehI.js";
+import { _ as I } from "./ButtonBase.vue_vue_type_script_setup_true_lang-DeflHqux.js";
 function Z(w, i) {
   return n(), v("svg", {
     xmlns: "http://www.w3.org/2000/svg",

package/dist/_shared/{Lightswitch.vue_vue_type_script_setup_true_lang-CvN-2WJt.js → Lightswitch.vue_vue_type_script_setup_true_lang-DX23lEFd.js}

@@ -1,6 +1,6 @@
 import { defineComponent as c, computed as p, createBlock as s, openBlock as r, unref as o, withCtx as a, createVNode as f, createCommentVNode as h, mergeProps as g, createElementVNode as V, renderSlot as w } from "vue";
-import { SwitchGroup as v, Switch as _, SwitchLabel as S } from "@headlessui/vue";
-const B = /* @__PURE__ */ c({
+import { SwitchGroup as v, Switch as S, SwitchLabel as b } from "@headlessui/vue";
+const C = /* @__PURE__ */ c({
   inheritAttrs: !1,
   __name: "Lightswitch",
   props: {
@@ -17,18 +17,17 @@ const B = /* @__PURE__ */ c({
       class: "rvc-lightswitch-group"
     }, {
       default: a(() => [
-        f(o(_), g({
+        f(o(S), g({
           modelValue: l.value,
           "onUpdate:modelValue": t[0] || (t[0] = (m) => l.value = m),
           class: [{ "rvc-lightswitch-enabled": l.value }, "rvc-lightswitch"]
         }, e.$attrs), {
-          default: a(() => t[1] || (t[1] = [
+          default: a(() => [...t[1] || (t[1] = [
             V("span", { class: "rvc-lightswitch-toggle" }, null, -1)
-          ])),
-          _: 1,
-          __: [1]
+          ])]),
+          _: 1
         }, 16, ["modelValue", "class"]),
-        e.$slots.default ? (r(), s(o(S), { key: 0 }, {
+        e.$slots.default ? (r(), s(o(b), { key: 0 }, {
           default: a(() => [
             w(e.$slots, "default")
           ]),
@@ -40,5 +39,5 @@ const B = /* @__PURE__ */ c({
   }
 });
 export {
-  B as _
+  C as _
 };

package/dist/_shared/{Modal.vue_vue_type_script_setup_true_lang-DBEOIZnO.js → Modal.vue_vue_type_script_setup_true_lang-CoHkAJj3.js}

@@ -1,6 +1,6 @@
 import { ref as C, computed as u, defineComponent as D, createBlock as L, openBlock as y, unref as t, withCtx as d, createVNode as n, withModifiers as T, createElementVNode as r, normalizeClass as I, createElementBlock as $, renderSlot as s, createCommentVNode as N, createTextVNode as R, toDisplayString as S } from "vue";
 import { TransitionRoot as V, Dialog as h, TransitionChild as g, DialogPanel as A, DialogTitle as B } from "@headlessui/vue";
-import { _ as E } from "./ButtonBase.vue_vue_type_script_setup_true_lang-B0YsKehI.js";
+import { _ as E } from "./ButtonBase.vue_vue_type_script_setup_true_lang-DeflHqux.js";
 import { r as w } from "./XMarkIcon-90mcPzBs.js";
 function H(m) {
   const f = C(null), p = C(!1), l = u(() => m.as === "form"), b = u(() => `${m.id}-title`), v = u(() => `${m.id}-content`), c = u(() => {
@@ -74,14 +74,13 @@ const M = {
               onBeforeEnter: o[0] || (o[0] = (a) => l("modal:open")),
               onAfterEnter: o[1] || (o[1] = (a) => l("modal:opened"))
             }, {
-              default: d(() => o[9] || (o[9] = [
+              default: d(() => [...o[9] || (o[9] = [
                 r("div", {
                   "aria-hidden": "true",
                   class: "rvc-modal-backdrop"
                 }, null, -1)
-              ])),
-              _: 1,
-              __: [9]
+              ])]),
+              _: 1
             }),
             r("div", M, [
               r("div", q, [

package/dist/_shared/{RichTextEditor.vue_vue_type_script_setup_true_lang-Bs4WdJhA.js → RichTextEditor.vue_vue_type_script_setup_true_lang-CIVhqJtE.js}

@@ -3,7 +3,7 @@ import { useEditor as N, EditorContent as O } from "@tiptap/vue-3";
 import T from "@tiptap/starter-kit";
 import { _ as z } from "./Tooltip.vue_vue_type_script_setup_true_lang-CoydN9sS.js";
 import { _ as D } from "./FormInput.vue_vue_type_script_setup_true_lang-BhJpG-Fw.js";
-import { _ as I } from "./Modal.vue_vue_type_script_setup_true_lang-DBEOIZnO.js";
+import { _ as I } from "./Modal.vue_vue_type_script_setup_true_lang-CoHkAJj3.js";
 function q(r, d) {
   return o(), n("svg", {
     xmlns: "http://www.w3.org/2000/svg",

package/dist/_shared/{Tabs.vue_vue_type_script_setup_true_lang-CsGx6wBK.js → Tabs.vue_vue_type_script_setup_true_lang-BgOTdYXd.js}

@@ -1,7 +1,7 @@
 import { createElementBlock as n, openBlock as a, createElementVNode as c, defineComponent as C, Fragment as k, renderList as w, renderSlot as u, createTextVNode as M, toDisplayString as g, createVNode as L, unref as h, normalizeClass as b, createBlock as B, resolveDynamicComponent as P, withCtx as I, createCommentVNode as $, computed as S, useAttrs as z, ref as _, withDirectives as O, mergeProps as y, vModelDynamic as E, normalizeProps as H, guardReactiveProps as R, vModelSelect as U, vModelText as Z } from "vue";
 import { r as K } from "./XMarkIcon-90mcPzBs.js";
 import { u as N } from "./FormInput.vue_vue_type_script_setup_true_lang-BhJpG-Fw.js";
-import { S as q } from "./icon-spinner-CmxIOqaK.js";
+import { S as q } from "./icon-spinner-CP0VP_YM.js";
 import { r as G } from "./ChevronDownIcon-DaaXfD3C.js";
 function J(f, s) {
   return a(), n("svg", {

package/dist/_shared/{Toast.vue_vue_type_script_setup_true_lang-FEeRXoIx.js → Toast.vue_vue_type_script_setup_true_lang-Be3i_0zE.js}

@@ -1,7 +1,10 @@
-import { defineComponent as d, onMounted as h, watch as w, createBlock as a, openBlock as o, unref as r, withCtx as i, resolveDynamicComponent as c, normalizeClass as y, renderSlot as s, createElementVNode as m, createCommentVNode as u, toDisplayString as C, createElementBlock as $, createVNode as b } from "vue";
-import { TransitionRoot as k } from "@headlessui/vue";
+import { defineComponent as d, onMounted as y, watch as h, createBlock as a, openBlock as e, unref as i, withCtx as c, resolveDynamicComponent as m, normalizeClass as w, renderSlot as s, createElementVNode as C, createCommentVNode as n, createElementBlock as u, toDisplayString as $, createVNode as k } from "vue";
+import { TransitionRoot as b } from "@headlessui/vue";
 import { r as B } from "./XMarkIcon-90mcPzBs.js";
-const T = { class: "rvc-toast-title" }, S = /* @__PURE__ */ d({
+const T = {
+  key: 0,
+  class: "rvc-toast-title"
+}, S = /* @__PURE__ */ d({
   __name: "Toast",
   props: {
     show: { type: Boolean, default: !1 },
@@ -15,16 +18,16 @@ const T = { class: "rvc-toast-title" }, S = /* @__PURE__ */ d({
   },
   emits: ["toast:close"],
   setup(f, { emit: p }) {
-    const e = f, v = p, n = () => {
-      e.timeout && e.show && setTimeout(() => {
+    const o = f, v = p, l = () => {
+      o.timeout && o.show && setTimeout(() => {
         v("toast:close");
-      }, e.timeout);
+      }, o.timeout);
     };
-    return h(() => {
-      n();
-    }), w(() => e.show, (t) => {
-      t && n();
-    }), (t, l) => (o(), a(r(k), {
+    return y(() => {
+      l();
+    }), h(() => o.show, (t) => {
+      t && l();
+    }), (t, r) => (e(), a(i(b), {
       show: t.show,
       as: "template",
       enter: "rvc-toast-transition-enter",
@@ -34,33 +37,33 @@ const T = { class: "rvc-toast-title" }, S = /* @__PURE__ */ d({
       "leave-from": "rvc-toast-transition-leave-from",
       "leave-to": "rvc-toast-transition-leave-to"
     }, {
-      default: i(() => [
-        (o(), a(c(t.as), {
-          class: y(["rvc-toast", `rvc-toast-${t.position}`, `rvc-toast-${t.type}`, { "rvc-toast-open": t.show }])
+      default: c(() => [
+        (e(), a(m(t.as), {
+          class: w(["rvc-toast", `rvc-toast-${t.position}`, `rvc-toast-${t.type}`, { "rvc-toast-open": t.show }])
         }, {
-          default: i(() => [
+          default: c(() => [
             s(t.$slots, "icon", {}, () => [
-              t.icon ? (o(), a(c(t.icon), {
+              t.icon ? (e(), a(m(t.icon), {
                 key: 0,
                 class: "rvc-toast-icon"
-              })) : u("", !0)
+              })) : n("", !0)
             ]),
-            m("div", null, [
+            C("div", null, [
               s(t.$slots, "title", {}, () => [
-                m("span", T, C(t.title), 1)
+                t.title ? (e(), u("span", T, $(t.title), 1)) : n("", !0)
               ]),
               s(t.$slots, "default")
             ]),
             s(t.$slots, "close", {}, () => [
-              t.showClose ? (o(), $("button", {
+              t.showClose ? (e(), u("button", {
                 key: 0,
                 type: "button",
                 class: "rvc-toast-close",
                 "aria-label": "Close",
-                onClick: l[0] || (l[0] = (N) => t.$emit("toast:close"))
+                onClick: r[0] || (r[0] = (N) => t.$emit("toast:close"))
               }, [
-                b(r(B))
-              ])) : u("", !0)
+                k(i(B))
+              ])) : n("", !0)
             ])
           ]),
           _: 3

package/dist/_shared/{icon-spinner-CmxIOqaK.js → icon-spinner-CP0VP_YM.js}

@@ -5,7 +5,7 @@ const n = {
   viewBox: "0 0 24 24"
 };
 function l(c, e) {
-  return t(), o("svg", n, e[0] || (e[0] = [
+  return t(), o("svg", n, [...e[0] || (e[0] = [
     r("circle", {
       cx: "12",
       cy: "12",
@@ -18,7 +18,7 @@ function l(c, e) {
       fill: "currentColor",
       d: "M4 12a8 8 0 0 1 8-8V0C5.373 0 0 5.373 0 12zm2 5.291A7.96 7.96 0 0 1 4 12H0c0 3.042 1.135 5.824 3 7.938z"
     }, null, -1)
-  ]));
+  ])]);
 }
 const s = { render: l };
 export {

package/dist/combobox/index.js

@@ -1,4 +1,4 @@
-import { _ as a } from "../_shared/Combobox.vue_vue_type_script_setup_true_lang-D1vKMJok.js";
+import { _ as a } from "../_shared/Combobox.vue_vue_type_script_setup_true_lang-CP3x2DUA.js";
 export {
   a as Combobox,
   a as default

package/dist/combobox.d.ts

@@ -1,4 +1,132 @@
-import { default as Combobox } from './components/Combobox.vue';
-export type { ComboboxProps, ComboboxModelValue, ComboboxSize } from './components/Combobox.vue';
-export { Combobox };
-export default Combobox;
+import { ComponentOptionsMixin } from 'vue';
+import { ComponentProvideOptions } from 'vue';
+import { DefineComponent } from 'vue';
+import { FunctionalComponent } from 'vue';
+import { HTMLAttributes } from 'vue';
+import { PublicProps } from 'vue';
+import { SVGAttributes } from 'vue';
+import { VNodeProps } from 'vue';
+
+declare const __VLS_component: DefineComponent<ComboboxProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
+"update:modelValue": (value: ComboboxModelValue) => any;
+"update:requestParams": (value: Record<string, unknown>) => any;
+"combobox:noResults": (value: string | null) => any;
+"combobox:error": (error: unknown) => any;
+}, string, PublicProps, Readonly<ComboboxProps> & Readonly<{
+"onUpdate:modelValue"?: ((value: ComboboxModelValue) => any) | undefined;
+"onUpdate:requestParams"?: ((value: Record<string, unknown>) => any) | undefined;
+"onCombobox:noResults"?: ((value: string | null) => any) | undefined;
+"onCombobox:error"?: ((error: unknown) => any) | undefined;
+}>, {
+icon: Icon | null;
+size: ComboboxSize;
+modelValue: ComboboxModelValue;
+rootClass: string;
+prefixIcon: Icon | null;
+disabled: boolean;
+endpoint: string;
+requestParams: Record<string, unknown>;
+manualInput: boolean;
+responseData: (data: unknown) => unknown[];
+displayValue: (item: unknown) => string | null;
+optionText: (option: unknown) => string | null;
+minLength: number;
+itemKey: string;
+clearable: boolean;
+rootAttrs: Record<string, unknown>;
+multiple: boolean;
+onSearch: (value: string | null, params: Record<string, unknown>, endpoint?: string) => Promise<{
+data: unknown;
+error?: unknown;
+cancel?: () => void;
+}>;
+searchOnly: boolean;
+debounce: number;
+minLoadingTime: number;
+onCancel: (cancelToken: (() => void) | null) => void;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        prefixIcon?(_: {
+            icon: Icon;
+        }): any;
+        spinner?(_: {
+            spinning: true;
+        }): any;
+        icon?(_: {
+            icon: Icon | null;
+        }): any;
+        clear?(_: {}): any;
+        chip?(_: {
+            optionText: string | null;
+            option: any;
+            removeOption: (option: Record<string, unknown>) => void;
+        }): any;
+        option?(_: {
+            option: unknown;
+            isActive: (value: number | string) => boolean;
+        }): any;
+        optionPrefix?(_: {
+            option: unknown;
+            isActive: (value: number | string) => boolean;
+        }): any;
+        optionSuffix?(_: {
+            option: unknown;
+            isActive: (value: number | string) => boolean;
+        }): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+
+declare type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+
+declare type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+
+declare type ComboboxModelValue = object | Array<unknown> | null;
+
+declare interface ComboboxProps {
+    id: string;
+    rootClass?: string;
+    modelValue?: ComboboxModelValue;
+    endpoint?: string;
+    requestParams?: Record<string, unknown>;
+    manualInput?: boolean;
+    responseData?: (data: unknown) => unknown[];
+    displayValue?: (item: unknown) => string | null;
+    optionText?: (option: unknown) => string | null;
+    disabled?: boolean;
+    minLength?: number;
+    itemKey?: string;
+    clearable?: boolean;
+    rootAttrs?: Record<string, unknown>;
+    multiple?: boolean;
+    onSearch?: (value: string | null, params: Record<string, unknown>, endpoint?: string) => Promise<{
+        data: unknown;
+        error?: unknown;
+        cancel?: () => void;
+    }>;
+    searchOnly?: boolean;
+    icon?: Icon | null;
+    prefixIcon?: Icon | null;
+    size?: ComboboxSize;
+    debounce?: number;
+    minLoadingTime?: number;
+    onCancel?: (cancelToken: (() => void) | null) => void;
+}
+
+declare type ComboboxSize = 'sm' | 'base';
+
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export { _default as Combobox }
+export default _default;
+
+declare type Icon = FunctionalComponent<SVGAttributes & HTMLAttributes & VNodeProps>;
+
+export { }

package/dist/core/index.js

@@ -1,6 +1,6 @@
-import { _ as e, a as s, b as t, c as r, d as m, e as p, f as x, g as c, h as f, i } from "../_shared/Tabs.vue_vue_type_script_setup_true_lang-CsGx6wBK.js";
+import { _ as e, a as s, b as t, c as r, d as m, e as p, f as x, g as c, h as f, i } from "../_shared/Tabs.vue_vue_type_script_setup_true_lang-BgOTdYXd.js";
 import { _ as b } from "../_shared/ChevronDownIcon-DaaXfD3C.js";
-import { _ } from "../_shared/ButtonBase.vue_vue_type_script_setup_true_lang-B0YsKehI.js";
+import { _ } from "../_shared/ButtonBase.vue_vue_type_script_setup_true_lang-DeflHqux.js";
 import { _ as l } from "../_shared/FormInput.vue_vue_type_script_setup_true_lang-BhJpG-Fw.js";
 export {
   e as Accordion,