@serendie/ui 3.2.0 → 3.2.1

package/dist/node_modules/@zag-js/menu/dist/menu.utils.js

@@ -0,0 +1,51 @@
+import { getItemId as u, getTriggerId as f } from "./menu.dom.js";
+import { isPointInPolygon as l } from "../../rect-utils/dist/polygon.js";
+function m(e) {
+  let t = e.parent;
+  for (; t && t.context.get("isSubmenu"); )
+    t = t.refs.get("parent");
+  t == null || t.send({ type: "CLOSE" });
+}
+function I(e, t) {
+  return e ? l(e, t) : !1;
+}
+function k(e, t, n) {
+  const o = Object.keys(e).length > 0;
+  if (!t) return null;
+  if (!o)
+    return u(n, t);
+  for (const i in e) {
+    const g = e[i], r = f(g.scope);
+    if (r === t)
+      return r;
+  }
+  return u(n, t);
+}
+function s(e, t) {
+  e && (e.refs.set("pointerRoutingLocked", t), e.context.set("pointerRoutingMode", t ? "locked" : "interactive"));
+}
+function c(e) {
+  const t = e.context.get("highlightedValue");
+  if (!t) return !1;
+  const n = e.refs.get("children");
+  for (const o in n) {
+    const i = n[o];
+    if (i.state.hasTag("open") && f(i.scope) === t)
+      return !0;
+  }
+  return !1;
+}
+function P(e, t) {
+  e && (e.refs.get("pointerRoutingLocked") || t && c(e) || s(e, !1));
+}
+function C(e) {
+  e && (c(e) || s(e, !1));
+}
+export {
+  m as closeRootMenu,
+  I as isWithinPolygon,
+  k as resolveItemId,
+  s as setParentRoutingLock,
+  P as unlockParentAfterChildClose,
+  C as unlockParentOnSubmenuClose
+};

package/dist/node_modules/@zag-js/pagination/dist/pagination.anatomy.js

@@ -0,0 +1,14 @@
+import { createAnatomy as r } from "../../anatomy/dist/create-anatomy.js";
+var t = r("pagination").parts(
+  "root",
+  "item",
+  "ellipsis",
+  "firstTrigger",
+  "prevTrigger",
+  "nextTrigger",
+  "lastTrigger"
+), a = t.build();
+export {
+  t as anatomy,
+  a as parts
+};

package/dist/node_modules/@zag-js/pagination/dist/pagination.connect.js

@@ -0,0 +1,145 @@
+import { dataAttr as b } from "../../dom-query/dist/shared.js";
+import { parts as s } from "./pagination.anatomy.js";
+import { getLastTriggerId as _, getNextTriggerId as G, getFirstTriggerId as k, getPrevTriggerId as C, getItemId as v, getEllipsisId as R, getRootId as F } from "./pagination.dom.js";
+import { getTransformedRange as h } from "./pagination.utils.js";
+function X(S, o) {
+  const { send: t, scope: n, prop: e, computed: u, context: A } = S, l = u("totalPages"), P = A.get("page"), d = A.get("pageSize"), i = e("translations"), x = e("count"), r = e("getPageUrl"), a = e("type"), E = u("previousPage"), y = u("nextPage"), m = u("pageRange"), c = P === 1, T = P >= l, L = h({
+    page: P,
+    totalPages: l,
+    siblingCount: e("siblingCount"),
+    boundaryCount: e("boundaryCount")
+  });
+  return {
+    count: x,
+    page: P,
+    pageSize: d,
+    totalPages: l,
+    pages: L,
+    previousPage: E,
+    nextPage: y,
+    pageRange: m,
+    slice(g) {
+      return g.slice(m.start, m.end);
+    },
+    setPageSize(g) {
+      t({ type: "SET_PAGE_SIZE", size: g });
+    },
+    setPage(g) {
+      t({ type: "SET_PAGE", page: g });
+    },
+    goToNextPage() {
+      t({ type: "NEXT_PAGE" });
+    },
+    goToPrevPage() {
+      t({ type: "PREVIOUS_PAGE" });
+    },
+    goToFirstPage() {
+      t({ type: "FIRST_PAGE" });
+    },
+    goToLastPage() {
+      t({ type: "LAST_PAGE" });
+    },
+    getRootProps() {
+      return o.element({
+        id: F(n),
+        ...s.root.attrs,
+        dir: e("dir"),
+        "aria-label": i.rootLabel
+      });
+    },
+    getEllipsisProps(g) {
+      return o.element({
+        id: R(n, g.index),
+        ...s.ellipsis.attrs,
+        dir: e("dir")
+      });
+    },
+    getItemProps(g) {
+      var f;
+      const p = g.value, I = p === P;
+      return o.element({
+        id: v(n, p),
+        ...s.item.attrs,
+        dir: e("dir"),
+        "data-index": p,
+        "data-selected": b(I),
+        "aria-current": I ? "page" : void 0,
+        "aria-label": (f = i.itemLabel) == null ? void 0 : f.call(i, { page: p, totalPages: l }),
+        onClick() {
+          t({ type: "SET_PAGE", page: p });
+        },
+        ...a === "button" && { type: "button" },
+        ...a === "link" && r && {
+          href: r({ page: p, pageSize: d })
+        }
+      });
+    },
+    getPrevTriggerProps() {
+      return o.element({
+        id: C(n),
+        ...s.prevTrigger.attrs,
+        dir: e("dir"),
+        "data-disabled": b(c),
+        "aria-label": i.prevTriggerLabel,
+        onClick() {
+          t({ type: "PREVIOUS_PAGE" });
+        },
+        ...a === "button" && { disabled: c, type: "button" },
+        ...a === "link" && r && E && {
+          href: r({ page: E, pageSize: d })
+        }
+      });
+    },
+    getFirstTriggerProps() {
+      return o.element({
+        id: k(n),
+        ...s.firstTrigger.attrs,
+        dir: e("dir"),
+        "data-disabled": b(c),
+        "aria-label": i.firstTriggerLabel,
+        onClick() {
+          t({ type: "FIRST_PAGE" });
+        },
+        ...a === "button" && { disabled: c, type: "button" },
+        ...a === "link" && r && {
+          href: r({ page: 1, pageSize: d })
+        }
+      });
+    },
+    getNextTriggerProps() {
+      return o.element({
+        id: G(n),
+        ...s.nextTrigger.attrs,
+        dir: e("dir"),
+        "data-disabled": b(T),
+        "aria-label": i.nextTriggerLabel,
+        onClick() {
+          t({ type: "NEXT_PAGE" });
+        },
+        ...a === "button" && { disabled: T, type: "button" },
+        ...a === "link" && r && y && {
+          href: r({ page: y, pageSize: d })
+        }
+      });
+    },
+    getLastTriggerProps() {
+      return o.element({
+        id: _(n),
+        ...s.lastTrigger.attrs,
+        dir: e("dir"),
+        "data-disabled": b(T),
+        "aria-label": i.lastTriggerLabel,
+        onClick() {
+          t({ type: "LAST_PAGE" });
+        },
+        ...a === "button" && { disabled: T, type: "button" },
+        ...a === "link" && r && {
+          href: r({ page: l, pageSize: d })
+        }
+      });
+    }
+  };
+}
+export {
+  X as connect
+};

package/dist/node_modules/@zag-js/pagination/dist/pagination.dom.js

@@ -0,0 +1,31 @@
+var a = (i) => {
+  var r;
+  return ((r = i.ids) == null ? void 0 : r.root) ?? `pagination:${i.id}`;
+}, t = (i) => {
+  var r;
+  return ((r = i.ids) == null ? void 0 : r.firstTrigger) ?? `pagination:${i.id}:first`;
+}, d = (i) => {
+  var r;
+  return ((r = i.ids) == null ? void 0 : r.prevTrigger) ?? `pagination:${i.id}:prev`;
+}, s = (i) => {
+  var r;
+  return ((r = i.ids) == null ? void 0 : r.nextTrigger) ?? `pagination:${i.id}:next`;
+}, n = (i) => {
+  var r;
+  return ((r = i.ids) == null ? void 0 : r.lastTrigger) ?? `pagination:${i.id}:last`;
+}, o = (i, r) => {
+  var g, e;
+  return ((e = (g = i.ids) == null ? void 0 : g.ellipsis) == null ? void 0 : e.call(g, r)) ?? `pagination:${i.id}:ellipsis:${r}`;
+}, p = (i, r) => {
+  var g, e;
+  return ((e = (g = i.ids) == null ? void 0 : g.item) == null ? void 0 : e.call(g, r)) ?? `pagination:${i.id}:item:${r}`;
+};
+export {
+  o as getEllipsisId,
+  t as getFirstTriggerId,
+  p as getItemId,
+  n as getLastTriggerId,
+  s as getNextTriggerId,
+  d as getPrevTriggerId,
+  a as getRootId
+};

package/dist/node_modules/@zag-js/pagination/dist/pagination.machine.js

@@ -0,0 +1,132 @@
+import { createMachine as P } from "../../core/dist/create-machine.js";
+import { memo as n } from "../../core/dist/memo.js";
+var p = P({
+  props({ props: e }) {
+    return {
+      defaultPageSize: 10,
+      siblingCount: 1,
+      boundaryCount: 1,
+      defaultPage: 1,
+      type: "button",
+      count: 1,
+      ...e,
+      translations: {
+        rootLabel: "pagination",
+        firstTriggerLabel: "first page",
+        prevTriggerLabel: "previous page",
+        nextTriggerLabel: "next page",
+        lastTriggerLabel: "last page",
+        itemLabel({ page: a, totalPages: g }) {
+          return `${g > 1 && a === g ? "last page, " : ""}page ${a}`;
+        },
+        ...e.translations
+      }
+    };
+  },
+  initialState() {
+    return "idle";
+  },
+  context({ prop: e, bindable: a, getContext: g }) {
+    return {
+      page: a(() => ({
+        value: e("page"),
+        defaultValue: e("defaultPage"),
+        onChange(t) {
+          var s;
+          const o = g();
+          (s = e("onPageChange")) == null || s({ page: t, pageSize: o.get("pageSize") });
+        }
+      })),
+      pageSize: a(() => ({
+        value: e("pageSize"),
+        defaultValue: e("defaultPageSize"),
+        onChange(t) {
+          var o;
+          (o = e("onPageSizeChange")) == null || o({ pageSize: t });
+        }
+      }))
+    };
+  },
+  watch({ track: e, context: a, action: g }) {
+    e([() => a.get("pageSize")], () => {
+      g(["setPageIfNeeded"]);
+    });
+  },
+  computed: {
+    totalPages: n(
+      ({ prop: e, context: a }) => [a.get("pageSize"), e("count")],
+      ([e, a]) => Math.ceil(a / e)
+    ),
+    pageRange: n(
+      ({ context: e, prop: a }) => [e.get("page"), e.get("pageSize"), a("count")],
+      ([e, a, g]) => {
+        const t = (e - 1) * a;
+        return { start: t, end: Math.min(t + a, g) };
+      }
+    ),
+    previousPage: ({ context: e }) => e.get("page") === 1 ? null : e.get("page") - 1,
+    nextPage: ({ context: e, computed: a }) => e.get("page") === a("totalPages") ? null : e.get("page") + 1,
+    isValidPage: ({ context: e, computed: a }) => e.get("page") >= 1 && e.get("page") <= a("totalPages")
+  },
+  on: {
+    SET_PAGE: {
+      guard: "isValidPage",
+      actions: ["setPage"]
+    },
+    SET_PAGE_SIZE: {
+      actions: ["setPageSize"]
+    },
+    FIRST_PAGE: {
+      actions: ["goToFirstPage"]
+    },
+    LAST_PAGE: {
+      actions: ["goToLastPage"]
+    },
+    PREVIOUS_PAGE: {
+      guard: "canGoToPrevPage",
+      actions: ["goToPrevPage"]
+    },
+    NEXT_PAGE: {
+      guard: "canGoToNextPage",
+      actions: ["goToNextPage"]
+    }
+  },
+  states: {
+    idle: {}
+  },
+  implementations: {
+    guards: {
+      isValidPage: ({ event: e, computed: a }) => e.page >= 1 && e.page <= a("totalPages"),
+      isValidCount: ({ context: e, event: a }) => e.get("page") > a.count,
+      canGoToNextPage: ({ context: e, computed: a }) => e.get("page") < a("totalPages"),
+      canGoToPrevPage: ({ context: e }) => e.get("page") > 1
+    },
+    actions: {
+      setPage({ context: e, event: a, computed: g }) {
+        const t = i(a.page, g("totalPages"));
+        e.set("page", t);
+      },
+      setPageSize({ context: e, event: a }) {
+        e.set("pageSize", a.size);
+      },
+      goToFirstPage({ context: e }) {
+        e.set("page", 1);
+      },
+      goToLastPage({ context: e, computed: a }) {
+        e.set("page", a("totalPages"));
+      },
+      goToPrevPage({ context: e, computed: a }) {
+        e.set("page", (g) => i(g - 1, a("totalPages")));
+      },
+      goToNextPage({ context: e, computed: a }) {
+        e.set("page", (g) => i(g + 1, a("totalPages")));
+      },
+      setPageIfNeeded({ context: e, computed: a }) {
+        a("isValidPage") || e.set("page", 1);
+      }
+    }
+  }
+}), i = (e, a) => Math.min(Math.max(e, 1), a);
+export {
+  p as machine
+};

package/dist/node_modules/@zag-js/pagination/dist/pagination.utils.js

@@ -0,0 +1,39 @@
+import { isNumber as m } from "../../utils/dist/guard.js";
+var a = (i, g) => {
+  let o = g - i + 1;
+  return Array.from({ length: o }, (p, s) => s + i);
+}, P = (i) => i.map((g) => m(g) ? { type: "page", value: g } : { type: "ellipsis" }), l = "ellipsis", I = (i) => {
+  const { page: g, totalPages: o, siblingCount: p, boundaryCount: s = 1 } = i;
+  if (o <= 0) return [];
+  if (o === 1) return [1];
+  const r = 1, n = o, u = Math.max(g - p, r), h = Math.min(g + p, n), b = Math.min(p * 2 + 3 + s * 2, o);
+  if (o <= b)
+    return a(r, n);
+  const d = b - 1 - s, f = u > r + s + 1 && Math.abs(u - r) > s + 1, c = h < n - s - 1 && Math.abs(n - h) > s + 1;
+  let e = [];
+  if (!f && c) {
+    const t = a(1, d);
+    e.push(...t, l), e.push(...a(n - s + 1, n));
+  } else if (f && !c) {
+    e.push(...a(r, r + s - 1)), e.push(l);
+    const t = a(n - d + 1, n);
+    e.push(...t);
+  } else if (f && c) {
+    e.push(...a(r, r + s - 1)), e.push(l);
+    const t = a(u, h);
+    e.push(...t), e.push(l), e.push(...a(n - s + 1, n));
+  } else
+    e.push(...a(r, n));
+  for (let t = 0; t < e.length; t++)
+    if (e[t] === l) {
+      const x = m(e[t - 1]) ? e[t - 1] : 0;
+      (m(e[t + 1]) ? e[t + 1] : o + 1) - x === 2 && (e[t] = x + 1);
+    }
+  return e;
+}, M = (i) => P(I(i));
+export {
+  I as getRange,
+  M as getTransformedRange,
+  a as range,
+  P as transform
+};

package/dist/node_modules/@zag-js/popper/dist/get-anchor.js

@@ -0,0 +1,34 @@
+import { isHTMLElement as r } from "../../dom-query/dist/node.js";
+function o(t = 0, n = 0, e = 0, u = 0) {
+  if (typeof DOMRect == "function")
+    return new DOMRect(t, n, e, u);
+  const i = {
+    x: t,
+    y: n,
+    width: e,
+    height: u,
+    top: n,
+    right: t + e,
+    bottom: n + u,
+    left: t
+  };
+  return { ...i, toJSON: () => i };
+}
+function f(t) {
+  if (!t) return o();
+  const { x: n, y: e, width: u, height: i } = t;
+  return o(n, e, u, i);
+}
+function s(t, n) {
+  return {
+    contextElement: r(t) ? t : t == null ? void 0 : t.contextElement,
+    getBoundingClientRect: () => {
+      const e = t, u = n == null ? void 0 : n(e);
+      return u || !e ? f(u) : e.getBoundingClientRect();
+    }
+  };
+}
+export {
+  o as createDOMRect,
+  s as getAnchorElement
+};

package/dist/node_modules/@zag-js/popper/dist/get-placement.js

@@ -0,0 +1,190 @@
+import { computePosition as B, autoUpdate as T, offset as k, flip as L, shift as N, arrow as X, size as Y, hide as G, limitShift as J } from "../../../@floating-ui/dom/dist/floating-ui.dom.js";
+import { getAnchorElement as K } from "./get-anchor.js";
+import { rectMiddleware as Q, shiftArrowMiddleware as Z, createTransformOriginMiddleware as _ } from "./middleware.js";
+import { getPlacementDetails as V } from "./placement.js";
+import { raf as ee } from "../../dom-query/dist/raf.js";
+import { getWindow as te, isHTMLElement as re } from "../../dom-query/dist/node.js";
+import { getComputedStyle as ne } from "../../dom-query/dist/computed-style.js";
+import { noop as H } from "../../utils/dist/functions.js";
+import { isNull as ie } from "../../utils/dist/guard.js";
+import { compact as oe } from "../../utils/dist/object.js";
+var se = {
+  strategy: "absolute",
+  placement: "bottom",
+  listeners: !0,
+  restoreStyles: !1,
+  gutter: 8,
+  flip: !0,
+  slide: !0,
+  overlap: !1,
+  sameWidth: !1,
+  fitViewport: !1,
+  overflowPadding: 8,
+  arrowPadding: 4
+};
+function U(e, t) {
+  const i = e.devicePixelRatio || 1;
+  return Math.round(t * i) / i;
+}
+function y(e, t) {
+  return e != null && Math.abs(e - t) < 0.5;
+}
+function b(e) {
+  return typeof e == "function" ? e() : e === "clipping-ancestors" ? "clippingAncestors" : e;
+}
+function le(e, t, i) {
+  const o = e || t.createElement("div");
+  return X({ element: o, padding: i.arrowPadding });
+}
+function fe(e, t) {
+  if (!ie(t.offset ?? t.gutter))
+    return k(({ placement: i }) => {
+      var l, a;
+      const o = ((e == null ? void 0 : e.clientHeight) || 0) / 2, f = ((l = t.offset) == null ? void 0 : l.mainAxis) ?? t.gutter, p = typeof f == "number" ? f + o : f ?? o, { hasAlign: n } = V(i), s = n ? void 0 : t.shift, d = ((a = t.offset) == null ? void 0 : a.crossAxis) ?? s;
+      return oe({
+        crossAxis: d,
+        mainAxis: p,
+        alignmentAxis: t.shift
+      });
+    });
+}
+function ae(e) {
+  if (!e.flip) return;
+  const t = b(e.boundary);
+  return L({
+    ...t ? { boundary: t } : void 0,
+    padding: e.overflowPadding,
+    fallbackPlacements: e.flip === !0 ? void 0 : e.flip
+  });
+}
+function ce(e) {
+  if (!e.slide && !e.overlap) return;
+  const t = b(e.boundary);
+  return N({
+    ...t ? { boundary: t } : void 0,
+    mainAxis: e.slide,
+    crossAxis: e.overlap,
+    padding: e.overflowPadding,
+    limiter: J()
+  });
+}
+function de(e) {
+  if (e.sizeMiddleware === !1 && !e.sameWidth && !e.fitViewport) return;
+  let t, i, o, f;
+  return Y({
+    padding: e.overflowPadding,
+    apply({ elements: p, rects: n, availableHeight: s, availableWidth: d }) {
+      const l = p.floating, a = Math.round(n.reference.width), g = Math.round(n.reference.height);
+      d = Math.floor(d), s = Math.floor(s), y(t, a) || (l.style.setProperty("--reference-width", `${a}px`), t = a), y(i, g) || (l.style.setProperty("--reference-height", `${g}px`), i = g), y(o, d) || (l.style.setProperty("--available-width", `${d}px`), o = d), y(f, s) || (l.style.setProperty("--available-height", `${s}px`), f = s);
+    }
+  });
+}
+function ue(e) {
+  if (e.hideWhenDetached)
+    return G({ strategy: "referenceHidden", boundary: b(e.boundary) ?? "clippingAncestors" });
+}
+function pe(e) {
+  return e ? e === !0 ? { ancestorResize: !0, ancestorScroll: !0, elementResize: !0, layoutShift: !0 } : e : {};
+}
+var me = [
+  "transform",
+  "visibility",
+  "pointer-events",
+  "--x",
+  "--y",
+  "--z-index",
+  "--reference-width",
+  "--reference-height",
+  "--available-width",
+  "--available-height",
+  "--transform-origin"
+], ye = ["top", "right", "bottom", "left"];
+function $(e, t) {
+  if (!e) return H;
+  const i = new Map(t.map((o) => [o, e.style.getPropertyValue(o)]));
+  return () => {
+    i.forEach((o, f) => {
+      o ? e.style.setProperty(f, o) : e.style.removeProperty(f);
+    }), e.style.length === 0 && e.removeAttribute("style");
+  };
+}
+function F(e) {
+  return e == null ? null : re(e) ? e : typeof e == "object" && e && "contextElement" in e && e.contextElement ? e.contextElement : e;
+}
+function ge(e, t, i = {}) {
+  const o = () => (typeof t == "function" ? t() : t) ?? null, f = () => {
+    var c;
+    const r = typeof e == "function" ? e() : e;
+    return ((c = i.getAnchorElement) == null ? void 0 : c.call(i)) ?? r;
+  }, p = () => {
+    const r = f();
+    return !r && !i.getAnchorRect ? null : K(r, i.getAnchorRect);
+  }, n = Object.assign({}, se, i);
+  let s = [], d = null, l, a;
+  function g(r) {
+    l == null || l(), a == null || a(), d = r, l = n.restoreStyles ? $(r, me) : void 0;
+    const c = r.querySelector("[data-part=arrow]");
+    a = n.restoreStyles ? $(c, ye) : void 0, s = [
+      fe(c, n),
+      ae(n),
+      ce(n),
+      le(c, r.ownerDocument, n),
+      Z(c),
+      _(
+        { gutter: n.gutter, offset: n.offset, overlap: n.overlap },
+        c
+      ),
+      de(n),
+      ue(n),
+      Q
+    ];
+  }
+  const { placement: W, strategy: I, onComplete: v, onPositioned: m } = n;
+  let E, z, w = !1, R, C, P = H;
+  const j = pe(n.listeners);
+  function q() {
+    if (!n.listeners) return;
+    const r = f(), c = p(), u = o();
+    if (!c || !u) return;
+    (F(r) !== F(R) || u !== C) && (P(), R = r, C = u, P = T(c, u, O, j));
+  }
+  async function D() {
+    var S;
+    q();
+    const r = o();
+    if (!r) return;
+    r !== d && (g(r), w = !1);
+    const c = p();
+    if (!c) return;
+    const u = await B(c, r, {
+      placement: W,
+      middleware: s,
+      strategy: I
+    });
+    v == null || v(u);
+    const x = te(r), h = U(x, u.x), A = U(x, u.y);
+    if (y(E, h) || (r.style.setProperty("--x", `${h}px`), E = h), y(z, A) || (r.style.setProperty("--y", `${A}px`), z = A), n.hideWhenDetached && (((S = u.middlewareData.hide) == null ? void 0 : S.referenceHidden) ? (r.style.setProperty("visibility", "hidden"), r.style.setProperty("pointer-events", "none")) : (r.style.removeProperty("visibility"), r.style.removeProperty("pointer-events"))), !w) {
+      const M = r.firstElementChild;
+      M && (r.style.setProperty("--z-index", ne(M).zIndex), w = !0);
+    }
+  }
+  async function O() {
+    i.updatePosition ? (await i.updatePosition({ updatePosition: D, floatingElement: o() }), m == null || m({ placed: !0 })) : await D();
+  }
+  return O(), () => {
+    P(), a == null || a(), l == null || l(), m == null || m({ placed: !1 });
+  };
+}
+function Re(e, t, i = {}) {
+  const { defer: o, ...f } = i, p = o ? ee : (s) => s(), n = [];
+  return n.push(
+    p(() => {
+      n.push(ge(e, t, f));
+    })
+  ), () => {
+    n.forEach((s) => s == null ? void 0 : s());
+  };
+}
+export {
+  Re as getPlacement
+};

package/dist/node_modules/@zag-js/popper/dist/get-styles.js

@@ -0,0 +1,47 @@
+import { cssVars as e } from "./middleware.js";
+var n = {
+  bottom: "rotate(45deg)",
+  left: "rotate(135deg)",
+  top: "rotate(225deg)",
+  right: "rotate(315deg)"
+};
+function d(i = {}) {
+  const { placement: t, sameWidth: r, fitViewport: a, strategy: o = "absolute" } = i;
+  return {
+    arrow: {
+      position: "absolute",
+      width: e.arrowSize.reference,
+      height: e.arrowSize.reference,
+      [e.arrowSizeHalf.variable]: `calc(${e.arrowSize.reference} / 2)`,
+      [e.arrowOffset.variable]: `calc(${e.arrowSizeHalf.reference} * -1)`
+    },
+    arrowTip: {
+      // @ts-expect-error - Fix this
+      transform: t ? n[t.split("-")[0]] : void 0,
+      background: e.arrowBg.reference,
+      top: "0",
+      left: "0",
+      width: "100%",
+      height: "100%",
+      position: "absolute",
+      zIndex: "inherit"
+    },
+    floating: {
+      position: o,
+      isolation: "isolate",
+      minWidth: r ? void 0 : "max-content",
+      width: r ? "var(--reference-width)" : void 0,
+      maxWidth: a ? "var(--available-width)" : void 0,
+      maxHeight: a ? "var(--available-height)" : void 0,
+      pointerEvents: t ? void 0 : "none",
+      top: "0px",
+      left: "0px",
+      // move off-screen if placement is not defined
+      transform: t ? "translate3d(var(--x), var(--y), 0)" : "translate3d(0, -100vh, 0)",
+      zIndex: "var(--z-index)"
+    }
+  };
+}
+export {
+  d as getPlacementStyles
+};