@robuust-digital/vue-components 2.7.1 → 3.0.0

package/dist/core/file-upload.css

@@ -80,8 +80,25 @@
     }
   }
 
+  .rvc-file-upload-control {
+    display: inline-block;
+    position: relative;
+  }
+
+  .rvc-file-upload-variant-area .rvc-file-upload-control {
+    display: block;
+    width: 100%;
+  }
+
   .rvc-file-upload-input {
-    display: none;
+    display: block;
+    position: absolute;
+    z-index: 0;
+    inset: 0;
+    width: 100%;
+    height: 100%;
+    opacity: 0;
+    pointer-events: none;
   }
 
   .rvc-file-upload-area {
@@ -111,6 +128,16 @@
     }
   }
 
+  .rvc-file-upload-trigger {
+    position: relative;
+    z-index: 1;
+  }
+
+  .rvc-file-upload-input:focus-visible + .rvc-file-upload-trigger {
+    outline: var(--rvc-base-focus-outline-color) var(--rvc-base-focus-outline-style) var(--rvc-base-focus-outline-width);
+    outline-offset: var(--rvc-base-focus-outline-offset);
+  }
+
   .rvc-file-upload:not(.rvc-file-upload-disabled) .rvc-file-upload-area:hover {
     border-color: var(--rvc-file-upload-area-border-color-hover);
     background-color: var(--rvc-file-upload-area-bg-color-hover);

package/dist/core/index.js

@@ -1,20 +1,5 @@
-import { _ as e, a as s, b as t, c as r, d as m, e as p, f as i, g as x, h as c, i as d, j as f } from "../_shared/Tabs.vue_vue_type_script_setup_true_lang-C4NAAuLp.js";
-import { _ as n } from "../_shared/ChevronDownIcon-BYWciGnh.js";
-import { _ as F } from "../_shared/ButtonBase.vue_vue_type_script_setup_true_lang-ZYVNEyNx.js";
-import { _ as g } from "../_shared/FormInput.vue_vue_type_script_setup_true_lang-Bg7YPGyY.js";
-export {
-  e as Accordion,
-  s as Alert,
-  n as Badge,
-  F as ButtonBase,
-  t as Checkbox,
-  r as DataTable,
-  m as EmptyState,
-  p as FileUpload,
-  g as FormInput,
-  i as FormSelect,
-  x as FormTextarea,
-  c as Pagination,
-  d as Radio,
-  f as Tabs
-};
+import { a as e, c as t, d as n, i as r, l as i, n as a, o, r as s, s as c, t as l, u } from "../_shared/core-C0o6izrz.js";
+import { n as d } from "../_shared/ChevronDownIcon-Y_yqpwON.js";
+import { t as f } from "../_shared/ButtonBase-DyeIkb-l.js";
+import { t as p } from "../_shared/FormInput-k0vAk3VU.js";
+export { n as Accordion, u as Alert, d as Badge, f as ButtonBase, i as Checkbox, o as DataTable, e as EmptyState, r as FileUpload, p as FormInput, t as FormSelect, s as FormTextarea, c as Pagination, a as Radio, l as Tabs };

package/dist/dialogs/index.js

@@ -1,6 +1,3 @@
-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
-};
+import { t as e } from "../_shared/Modal-D0x_VHiB.js";
+import { t } from "../_shared/dialogs-SvdPsILD.js";
+export { t as Drawer, e as Modal };

package/dist/dropdown/index.js

@@ -1,5 +1,2 @@
-import { _ as o } from "../_shared/Dropdown.vue_vue_type_script_setup_true_lang-Cv3HwIyF.js";
-export {
-  o as Dropdown,
-  o as default
-};
+import { n as e, t } from "../_shared/dropdown-BPUpLokN.js";
+export { e as Dropdown, t as default };

package/dist/index/index.js

@@ -1,36 +1,14 @@
-import { _ as r, a as t, b as e, c as s, d as m, e as p, f as x, g as f, h as _, i, j as d } from "../_shared/Tabs.vue_vue_type_script_setup_true_lang-C4NAAuLp.js";
-import { _ as l } 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 F } 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-DeAu2U_2.js";
-import { _ as u } from "../_shared/Modal.vue_vue_type_script_setup_true_lang-CdMsCCBi.js";
-import { _ as C } from "../_shared/Dropdown.vue_vue_type_script_setup_true_lang-Cv3HwIyF.js";
-import { _ as R } from "../_shared/Lightswitch.vue_vue_type_script_setup_true_lang-hiuDVfo5.js";
-import { _ as j } from "../_shared/RichTextEditor.vue_vue_type_script_setup_true_lang-t8nRuJ6k.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 {
-  r as Accordion,
-  t as Alert,
-  l as Badge,
-  n as ButtonBase,
-  e as Checkbox,
-  F as Combobox,
-  s as DataTable,
-  B as Drawer,
-  C as Dropdown,
-  m as EmptyState,
-  p as FileUpload,
-  h as FormInput,
-  x as FormSelect,
-  f as FormTextarea,
-  R as Lightswitch,
-  u as Modal,
-  _ as Pagination,
-  i as Radio,
-  j as RichTextEditor,
-  d as Tabs,
-  y as Toast,
-  L as Tooltip
-};
+import { a as e, c as t, d as n, i as r, l as i, n as a, o, r as s, s as c, t as l, u } from "../_shared/core-C0o6izrz.js";
+import { n as d } from "../_shared/ChevronDownIcon-Y_yqpwON.js";
+import { t as f } from "../_shared/ButtonBase-DyeIkb-l.js";
+import { t as p } from "../_shared/FormInput-k0vAk3VU.js";
+import { n as m } from "../_shared/rich-text-editor-DkHKNS2n.js";
+import { n as h } from "../_shared/combobox-yh0YQ8_d.js";
+import { n as g } from "../_shared/dropdown-BPUpLokN.js";
+import { t as _ } from "../_shared/Modal-D0x_VHiB.js";
+import { t as v } from "../_shared/dialogs-SvdPsILD.js";
+import { n as y } from "../_shared/lightswitch-CpyX1iA_.js";
+import { t as b } from "../_shared/Tooltip-B5w_Ojie.js";
+import { n as x } from "../_shared/toast-DNxJDQWN.js";
+import "../tooltip/index.js";
+export { n as Accordion, u as Alert, d as Badge, f as ButtonBase, i as Checkbox, h as Combobox, o as DataTable, v as Drawer, g as Dropdown, e as EmptyState, r as FileUpload, p as FormInput, t as FormSelect, s as FormTextarea, y as Lightswitch, _ as Modal, c as Pagination, a as Radio, m as RichTextEditor, l as Tabs, x as Toast, b as Tooltip };

package/dist/lightswitch/index.js

@@ -1,5 +1,2 @@
-import { _ as s } from "../_shared/Lightswitch.vue_vue_type_script_setup_true_lang-hiuDVfo5.js";
-export {
-  s as Lightswitch,
-  s as default
-};
+import { n as e, t } from "../_shared/lightswitch-CpyX1iA_.js";
+export { e as Lightswitch, t as default };

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

@@ -1,5 +1,2 @@
-import { _ as t } from "../_shared/RichTextEditor.vue_vue_type_script_setup_true_lang-t8nRuJ6k.js";
-export {
-  t as RichTextEditor,
-  t as default
-};
+import { n as e, t } from "../_shared/rich-text-editor-DkHKNS2n.js";
+export { e as RichTextEditor, t as default };

package/dist/toast/index.js

@@ -1,5 +1,2 @@
-import { _ as s } from "../_shared/Toast.vue_vue_type_script_setup_true_lang-DS6keeu7.js";
-export {
-  s as Toast,
-  s as default
-};
+import { n as e, t } from "../_shared/toast-DNxJDQWN.js";
+export { e as Toast, t as default };

package/dist/tooltip/index.js

@@ -1,5 +1,5 @@
-import { _ as o } from "../_shared/Tooltip.vue_vue_type_script_setup_true_lang-B3MHy48T.js";
-export {
-  o as Tooltip,
-  o as default
-};
+import { t as e } from "../_shared/Tooltip-B5w_Ojie.js";
+//#region src/tooltip.ts
+var t = e;
+//#endregion
+export { e as Tooltip, t as default };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@robuust-digital/vue-components",
-  "version": "2.7.1",
+  "version": "3.0.0",
   "type": "module",
   "publishConfig": {
     "access": "public"
@@ -87,21 +87,21 @@
     "type-check": "npx vue-tsc --noEmit --project tsconfig.json --project tests/tsconfig.json"
   },
   "dependencies": {
-    "@floating-ui/vue": "^1.1.9",
+    "@floating-ui/vue": "^2.0.0",
     "@headlessui/vue": "^1.7.23",
     "@heroicons/vue": "^2.2.0",
-    "@tiptap/starter-kit": "^3.10.4",
-    "@tiptap/vue-3": "^3.10.4",
-    "@vueuse/core": "^14.0.0",
-    "vue": "^3.5.27"
+    "@tiptap/starter-kit": "^3.27.0",
+    "@tiptap/vue-3": "^3.27.0",
+    "@vueuse/core": "^14.3.0",
+    "vue": "^3.5.38"
   },
   "peerDependencies": {
-    "@floating-ui/vue": "^1.0.0",
+    "@floating-ui/vue": "^2.0.0",
     "@headlessui/vue": "^1.7.0",
     "@tiptap/starter-kit": "^3.0.0",
     "@tiptap/vue-3": "^3.0.0",
     "@vueuse/core": "^14.0.0",
-    "vue": "*"
+    "vue": ">=3.3.0"
   },
   "peerDependenciesMeta": {
     "@floating-ui/vue": {
@@ -121,33 +121,33 @@
     }
   },
   "devDependencies": {
-    "@modelcontextprotocol/sdk": "^1.27.1",
+    "@modelcontextprotocol/sdk": "^1.29.0",
     "@robuust-digital/eslint-config": "^0.5.0",
-    "@tailwindcss/postcss": "^4.1.17",
-    "@tailwindcss/vite": "^4.1.17",
-    "@types/node": "^25.0.2",
-    "@vitejs/plugin-vue": "^6.0.1",
-    "@vitest/coverage-v8": "^3.2.4",
-    "@vue/test-utils": "^2.4.6",
-    "eslint": "^10.0.1",
-    "globals": "^17.5.0",
-    "jsdom": "^29.0.2",
-    "postcss": "^8.5.6",
-    "postcss-html": "^1.8.0",
+    "@tailwindcss/postcss": "^4.3.1",
+    "@tailwindcss/vite": "^4.3.1",
+    "@types/node": "^25.9.3",
+    "@vitejs/plugin-vue": "^6.0.7",
+    "@vitest/coverage-v8": "^4.1.9",
+    "@vue/test-utils": "^2.4.11",
+    "eslint": "^10.5.0",
+    "globals": "^17.6.0",
+    "jsdom": "^29.1.1",
+    "postcss": "^8.5.15",
+    "postcss-html": "^1.8.1",
     "postcss-scss": "^4.0.9",
-    "stylelint": "^17.0.0",
-    "stylelint-config-property-sort-order-smacss": "^11.1.0",
+    "stylelint": "^17.13.0",
+    "stylelint-config-property-sort-order-smacss": "^11.2.0",
     "stylelint-config-standard": "^40.0.0",
-    "tailwindcss": "^4.1.17",
+    "tailwindcss": "^4.3.1",
     "typescript": "6.0.3",
-    "vite": "^7.2.2",
-    "vite-plugin-dts": "^5.0.1",
-    "vite-plugin-static-copy": "3.4.0",
-    "vite-plugin-vue-devtools": "^8.0.3",
-    "vite-svg-loader": "^5.1.0",
-    "vitepress": "2.0.0-alpha.16",
-    "vitest": "^3.2.4",
-    "zod": "^4.3.6"
+    "vite": "^8.0.16",
+    "vite-plugin-dts": "^5.0.2",
+    "vite-plugin-static-copy": "4.1.1",
+    "vite-plugin-vue-devtools": "^8.1.3",
+    "vite-svg-loader": "^5.1.1",
+    "vitepress": "2.0.0-alpha.17",
+    "vitest": "^4.1.9",
+    "zod": "^4.4.3"
   },
   "packageManager": "yarn@4.12.0"
 }

package/dist/_shared/ButtonBase.vue_vue_type_script_setup_true_lang-ZYVNEyNx.js

@@ -1,60 +0,0 @@
-import { defineComponent as b, watchEffect as r, openBlock as l, createBlock as a, resolveDynamicComponent as c, mergeProps as d, withCtx as f, createElementBlock as y, renderSlot as t, createTextVNode as u, toDisplayString as s, createCommentVNode as i, unref as m } from "vue";
-import { S as v } from "./icon-spinner-BYCMrTdL.js";
-const g = {
-  key: 0,
-  class: "rvc-button-label"
-}, k = /* @__PURE__ */ b({
-  __name: "ButtonBase",
-  props: {
-    as: { default: "button" },
-    bindAs: { default: void 0 },
-    label: { default: "" },
-    icon: { type: [Function, Object, null], default: null },
-    iconOnly: { type: Boolean, default: !1 },
-    iconLeft: { type: Boolean, default: !1 },
-    size: { default: "base" },
-    spinning: { type: Boolean, default: !1 },
-    color: { default: "primary" }
-  },
-  setup(n) {
-    const o = n;
-    return r(() => {
-      o.iconOnly && !o.icon && console.warn("[ButtonBase] Using iconOnly prop without providing an icon may result in an empty button.");
-    }), (e, B) => (l(), a(c(n.as), d(n.bindAs ? { as: n.bindAs } : {}, {
-      class: ["rvc-button", `rvc-button-${n.color}`, `rvc-button-${n.size}`, { "rvc-button-reverse": n.iconLeft }, { "rvc-button-icon-only": n.iconOnly }],
-      "aria-label": n.iconOnly ? n.label : null,
-      "aria-busy": n.spinning
-    }), {
-      default: f(() => [
-        n.iconOnly && n.label ? (l(), y("span", g, [
-          t(e.$slots, "default", { label: n.label }, () => [
-            u(s(n.label), 1)
-          ])
-        ])) : n.label ? t(e.$slots, "default", {
-          key: 1,
-          label: n.label
-        }, () => [
-          u(s(n.label), 1)
-        ]) : i("", !0),
-        t(e.$slots, "icon", { icon: n.icon }, () => [
-          n.icon && !n.spinning ? (l(), a(c(n.icon), {
-            key: 0,
-            class: "rvc-button-icon",
-            "aria-hidden": !n.iconOnly
-          }, null, 8, ["aria-hidden"])) : i("", !0)
-        ]),
-        t(e.$slots, "spinner", { spinning: n.spinning }, () => [
-          n.spinning ? (l(), a(m(v), {
-            key: 0,
-            class: "rvc-button-icon rvc-button-icon-loading",
-            "aria-hidden": "true"
-          })) : i("", !0)
-        ])
-      ]),
-      _: 3
-    }, 16, ["class", "aria-label", "aria-busy"]));
-  }
-});
-export {
-  k as _
-};

package/dist/_shared/ChevronDownIcon-BYWciGnh.js

@@ -1,41 +0,0 @@
-import { defineComponent as t, openBlock as l, createBlock as r, resolveDynamicComponent as o, normalizeClass as n, withCtx as c, renderSlot as d, createTextVNode as s, toDisplayString as i, createElementBlock as u, createElementVNode as f } from "vue";
-const b = /* @__PURE__ */ t({
-  __name: "Badge",
-  props: {
-    as: { default: "span" },
-    label: { default: "" },
-    size: { default: "base" },
-    color: { default: "default" }
-  },
-  setup(e) {
-    return (a, m) => (l(), r(o(e.as), {
-      class: n(["rvc-badge", `rvc-badge-${e.color}`, `rvc-badge-${e.size}`])
-    }, {
-      default: c(() => [
-        d(a.$slots, "default", { label: e.label }, () => [
-          s(i(e.label), 1)
-        ])
-      ]),
-      _: 3
-    }, 8, ["class"]));
-  }
-});
-function g(e, a) {
-  return l(), u("svg", {
-    xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "0 0 20 20",
-    fill: "currentColor",
-    "aria-hidden": "true",
-    "data-slot": "icon"
-  }, [
-    f("path", {
-      "fill-rule": "evenodd",
-      d: "M5.22 8.22a.75.75 0 0 1 1.06 0L10 11.94l3.72-3.72a.75.75 0 1 1 1.06 1.06l-4.25 4.25a.75.75 0 0 1-1.06 0L5.22 9.28a.75.75 0 0 1 0-1.06Z",
-      "clip-rule": "evenodd"
-    })
-  ]);
-}
-export {
-  b as _,
-  g as r
-};

package/dist/_shared/Combobox.vue_vue_type_script_setup_true_lang-BwTRzqr6.js

@@ -1,256 +0,0 @@
-import { openBlock as n, createElementBlock as c, createElementVNode as i, defineComponent as j, ref as h, computed as D, createBlock as x, unref as r, mergeProps as F, withCtx as g, renderSlot as m, resolveDynamicComponent as O, createCommentVNode as p, createVNode as b, withModifiers as P, Fragment as q, renderList as z, createTextVNode as U, toDisplayString as w, normalizeClass as G } from "vue";
-import { useDebounceFn as H } from "@vueuse/core";
-import { Combobox as J, ComboboxInput as Q, ComboboxButton as W, ComboboxOptions as X, ComboboxOption as Y } from "@headlessui/vue";
-import { r as _, _ as ee } from "./ChevronDownIcon-BYWciGnh.js";
-import { S as te } from "./icon-spinner-BYCMrTdL.js";
-function le(e, V) {
-  return n(), c("svg", {
-    xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "0 0 16 16",
-    fill: "currentColor",
-    "aria-hidden": "true",
-    "data-slot": "icon"
-  }, [
-    i("path", {
-      "fill-rule": "evenodd",
-      d: "M8 15A7 7 0 1 0 8 1a7 7 0 0 0 0 14Zm2.78-4.22a.75.75 0 0 1-1.06 0L8 9.06l-1.72 1.72a.75.75 0 1 1-1.06-1.06L6.94 8 5.22 6.28a.75.75 0 0 1 1.06-1.06L8 6.94l1.72-1.72a.75.75 0 1 1 1.06 1.06L9.06 8l1.72 1.72a.75.75 0 0 1 0 1.06Z",
-      "clip-rule": "evenodd"
-    })
-  ]);
-}
-function oe(e, V) {
-  return n(), c("svg", {
-    xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "0 0 20 20",
-    fill: "currentColor",
-    "aria-hidden": "true",
-    "data-slot": "icon"
-  }, [
-    i("path", { d: "M6.28 5.22a.75.75 0 0 0-1.06 1.06L8.94 10l-3.72 3.72a.75.75 0 1 0 1.06 1.06L10 11.06l3.72 3.72a.75.75 0 1 0 1.06-1.06L11.06 10l3.72-3.72a.75.75 0 0 0-1.06-1.06L10 8.94 6.28 5.22Z" })
-  ]);
-}
-const ae = { class: "rvc-combobox-container" }, ne = { class: "rvc-combobox-wrapper" }, ie = { class: "rvc-combobox-field" }, ue = {
-  key: 0,
-  class: "rvc-combobox-chips"
-}, se = ["onClick"], re = {
-  key: 0,
-  class: "rvc-combobox-content"
-}, ce = {
-  key: 1,
-  class: "rvc-combobox-content"
-}, de = { class: "rvc-combobox-option-text" }, he = /* @__PURE__ */ j({
-  inheritAttrs: !1,
-  __name: "Combobox",
-  props: {
-    id: {},
-    rootClass: { default: "" },
-    modelValue: { default: null },
-    endpoint: { default: void 0 },
-    requestParams: { default: () => ({}) },
-    manualInput: { type: Boolean, default: !1 },
-    responseData: { type: Function, default: (e) => e },
-    displayValue: { type: Function, default: (e) => e?.name || null },
-    optionText: { type: Function, default: (e) => e?.name || null },
-    disabled: { type: Boolean, default: !1 },
-    minLength: { default: 2 },
-    itemKey: { default: "id" },
-    clearable: { type: Boolean, default: !1 },
-    rootAttrs: { default: () => ({}) },
-    multiple: { type: Boolean, default: !1 },
-    onSearch: { type: Function, default: () => Promise.resolve({ data: [] }) },
-    searchOnly: { type: Boolean, default: !1 },
-    icon: { type: [Function, Object, null], default: null },
-    prefixIcon: { type: [Function, Object, null], default: null },
-    size: { default: "base" },
-    debounce: { default: 150 },
-    minLoadingTime: { default: 0 },
-    onCancel: { type: Function, default: void 0 }
-  },
-  emits: ["update:modelValue", "update:requestParams", "combobox:noResults", "combobox:error"],
-  setup(e, { emit: V }) {
-    const a = e, d = V, u = h([]), v = h(!1), f = h(null), L = h(!0), k = h(null), s = D({
-      get: () => a.multiple ? a.modelValue || [] : a.modelValue,
-      set: (t) => d("update:modelValue", t)
-    }), T = D({
-      get: () => a.requestParams,
-      set: (t) => d("update:requestParams", t)
-    }), N = (t) => a.displayValue(t) || "", M = (t) => new Promise((o) => {
-      setTimeout(o, t);
-    }), A = (t, o) => {
-      u.value = [], d("combobox:error", t), d("combobox:noResults", o);
-    }, B = async (t) => {
-      if (!a.onSearch) return;
-      if (a.searchOnly && !t) {
-        u.value = [];
-        return;
-      }
-      if (t && t.length < a.minLength) {
-        u.value = [];
-        return;
-      }
-      k.value && a.onCancel && a.onCancel(k.value), v.value = !0;
-      const o = Date.now();
-      try {
-        const { data: l, error: y, cancel: Z } = await a.onSearch(t, T.value, a.endpoint);
-        k.value = Z || null;
-        const $ = a.responseData(l), K = Date.now() - o;
-        !$.length && y && A(y, t), K < a.minLoadingTime && await M(a.minLoadingTime - K), $?.length ? u.value = $ : (u.value = [], d("combobox:noResults", t));
-      } catch (l) {
-        l?.cancelled || A(l, t);
-      } finally {
-        v.value = !1;
-      }
-    }, R = H(B, a.debounce), I = (t) => {
-      L.value ? (L.value = !1, B(t)) : R(t);
-    }, E = (t) => {
-      t.target.value?.length === 0 && (u.value = [], d("update:modelValue", null)), a.manualInput && d("update:modelValue", T.value.query);
-    }, C = (t) => a.multiple ? s.value.some((o) => o[a.itemKey] === t) : s.value?.[a.itemKey] === t, S = (t) => {
-      s.value = s.value.filter((o) => o[a.itemKey] !== t[a.itemKey]);
-    };
-    return (t, o) => (n(), x(r(J), F({
-      modelValue: s.value,
-      "onUpdate:modelValue": o[4] || (o[4] = (l) => s.value = l),
-      as: "div"
-    }, e.rootAttrs, {
-      multiple: e.multiple,
-      class: [
-        "rvc-combobox",
-        `rvc-combobox-${e.size}`,
-        e.rootClass
-      ]
-    }), {
-      default: g(() => [
-        i("div", ae, [
-          i("div", ne, [
-            i("div", ie, [
-              e.prefixIcon ? m(t.$slots, "prefixIcon", {
-                key: 0,
-                icon: e.prefixIcon
-              }, () => [
-                (n(), x(O(e.prefixIcon), { "aria-hidden": "true" }))
-              ]) : p("", !0),
-              b(r(Q), F(t.$attrs, {
-                id: e.id,
-                "display-value": N,
-                disabled: e.disabled,
-                autocomplete: "off",
-                onChange: o[0] || (o[0] = (l) => I(l.target.value)),
-                onSearch: E,
-                onInput: o[1] || (o[1] = (l) => f.value = l.target.value)
-              }), null, 16, ["id", "disabled"]),
-              b(r(W), {
-                disabled: e.disabled,
-                class: "rvc-combobox-button",
-                onClick: o[2] || (o[2] = (l) => I(f.value || null))
-              }, {
-                default: g(() => [
-                  v.value ? m(t.$slots, "spinner", {
-                    key: 0,
-                    spinning: v.value
-                  }, () => [
-                    b(r(te), { class: "rvc-combobox-spinner" })
-                  ]) : (!e.searchOnly || u.value?.length) && !v.value ? m(t.$slots, "icon", {
-                    key: 1,
-                    icon: e.icon
-                  }, () => [
-                    (n(), x(O(e.icon ?? r(_)), { "aria-hidden": "true" }))
-                  ]) : p("", !0)
-                ]),
-                _: 3
-              }, 8, ["disabled"])
-            ]),
-            e.clearable && (Array.isArray(e.modelValue) ? e.modelValue?.length : e.modelValue?.id) ? (n(), c("button", {
-              key: 0,
-              type: "button",
-              "aria-label": "Clear selection",
-              class: "rvc-combobox-clear",
-              onClick: o[3] || (o[3] = P((l) => d("update:modelValue", e.multiple ? [] : null), ["prevent"]))
-            }, [
-              m(t.$slots, "clear", {}, () => [
-                b(r(oe))
-              ])
-            ])) : p("", !0)
-          ]),
-          e.multiple && Array.isArray(s.value) && s.value?.length ? (n(), c("ul", ue, [
-            (n(!0), c(q, null, z(s.value, (l) => (n(), c("li", {
-              key: `${e.id}-selected-option-${l[e.itemKey]}`
-            }, [
-              m(t.$slots, "chip", {
-                optionText: e.optionText(l),
-                option: l,
-                removeOption: S
-              }, () => [
-                b(ee, {
-                  color: "gray",
-                  class: "rvc-combobox-chip",
-                  size: e.size
-                }, {
-                  default: g(() => [
-                    U(w(e.optionText(l)) + " ", 1),
-                    i("button", {
-                      type: "button",
-                      "aria-label": "Remove option",
-                      onClick: P((y) => S(l), ["prevent"])
-                    }, [
-                      b(r(le))
-                    ], 8, se)
-                  ]),
-                  _: 2
-                }, 1032, ["size"])
-              ])
-            ]))), 128))
-          ])) : p("", !0),
-          (!e.searchOnly || f.value?.length) && (!v.value || u.value.length) ? (n(), x(r(X), {
-            key: 1,
-            class: "rvc-combobox-options"
-          }, {
-            default: g(() => [
-              f.value && f.value.length < e.minLength ? (n(), c("div", re, [
-                i("div", null, [
-                  i("em", null, "Minimal " + w(e.minLength) + " characters.", 1)
-                ])
-              ])) : !v.value && !u.value.length ? (n(), c("div", ce, [...o[5] || (o[5] = [
-                i("div", null, " No results found. ", -1)
-              ])])) : (n(!0), c(q, { key: 2 }, z(u.value, (l) => (n(), x(r(Y), {
-                key: `option-${l[e.itemKey]}`,
-                value: l,
-                as: "template"
-              }, {
-                default: g(({ active: y }) => [
-                  i("li", {
-                    class: G([
-                      "rvc-combobox-option",
-                      { "rvc-combobox-option-hover": y },
-                      { "rvc-combobox-option-active": C(l[e.itemKey]) }
-                    ])
-                  }, [
-                    m(t.$slots, "option", {
-                      option: l,
-                      isActive: C
-                    }, () => [
-                      m(t.$slots, "optionPrefix", {
-                        option: l[e.itemKey],
-                        isActive: C
-                      }),
-                      i("span", de, w(e.optionText(l)), 1),
-                      m(t.$slots, "optionSuffix", {
-                        option: l[e.itemKey],
-                        isActive: C
-                      })
-                    ])
-                  ], 2)
-                ]),
-                _: 2
-              }, 1032, ["value"]))), 128))
-            ]),
-            _: 3
-          })) : p("", !0)
-        ])
-      ]),
-      _: 3
-    }, 16, ["modelValue", "multiple", "class"]));
-  }
-});
-export {
-  he as _
-};