@robuust-digital/vue-components 2.6.4 → 2.6.6

package/CHANGELOG.md

@@ -1,3 +1,23 @@
+## 2.6.6 (06-05-2026)
+
+### Fixed
+
+* `Dialogs`: Detect Inertia `Form` components in dialog `isForm` handling so submit actions behave like native forms
+
+## 2.6.5 (05-05-2026)
+
+### Added
+
+* `Dropdown`: Added open-state synchronization and external close support for coordinating sibling dropdowns
+
+### Updated
+
+* `Dropdown` docs: Documented open-state synchronization and the Headless UI programmatic open limitation
+
+### Fixed
+
+* `Build`: Pin TypeScript to a compatible version so declaration files are generated non-empty again
+
 ## 2.6.4 (20-04-2026)
 
 ### Added

package/dist/_shared/{Drawer.vue_vue_type_script_setup_true_lang-DjP68vua.js → Drawer.vue_vue_type_script_setup_true_lang-DeAu2U_2.js}

@@ -1,7 +1,7 @@
 import { defineComponent as E, openBlock as v, createBlock as k, unref as e, withCtx as d, createVNode as s, withModifiers as T, createElementVNode as o, normalizeClass as m, renderSlot as i, createElementBlock as p, createTextVNode as F, toDisplayString as L, createCommentVNode as g } from "vue";
 import { TransitionRoot as I, Dialog as N, TransitionChild as C, DialogPanel as R, DialogTitle as u } from "@headlessui/vue";
 import { _ as $ } from "./ButtonBase.vue_vue_type_script_setup_true_lang-ZYVNEyNx.js";
-import { u as V } from "./Modal.vue_vue_type_script_setup_true_lang-MN3D46CX.js";
+import { u as V } from "./Modal.vue_vue_type_script_setup_true_lang-CdMsCCBi.js";
 import { r as B } from "./XMarkIcon-CPr_Rd8y.js";
 const A = {
   class: "rvc-drawer-presentation",

package/dist/_shared/Dropdown.vue_vue_type_script_setup_true_lang-Cv3HwIyF.js

@@ -0,0 +1,150 @@
+import { openBlock as r, createElementBlock as k, createElementVNode as D, defineComponent as w, watch as b, createBlock as d, unref as o, normalizeClass as g, withCtx as s, createVNode as i, renderSlot as c, mergeProps as B, Transition as A, Fragment as L, renderList as N, resolveDynamicComponent as y, createCommentVNode as O, createTextVNode as V, toDisplayString as x } from "vue";
+import { Menu as I, MenuButton as C, MenuItems as Z, MenuItem as h } from "@headlessui/vue";
+import { _ as q } from "./ButtonBase.vue_vue_type_script_setup_true_lang-ZYVNEyNx.js";
+function E(t, u) {
+  return r(), k("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true",
+    "data-slot": "icon"
+  }, [
+    D("path", { d: "M10 3a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3ZM10 8.5a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3ZM11.5 15.5a1.5 1.5 0 1 0-3 0 1.5 1.5 0 0 0 3 0Z" })
+  ]);
+}
+const z = /* @__PURE__ */ w({
+  inheritAttrs: !1,
+  __name: "Dropdown",
+  props: {
+    items: {},
+    alignLeft: { type: Boolean, default: !1 },
+    fullWidth: { type: Boolean, default: !1 },
+    label: { default: "Options" },
+    open: { type: [Boolean, null], default: null },
+    rootClass: { default: "" }
+  },
+  emits: ["dropdown:click", "update:open"],
+  setup(t, { emit: u }) {
+    const m = u, M = w({
+      name: "DropdownMenuStateBridge",
+      props: {
+        close: {
+          type: Function,
+          required: !0
+        },
+        menuOpen: {
+          type: Boolean,
+          required: !0
+        },
+        open: {
+          type: Boolean,
+          default: null
+        }
+      },
+      emits: ["update:open"],
+      setup(n, { emit: a }) {
+        return b(
+          () => n.menuOpen,
+          (l) => a("update:open", l)
+        ), b(
+          () => n.open,
+          (l) => {
+            l === !1 && n.menuOpen && n.close();
+          }
+        ), () => null;
+      }
+    }), $ = (n) => {
+      const {
+        as: a,
+        bindAs: l,
+        event: p,
+        icon: e,
+        name: f,
+        ...v
+      } = n;
+      return v;
+    };
+    return (n, a) => (r(), d(o(I), {
+      as: "div",
+      class: g(["rvc-dropdown", t.rootClass])
+    }, {
+      default: s(({ open: l, close: p }) => [
+        i(o(M), {
+          open: t.open,
+          "menu-open": l,
+          close: p,
+          "onUpdate:open": a[0] || (a[0] = (e) => m("update:open", e))
+        }, null, 8, ["open", "menu-open", "close"]),
+        c(n.$slots, "button", {
+          label: t.label,
+          button: o(C)
+        }, () => [
+          i(o(C), B({
+            as: q,
+            label: t.label,
+            color: "light",
+            icon: o(E),
+            "icon-left": t.alignLeft
+          }, n.$attrs), null, 16, ["label", "icon", "icon-left"])
+        ]),
+        i(A, {
+          "enter-active-class": "rvc-dropdown-transition-enter",
+          "enter-from-class": "rvc-dropdown-transition-enter-from",
+          "enter-to-class": "rvc-dropdown-transition-enter-to",
+          "leave-active-class": "rvc-dropdown-transition-leave",
+          "leave-from-class": "rvc-dropdown-transition-leave-from",
+          "leave-to-class": "rvc-dropdown-transition-leave-to"
+        }, {
+          default: s(() => [
+            i(o(Z), {
+              class: g([
+                "rvc-dropdown-items",
+                {
+                  "rvc-dropdown-items-left": t.alignLeft,
+                  "rvc-dropdown-items-full": t.fullWidth
+                }
+              ])
+            }, {
+              default: s(() => [
+                c(n.$slots, "items", {
+                  items: t.items,
+                  menuItem: o(h)
+                }, () => [
+                  (r(!0), k(L, null, N(t.items, (e, f) => (r(), d(o(h), {
+                    key: `${f}-dropdown-item`,
+                    as: "template"
+                  }, {
+                    default: s(() => [
+                      c(n.$slots, "item", { item: e }, () => [
+                        (r(), d(y(e.as ? e.as : "button"), B({ class: "rvc-dropdown-item" }, { ref_for: !0 }, $(e), {
+                          as: e.bindAs ? e.bindAs : void 0,
+                          onClick: (v) => (m("dropdown:click", e), e.event ? e.event() : null)
+                        }), {
+                          default: s(() => [
+                            e.icon ? (r(), d(y(e.icon), {
+                              key: 0,
+                              class: "rvc-dropdown-item-icon"
+                            })) : O("", !0),
+                            V(" " + x(e.name), 1)
+                          ]),
+                          _: 2
+                        }, 1040, ["as", "onClick"]))
+                      ])
+                    ]),
+                    _: 2
+                  }, 1024))), 128))
+                ])
+              ]),
+              _: 3
+            }, 8, ["class"])
+          ]),
+          _: 3
+        })
+      ]),
+      _: 3
+    }, 8, ["class"]));
+  }
+});
+export {
+  z as _
+};

package/dist/_shared/Modal.vue_vue_type_script_setup_true_lang-CdMsCCBi.js

@@ -0,0 +1,203 @@
+import { ref as $, computed as y, defineComponent as L, openBlock as p, createBlock as I, unref as t, withCtx as c, createVNode as i, withModifiers as N, createElementVNode as d, normalizeClass as T, renderSlot as s, createElementBlock as w, createTextVNode as h, toDisplayString as D, createCommentVNode as R } from "vue";
+import { TransitionRoot as S, Dialog as V, TransitionChild as B, DialogPanel as M, DialogTitle as g } from "@headlessui/vue";
+import { _ as E } from "./ButtonBase.vue_vue_type_script_setup_true_lang-ZYVNEyNx.js";
+import { r as F } from "./XMarkIcon-CPr_Rd8y.js";
+function A(e) {
+  const u = $(null), C = $(!1), a = y(() => {
+    if (typeof e.as == "string")
+      return e.as.toLowerCase() === "form";
+    const r = e.as, m = r.name ?? r.__name;
+    return (typeof m == "string" ? m.toLowerCase() : "") === "form";
+  }), b = y(() => `${e.id}-title`), f = y(() => `${e.id}-content`), v = y(() => u.value?.querySelector('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'));
+  return {
+    contentRef: u,
+    ready: C,
+    isForm: a,
+    titleId: b,
+    descriptionId: f,
+    initialFocusElement: v
+  };
+}
+const H = {
+  role: "presentation",
+  class: "rvc-modal-presentation"
+}, q = { class: "rvc-modal-container" }, x = {
+  key: 0,
+  class: "rvc-modal-header"
+}, z = { class: "rvc-modal-header-inner" }, P = { class: "rvc-modal-close-wrapper" }, j = ["id"], G = {
+  key: 2,
+  class: "rvc-modal-footer"
+}, U = /* @__PURE__ */ L({
+  __name: "Modal",
+  props: {
+    as: { default: "div" },
+    id: {},
+    title: {},
+    showClose: { type: Boolean, default: !1 },
+    spinning: { type: Boolean, default: !1 },
+    submitLabel: { default: "Confirm" },
+    cancelLabel: { default: "Cancel" },
+    panelClass: { default: "rvc-modal-panel-max-width" },
+    resetHeader: { type: Boolean, default: !1 },
+    resetFooter: { type: Boolean, default: !1 }
+  },
+  emits: ["modal:open", "modal:opened", "modal:close", "modal:save", "modal:closed"],
+  setup(e, { emit: u }) {
+    const C = e, a = u, {
+      contentRef: b,
+      ready: f,
+      isForm: v,
+      titleId: r,
+      descriptionId: m,
+      initialFocusElement: k
+    } = A(C);
+    return (n, o) => (p(), I(t(S), { as: "template" }, {
+      default: c(() => [
+        i(t(V), {
+          as: e.as,
+          class: "rvc-modal",
+          static: "",
+          "aria-modal": "true",
+          role: "dialog",
+          "initial-focus": t(k),
+          "aria-labelledby": t(r),
+          onClose: o[7] || (o[7] = (l) => a("modal:close")),
+          onSubmit: o[8] || (o[8] = N((l) => a("modal:save", l), ["prevent"]))
+        }, {
+          default: c(() => [
+            i(t(B), {
+              as: "template",
+              enter: "rvc-modal-backdrop-transition-enter",
+              "enter-from": "rvc-modal-backdrop-transition-enter-from",
+              "enter-to": "rvc-modal-backdrop-transition-enter-to",
+              leave: "rvc-modal-backdrop-transition-leave",
+              "leave-from": "rvc-modal-backdrop-transition-leave-from",
+              "leave-to": "rvc-modal-backdrop-transition-leave-to",
+              onBeforeEnter: o[0] || (o[0] = (l) => a("modal:open")),
+              onAfterEnter: o[1] || (o[1] = (l) => a("modal:opened"))
+            }, {
+              default: c(() => [...o[9] || (o[9] = [
+                d("div", {
+                  "aria-hidden": "true",
+                  class: "rvc-modal-backdrop"
+                }, null, -1)
+              ])]),
+              _: 1
+            }),
+            d("div", H, [
+              d("div", q, [
+                i(t(B), {
+                  as: "template",
+                  enter: "rvc-modal-transition-enter",
+                  "enter-from": "rvc-modal-transition-enter-from",
+                  "enter-to": "rvc-modal-transition-enter-to",
+                  leave: "rvc-modal-transition-leave",
+                  "leave-from": "rvc-modal-transition-leave-from",
+                  "leave-to": "rvc-modal-transition-leave-to",
+                  onBeforeEnter: o[5] || (o[5] = (l) => f.value = !0),
+                  onAfterLeave: o[6] || (o[6] = (l) => (f.value = !1, a("modal:closed")))
+                }, {
+                  default: c(() => [
+                    i(t(M), {
+                      class: T(["rvc-modal-panel", e.panelClass]),
+                      "aria-busy": e.spinning,
+                      "aria-describedby": t(m)
+                    }, {
+                      default: c(() => [
+                        s(n.$slots, "panel", {
+                          title: e.title,
+                          loading: e.spinning,
+                          isForm: t(v),
+                          titleId: t(r),
+                          descriptionId: t(m),
+                          contentRef: t(b),
+                          dialogTitle: t(g),
+                          emitClose: () => a("modal:close"),
+                          emitSave: (l = void 0) => a("modal:save", l)
+                        }, () => [
+                          e.resetHeader ? s(n.$slots, "header", { key: 1 }) : (p(), w("header", x, [
+                            s(n.$slots, "header", {
+                              title: e.title,
+                              showClose: e.showClose
+                            }, () => [
+                              d("div", z, [
+                                s(n.$slots, "title", {
+                                  id: t(r),
+                                  dialogTitle: t(g),
+                                  title: e.title
+                                }, () => [
+                                  i(t(g), {
+                                    id: t(r),
+                                    class: "rvc-modal-title"
+                                  }, {
+                                    default: c(() => [
+                                      h(D(e.title), 1)
+                                    ]),
+                                    _: 1
+                                  }, 8, ["id"])
+                                ]),
+                                e.showClose ? s(n.$slots, "close", {
+                                  key: 0,
+                                  icon: t(F),
+                                  emitClose: () => a("modal:close")
+                                }, () => [
+                                  d("div", P, [
+                                    d("button", {
+                                      type: "button",
+                                      class: "rvc-modal-close",
+                                      "aria-label": "Close panel",
+                                      onClick: o[2] || (o[2] = (l) => a("modal:close"))
+                                    }, [
+                                      i(t(F), { "aria-hidden": "true" })
+                                    ])
+                                  ])
+                                ]) : R("", !0)
+                              ])
+                            ])
+                          ])),
+                          d("div", {
+                            id: t(m),
+                            ref_key: "contentRef",
+                            ref: b,
+                            class: "rvc-modal-content"
+                          }, [
+                            s(n.$slots, "default", { ready: t(f) })
+                          ], 8, j),
+                          e.resetFooter ? s(n.$slots, "footer", { key: 3 }) : (p(), w("footer", G, [
+                            s(n.$slots, "footer", { loading: e.spinning }, () => [
+                              i(E, {
+                                type: t(v) ? "submit" : "button",
+                                label: e.submitLabel,
+                                spinning: e.spinning,
+                                disabled: e.spinning,
+                                onClick: o[3] || (o[3] = (l) => !t(v) && a("modal:save"))
+                              }, null, 8, ["type", "label", "spinning", "disabled"]),
+                              i(E, {
+                                type: "button",
+                                color: "light",
+                                label: e.cancelLabel,
+                                onClick: o[4] || (o[4] = (l) => a("modal:close"))
+                              }, null, 8, ["label"])
+                            ])
+                          ]))
+                        ])
+                      ]),
+                      _: 3
+                    }, 8, ["class", "aria-busy", "aria-describedby"])
+                  ]),
+                  _: 3
+                })
+              ])
+            ])
+          ]),
+          _: 3
+        }, 8, ["as", "initial-focus", "aria-labelledby"])
+      ]),
+      _: 3
+    }));
+  }
+});
+export {
+  U as _,
+  A as u
+};

package/dist/_shared/{RichTextEditor.vue_vue_type_script_setup_true_lang-t14vKtCW.js → RichTextEditor.vue_vue_type_script_setup_true_lang-Miebq2nL.js}

@@ -3,7 +3,7 @@ import { useEditor as N, EditorContent as T } from "@tiptap/vue-3";
 import j from "@tiptap/starter-kit";
 import { _ as z } from "./Tooltip.vue_vue_type_script_setup_true_lang-B3MHy48T.js";
 import { _ as D } from "./FormInput.vue_vue_type_script_setup_true_lang-Bg7YPGyY.js";
-import { _ as I } from "./Modal.vue_vue_type_script_setup_true_lang-MN3D46CX.js";
+import { _ as I } from "./Modal.vue_vue_type_script_setup_true_lang-CdMsCCBi.js";
 function q(n, c) {
   return s(), r("svg", {
     xmlns: "http://www.w3.org/2000/svg",

package/dist/dialogs/index.js

@@ -1,5 +1,5 @@
-import { _ as a } from "../_shared/Drawer.vue_vue_type_script_setup_true_lang-DjP68vua.js";
-import { _ as f } from "../_shared/Modal.vue_vue_type_script_setup_true_lang-MN3D46CX.js";
+import { _ as a } from "../_shared/Drawer.vue_vue_type_script_setup_true_lang-DeAu2U_2.js";
+import { _ as f } from "../_shared/Modal.vue_vue_type_script_setup_true_lang-CdMsCCBi.js";
 export {
   a as Drawer,
   f as Modal

package/dist/dialogs.d.ts

@@ -1,4 +1,5 @@
 import { AllowedComponentProps } from 'vue';
+import { Component } from 'vue';
 import { ComponentCustomProps } from 'vue';
 import { ComponentOptionsMixin } from 'vue';
 import { ComponentProvideOptions } from 'vue';
@@ -25,7 +26,7 @@ declare const __VLS_component: DefineComponent<DrawerProps, {}, {}, {}, {}, Comp
 "onDrawer:save"?: ((event?: Event | undefined) => any) | undefined;
 "onDrawer:closed"?: (() => any) | undefined;
 }>, {
-as: string;
+as: string | Component;
 spinning: boolean;
 showClose: boolean;
 scrolledDown: boolean;
@@ -52,7 +53,7 @@ declare const __VLS_component_2: DefineComponent<ModalProps, {}, {}, {}, {}, Com
 "onModal:save"?: ((event?: Event | undefined) => any) | undefined;
 "onModal:closed"?: (() => any) | undefined;
 }>, {
-as: string;
+as: string | Component;
 spinning: boolean;
 showClose: boolean;
 submitLabel: string;
@@ -267,7 +268,7 @@ declare type __VLS_WithTemplateSlots_2<T, S> = T & {
 export declare const Drawer: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 
 declare interface DrawerProps {
-    as?: string;
+    as?: string | Component;
     id: string;
     title: string;
     showClose?: boolean;
@@ -284,7 +285,7 @@ declare interface DrawerProps {
 export declare const Modal: __VLS_WithTemplateSlots_2<typeof __VLS_component_2, __VLS_TemplateResult_2["slots"]>;
 
 declare interface ModalProps {
-    as?: string;
+    as?: string | Component;
     id: string;
     title: string;
     showClose?: boolean;

package/dist/dropdown/index.js

@@ -1,4 +1,4 @@
-import { _ as o } from "../_shared/Dropdown.vue_vue_type_script_setup_true_lang-L_lQEUBC.js";
+import { _ as o } from "../_shared/Dropdown.vue_vue_type_script_setup_true_lang-Cv3HwIyF.js";
 export {
   o as Dropdown,
   o as default

package/dist/dropdown.d.ts

@@ -15,10 +15,13 @@ import { VNodeProps } from 'vue';
 
 declare const __VLS_component: DefineComponent<DropdownProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
 "dropdown:click": (item: DropdownItem) => any;
+"update:open": (value: boolean) => any;
 }, string, PublicProps, Readonly<DropdownProps> & Readonly<{
 "onDropdown:click"?: ((item: DropdownItem) => any) | undefined;
+"onUpdate:open"?: ((value: boolean) => any) | undefined;
 }>, {
 label: string;
+open: boolean | null;
 rootClass: string;
 alignLeft: boolean;
 fullWidth: boolean;
@@ -137,6 +140,7 @@ declare interface DropdownProps {
     alignLeft?: boolean;
     fullWidth?: boolean;
     label?: string;
+    open?: boolean | null;
     rootClass?: string;
 }
 

package/dist/index/index.js

@@ -3,11 +3,11 @@ import { _ as d } from "../_shared/ChevronDownIcon-BYWciGnh.js";
 import { _ as n } from "../_shared/ButtonBase.vue_vue_type_script_setup_true_lang-ZYVNEyNx.js";
 import { _ as h } from "../_shared/FormInput.vue_vue_type_script_setup_true_lang-Bg7YPGyY.js";
 import { _ as g } from "../_shared/Combobox.vue_vue_type_script_setup_true_lang-BwTRzqr6.js";
-import { _ as B } from "../_shared/Drawer.vue_vue_type_script_setup_true_lang-DjP68vua.js";
-import { _ as F } from "../_shared/Modal.vue_vue_type_script_setup_true_lang-MN3D46CX.js";
-import { _ as A } from "../_shared/Dropdown.vue_vue_type_script_setup_true_lang-L_lQEUBC.js";
+import { _ as B } from "../_shared/Drawer.vue_vue_type_script_setup_true_lang-DeAu2U_2.js";
+import { _ as F } from "../_shared/Modal.vue_vue_type_script_setup_true_lang-CdMsCCBi.js";
+import { _ as A } from "../_shared/Dropdown.vue_vue_type_script_setup_true_lang-Cv3HwIyF.js";
 import { _ as E } from "../_shared/Lightswitch.vue_vue_type_script_setup_true_lang-hiuDVfo5.js";
-import { _ as S } from "../_shared/RichTextEditor.vue_vue_type_script_setup_true_lang-t14vKtCW.js";
+import { _ as S } from "../_shared/RichTextEditor.vue_vue_type_script_setup_true_lang-Miebq2nL.js";
 import { _ as y } from "../_shared/Toast.vue_vue_type_script_setup_true_lang-DS6keeu7.js";
 import { _ as L } from "../_shared/Tooltip.vue_vue_type_script_setup_true_lang-B3MHy48T.js";
 export {

package/dist/index.d.ts

@@ -1,5 +1,6 @@
 import { AlignedPlacement } from '@floating-ui/vue';
 import { AllowedComponentProps } from 'vue';
+import { Component } from 'vue';
 import { ComponentCustomProps } from 'vue';
 import { ComponentOptionsMixin } from 'vue';
 import { ComponentProvideOptions } from 'vue';
@@ -98,7 +99,7 @@ declare const __VLS_component_13: DefineComponent<DrawerProps, {}, {}, {}, {}, C
 "onDrawer:save"?: ((event?: Event | undefined) => any) | undefined;
 "onDrawer:closed"?: (() => any) | undefined;
 }>, {
-as: string;
+as: string | Component;
 spinning: boolean;
 showClose: boolean;
 scrolledDown: boolean;
@@ -125,7 +126,7 @@ declare const __VLS_component_14: DefineComponent<ModalProps, {}, {}, {}, {}, Co
 "onModal:save"?: ((event?: Event | undefined) => any) | undefined;
 "onModal:closed"?: (() => any) | undefined;
 }>, {
-as: string;
+as: string | Component;
 spinning: boolean;
 showClose: boolean;
 submitLabel: string;
@@ -139,10 +140,13 @@ contentRef: HTMLDivElement;
 
 declare const __VLS_component_15: DefineComponent<DropdownProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
 "dropdown:click": (item: DropdownItem) => any;
+"update:open": (value: boolean) => any;
 }, string, PublicProps, Readonly<DropdownProps> & Readonly<{
 "onDropdown:click"?: ((item: DropdownItem) => any) | undefined;
+"onUpdate:open"?: ((value: boolean) => any) | undefined;
 }>, {
 label: string;
+open: boolean | null;
 rootClass: string;
 alignLeft: boolean;
 fullWidth: boolean;
@@ -1215,7 +1219,7 @@ declare interface DataTableSortBy {
 export declare const Drawer: __VLS_WithTemplateSlots_13<typeof __VLS_component_13, __VLS_TemplateResult_13["slots"]>;
 
 declare interface DrawerProps {
-    as?: string;
+    as?: string | Component;
     id: string;
     title: string;
     showClose?: boolean;
@@ -1245,6 +1249,7 @@ declare interface DropdownProps {
     alignLeft?: boolean;
     fullWidth?: boolean;
     label?: string;
+    open?: boolean | null;
     rootClass?: string;
 }
 
@@ -1320,7 +1325,7 @@ declare interface LightswitchProps {
 export declare const Modal: __VLS_WithTemplateSlots_14<typeof __VLS_component_14, __VLS_TemplateResult_14["slots"]>;
 
 declare interface ModalProps {
-    as?: string;
+    as?: string | Component;
     id: string;
     title: string;
     showClose?: boolean;

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

@@ -1,4 +1,4 @@
-import { _ as t } from "../_shared/RichTextEditor.vue_vue_type_script_setup_true_lang-t14vKtCW.js";
+import { _ as t } from "../_shared/RichTextEditor.vue_vue_type_script_setup_true_lang-Miebq2nL.js";
 export {
   t as RichTextEditor,
   t as default

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@robuust-digital/vue-components",
-  "version": "2.6.4",
+  "version": "2.6.6",
   "type": "module",
   "publishConfig": {
     "access": "public"
@@ -142,7 +142,7 @@
     "stylelint-config-property-sort-order-smacss": "^11.1.0",
     "stylelint-config-standard": "^40.0.0",
     "tailwindcss": "^4.1.17",
-    "typescript": "^5.9.3",
+    "typescript": "5.9.3",
     "vite": "^7.2.2",
     "vite-plugin-dts": "^4.5.4",
     "vite-plugin-static-copy": "3.4.0",

package/dist/_shared/Dropdown.vue_vue_type_script_setup_true_lang-L_lQEUBC.js

@@ -1,115 +0,0 @@
-import { openBlock as r, createElementBlock as p, createElementVNode as B, defineComponent as M, createBlock as l, unref as n, normalizeClass as u, withCtx as a, renderSlot as s, createVNode as i, mergeProps as f, Transition as $, Fragment as y, renderList as A, resolveDynamicComponent as m, createCommentVNode as L, createTextVNode as N, toDisplayString as V } from "vue";
-import { Menu as x, MenuButton as v, MenuItems as D, MenuItem as w } from "@headlessui/vue";
-import { _ as I } from "./ButtonBase.vue_vue_type_script_setup_true_lang-ZYVNEyNx.js";
-function Z(t, c) {
-  return r(), p("svg", {
-    xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "0 0 20 20",
-    fill: "currentColor",
-    "aria-hidden": "true",
-    "data-slot": "icon"
-  }, [
-    B("path", { d: "M10 3a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3ZM10 8.5a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3ZM11.5 15.5a1.5 1.5 0 1 0-3 0 1.5 1.5 0 0 0 3 0Z" })
-  ]);
-}
-const z = /* @__PURE__ */ M({
-  inheritAttrs: !1,
-  __name: "Dropdown",
-  props: {
-    items: {},
-    alignLeft: { type: Boolean, default: !1 },
-    fullWidth: { type: Boolean, default: !1 },
-    label: { default: "Options" },
-    rootClass: { default: "" }
-  },
-  emits: ["dropdown:click"],
-  setup(t, { emit: c }) {
-    const b = c, g = (o) => {
-      const {
-        as: h,
-        bindAs: e,
-        event: d,
-        icon: C,
-        name: E,
-        ...k
-      } = o;
-      return k;
-    };
-    return (o, h) => (r(), l(n(x), {
-      as: "div",
-      class: u(["rvc-dropdown", t.rootClass])
-    }, {
-      default: a(() => [
-        s(o.$slots, "button", {
-          label: t.label,
-          button: n(v)
-        }, () => [
-          i(n(v), f({
-            as: I,
-            label: t.label,
-            color: "light",
-            icon: n(Z),
-            "icon-left": t.alignLeft
-          }, o.$attrs), null, 16, ["label", "icon", "icon-left"])
-        ]),
-        i($, {
-          "enter-active-class": "rvc-dropdown-transition-enter",
-          "enter-from-class": "rvc-dropdown-transition-enter-from",
-          "enter-to-class": "rvc-dropdown-transition-enter-to",
-          "leave-active-class": "rvc-dropdown-transition-leave",
-          "leave-from-class": "rvc-dropdown-transition-leave-from",
-          "leave-to-class": "rvc-dropdown-transition-leave-to"
-        }, {
-          default: a(() => [
-            i(n(D), {
-              class: u([
-                "rvc-dropdown-items",
-                {
-                  "rvc-dropdown-items-left": t.alignLeft,
-                  "rvc-dropdown-items-full": t.fullWidth
-                }
-              ])
-            }, {
-              default: a(() => [
-                s(o.$slots, "items", {
-                  items: t.items,
-                  menuItem: n(w)
-                }, () => [
-                  (r(!0), p(y, null, A(t.items, (e, d) => (r(), l(n(w), {
-                    key: `${d}-dropdown-item`,
-                    as: "template"
-                  }, {
-                    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), {
-                          as: e.bindAs ? e.bindAs : void 0,
-                          onClick: (C) => (b("dropdown:click", e), e.event ? e.event() : null)
-                        }), {
-                          default: a(() => [
-                            e.icon ? (r(), l(m(e.icon), {
-                              key: 0,
-                              class: "rvc-dropdown-item-icon"
-                            })) : L("", !0),
-                            N(" " + V(e.name), 1)
-                          ]),
-                          _: 2
-                        }, 1040, ["as", "onClick"]))
-                      ])
-                    ]),
-                    _: 2
-                  }, 1024))), 128))
-                ])
-              ]),
-              _: 3
-            }, 8, ["class"])
-          ]),
-          _: 3
-        })
-      ]),
-      _: 3
-    }, 8, ["class"]));
-  }
-});
-export {
-  z as _
-};

package/dist/_shared/Modal.vue_vue_type_script_setup_true_lang-MN3D46CX.js

@@ -1,198 +0,0 @@
-import { ref as k, computed as b, defineComponent as I, openBlock as C, createBlock as T, unref as e, withCtx as d, createVNode as i, withModifiers as h, createElementVNode as r, normalizeClass as D, renderSlot as s, createElementBlock as $, createTextVNode as L, toDisplayString as R, createCommentVNode as S } from "vue";
-import { TransitionRoot as N, Dialog as V, TransitionChild as B, DialogPanel as A, DialogTitle as g } from "@headlessui/vue";
-import { _ as w } from "./ButtonBase.vue_vue_type_script_setup_true_lang-ZYVNEyNx.js";
-import { r as E } from "./XMarkIcon-CPr_Rd8y.js";
-function H(t) {
-  const v = k(null), y = k(!1), l = b(() => t.as === "form"), f = b(() => `${t.id}-title`), m = b(() => `${t.id}-content`), c = b(() => v.value?.querySelector('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'));
-  return {
-    contentRef: v,
-    ready: y,
-    isForm: l,
-    titleId: f,
-    descriptionId: m,
-    initialFocusElement: c
-  };
-}
-const M = {
-  role: "presentation",
-  class: "rvc-modal-presentation"
-}, q = { class: "rvc-modal-container" }, x = {
-  key: 0,
-  class: "rvc-modal-header"
-}, z = { class: "rvc-modal-header-inner" }, P = { class: "rvc-modal-close-wrapper" }, j = ["id"], G = {
-  key: 2,
-  class: "rvc-modal-footer"
-}, U = /* @__PURE__ */ I({
-  __name: "Modal",
-  props: {
-    as: { default: "div" },
-    id: {},
-    title: {},
-    showClose: { type: Boolean, default: !1 },
-    spinning: { type: Boolean, default: !1 },
-    submitLabel: { default: "Confirm" },
-    cancelLabel: { default: "Cancel" },
-    panelClass: { default: "rvc-modal-panel-max-width" },
-    resetHeader: { type: Boolean, default: !1 },
-    resetFooter: { type: Boolean, default: !1 }
-  },
-  emits: ["modal:open", "modal:opened", "modal:close", "modal:save", "modal:closed"],
-  setup(t, { emit: v }) {
-    const y = t, l = v, {
-      contentRef: f,
-      ready: m,
-      isForm: c,
-      titleId: u,
-      descriptionId: p,
-      initialFocusElement: F
-    } = H(y);
-    return (n, o) => (C(), T(e(N), { as: "template" }, {
-      default: d(() => [
-        i(e(V), {
-          as: t.as,
-          class: "rvc-modal",
-          static: "",
-          "aria-modal": "true",
-          role: "dialog",
-          "initial-focus": e(F),
-          "aria-labelledby": e(u),
-          onClose: o[7] || (o[7] = (a) => l("modal:close")),
-          onSubmit: o[8] || (o[8] = h((a) => l("modal:save", a), ["prevent"]))
-        }, {
-          default: d(() => [
-            i(e(B), {
-              as: "template",
-              enter: "rvc-modal-backdrop-transition-enter",
-              "enter-from": "rvc-modal-backdrop-transition-enter-from",
-              "enter-to": "rvc-modal-backdrop-transition-enter-to",
-              leave: "rvc-modal-backdrop-transition-leave",
-              "leave-from": "rvc-modal-backdrop-transition-leave-from",
-              "leave-to": "rvc-modal-backdrop-transition-leave-to",
-              onBeforeEnter: o[0] || (o[0] = (a) => l("modal:open")),
-              onAfterEnter: o[1] || (o[1] = (a) => l("modal:opened"))
-            }, {
-              default: d(() => [...o[9] || (o[9] = [
-                r("div", {
-                  "aria-hidden": "true",
-                  class: "rvc-modal-backdrop"
-                }, null, -1)
-              ])]),
-              _: 1
-            }),
-            r("div", M, [
-              r("div", q, [
-                i(e(B), {
-                  as: "template",
-                  enter: "rvc-modal-transition-enter",
-                  "enter-from": "rvc-modal-transition-enter-from",
-                  "enter-to": "rvc-modal-transition-enter-to",
-                  leave: "rvc-modal-transition-leave",
-                  "leave-from": "rvc-modal-transition-leave-from",
-                  "leave-to": "rvc-modal-transition-leave-to",
-                  onBeforeEnter: o[5] || (o[5] = (a) => m.value = !0),
-                  onAfterLeave: o[6] || (o[6] = (a) => (m.value = !1, l("modal:closed")))
-                }, {
-                  default: d(() => [
-                    i(e(A), {
-                      class: D(["rvc-modal-panel", t.panelClass]),
-                      "aria-busy": t.spinning,
-                      "aria-describedby": e(p)
-                    }, {
-                      default: d(() => [
-                        s(n.$slots, "panel", {
-                          title: t.title,
-                          loading: t.spinning,
-                          isForm: e(c),
-                          titleId: e(u),
-                          descriptionId: e(p),
-                          contentRef: e(f),
-                          dialogTitle: e(g),
-                          emitClose: () => l("modal:close"),
-                          emitSave: (a = void 0) => l("modal:save", a)
-                        }, () => [
-                          t.resetHeader ? s(n.$slots, "header", { key: 1 }) : (C(), $("header", x, [
-                            s(n.$slots, "header", {
-                              title: t.title,
-                              showClose: t.showClose
-                            }, () => [
-                              r("div", z, [
-                                s(n.$slots, "title", {
-                                  id: e(u),
-                                  dialogTitle: e(g),
-                                  title: t.title
-                                }, () => [
-                                  i(e(g), {
-                                    id: e(u),
-                                    class: "rvc-modal-title"
-                                  }, {
-                                    default: d(() => [
-                                      L(R(t.title), 1)
-                                    ]),
-                                    _: 1
-                                  }, 8, ["id"])
-                                ]),
-                                t.showClose ? s(n.$slots, "close", {
-                                  key: 0,
-                                  icon: e(E),
-                                  emitClose: () => l("modal:close")
-                                }, () => [
-                                  r("div", P, [
-                                    r("button", {
-                                      type: "button",
-                                      class: "rvc-modal-close",
-                                      "aria-label": "Close panel",
-                                      onClick: o[2] || (o[2] = (a) => l("modal:close"))
-                                    }, [
-                                      i(e(E), { "aria-hidden": "true" })
-                                    ])
-                                  ])
-                                ]) : S("", !0)
-                              ])
-                            ])
-                          ])),
-                          r("div", {
-                            id: e(p),
-                            ref_key: "contentRef",
-                            ref: f,
-                            class: "rvc-modal-content"
-                          }, [
-                            s(n.$slots, "default", { ready: e(m) })
-                          ], 8, j),
-                          t.resetFooter ? s(n.$slots, "footer", { key: 3 }) : (C(), $("footer", G, [
-                            s(n.$slots, "footer", { loading: t.spinning }, () => [
-                              i(w, {
-                                type: e(c) ? "submit" : "button",
-                                label: t.submitLabel,
-                                spinning: t.spinning,
-                                disabled: t.spinning,
-                                onClick: o[3] || (o[3] = (a) => !e(c) && l("modal:save"))
-                              }, null, 8, ["type", "label", "spinning", "disabled"]),
-                              i(w, {
-                                type: "button",
-                                color: "light",
-                                label: t.cancelLabel,
-                                onClick: o[4] || (o[4] = (a) => l("modal:close"))
-                              }, null, 8, ["label"])
-                            ])
-                          ]))
-                        ])
-                      ]),
-                      _: 3
-                    }, 8, ["class", "aria-busy", "aria-describedby"])
-                  ]),
-                  _: 3
-                })
-              ])
-            ])
-          ]),
-          _: 3
-        }, 8, ["as", "initial-focus", "aria-labelledby"])
-      ]),
-      _: 3
-    }));
-  }
-});
-export {
-  U as _,
-  H as u
-};