@quoreadmin/ui 1.10.33 → 1.11.0

package/dist/index176.js

@@ -1,863 +1,497 @@
-const o = {
-  root: ({ props: e }) => ({
-    class: [
-      "relative",
-      // Flex & Alignment
-      { "flex flex-col": e.scrollable && e.scrollHeight === "flex" },
-      // Size
-      { "h-full": e.scrollable && e.scrollHeight === "flex" }
-    ]
-  }),
-  loadingoverlay: {
-    class: [
-      // Position
-      "absolute",
-      "top-0 left-0",
-      "z-20",
-      // Flex & Alignment
-      "flex items-center justify-center",
-      // Size
-      "w-full h-full",
-      // Color
-      "bg-surface-100/0 dark:bg-surface-800/0",
-      // Transition
-      "transition duration-200"
-    ]
-  },
-  loadingicon: {
-    class: "w-8 h-8 animate-spin hidden"
-  },
-  wrapper: ({ props: e }) => ({
-    class: [
-      { relative: e.scrollable, "flex flex-col grow": e.scrollable && e.scrollHeight === "flex" },
-      // Size
-      { "h-full": e.scrollable && e.scrollHeight === "flex" }
-    ]
-  }),
-  header: ({ props: e }) => ({
-    class: [
-      "font-bold",
-      // Shape
-      e.showGridlines ? "border-x border-t border-b-0" : "border-y-0 border-x-0",
-      // Spacing
-      "p-4",
-      // Color
-      "bg-surface-50 dark:bg-surface-800",
-      "border-surface-200 dark:border-surface-700",
-      "text-surface-700 dark:text-white/80"
-    ]
-  }),
-  table: {
-    class: "w-full border-spacing-0 border-separate"
-  },
-  thead: ({ context: e }) => ({
-    class: [
-      {
-        "bg-surface-50 z-40 sticky": e.scrollable
-      }
-    ]
-  }),
-  tbody: ({ instance: e, context: r }) => ({
-    class: [
-      {
-        "sticky z-20": e.frozenRow && r.scrollable
-      }
-    ]
-  }),
-  tfoot: ({ context: e }) => ({
-    class: [
-      {
-        "bg-surface-50 bottom-0 z-0": e.scrollable
+import { noop as j, tryOnMounted as U, isClient as K, toArray as X, watchImmediate as re, notNullish as le, tryOnScopeDispose as ee, injectLocal as ue, pxValue as H, increaseWithUnit as se, isObject as ie, useThrottleFn as ae, useDebounceFn as ce } from "./index187.js";
+import { createFilterWrapper as We, debounceFilter as De, getLifeCycleTarget as Fe, throttleFilter as Ce } from "./index187.js";
+import { shallowRef as T, computed as A, toValue as S, reactive as Y, watch as _, hasInjectionContext as de, watchEffect as fe, getCurrentInstance as ve, onMounted as me, unref as te } from "vue";
+const C = K ? window : void 0;
+function W(t) {
+  var v;
+  const o = S(t);
+  return (v = o?.$el) !== null && v !== void 0 ? v : o;
+}
+function O(...t) {
+  const v = (l, d, u, m) => (l.addEventListener(d, u, m), () => l.removeEventListener(d, u, m)), o = A(() => {
+    const l = X(S(t[0])).filter((d) => d != null);
+    return l.every((d) => typeof d != "string") ? l : void 0;
+  });
+  return re(() => {
+    var l, d;
+    return [
+      (l = (d = o.value) === null || d === void 0 ? void 0 : d.map((u) => W(u))) !== null && l !== void 0 ? l : [C].filter((u) => u != null),
+      X(S(o.value ? t[1] : t[0])),
+      X(te(o.value ? t[2] : t[1])),
+      S(o.value ? t[3] : t[2])
+    ];
+  }, ([l, d, u, m], h, r) => {
+    if (!l?.length || !d?.length || !u?.length) return;
+    const p = ie(m) ? { ...m } : m, f = l.flatMap((b) => d.flatMap((y) => u.map((n) => v(b, y, n, p))));
+    r(() => {
+      f.forEach((b) => b());
+    });
+  }, { flush: "post" });
+}
+function Ee(t, v, o = {}) {
+  const { window: l = C, ignore: d = [], capture: u = !0, detectIframe: m = !1, controls: h = !1 } = o;
+  if (!l) return h ? {
+    stop: j,
+    cancel: j,
+    trigger: j
+  } : j;
+  let r = !0;
+  const p = (e) => S(d).some((s) => {
+    if (typeof s == "string") return Array.from(l.document.querySelectorAll(s)).some((c) => c === e.target || e.composedPath().includes(c));
+    {
+      const c = W(s);
+      return c && (e.target === c || e.composedPath().includes(c));
+    }
+  });
+  function f(e) {
+    const s = S(e);
+    return s && s.$.subTree.shapeFlag === 16;
+  }
+  function b(e, s) {
+    const c = S(e), w = c.$.subTree && c.$.subTree.children;
+    return w == null || !Array.isArray(w) ? !1 : w.some((x) => x.el === s.target || s.composedPath().includes(x.el));
+  }
+  const y = (e) => {
+    const s = W(t);
+    if (e.target != null && !(!(s instanceof Element) && f(t) && b(t, e)) && !(!s || s === e.target || e.composedPath().includes(s))) {
+      if ("detail" in e && e.detail === 0 && (r = !p(e)), !r) {
+        r = !0;
+        return;
       }
-    ]
-  }),
-  footer: {
-    class: [
-      "font-bold",
-      // Shape
-      "border-t-0 border-b border-x-0",
-      // Spacing
-      "p-4",
-      // Color
-      "bg-surface-50 dark:bg-surface-800",
-      "border-surface-200 dark:border-surface-700",
-      "text-surface-700 dark:text-white/80"
-    ]
-  },
-  column: {
-    headercell: ({ context: e, props: r }) => ({
-      class: [
-        "font-bold",
-        // Position
-        { "sticky z-20 border-b": r.frozen || r.frozen === "" },
-        { relative: e.resizable },
-        // Alignment
-        "text-left",
-        // Shape
-        { "first:border-l border-y border-r": e?.showGridlines },
-        "border-0 border-b border-solid",
-        // Spacing
-        e?.size === "small" ? "p-2" : e?.size === "large" ? "p-5" : "p-4",
-        // Color
-        (r.sortable === "" || r.sortable) && e.sorted ? "bg-primary-50 text-primary-700" : "bg-surface-50 text-surface-700",
-        (r.sortable === "" || r.sortable) && e.sorted ? "dark:text-white dark:bg-primary-400/30" : "dark:text-white/80 dark:bg-surface-800",
-        "border-surface-200 dark:border-surface-700 ",
-        // States
-        { "hover:bg-surface-100 dark:hover:bg-surface-400/30": (r.sortable === "" || r.sortable) && !e?.sorted },
-        "focus-visible:outline-none focus-visible:outline-offset-0 focus-visible:ring focus-visible:ring-inset focus-visible:ring-primary-400/50 dark:focus-visible:ring-primary-300/50",
-        // Transition
-        { "transition duration-200": r.sortable === "" || r.sortable },
-        // Misc
-        { "cursor-pointer": r.sortable === "" || r.sortable },
-        {
-          "overflow-hidden space-nowrap border-y bg-clip-padding": e.resizable
-          // Resizable
-        }
-      ]
-    }),
-    headercontent: {
-      class: "flex items-center"
-    },
-    sort: ({ context: e }) => ({
-      class: [e.sorted ? "text-primary-500" : "text-surface-700", e.sorted ? "dark:text-primary-400" : "dark:text-white/80"]
-    }),
-    bodycell: ({ props: e, context: r, state: t, parent: a }) => ({
-      class: [
-        //Position
-        { "sticky box-border border-b": a.instance.frozenRow },
-        { "sticky box-border border-b": e.frozen || e.frozen === "" },
-        // Alignment
-        "text-left",
-        // Shape
-        "border-0 border-b border-solid",
-        { "first:border-l border-r border-b": r?.showGridlines },
-        { "bg-surface-0 dark:bg-surface-800": a.instance.frozenRow || e.frozen || e.frozen === "" },
-        // Spacing
-        { "p-2": r?.size === "small" && !t.d_editing },
-        { "p-5": r?.size === "large" && !t.d_editing },
-        { "p-4": r?.size !== "large" && r?.size !== "small" && !t.d_editing },
-        { "py-[0.6rem] px-2": t.d_editing },
-        // Color
-        "border-surface-200 dark:border-surface-700"
-      ]
-    }),
-    footercell: ({ context: e }) => ({
-      class: [
-        // Font
-        "font-bold",
-        // Alignment
-        "text-left",
-        // Shape
-        "border-0 border-b border-solid",
-        { "border-x border-y": e?.showGridlines },
-        // Spacing
-        e?.size === "small" ? "p-2" : e?.size === "large" ? "p-5" : "p-4",
-        // Color
-        "border-surface-200 dark:border-surface-700",
-        "text-surface-700 dark:text-white/80",
-        "bg-surface-50 dark:bg-surface-800"
-      ]
-    }),
-    sorticon: ({ context: e }) => ({
-      class: ["ml-2", e.sorted ? "text-primary-700 dark:text-white/80" : "text-surface-700 dark:text-white/70"]
+      v(e);
+    }
+  };
+  let n = !1;
+  const i = [
+    O(l, "click", (e) => {
+      n || (n = !0, setTimeout(() => {
+        n = !1;
+      }, 0), y(e));
+    }, {
+      passive: !0,
+      capture: u
     }),
-    sortbadge: {
-      class: [
-        // Flex & Alignment
-        "flex items-center justify-center align-middle",
-        // Shape
-        "rounded-full",
-        // Size
-        "w-[1.143rem] leading-[1.143rem]",
-        // Spacing
-        "ml-2",
-        // Color
-        "text-primary-700 dark:text-white",
-        "bg-primary-50 dark:bg-primary-400/30"
-      ]
-    },
-    columnfilter: {
-      class: "inline-flex items-center ml-auto"
-    },
-    filteroverlay: {
-      class: [
-        // Position
-        "absolute top-0 left-0",
-        // Shape
-        "border-0 dark:border",
-        "rounded-md",
-        "shadow-md",
-        // Size
-        "min-w-[12.5rem]",
-        // Color
-        "bg-surface-0 dark:bg-surface-800",
-        "text-surface-800 dark:text-white/80",
-        "dark:border-surface-700"
-      ]
+    O(l, "pointerdown", (e) => {
+      const s = W(t);
+      r = !p(e) && !!(s && !e.composedPath().includes(s));
+    }, { passive: !0 }),
+    m && O(l, "blur", (e) => {
+      setTimeout(() => {
+        var s;
+        const c = W(t);
+        ((s = l.document.activeElement) === null || s === void 0 ? void 0 : s.tagName) === "IFRAME" && !c?.contains(l.document.activeElement) && v(e);
+      }, 0);
+    }, { passive: !0 })
+  ].filter(Boolean), E = () => i.forEach((e) => e());
+  return h ? {
+    stop: E,
+    cancel: () => {
+      r = !1;
     },
-    filtermatchmodedropdown: {
-      root: ({ state: e }) => ({
-        class: [
-          // Display and Position
-          "flex",
-          "relative",
-          // Spacing
-          "my-2",
-          // Shape
-          "w-full",
-          "rounded-md",
-          // Color and Background
-          "bg-surface-0 dark:bg-surface-900",
-          "border border-surface-300 dark:border-surface-700",
-          "text-surface-800 dark:text-white/80",
-          "placeholder:text-surface-400 dark:placeholder:text-surface-500",
-          // Transitions
-          "transition-all",
-          "duration-200",
-          // States
-          "hover:border-primary-500 dark:hover:border-primary-300",
-          { "outline-none outline-offset-0 ring ring-primary-400/50 dark:ring-primary-300/50": e.focused },
-          // Misc
-          "cursor-pointer",
-          "select-none"
-        ]
-      })
-    },
-    filterrowitems: {
-      class: "m-0 p-0 py-3 list-none"
+    trigger: (e) => {
+      r = !0, y(e), r = !1;
+    }
+  } : E;
+}
+// @__NO_SIDE_EFFECTS__
+function he() {
+  const t = T(!1), v = ve();
+  return v && me(() => {
+    t.value = !0;
+  }, v), t;
+}
+// @__NO_SIDE_EFFECTS__
+function q(t) {
+  const v = /* @__PURE__ */ he();
+  return A(() => (v.value, !!t()));
+}
+function ne(t, v, o = {}) {
+  const { window: l = C, ...d } = o;
+  let u;
+  const m = /* @__PURE__ */ q(() => l && "MutationObserver" in l), h = () => {
+    u && (u.disconnect(), u = void 0);
+  }, r = _(A(() => {
+    const b = X(S(t)).map(W).filter(le);
+    return new Set(b);
+  }), (b) => {
+    h(), m.value && b.size && (u = new MutationObserver(v), b.forEach((y) => u.observe(y, d)));
+  }, {
+    immediate: !0,
+    flush: "post"
+  }), p = () => u?.takeRecords(), f = () => {
+    r(), h();
+  };
+  return ee(f), {
+    isSupported: m,
+    stop: f,
+    takeRecords: p
+  };
+}
+const pe = /* @__PURE__ */ Symbol("vueuse-ssr-width");
+// @__NO_SIDE_EFFECTS__
+function oe() {
+  const t = de() ? ue(pe, null) : null;
+  return typeof t == "number" ? t : void 0;
+}
+function z(t, v = {}) {
+  const { window: o = C, ssrWidth: l = /* @__PURE__ */ oe() } = v, d = /* @__PURE__ */ q(() => o && "matchMedia" in o && typeof o.matchMedia == "function"), u = T(typeof l == "number"), m = T(), h = T(!1), r = (p) => {
+    h.value = p.matches;
+  };
+  return fe(() => {
+    if (u.value) {
+      u.value = !d.value, h.value = S(t).split(",").some((p) => {
+        const f = p.includes("not all"), b = p.match(/\(\s*min-width:\s*(-?\d+(?:\.\d*)?[a-z]+\s*)\)/), y = p.match(/\(\s*max-width:\s*(-?\d+(?:\.\d*)?[a-z]+\s*)\)/);
+        let n = !!(b || y);
+        return b && n && (n = l >= H(b[1])), y && n && (n = l <= H(y[1])), f ? !n : n;
+      });
+      return;
+    }
+    d.value && (m.value = o.matchMedia(S(t)), h.value = m.value.matches);
+  }), O(m, "change", r, { passive: !0 }), A(() => h.value);
+}
+const Se = {
+  sm: 640,
+  md: 768,
+  lg: 1024,
+  xl: 1280,
+  "2xl": 1536
+};
+// @__NO_SIDE_EFFECTS__
+function Te(t, v = {}) {
+  function o(n, i) {
+    let E = S(t[S(n)]);
+    return i != null && (E = se(E, i)), typeof E == "number" && (E = `${E}px`), E;
+  }
+  const { window: l = C, strategy: d = "min-width", ssrWidth: u = /* @__PURE__ */ oe() } = v, m = typeof u == "number", h = m ? T(!1) : { value: !0 };
+  m && U(() => h.value = !!l);
+  function r(n, i) {
+    return !h.value && m ? n === "min" ? u >= H(i) : u <= H(i) : l ? l.matchMedia(`(${n}-width: ${i})`).matches : !1;
+  }
+  const p = (n) => z(() => `(min-width: ${o(n)})`, v), f = (n) => z(() => `(max-width: ${o(n)})`, v), b = Object.keys(t).reduce((n, i) => (Object.defineProperty(n, i, {
+    get: () => d === "min-width" ? p(i) : f(i),
+    enumerable: !0,
+    configurable: !0
+  }), n), {});
+  function y() {
+    const n = Object.keys(t).map((i) => [
+      i,
+      b[i],
+      H(o(i))
+    ]).sort((i, E) => i[2] - E[2]);
+    return A(() => n.filter(([, i]) => i.value).map(([i]) => i));
+  }
+  return Object.assign(b, {
+    greaterOrEqual: p,
+    smallerOrEqual: f,
+    greater(n) {
+      return z(() => `(min-width: ${o(n, 0.1)})`, v);
     },
-    filterrowitem: ({ context: e }) => ({
-      class: [
-        // Font
-        "font-normal",
-        "leading-none",
-        // Position
-        "relative",
-        // Shape
-        "border-0",
-        "rounded-none",
-        // Spacing
-        "m-0",
-        "py-3 px-5",
-        // Color
-        { "text-surface-700 dark:text-white/80": !e?.highlighted },
-        { "bg-surface-0 dark:bg-surface-800 text-surface-700 dark:text-white/80": !e?.highlighted },
-        { "bg-primary-100 dark:bg-primary-400/40 text-primary-700 dark:text-white/80": e?.highlighted },
-        { "bg-primary-50 dark:bg-primary-400/40 text-primary-700 dark:text-white/80": e?.highlighted },
-        //States
-        { "hover:bg-surface-100 dark:hover:bg-surface-600/80": !e?.highlighted },
-        { "hover:text-surface-700 hover:bg-surface-100 dark:hover:text-white dark:hover:bg-surface-600/80": !e?.highlighted },
-        "focus-visible:outline-none focus-visible:outline-offset-0 focus-visible:ring focus-visible:ring-inset focus-visible:ring-primary-400/50 dark:focus-visible:ring-primary-300/50",
-        // Transitions
-        "transition-shadow",
-        "duration-200",
-        // Misc
-        "cursor-pointer",
-        "overflow-hidden",
-        "whitespace-nowrap"
-      ]
-    }),
-    filteroperator: {
-      class: [
-        // Spacing
-        "px-5 py-3",
-        // Shape
-        "border-b border-solid",
-        "rounded-t-md",
-        // Color
-        "text-surface-700 dark:text-white/80",
-        "border-surface-200 dark:border-surface-800",
-        "bg-surface-0 dark:bg-surface-700"
-      ]
+    smaller(n) {
+      return z(() => `(max-width: ${o(n, -0.1)})`, v);
     },
-    filteroperatordropdown: {
-      root: ({ state: e }) => ({
-        class: [
-          // Display and Position
-          "inline-flex",
-          "relative",
-          // Shape
-          "w-full",
-          "rounded-md",
-          // Color and Background
-          "bg-surface-0 dark:bg-surface-900",
-          "border border-surface-300 dark:border-surface-700",
-          // Transitions
-          "transition-all",
-          "duration-200",
-          // States
-          "hover:border-primary-500 dark:hover:border-primary-300",
-          { "outline-none outline-offset-0 ring ring-primary-400/50 dark:ring-primary-300/50": e.focused },
-          // Misc
-          "cursor-pointer",
-          "select-none"
-        ]
-      }),
-      input: ({ props: e }) => ({
-        class: [
-          //Font
-          "font-sans",
-          "leading-none",
-          // Display
-          "block",
-          "flex-auto",
-          // Color and Background
-          "bg-transparent",
-          "border-0",
-          { "text-surface-800 dark:text-white/80": e.modelValue, "text-surface-400 dark:text-surface-500": !e.modelValue },
-          "placeholder:text-surface-400 dark:placeholder:text-surface-500",
-          // Sizing and Spacing
-          "w-[1%]",
-          "p-3",
-          //Shape
-          "rounded-none",
-          // Transitions
-          "transition",
-          "duration-200",
-          // States
-          "focus:outline-none focus:shadow-none",
-          // Misc
-          "relative",
-          "cursor-pointer",
-          "overflow-hidden overflow-ellipsis",
-          "whitespace-nowrap",
-          "appearance-none"
-        ]
-      }),
-      trigger: {
-        class: [
-          // Flexbox
-          "flex items-center justify-center",
-          "shrink-0",
-          // Color and Background
-          "bg-transparent",
-          "text-surface-500",
-          // Size
-          "w-12",
-          // Shape
-          "rounded-tr-md",
-          "rounded-br-md"
-        ]
-      },
-      panel: {
-        class: [
-          // Position
-          "absolute top-0 left-0",
-          // Shape
-          "border-0 dark:border",
-          "rounded-md",
-          "shadow-md",
-          // Color
-          "bg-surface-0 dark:bg-surface-800",
-          "text-surface-800 dark:text-white/80",
-          "dark:border-surface-700"
-        ]
-      },
-      item: ({ context: e }) => ({
-        class: [
-          // Font
-          "font-normal",
-          "leading-none",
-          // Position
-          "relative",
-          // Shape
-          "border-0",
-          "rounded-none",
-          // Spacing
-          "m-0",
-          "py-3 px-5",
-          // Color
-          { "text-surface-700 dark:text-white/80": !e.focused && !e.selected },
-          { "bg-surface-50 dark:bg-surface-600/60 text-surface-700 dark:text-white/80": e.focused && !e.selected },
-          { "bg-primary-100 dark:bg-primary-400/40 text-primary-700 dark:text-white/80": e.focused && e.selected },
-          { "bg-primary-50 dark:bg-primary-400/40 text-primary-700 dark:text-white/80": !e.focused && e.selected },
-          //States
-          { "hover:bg-surface-100 dark:hover:bg-surface-600/80": !e.focused && !e.selected },
-          { "hover:text-surface-700 hover:bg-surface-100 dark:hover:text-white dark:hover:bg-surface-600/80": e.focused && !e.selected },
-          // Transitions
-          "transition-shadow",
-          "duration-200",
-          // Misc
-          "cursor-pointer",
-          "overflow-hidden",
-          "whitespace-nowrap"
-        ]
-      })
+    between(n, i) {
+      return z(() => `(min-width: ${o(n)}) and (max-width: ${o(i, -0.1)})`, v);
     },
-    filterconstraint: {
-      class: [
-        // Spacing
-        "py-3 px-5",
-        // Shape
-        "border-b border-solid",
-        // Color
-        "border-surface-200 dark:border-surface-700"
-      ]
+    isGreater(n) {
+      return r("min", o(n, 0.1));
     },
-    filteraddrule: {
-      class: "py-3 px-5"
+    isGreaterOrEqual(n) {
+      return r("min", o(n));
     },
-    filteraddrulebutton: {
-      root: {
-        class: [
-          "relative",
-          // Alignments
-          "items-center inline-flex text-center align-bottom justify-center",
-          // Sizes & Spacing
-          "text-sm py-2 px-3 w-full",
-          // Shape
-          "rounded-md",
-          "bg-transparent border-transparent",
-          "text-primary-500 dark:text-primary-400",
-          "hover:bg-primary-300/20",
-          // Transitions
-          "transition duration-200 ease-in-out",
-          // Misc
-          "cursor-pointer overflow-hidden select-none"
-        ]
-      },
-      label: {
-        class: "flex-auto grow-0"
-      },
-      icon: {
-        class: "mr-2"
-      }
+    isSmaller(n) {
+      return r("max", o(n, -0.1));
     },
-    filterremovebutton: {
-      root: {
-        class: [
-          "relative",
-          // Alignments
-          "items-center inline-flex text-center align-bottom justify-center",
-          // Sizes & Spacing
-          "text-sm py-2 px-3 w-full mt-2",
-          // Shape
-          "rounded-md",
-          "bg-transparent border-transparent",
-          "text-red-500 dark:text-red-400",
-          "hover:bg-red-300/20",
-          // Transitions
-          "transition duration-200 ease-in-out",
-          // Misc
-          "cursor-pointer overflow-hidden select-none"
-        ]
-      },
-      label: {
-        class: "flex-auto grow-0"
-      },
-      icon: {
-        class: "mr-2"
-      }
+    isSmallerOrEqual(n) {
+      return r("max", o(n));
     },
-    filterbuttonbar: {
-      class: [
-        // Flex & Alignment
-        "flex items-center justify-between",
-        // Space
-        "py-3 px-5"
-      ]
+    isInBetween(n, i) {
+      return r("min", o(n)) && r("max", o(i, -0.1));
     },
-    filterclearbutton: {
-      root: {
-        class: [
-          "relative",
-          // Alignments
-          "items-center inline-flex text-center align-bottom justify-center",
-          // Sizes & Spacing
-          "text-sm py-2 px-3",
-          // Shape
-          "rounded-md",
-          "text-primary-500 border border-primary-500",
-          "hover:bg-primary-300/20",
-          // Transitions
-          "transition duration-200 ease-in-out",
-          // Misc
-          "cursor-pointer overflow-hidden select-none"
-        ]
+    current: y,
+    active() {
+      const n = y();
+      return A(() => n.value.length === 0 ? "" : n.value.at(d === "min-width" ? -1 : 0));
+    }
+  });
+}
+function xe(t, v = {}) {
+  const o = T(!1), l = T(null);
+  let d = 0, u = !0;
+  if (K) {
+    var m, h;
+    const r = typeof v == "function" ? { onDrop: v } : v, p = (m = r.multiple) !== null && m !== void 0 ? m : !0, f = (h = r.preventDefaultForUnhandled) !== null && h !== void 0 ? h : !1, b = (e) => {
+      var s, c;
+      const w = Array.from((s = (c = e.dataTransfer) === null || c === void 0 ? void 0 : c.files) !== null && s !== void 0 ? s : []);
+      return w.length === 0 ? null : p ? w : [w[0]];
+    }, y = (e) => {
+      const s = te(r.dataTypes);
+      return typeof s == "function" ? s(e) : s?.length ? e.length === 0 ? !1 : e.every((c) => s.some((w) => c.includes(w))) : !0;
+    }, n = (e) => {
+      if (r.checkValidity) return r.checkValidity(e);
+      const s = y(Array.from(e ?? []).map((w) => w.type)), c = p || e.length <= 1;
+      return s && c;
+    }, i = () => /^(?:(?!chrome|android).)*safari/i.test(navigator.userAgent) && !("chrome" in window), E = (e, s) => {
+      var c, w;
+      const x = (c = e.dataTransfer) === null || c === void 0 ? void 0 : c.items;
+      if (u = (w = x && n(x)) !== null && w !== void 0 ? w : !1, f && e.preventDefault(), !i() && !u) {
+        e.dataTransfer && (e.dataTransfer.dropEffect = "none");
+        return;
       }
-    },
-    filterapplybutton: {
-      root: {
-        class: [
-          "relative",
-          // Alignments
-          "items-center inline-flex text-center align-bottom justify-center",
-          // Sizes & Spacing
-          "text-sm py-2 px-3",
-          // Shape
-          "rounded-md",
-          "text-white dark:text-surface-900",
-          "bg-primary-500 dark:bg-primary-400",
-          "hover:bg-primary-600 dark:hover:bg-primary-300 hover:border-primary-600 dark:hover:border-primary-300",
-          // Transitions
-          "transition duration-200 ease-in-out",
-          // Misc
-          "cursor-pointer overflow-hidden select-none"
-        ]
+      e.preventDefault(), e.dataTransfer && (e.dataTransfer.dropEffect = "copy");
+      const L = b(e);
+      switch (s) {
+        case "enter":
+          var V;
+          d += 1, o.value = !0, (V = r.onEnter) === null || V === void 0 || V.call(r, null, e);
+          break;
+        case "over":
+          var g;
+          (g = r.onOver) === null || g === void 0 || g.call(r, null, e);
+          break;
+        case "leave":
+          var M;
+          d -= 1, d === 0 && (o.value = !1), (M = r.onLeave) === null || M === void 0 || M.call(r, null, e);
+          break;
+        case "drop":
+          if (d = 0, o.value = !1, u) {
+            var a;
+            l.value = L, (a = r.onDrop) === null || a === void 0 || a.call(r, L, e);
+          }
+          break;
       }
+    };
+    O(t, "dragenter", (e) => E(e, "enter")), O(t, "dragover", (e) => E(e, "over")), O(t, "dragleave", (e) => E(e, "leave")), O(t, "drop", (e) => E(e, "drop"));
+  }
+  return {
+    files: l,
+    isOverDropZone: o
+  };
+}
+function be(t, v, o = {}) {
+  const { window: l = C, ...d } = o;
+  let u;
+  const m = /* @__PURE__ */ q(() => l && "ResizeObserver" in l), h = () => {
+    u && (u.disconnect(), u = void 0);
+  }, r = _(A(() => {
+    const f = S(t);
+    return Array.isArray(f) ? f.map((b) => W(b)) : [W(f)];
+  }), (f) => {
+    if (h(), m.value && l) {
+      u = new ResizeObserver(v);
+      for (const b of f) b && u.observe(b, d);
+    }
+  }, {
+    immediate: !0,
+    flush: "post"
+  }), p = () => {
+    h(), r();
+  };
+  return ee(p), {
+    isSupported: m,
+    stop: p
+  };
+}
+function Me(t, v = {}) {
+  const { reset: o = !0, windowResize: l = !0, windowScroll: d = !0, immediate: u = !0, updateTiming: m = "sync" } = v, h = T(0), r = T(0), p = T(0), f = T(0), b = T(0), y = T(0), n = T(0), i = T(0);
+  function E() {
+    const s = W(t);
+    if (!s) {
+      o && (h.value = 0, r.value = 0, p.value = 0, f.value = 0, b.value = 0, y.value = 0, n.value = 0, i.value = 0);
+      return;
+    }
+    const c = s.getBoundingClientRect();
+    h.value = c.height, r.value = c.bottom, p.value = c.left, f.value = c.right, b.value = c.top, y.value = c.width, n.value = c.x, i.value = c.y;
+  }
+  function e() {
+    m === "sync" ? E() : m === "next-frame" && requestAnimationFrame(() => E());
+  }
+  return be(t, e), _(() => W(t), (s) => !s && e()), ne(t, e, { attributeFilter: ["style", "class"] }), d && O("scroll", e, {
+    capture: !0,
+    passive: !0
+  }), l && O("resize", e, { passive: !0 }), U(() => {
+    u && e();
+  }), {
+    height: h,
+    bottom: r,
+    left: p,
+    right: f,
+    top: b,
+    width: y,
+    x: n,
+    y: i,
+    update: e
+  };
+}
+const J = 1;
+function we(t, v = {}) {
+  const { throttle: o = 0, idle: l = 200, onStop: d = j, onScroll: u = j, offset: m = {
+    left: 0,
+    right: 0,
+    top: 0,
+    bottom: 0
+  }, observe: h = { mutation: !1 }, eventListenerOptions: r = {
+    capture: !1,
+    passive: !0
+  }, behavior: p = "auto", window: f = C, onError: b = (a) => {
+    console.error(a);
+  } } = v, y = typeof h == "boolean" ? { mutation: h } : h, n = T(0), i = T(0), E = A({
+    get() {
+      return n.value;
     },
-    filtermenubutton: ({ context: e }) => ({
-      class: [
-        "relative",
-        // Flex & Alignment
-        "inline-flex items-center justify-center",
-        // Size
-        "w-8 h-8",
-        // Spacing
-        "ml-2",
-        // Shape
-        "rounded-full",
-        // Color
-        { "bg-primary-50 text-primary-700": e.active },
-        "dark:text-white/70 dark:hover:text-white/80 dark:bg-surface-800",
-        // States
-        "hover:text-surface-700 hover:bg-surface-300/20",
-        "focus:outline-none focus:outline-offset-0 focus:ring focus:ring-primary-400/50 dark:focus:ring-primary-300/50",
-        // Transition
-        "transition duration-200",
-        // Misc
-        "cursor-pointer no-underline overflow-hidden"
-      ]
-    }),
-    headerfilterclearbutton: ({ context: e }) => ({
-      class: [
-        "relative",
-        // Flex & Alignment
-        "inline-flex items-center justify-center",
-        "text-left",
-        // Shape
-        "border-none",
-        // Spacing
-        "m-0 p-0 ml-2",
-        // Color
-        "bg-transparent",
-        // Misc
-        "cursor-pointer no-underline overflow-hidden select-none",
-        {
-          invisible: !e.hidden
-        }
-      ]
-    }),
-    rowtoggler: {
-      class: [
-        "relative",
-        // Flex & Alignment
-        "inline-flex items-center justify-center",
-        "text-left",
-        // Spacing
-        "m-0 p-0",
-        // Size
-        "w-8 h-8",
-        // Shape
-        "border-0 rounded-full",
-        // Color
-        "text-surface-500 dark:text-white/70",
-        "bg-transparent",
-        "focus-visible:outline-none focus-visible:outline-offset-0",
-        "focus-visible:ring focus-visible:ring-primary-400/50 dark:focus-visible:ring-primary-300/50",
-        // Transition
-        "transition duration-200",
-        // Misc
-        "overflow-hidden",
-        "cursor-pointer select-none"
-      ]
-    },
-    columnresizer: {
-      class: [
-        "block",
-        // Position
-        "absolute top-0 right-0",
-        // Sizing
-        "w-2 h-full",
-        // Spacing
-        "m-0 p-0",
-        // Color
-        "border border-transparent",
-        // Misc
-        "cursor-col-resize"
-      ]
-    },
-    rowreordericon: {
-      class: "cursor-move"
-    },
-    roweditorinitbutton: {
-      class: [
-        "relative",
-        // Flex & Alignment
-        "inline-flex items-center justify-center",
-        "text-left",
-        // Size
-        "w-8 h-8",
-        // Shape
-        "border-0 rounded-full",
-        // Color
-        "text-surface-700 dark:text-white/70",
-        "border-transparent",
-        // States
-        "focus:outline-none focus:outline-offset-0 focus:ring focus:ring-primary-400/50 dark:focus:ring-primary-300/50",
-        "hover:text-surface-700 hover:bg-surface-300/20",
-        // Transition
-        "transition duration-200",
-        // Misc
-        "overflow-hidden",
-        "cursor-pointer select-none"
-      ]
-    },
-    roweditorsavebutton: {
-      class: [
-        "relative",
-        // Flex & Alignment
-        "inline-flex items-center justify-center",
-        "text-left",
-        // Size
-        "w-8 h-8",
-        // Shape
-        "border-0 rounded-full",
-        // Color
-        "text-surface-700 dark:text-white/70",
-        "border-transparent",
-        // States
-        "focus:outline-none focus:outline-offset-0 focus:ring focus:ring-primary-400/50 dark:focus:ring-primary-300/50",
-        "hover:text-surface-700 hover:bg-surface-300/20",
-        // Transition
-        "transition duration-200",
-        // Misc
-        "overflow-hidden",
-        "cursor-pointer select-none"
-      ]
-    },
-    roweditorcancelbutton: {
-      class: [
-        "relative",
-        // Flex & Alignment
-        "inline-flex items-center justify-center",
-        "text-left",
-        // Size
-        "w-8 h-8",
-        // Shape
-        "border-0 rounded-full",
-        // Color
-        "text-surface-700 dark:text-white/70",
-        "border-transparent",
-        // States
-        "focus:outline-none focus:outline-offset-0 focus:ring focus:ring-primary-400/50 dark:focus:ring-primary-300/50",
-        "hover:text-surface-700 hover:bg-surface-300/20",
-        // Transition
-        "transition duration-200",
-        // Misc
-        "overflow-hidden",
-        "cursor-pointer select-none"
-      ]
-    },
-    radiobuttonwrapper: {
-      class: [
-        "relative",
-        // Flex & Alignment
-        "inline-flex align-bottom",
-        // Size
-        "w-6 h-6",
-        // Misc
-        "cursor-pointer select-none"
-      ]
-    },
-    radiobutton: ({ context: e }) => ({
-      class: [
-        // Flexbox
-        "flex justify-center items-center",
-        // Size
-        "w-[1.571rem] h-[1.571rem]",
-        // Shape
-        "border-2 rounded-full",
-        // Color
-        { "text-surface-700 dark:text-white/80": !e.checked },
-        { "bg-surface-0 dark:bg-surface-900": !e.checked },
-        { "border-surface-300 dark:border-surface-700": !e.checked },
-        { "border-primary-500 dark:border-primary-400": e.checked },
-        { "bg-primary-500 dark:bg-primary-400": e.checked },
-        // States
-        { "hover:border-primary-500 dark:hover:border-primary-400": !e.disabled },
-        { "outline-none outline-offset-0 ring ring-primary-400/50 ring-inset dark:ring-primary-300/50": e.focused },
-        // Transition
-        "transition duration-200 ease-in-out",
-        // Misc
-        { "cursor-default opacity-60": e.disabled }
-      ]
-    }),
-    radiobuttonicon: ({ context: e }) => ({
-      class: [
-        "block",
-        // Shape
-        "rounded-full",
-        // Size
-        "w-3 h-3",
-        // Color
-        "bg-surface-0 dark:bg-surface-900",
-        // Transition
-        "transition duration-200 transform",
-        {
-          "backface-hidden scale-10 invisible": e.checked === !1,
-          "transform scale-100 visible": e.checked === !0
-        }
-      ]
-    }),
-    headercheckboxwrapper: {
-      class: [
-        "relative",
-        // Flex & Alignment
-        "inline-flex align-bottom",
-        // Size
-        "w-6 h-6",
-        // Misc
-        "cursor-pointer select-none"
-      ]
-    },
-    headercheckbox: ({ context: e }) => ({
-      class: [
-        // Flex & Alignment
-        "flex items-center justify-center",
-        // Shape
-        "border-2 rounded-lg",
-        // Size
-        "w-6 h-6",
-        // Color
-        "text-surface-600",
-        {
-          "border-surface-200 bg-surface-0 dark:border-surface-700 dark:bg-surface-900": !e.checked,
-          "border-primary-500 bg-primary-500 dark:border-primary-400 dark:bg-primary-400": e.checked
-        },
-        // States
-        "focus:outline-none focus:outline-offset-0",
-        {
-          "ring ring-primary-400/50 dark:ring-primary-300/50": e.focused
-        },
-        // Transition
-        "transition-colors duration-200",
-        // Misc
-        { "cursor-default opacity-60": e.disabled }
-      ]
-    }),
-    headercheckboxicon: {
-      class: [
-        // Size
-        "w-4 h-4",
-        "text-base leading-none",
-        // Color
-        "text-white dark:text-surface-900",
-        // Transition
-        "transition-all duration-200"
-      ]
-    },
-    checkboxwrapper: {
-      class: [
-        "relative",
-        // Flex & Alignment
-        "inline-flex align-bottom",
-        // Size
-        "w-6 h-6",
-        // Misc
-        "cursor-pointer select-none"
-      ]
-    },
-    checkbox: ({ context: e }) => ({
-      class: [
-        // Flex & Alignment
-        "flex items-center justify-center",
-        // Shape
-        "border-2 rounded-lg",
-        // Size
-        "w-6 h-6",
-        // Color
-        "text-surface-600",
-        {
-          "border-surface-200 bg-surface-0 dark:border-surface-700 dark:bg-surface-900": !e.checked,
-          "border-primary-500 bg-primary-500 dark:border-primary-400 dark:bg-primary-400": e.checked
-        },
-        // States
-        "focus:outline-none focus:outline-offset-0",
-        {
-          "ring ring-primary-400/50 dark:ring-primary-300/50": e.focused
-        },
-        // Transition
-        "transition-colors duration-200",
-        // Misc
-        { "cursor-default opacity-60": e.disabled }
-      ]
-    }),
-    checkboxicon: {
-      class: [
-        // Size
-        "w-4 h-4",
-        "text-base leading-none",
-        // Color
-        "text-white dark:text-surface-900",
-        // Transition
-        "transition-all duration-200"
-      ]
+    set(a) {
+      s(a, void 0);
+    }
+  }), e = A({
+    get() {
+      return i.value;
     },
-    transition: {
-      enterFromClass: "opacity-0 scale-y-[0.8]",
-      enterActiveClass: "transition-[transform,opacity] duration-[120ms] ease-[cubic-bezier(0,0,0.2,1)]",
-      leaveActiveClass: "transition-opacity duration-100 ease-linear",
-      leaveToClass: "opacity-0"
+    set(a) {
+      s(void 0, a);
     }
-  },
-  bodyrow: ({ context: e, props: r }) => ({
-    class: [
-      // Color
-      "dark:text-white/80",
-      { "bg-primary-50 text-primary-600 dark:bg-primary-400/30": e.selected },
-      { "bg-surface-0 text-surface-600 dark:bg-surface-800": !e.selected },
-      { "font-bold bg-surface-0 dark:bg-surface-800": r.frozenRow },
-      { "odd:bg-surface-0 odd:text-surface-600 dark:odd:bg-surface-800 even:bg-surface-50 even:text-surface-600 dark:even:bg-surface-900/50": e.stripedRows },
-      // State
-      // { 'focus:outline-none focus:outline-offset-0 focus:ring focus:ring-primary-400/50 ring-inset dark:focus:ring-primary-300/50': context.selectable },
-      { "hover:bg-surface-300/20 hover:text-surface-600": r.selectionMode && !e.selected },
-      // Transition
-      { "transition duration-200": r.selectionMode && !e.selected || r.rowHover },
-      // Misc
-      { "cursor-pointer": r.selectionMode }
-    ]
-  }),
-  rowexpansion: {
-    class: "bg-surface-0 dark:bg-surface-800 text-surface-600 dark:text-white/80"
-  },
-  rowgroupheader: {
-    class: ["sticky z-20", "bg-surface-0 text-surface-600 dark:text-white/70", "dark:bg-surface-800"]
-  },
-  rowgroupfooter: {
-    class: ["sticky z-20", "bg-surface-0 text-surface-600 dark:text-white/70", "dark:bg-surface-800"]
-  },
-  rowgrouptoggler: {
-    class: [
-      "relative",
-      // Flex & Alignment
-      "inline-flex items-center justify-center",
-      "text-left",
-      // Spacing
-      "m-0 p-0",
-      // Size
-      "w-8 h-8",
-      // Shape
-      "border-0 rounded-full",
-      // Color
-      "text-surface-500 dark:text-white/70",
-      "bg-transparent",
-      "focus-visible:outline-none focus-visible:outline-offset-0",
-      "focus-visible:ring focus-visible:ring-primary-400/50 dark:focus-visible:ring-primary-300/50",
-      // Transition
-      "transition duration-200",
-      // Misc
-      "overflow-hidden",
-      "cursor-pointer select-none"
-    ]
-  },
-  rowgrouptogglericon: {
-    class: "inline-block w-4 h-4"
-  },
-  resizehelper: {
-    class: "absolute hidden w-[2px] z-20 bg-primary-500 dark:bg-primary-400"
+  });
+  function s(a, D) {
+    var R, P, I, B;
+    if (!f) return;
+    const $ = S(t);
+    if (!$) return;
+    (R = $ instanceof Document ? f.document.body : $) === null || R === void 0 || R.scrollTo({
+      top: (P = S(D)) !== null && P !== void 0 ? P : e.value,
+      left: (I = S(a)) !== null && I !== void 0 ? I : E.value,
+      behavior: S(p)
+    });
+    const F = ($ == null || (B = $.document) === null || B === void 0 ? void 0 : B.documentElement) || $?.documentElement || $;
+    E != null && (n.value = F.scrollLeft), e != null && (i.value = F.scrollTop);
   }
-};
+  const c = T(!1), w = Y({
+    left: !0,
+    right: !1,
+    top: !0,
+    bottom: !1
+  }), x = Y({
+    left: !1,
+    right: !1,
+    top: !1,
+    bottom: !1
+  }), L = (a) => {
+    c.value && (c.value = !1, x.left = !1, x.right = !1, x.top = !1, x.bottom = !1, d(a));
+  }, V = ce(L, o + l), g = (a) => {
+    var D;
+    if (!f) return;
+    const R = (a == null || (D = a.document) === null || D === void 0 ? void 0 : D.documentElement) || a?.documentElement || W(a), { display: P, flexDirection: I, direction: B } = f.getComputedStyle(R), $ = B === "rtl" ? -1 : 1, F = R.scrollLeft;
+    x.left = F < n.value, x.right = F > n.value;
+    const G = Math.abs(F * $) <= (m.left || 0), N = Math.abs(F * $) + R.clientWidth >= R.scrollWidth - (m.right || 0) - J;
+    P === "flex" && I === "row-reverse" ? (w.left = N, w.right = G) : (w.left = G, w.right = N), n.value = F;
+    let k = R.scrollTop;
+    a === f.document && !k && (k = f.document.body.scrollTop), x.top = k < i.value, x.bottom = k > i.value;
+    const Q = Math.abs(k) <= (m.top || 0), Z = Math.abs(k) + R.clientHeight >= R.scrollHeight - (m.bottom || 0) - J;
+    P === "flex" && I === "column-reverse" ? (w.top = Z, w.bottom = Q) : (w.top = Q, w.bottom = Z), i.value = k;
+  }, M = (a) => {
+    var D;
+    f && (g((D = a.target.documentElement) !== null && D !== void 0 ? D : a.target), c.value = !0, V(a), u(a));
+  };
+  return O(t, "scroll", o ? ae(M, o, !0, !1) : M, r), U(() => {
+    try {
+      const a = S(t);
+      if (!a) return;
+      g(a);
+    } catch (a) {
+      b(a);
+    }
+  }), y?.mutation && t != null && t !== f && t !== document && ne(t, () => {
+    const a = S(t);
+    a && g(a);
+  }, {
+    attributes: !0,
+    childList: !0,
+    subtree: !0
+  }), O(t, "scrollend", L, r), {
+    x: E,
+    y: e,
+    isScrolling: c,
+    arrivedState: w,
+    directions: x,
+    measure() {
+      const a = S(t);
+      f && a && g(a);
+    }
+  };
+}
+function Oe(t, v = {}) {
+  const { threshold: o = 50, onSwipe: l, onSwipeEnd: d, onSwipeStart: u, passive: m = !0 } = v, h = Y({
+    x: 0,
+    y: 0
+  }), r = Y({
+    x: 0,
+    y: 0
+  }), p = A(() => h.x - r.x), f = A(() => h.y - r.y), { max: b, abs: y } = Math, n = A(() => b(y(p.value), y(f.value)) >= o), i = T(!1), E = A(() => n.value ? y(p.value) > y(f.value) ? p.value > 0 ? "left" : "right" : f.value > 0 ? "up" : "down" : "none"), e = (g) => [g.touches[0].clientX, g.touches[0].clientY], s = (g, M) => {
+    h.x = g, h.y = M;
+  }, c = (g, M) => {
+    r.x = g, r.y = M;
+  }, w = {
+    passive: m,
+    capture: !m
+  }, x = (g) => {
+    i.value && d?.(g, E.value), i.value = !1;
+  }, L = [
+    O(t, "touchstart", (g) => {
+      if (g.touches.length !== 1) return;
+      const [M, a] = e(g);
+      s(M, a), c(M, a), u?.(g);
+    }, w),
+    O(t, "touchmove", (g) => {
+      if (g.touches.length !== 1) return;
+      const [M, a] = e(g);
+      c(M, a), w.capture && !w.passive && Math.abs(p.value) > Math.abs(f.value) && g.preventDefault(), !i.value && n.value && (i.value = !0), i.value && l?.(g);
+    }, w),
+    O(t, ["touchend", "touchcancel"], x, w)
+  ];
+  return {
+    isSwiping: i,
+    direction: E,
+    coordsStart: h,
+    coordsEnd: r,
+    lengthX: p,
+    lengthY: f,
+    stop: () => L.forEach((g) => g())
+  };
+}
+function $e(t = {}) {
+  const { window: v = C, ...o } = t;
+  return we(v, o);
+}
 export {
-  o as default
+  Se as breakpointsTailwind,
+  We as createFilterWrapper,
+  De as debounceFilter,
+  C as defaultWindow,
+  Fe as getLifeCycleTarget,
+  se as increaseWithUnit,
+  ue as injectLocal,
+  K as isClient,
+  ie as isObject,
+  j as noop,
+  le as notNullish,
+  Ee as onClickOutside,
+  H as pxValue,
+  Ce as throttleFilter,
+  X as toArray,
+  U as tryOnMounted,
+  ee as tryOnScopeDispose,
+  W as unrefElement,
+  Te as useBreakpoints,
+  ce as useDebounceFn,
+  xe as useDropZone,
+  Me as useElementBounding,
+  O as useEventListener,
+  z as useMediaQuery,
+  he as useMounted,
+  ne as useMutationObserver,
+  be as useResizeObserver,
+  oe as useSSRWidth,
+  we as useScroll,
+  q as useSupported,
+  Oe as useSwipe,
+  ae as useThrottleFn,
+  $e as useWindowScroll,
+  re as watchImmediate
 };