@kong/kongponents 9.46.11-pr.2997.fe2b1b2.0 → 9.46.11

package/dist/kongponents.es182.js

@@ -1,191 +1,121 @@
-import { defineComponent as H, ref as g, computed as S, useTemplateRef as Q, watch as U, onMounted as W, nextTick as I, resolveComponent as X, createBlock as b, openBlock as s, unref as Y, mergeProps as Z, withCtx as c, createElementBlock as $, Fragment as _, renderList as ee, normalizeClass as L, withDirectives as le, createSlots as B, renderSlot as h, createTextVNode as ae, toDisplayString as te, vShow as ne } from "vue";
-import { VueDraggableNext as ie } from "./kongponents.es333.js";
-import oe from "./kongponents.es334.js";
-const T = ({ children: a = [] }) => a.length === 0 ? 0 : 1 + Math.max(...a.map(T)), ce = /* @__PURE__ */ H({
-  __name: "KTreeDraggable",
+import { defineComponent as h, computed as s, createBlock as y, openBlock as d, resolveDynamicComponent as b, normalizeStyle as x, withCtx as S, createElementBlock as N } from "vue";
+import { KUI_ICON_SIZE_50 as u } from "./kongponents.es307.js";
+const k = ["aria-hidden"], c = '<path d="M19.6 21L13.3 14.7C12.8 15.1 12.225 15.4167 11.575 15.65C10.925 15.8833 10.2333 16 9.5 16C7.68333 16 6.14583 15.3708 4.8875 14.1125C3.62917 12.8542 3 11.3167 3 9.5C3 7.68333 3.62917 6.14583 4.8875 4.8875C6.14583 3.62917 7.68333 3 9.5 3C11.3167 3 12.8542 3.62917 14.1125 4.8875C15.3708 6.14583 16 7.68333 16 9.5C16 10.2333 15.8833 10.925 15.65 11.575C15.4167 12.225 15.1 12.8 14.7 13.3L21 19.6L19.6 21ZM9.5 14C10.75 14 11.8125 13.5625 12.6875 12.6875C13.5625 11.8125 14 10.75 14 9.5C14 8.25 13.5625 7.1875 12.6875 6.3125C11.8125 5.4375 10.75 5 9.5 5C8.25 5 7.1875 5.4375 6.3125 6.3125C5.4375 7.1875 5 8.25 5 9.5C5 10.75 5.4375 11.8125 6.3125 12.6875C7.1875 13.5625 8.25 14 9.5 14Z" fill="currentColor"/>', $ = /* @__PURE__ */ h({
+  __name: "SearchIcon",
   props: {
-    items: {},
-    disableDrag: { type: Boolean },
-    filter: { type: [String, Function] },
-    maxDepth: {},
-    level: { default: 0 },
-    parentId: {},
-    hideIcons: { type: Boolean },
-    group: {},
-    collapsible: { type: Boolean },
-    initialCollapseAll: { type: Boolean }
+    /** The accessibility text provided to screen readers */
+    title: {
+      type: String,
+      required: !1,
+      default: ""
+    },
+    /** The icon color. Defaults to `currentColor` which inherits text color from the parent element */
+    color: {
+      type: String,
+      required: !1,
+      default: "currentColor"
+    },
+    /** The CSS display property for the icon. Defaults to `block` */
+    display: {
+      type: String,
+      required: !1,
+      default: "block"
+    },
+    /** Whether the icon is just eye-candy or is meaningful to the page (should screen-readers ignore the icon?) */
+    decorative: {
+      type: Boolean,
+      required: !1,
+      default: !1
+    },
+    /** The icon size */
+    size: {
+      type: [Number, String],
+      required: !1,
+      default: u,
+      // if setting to the imported const fails, just pass a number of 24 as the default.
+      validator: (r) => {
+        if (typeof r == "number" && r > 0)
+          return !0;
+        if (typeof r == "string") {
+          const e = String(r).replace(/px/gi, ""), i = Number(e);
+          if (i && !isNaN(i) && Number.isInteger(i) && i > 0)
+            return !0;
+        }
+        return !1;
+      }
+    },
+    /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */
+    as: {
+      type: String,
+      required: !1,
+      default: "span"
+    },
+    /**
+     * A boolean to disable prefixing any internal SVG ids with a unique string which is done to resolve the potential for multiple SVG instances on the same page and the SVG utilizing the same ids and references internally (e.g. in the `<defs>` tag).
+     * Typically only set to `true` during snapshot testing.
+     * Defaults to `false`.
+     */
+    staticIds: {
+      type: Boolean,
+      default: !1
+    }
   },
-  emits: ["change", "child-change", "selected"],
-  setup(a, { expose: A, emit: w }) {
-    const d = w, v = g(0), n = g([]), M = {
-      tag: "div",
-      // Note: force-fallback: true is required to override cursor when dragging
-      "force-fallback": !0,
-      animation: "100",
-      draggable: ".tree-item-container",
-      "item-key": "id",
-      "ghost-class": "tree-item-dragged",
-      "drag-class": "tree-item-grabbing",
-      class: "child-drop-zone",
-      "fallback-tolerance": 10
-    }, m = g(!1), p = S(() => [".tree-item-expanded-button", ...(typeof a.filter == "function" ? a.filter() : a.filter).split(",").map((l) => l.trim()).filter(Boolean)].join(", ")), y = (e) => {
-      var l, i;
-      return !((i = (l = n.value.filter((t) => t.id === e.id)) == null ? void 0 : l[0].children) != null && i.length);
-    }, N = (e) => e.children || [], V = (e) => {
-      a.parentId ? d("child-change", {
-        parentId: a.parentId,
-        children: n.value,
-        target: (e == null ? void 0 : e.added) || (e == null ? void 0 : e.removed) || (e == null ? void 0 : e.moved)
-      }) : d("change", {
-        items: n.value,
-        target: (e == null ? void 0 : e.added) || (e == null ? void 0 : e.removed) || (e == null ? void 0 : e.moved)
-      });
-    }, K = (e) => {
-      d("child-change", e);
-    }, E = (e) => {
-      d("selected", e);
-    }, r = g(/* @__PURE__ */ new Map()), F = (e, l) => {
-      r.value.set(l, e);
-    }, O = (e) => a.collapsible ? !!r.value.get(e) : !0, f = Q("tree-items"), z = () => {
-      var e;
-      n.value.forEach((l) => {
-        r.value.set(l.id, !1);
-      }), (e = f.value) == null || e.forEach((l) => {
-        l == null || l.setExpandedValue(!1);
-      });
-    }, J = () => {
-      var e;
-      n.value.forEach((l) => {
-        r.value.set(l.id, !0);
-      }), (e = f.value) == null || e.forEach((l) => {
-        l == null || l.setExpandedValue(!0);
-      });
-    }, R = S(() => a.level > a.maxDepth - 1), j = (e) => {
-      var u, D, x, k;
-      const l = ((D = (u = e.relatedContext) == null ? void 0 : u.component) == null ? void 0 : D.$attrs.level) || 0, i = (x = e.draggedContext) == null ? void 0 : x.element;
-      let t = 0;
-      return (k = i.children) != null && k.length && (t = T(i)), !(l + t > a.maxDepth - 1);
-    }, P = (e) => {
-      var t, o;
-      const l = ((o = (t = e.item) == null ? void 0 : t._underlying_vm_) == null ? void 0 : o.id) || "", i = n.value.find((u) => u.id === l);
-      m.value = !0, i && d("selected", i), C(!0);
-    }, q = async () => {
-      var e;
-      m.value = !1, C(!1), v.value++, await I(), (e = f.value) == null || e.forEach((l) => {
-        l == null || l.setExpandedValue(r.value.get(l == null ? void 0 : l.id));
-      });
-    }, C = (e) => {
-      const l = document == null ? void 0 : document.getElementsByTagName("html").item(0);
-      l && l.classList.toggle("tree-list-grabbing", e);
-    };
-    U(() => a.items, (e, l) => {
-      JSON.stringify(e) !== JSON.stringify(l) && (n.value = e, n.value.forEach((i) => {
-        i.children || (i.children = []);
-      }));
-    });
-    const G = () => {
-      n.value.forEach((e) => {
-        r.value.set(e.id, !a.initialCollapseAll);
-      });
-    };
-    return W(async () => {
-      n.value = a.items, n.value.forEach((e) => {
-        e.children || (e.children = []);
-      }), await I(), a.collapsible && G();
-    }), A({ collapseAll: z, expandAll: J }), (e, l) => {
-      const i = X("KTreeDraggable", !0);
-      return s(), b(Y(ie), Z(M, {
-        class: "tree-draggable",
-        direction: "vertical",
-        disabled: a.disableDrag,
-        filter: p.value,
-        group: { name: a.group, pull: [a.group], put: R.value ? [] : [a.group] },
-        level: a.level,
-        list: n.value,
-        move: j,
-        tag: "div",
-        onChange: V,
-        onEnd: q,
-        onStart: P
-      }), {
-        default: c(() => [
-          (s(!0), $(_, null, ee(n.value, (t) => (s(), $("div", {
-            key: t.id,
-            class: L(["tree-item-container", {
-              "has-no-children": y(t)
-            }])
-          }, [
-            (s(), b(oe, {
-              key: `tree-item-${t.id}-${v.value}`,
-              ref_for: !0,
-              ref: "tree-items",
-              collapsible: a.collapsible,
-              "controls-id": t.id,
-              disabled: a.disableDrag,
-              "has-children": !y(t),
-              "hide-icons": a.hideIcons,
-              "initial-collapse": a.initialCollapseAll,
-              item: t,
-              onExpanded: (o) => F(o, t.id),
-              onSelected: E
-            }, B({
-              "item-label": c(() => [
-                h(e.$slots, "item-label", { item: t }, () => [
-                  ae(te(t.name), 1)
-                ], !0)
-              ]),
-              _: 2
-            }, [
-              e.$slots["item-icon"] ? {
-                name: "item-icon",
-                fn: c(() => [
-                  h(e.$slots, "item-icon", { item: t }, void 0, !0)
-                ]),
-                key: "0"
-              } : void 0
-            ]), 1032, ["collapsible", "controls-id", "disabled", "has-children", "hide-icons", "initial-collapse", "item", "onExpanded"])),
-            le((s(), b(i, {
-              id: `tree-list-draggable-${t.id}`,
-              key: `tree-item-${t.id}-children-${v.value}`,
-              class: L({
-                collapsible: a.collapsible
-              }),
-              collapsible: a.collapsible,
-              "disable-drag": a.disableDrag,
-              filter: p.value,
-              group: a.group,
-              "hide-icons": a.hideIcons,
-              "initial-collapse-all": a.initialCollapseAll,
-              items: N(t),
-              level: a.level + 1,
-              "max-depth": a.maxDepth,
-              "parent-id": t.id,
-              onChildChange: K,
-              onSelected: E
-            }, B({
-              "item-label": c(({ item: o }) => [
-                h(e.$slots, "item-label", { item: o }, void 0, !0)
-              ]),
-              _: 2
-            }, [
-              e.$slots["item-icon"] ? {
-                name: "item-icon",
-                fn: c(({ item: o }) => [
-                  h(e.$slots, "item-icon", { item: o }, void 0, !0)
-                ]),
-                key: "0"
-              } : void 0
-            ]), 1032, ["id", "class", "collapsible", "disable-drag", "filter", "group", "hide-icons", "initial-collapse-all", "items", "level", "max-depth", "parent-id"])), [
-              [ne, O(t.id)]
-            ])
-          ], 2))), 128))
-        ]),
-        _: 3
-      }, 16, ["disabled", "filter", "group", "level", "list"]);
-    };
+  setup(r) {
+    const e = r, i = s(() => {
+      if (typeof e.size == "number" && e.size > 0)
+        return `${e.size}px`;
+      if (typeof e.size == "string") {
+        const a = String(e.size).replace(/px/gi, ""), t = Number(a);
+        if (t && !isNaN(t) && Number.isInteger(t) && t > 0)
+          return `${t}px`;
+      }
+      return u;
+    }), p = s(() => ({
+      boxSizing: "border-box",
+      color: e.color,
+      display: e.display,
+      flexShrink: "0",
+      height: i.value,
+      lineHeight: "0",
+      width: i.value,
+      pointerEvents: e.decorative ? "none" : void 0
+    })), f = (a) => {
+      const t = {}, v = Math.random().toString(36).substring(2, 12);
+      return a.replace(/id="([^"]+)"/g, (o, n) => {
+        const l = `${v}-${n}`;
+        return t[n] = l, `id="${l}"`;
+      }).replace(/#([^\s^")]+)/g, (o, n) => t[n] ? `#${t[n]}` : o);
+    }, g = {
+      "<": "&lt;",
+      ">": "&gt;",
+      '"': "&quot;",
+      "'": "&#39;",
+      "&": "&amp;"
+    }, C = (a) => a.replace(/[<>"'&]/g, (t) => g[t]), m = `${e.title ? `<title data-testid="kui-icon-svg-title">${C(e.title)}</title>` : ""}${e.staticIds ? c : f(c)}`;
+    return (a, t) => (d(), y(b(r.as), {
+      "aria-hidden": r.decorative ? "true" : void 0,
+      class: "kui-icon search-icon",
+      "data-testid": "kui-icon-wrapper-search-icon",
+      style: x(p.value),
+      tabindex: r.decorative ? "-1" : void 0
+    }, {
+      default: S(() => [
+        (d(), N("svg", {
+          "aria-hidden": r.decorative ? "true" : void 0,
+          "data-testid": "kui-icon-svg-search-icon",
+          fill: "none",
+          height: "100%",
+          role: "img",
+          viewBox: "0 0 24 24",
+          width: "100%",
+          xmlns: "http://www.w3.org/2000/svg",
+          innerHTML: m
+        }, null, 8, k))
+      ]),
+      _: 1
+    }, 8, ["aria-hidden", "style", "tabindex"]));
   }
 });
 export {
-  ce as default,
-  T as getMaximumDepth
+  $ as default
 };

package/dist/kongponents.es183.js

@@ -1,104 +1,20 @@
-import { defineComponent as r, ref as s, computed as v, onMounted as d, watch as f, onUnmounted as p, Comment as F, cloneVNode as O } from "vue";
-import { createFocusTrap as b } from "./kongponents.es243.js";
-/*!
-  * focus-trap-vue v4.0.3
-  * (c) 2025 Eduardo San Martin Morote
-  * @license MIT
-  */
-const D = {
-  escapeDeactivates: {
-    type: Boolean,
-    default: !0
-  },
-  returnFocusOnDeactivate: {
-    type: Boolean,
-    default: !0
-  },
-  allowOutsideClick: {
-    type: [Boolean, Function],
-    default: !0
-  },
-  clickOutsideDeactivates: [Boolean, Function],
-  initialFocus: [String, Function, Boolean],
-  fallbackFocus: [String, Function],
-  checkCanFocusTrap: Function,
-  checkCanReturnFocus: Function,
-  delayInitialFocus: {
-    type: Boolean,
-    default: !0
-  },
-  document: Object,
-  preventScroll: Boolean,
-  setReturnFocus: [Object, String, Boolean, Function],
-  tabbableOptions: Object
-}, T = r({
-  name: "FocusTrap",
-  props: Object.assign({
-    active: {
-      // TODO: could be options for activate but what about the options for deactivating?
-      type: Boolean,
-      default: !0
-    }
-  }, D),
-  emits: [
-    "update:active",
-    "activate",
-    "postActivate",
-    "deactivate",
-    "postDeactivate"
-  ],
-  render() {
-    return this.renderImpl();
-  },
-  setup(a, { slots: o, emit: n }) {
-    let t;
-    const i = s(null), c = v(() => {
-      const e = i.value;
-      return e && (e instanceof HTMLElement ? e : e.$el);
-    });
-    function u() {
-      return t || (t = b(c.value, {
-        escapeDeactivates: a.escapeDeactivates,
-        allowOutsideClick: a.allowOutsideClick,
-        returnFocusOnDeactivate: a.returnFocusOnDeactivate,
-        clickOutsideDeactivates: a.clickOutsideDeactivates,
-        onActivate: () => {
-          n("update:active", !0), n("activate");
-        },
-        onDeactivate: () => {
-          n("update:active", !1), n("deactivate");
-        },
-        onPostActivate: () => n("postActivate"),
-        onPostDeactivate: () => n("postDeactivate"),
-        initialFocus: a.initialFocus,
-        fallbackFocus: a.fallbackFocus,
-        tabbableOptions: a.tabbableOptions,
-        delayInitialFocus: a.delayInitialFocus,
-        preventScroll: a.preventScroll
-      }));
-    }
-    return d(() => {
-      f(() => a.active, (e) => {
-        e && c.value ? u().activate() : t && (t.deactivate(), (!c.value || c.value.nodeType === Node.COMMENT_NODE) && (t = null));
-      }, { immediate: !0, flush: "post" });
-    }), p(() => {
-      t && t.deactivate(), t = null;
-    }), {
-      activate() {
-        u().activate();
-      },
-      deactivate() {
-        t && t.deactivate();
-      },
-      renderImpl() {
-        if (!o.default)
-          return null;
-        const e = o.default().filter((l) => l.type !== F);
-        return !e || !e.length || e.length > 1 ? (console.error("[focus-trap-vue]: FocusTrap requires exactly one child."), e) : O(e[0], { ref: i });
-      }
-    };
-  }
-});
+const _ = "#000933", I = "#00abd2", E = "#ffffff", O = "#6c7489", T = "#52596e", U = "#afb7c5", c = "#0044f4", o = "#995c00", t = "16px", K = "20px", n = "24px", s = "32px", C = "20px", R = "4px", A = "8px", L = "12px", N = "16px";
 export {
-  T as FocusTrap
+  _ as KUI_COLOR_TEXT,
+  I as KUI_COLOR_TEXT_DECORATIVE_AQUA,
+  E as KUI_COLOR_TEXT_INVERSE,
+  O as KUI_COLOR_TEXT_NEUTRAL,
+  T as KUI_COLOR_TEXT_NEUTRAL_STRONG,
+  U as KUI_COLOR_TEXT_NEUTRAL_WEAK,
+  c as KUI_COLOR_TEXT_PRIMARY,
+  o as KUI_COLOR_TEXT_WARNING,
+  t as KUI_ICON_SIZE_30,
+  K as KUI_ICON_SIZE_40,
+  n as KUI_ICON_SIZE_50,
+  s as KUI_ICON_SIZE_60,
+  C as KUI_LINE_HEIGHT_30,
+  R as KUI_SPACE_20,
+  A as KUI_SPACE_40,
+  L as KUI_SPACE_50,
+  N as KUI_SPACE_60
 };

package/dist/kongponents.es184.js

@@ -1,187 +1,20 @@
-import { toArray as C, watchImmediate as w, tryOnScopeDispose as T, isObject as I, isClient as L, noop as b, isIOS as W } from "./kongponents.es242.js";
-import { computed as y, toValue as h, unref as $, watch as x, ref as z, shallowRef as B, getCurrentInstance as F, onMounted as _ } from "vue";
-const S = L ? window : void 0;
-function g(t) {
-  var r;
-  const u = h(t);
-  return (r = u == null ? void 0 : u.$el) != null ? r : u;
-}
-function A(...t) {
-  const r = [], u = () => {
-    r.forEach((o) => o()), r.length = 0;
-  }, l = (o, n, i, d) => (o.addEventListener(n, i, d), () => o.removeEventListener(n, i, d)), c = y(() => {
-    const o = C(h(t[0])).filter((n) => n != null);
-    return o.every((n) => typeof n != "string") ? o : void 0;
-  }), f = w(
-    () => {
-      var o, n;
-      return [
-        (n = (o = c.value) == null ? void 0 : o.map((i) => g(i))) != null ? n : [S].filter((i) => i != null),
-        C(h(c.value ? t[1] : t[0])),
-        C($(c.value ? t[2] : t[1])),
-        // @ts-expect-error - TypeScript gets the correct types, but somehow still complains
-        h(c.value ? t[3] : t[2])
-      ];
-    },
-    ([o, n, i, d]) => {
-      if (u(), !(o != null && o.length) || !(n != null && n.length) || !(i != null && i.length))
-        return;
-      const p = I(d) ? { ...d } : d;
-      r.push(
-        ...o.flatMap(
-          (m) => n.flatMap(
-            (E) => i.map((O) => l(m, E, O, p))
-          )
-        )
-      );
-    },
-    { flush: "post" }
-  ), v = () => {
-    f(), u();
-  };
-  return T(u), v;
-}
-let P = !1;
-function G(t, r, u = {}) {
-  const { window: l = S, ignore: c = [], capture: f = !0, detectIframe: v = !1, controls: o = !1 } = u;
-  if (!l)
-    return o ? { stop: b, cancel: b, trigger: b } : b;
-  if (W && !P) {
-    P = !0;
-    const e = { passive: !0 };
-    Array.from(l.document.body.children).forEach((s) => s.addEventListener("click", b, e)), l.document.documentElement.addEventListener("click", b, e);
-  }
-  let n = !0;
-  const i = (e) => h(c).some((s) => {
-    if (typeof s == "string")
-      return Array.from(l.document.querySelectorAll(s)).some((a) => a === e.target || e.composedPath().includes(a));
-    {
-      const a = g(s);
-      return a && (e.target === a || e.composedPath().includes(a));
-    }
-  });
-  function d(e) {
-    const s = h(e);
-    return s && s.$.subTree.shapeFlag === 16;
-  }
-  function p(e, s) {
-    const a = h(e), R = a.$.subTree && a.$.subTree.children;
-    return R == null || !Array.isArray(R) ? !1 : R.some((k) => k.el === s.target || s.composedPath().includes(k.el));
-  }
-  const m = (e) => {
-    const s = g(t);
-    if (e.target != null && !(!(s instanceof Element) && d(t) && p(t, e)) && !(!s || s === e.target || e.composedPath().includes(s))) {
-      if ("detail" in e && e.detail === 0 && (n = !i(e)), !n) {
-        n = !0;
-        return;
-      }
-      r(e);
-    }
-  };
-  let E = !1;
-  const O = [
-    A(l, "click", (e) => {
-      E || (E = !0, setTimeout(() => {
-        E = !1;
-      }, 0), m(e));
-    }, { passive: !0, capture: f }),
-    A(l, "pointerdown", (e) => {
-      const s = g(t);
-      n = !i(e) && !!(s && !e.composedPath().includes(s));
-    }, { passive: !0 }),
-    v && A(l, "blur", (e) => {
-      setTimeout(() => {
-        var s;
-        const a = g(t);
-        ((s = l.document.activeElement) == null ? void 0 : s.tagName) === "IFRAME" && !(a != null && a.contains(l.document.activeElement)) && r(e);
-      }, 0);
-    }, { passive: !0 })
-  ].filter(Boolean), M = () => O.forEach((e) => e());
-  return o ? {
-    stop: M,
-    cancel: () => {
-      n = !1;
-    },
-    trigger: (e) => {
-      n = !0, m(e), n = !1;
-    }
-  } : M;
-}
-// @__NO_SIDE_EFFECTS__
-function j() {
-  const t = B(!1), r = F();
-  return r && _(() => {
-    t.value = !0;
-  }, r), t;
-}
-// @__NO_SIDE_EFFECTS__
-function q(t) {
-  const r = /* @__PURE__ */ j();
-  return y(() => (r.value, !!t()));
-}
-function H(t, r, u = {}) {
-  const { window: l = S, ...c } = u;
-  let f;
-  const v = /* @__PURE__ */ q(() => l && "ResizeObserver" in l), o = () => {
-    f && (f.disconnect(), f = void 0);
-  }, n = y(() => {
-    const p = h(t);
-    return Array.isArray(p) ? p.map((m) => g(m)) : [g(p)];
-  }), i = x(
-    n,
-    (p) => {
-      if (o(), v.value && l) {
-        f = new ResizeObserver(r);
-        for (const m of p)
-          m && f.observe(m, c);
-      }
-    },
-    { immediate: !0, flush: "post" }
-  ), d = () => {
-    o(), i();
-  };
-  return T(d), {
-    isSupported: v,
-    stop: d
-  };
-}
-function D(t) {
-  var r;
-  const u = (r = t.rangeCount) != null ? r : 0;
-  return Array.from({ length: u }, (l, c) => t.getRangeAt(c));
-}
-// @__NO_SIDE_EFFECTS__
-function J(t = {}) {
-  const {
-    window: r = S
-  } = t, u = z(null), l = y(() => {
-    var o, n;
-    return (n = (o = u.value) == null ? void 0 : o.toString()) != null ? n : "";
-  }), c = y(() => u.value ? D(u.value) : []), f = y(() => c.value.map((o) => o.getBoundingClientRect()));
-  function v() {
-    u.value = null, r && (u.value = r.getSelection());
-  }
-  return r && A(r.document, "selectionchange", v, { passive: !0 }), {
-    text: l,
-    rects: f,
-    ranges: c,
-    selection: u
-  };
+var n;
+const i = typeof navigator < "u" && ("userAgentData" in navigator && navigator.userAgentData === "macOS" || ((n = navigator.platform) == null ? void 0 : n.toLowerCase().includes("mac"))), r = typeof navigator < "u" && navigator.userAgent.includes("Firefox");
+function a(e, o) {
+  return typeof CSS < "u" && CSS.supports(e, o);
+}
+let t = null;
+function l() {
+  if (t !== null)
+    return t;
+  if (typeof document > "u")
+    return 0;
+  const e = document.createElement("div");
+  return e.style.width = "100px", e.style.height = "100px", e.style.overflow = "scroll", e.style.position = "absolute", e.style.top = "-9999px", document.body.appendChild(e), t = e.offsetWidth - e.clientWidth, document.body.removeChild(e), t;
 }
 export {
-  S as defaultWindow,
-  L as isClient,
-  W as isIOS,
-  I as isObject,
-  b as noop,
-  G as onClickOutside,
-  C as toArray,
-  T as tryOnScopeDispose,
-  g as unrefElement,
-  A as useEventListener,
-  j as useMounted,
-  H as useResizeObserver,
-  q as useSupported,
-  J as useTextSelection,
-  w as watchImmediate
+  r as IS_MAYBE_FIREFOX,
+  i as IS_MAYBE_MAC,
+  a as cssSupports,
+  l as getScrollbarSize
 };