@zag-js/popper 0.10.2 → 0.10.4

package/dist/auto-update.d.ts

@@ -1,11 +1,8 @@
-import { ReferenceElement } from '@floating-ui/dom';
-export { Placement } from '@floating-ui/dom';
-
-type AutoUpdateOptions = {
+import type { Placement, ReferenceElement } from "@floating-ui/dom";
+export type { Placement };
+export type AutoUpdateOptions = {
     ancestorScroll?: boolean;
     ancestorResize?: boolean;
     referenceResize?: boolean;
 };
-declare function autoUpdate(reference: ReferenceElement, floating: HTMLElement, update: () => void, options?: boolean | AutoUpdateOptions): () => void;
-
-export { AutoUpdateOptions, autoUpdate };
+export declare function autoUpdate(reference: ReferenceElement, floating: HTMLElement, update: () => void, options?: boolean | AutoUpdateOptions): () => void;

package/dist/auto-update.js

@@ -1,35 +1,15 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+'use strict';
 
-// src/auto-update.ts
-var auto_update_exports = {};
-__export(auto_update_exports, {
-  autoUpdate: () => autoUpdate
-});
-module.exports = __toCommonJS(auto_update_exports);
-var import_dom = require("@floating-ui/dom");
-var import_element_rect = require("@zag-js/element-rect");
-var callAll = (...fns) => () => fns.forEach((fn) => fn());
-var isHTMLElement = (el) => {
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const dom = require('@floating-ui/dom');
+const elementRect = require('@zag-js/element-rect');
+
+const callAll = (...fns) => () => fns.forEach((fn) => fn());
+const isHTMLElement = (el) => {
   return typeof el === "object" && el !== null && el.nodeType === 1;
 };
-var addDomEvent = (el, type, fn, options) => {
+const addDomEvent = (el, type, fn, options) => {
   el.addEventListener(type, fn, options);
   return () => el.removeEventListener(type, fn, options);
 };
@@ -46,12 +26,12 @@ function autoUpdate(reference, floating, update, options = false) {
   const useAncestors = ancestorScroll || ancestorResize;
   const ancestors = [];
   if (useAncestors && isHTMLElement(reference)) {
-    ancestors.push(...(0, import_dom.getOverflowAncestors)(reference));
+    ancestors.push(...dom.getOverflowAncestors(reference));
   }
   function addResizeListeners() {
-    let cleanups = [(0, import_element_rect.trackElementRect)(floating, { scope: "size", onChange: update })];
+    let cleanups = [elementRect.trackElementRect(floating, { scope: "size", onChange: update })];
     if (referenceResize && isHTMLElement(reference)) {
-      cleanups.push((0, import_element_rect.trackElementRect)(reference, { onChange: update }));
+      cleanups.push(elementRect.trackElementRect(reference, { onChange: update }));
     }
     cleanups.push(callAll(...ancestors.map((el) => addDomEvent(el, "resize", update))));
     return () => cleanups.forEach((fn) => fn());
@@ -61,7 +41,5 @@ function autoUpdate(reference, floating, update, options = false) {
   }
   return callAll(addResizeListeners(), addScrollListeners());
 }
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  autoUpdate
-});
+
+exports.autoUpdate = autoUpdate;

package/dist/auto-update.mjs

@@ -1,6 +1,41 @@
-import {
-  autoUpdate
-} from "./chunk-MLNMIWN3.mjs";
-export {
-  autoUpdate
+import { getOverflowAncestors } from '@floating-ui/dom';
+import { trackElementRect } from '@zag-js/element-rect';
+
+const callAll = (...fns) => () => fns.forEach((fn) => fn());
+const isHTMLElement = (el) => {
+  return typeof el === "object" && el !== null && el.nodeType === 1;
 };
+const addDomEvent = (el, type, fn, options) => {
+  el.addEventListener(type, fn, options);
+  return () => el.removeEventListener(type, fn, options);
+};
+function resolveOptions(option) {
+  const bool = typeof option === "boolean";
+  return {
+    ancestorResize: bool ? option : option.ancestorResize ?? true,
+    ancestorScroll: bool ? option : option.ancestorScroll ?? true,
+    referenceResize: bool ? option : option.referenceResize ?? true
+  };
+}
+function autoUpdate(reference, floating, update, options = false) {
+  const { ancestorScroll, ancestorResize, referenceResize } = resolveOptions(options);
+  const useAncestors = ancestorScroll || ancestorResize;
+  const ancestors = [];
+  if (useAncestors && isHTMLElement(reference)) {
+    ancestors.push(...getOverflowAncestors(reference));
+  }
+  function addResizeListeners() {
+    let cleanups = [trackElementRect(floating, { scope: "size", onChange: update })];
+    if (referenceResize && isHTMLElement(reference)) {
+      cleanups.push(trackElementRect(reference, { onChange: update }));
+    }
+    cleanups.push(callAll(...ancestors.map((el) => addDomEvent(el, "resize", update))));
+    return () => cleanups.forEach((fn) => fn());
+  }
+  function addScrollListeners() {
+    return callAll(...ancestors.map((el) => addDomEvent(el, "scroll", update, { passive: true })));
+  }
+  return callAll(addResizeListeners(), addScrollListeners());
+}
+
+export { autoUpdate };

package/dist/get-placement.d.ts

@@ -1,13 +1,10 @@
-import { Placement, VirtualElement } from '@floating-ui/dom';
-import { BasePlacement, PositioningOptions } from './types.js';
-import './auto-update.js';
-
+import type { Placement, VirtualElement } from "@floating-ui/dom";
+import type { BasePlacement, PositioningOptions } from "./types";
 type MaybeRectElement = HTMLElement | VirtualElement | null;
 type MaybeElement = HTMLElement | null;
 type MaybeFn<T> = T | (() => T);
-declare function getBasePlacement(placement: Placement): BasePlacement;
-declare function getPlacement(referenceOrFn: MaybeFn<MaybeRectElement>, floatingOrFn: MaybeFn<MaybeElement>, opts?: PositioningOptions & {
+export declare function getBasePlacement(placement: Placement): BasePlacement;
+export declare function getPlacement(referenceOrFn: MaybeFn<MaybeRectElement>, floatingOrFn: MaybeFn<MaybeElement>, opts?: PositioningOptions & {
     defer?: boolean;
 }): () => void;
-
-export { getBasePlacement, getPlacement };
+export {};

package/dist/get-placement.js

@@ -1,127 +1,14 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+'use strict';
 
-// src/get-placement.ts
-var get_placement_exports = {};
-__export(get_placement_exports, {
-  getBasePlacement: () => getBasePlacement,
-  getPlacement: () => getPlacement
-});
-module.exports = __toCommonJS(get_placement_exports);
-var import_dom2 = require("@floating-ui/dom");
-var import_dom_query = require("@zag-js/dom-query");
-var import_utils = require("@zag-js/utils");
-
-// src/auto-update.ts
-var import_dom = require("@floating-ui/dom");
-var import_element_rect = require("@zag-js/element-rect");
-var callAll = (...fns) => () => fns.forEach((fn) => fn());
-var isHTMLElement = (el) => {
-  return typeof el === "object" && el !== null && el.nodeType === 1;
-};
-var addDomEvent = (el, type, fn, options) => {
-  el.addEventListener(type, fn, options);
-  return () => el.removeEventListener(type, fn, options);
-};
-function resolveOptions(option) {
-  const bool = typeof option === "boolean";
-  return {
-    ancestorResize: bool ? option : option.ancestorResize ?? true,
-    ancestorScroll: bool ? option : option.ancestorScroll ?? true,
-    referenceResize: bool ? option : option.referenceResize ?? true
-  };
-}
-function autoUpdate(reference, floating, update, options = false) {
-  const { ancestorScroll, ancestorResize, referenceResize } = resolveOptions(options);
-  const useAncestors = ancestorScroll || ancestorResize;
-  const ancestors = [];
-  if (useAncestors && isHTMLElement(reference)) {
-    ancestors.push(...(0, import_dom.getOverflowAncestors)(reference));
-  }
-  function addResizeListeners() {
-    let cleanups = [(0, import_element_rect.trackElementRect)(floating, { scope: "size", onChange: update })];
-    if (referenceResize && isHTMLElement(reference)) {
-      cleanups.push((0, import_element_rect.trackElementRect)(reference, { onChange: update }));
-    }
-    cleanups.push(callAll(...ancestors.map((el) => addDomEvent(el, "resize", update))));
-    return () => cleanups.forEach((fn) => fn());
-  }
-  function addScrollListeners() {
-    return callAll(...ancestors.map((el) => addDomEvent(el, "scroll", update, { passive: true })));
-  }
-  return callAll(addResizeListeners(), addScrollListeners());
-}
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-// src/middleware.ts
-var toVar = (value) => ({ variable: value, reference: `var(${value})` });
-var cssVars = {
-  arrowSize: toVar("--arrow-size"),
-  arrowSizeHalf: toVar("--arrow-size-half"),
-  arrowBg: toVar("--arrow-background"),
-  transformOrigin: toVar("--transform-origin"),
-  arrowOffset: toVar("--arrow-offset")
-};
-var getTransformOrigin = (arrow2) => ({
-  top: "bottom center",
-  "top-start": arrow2 ? `${arrow2.x}px bottom` : "left bottom",
-  "top-end": arrow2 ? `${arrow2.x}px bottom` : "right bottom",
-  bottom: "top center",
-  "bottom-start": arrow2 ? `${arrow2.x}px top` : "top left",
-  "bottom-end": arrow2 ? `${arrow2.x}px top` : "top right",
-  left: "right center",
-  "left-start": arrow2 ? `right ${arrow2.y}px` : "right top",
-  "left-end": arrow2 ? `right ${arrow2.y}px` : "right bottom",
-  right: "left center",
-  "right-start": arrow2 ? `left ${arrow2.y}px` : "left top",
-  "right-end": arrow2 ? `left ${arrow2.y}px` : "left bottom"
-});
-var transformOrigin = {
-  name: "transformOrigin",
-  fn({ placement, elements, middlewareData }) {
-    const { arrow: arrow2 } = middlewareData;
-    const transformOrigin2 = getTransformOrigin(arrow2)[placement];
-    const { floating } = elements;
-    floating.style.setProperty(cssVars.transformOrigin.variable, transformOrigin2);
-    return {
-      data: { transformOrigin: transformOrigin2 }
-    };
-  }
-};
-var shiftArrow = (opts) => ({
-  name: "shiftArrow",
-  fn({ placement, middlewareData }) {
-    const { element: arrow2 } = opts;
-    if (middlewareData.arrow) {
-      const { x, y } = middlewareData.arrow;
-      const dir = placement.split("-")[0];
-      Object.assign(arrow2.style, {
-        left: x != null ? `${x}px` : "",
-        top: y != null ? `${y}px` : "",
-        [dir]: `calc(100% + ${cssVars.arrowOffset.reference})`
-      });
-    }
-    return {};
-  }
-});
+const dom = require('@floating-ui/dom');
+const domQuery = require('@zag-js/dom-query');
+const utils = require('@zag-js/utils');
+const autoUpdate = require('./auto-update.js');
+const middleware = require('./middleware.js');
 
-// src/get-placement.ts
-var defaultOptions = {
+const defaultOptions = {
   strategy: "absolute",
   placement: "bottom",
   listeners: true,
@@ -135,11 +22,11 @@ function getPlacementImpl(reference, floating, opts = {}) {
     return;
   const options = Object.assign({}, defaultOptions, opts);
   const arrowEl = floating.querySelector("[data-part=arrow]");
-  const middleware = [];
+  const middleware$1 = [];
   const boundary = typeof options.boundary === "function" ? options.boundary() : options.boundary;
   if (options.flip) {
-    middleware.push(
-      (0, import_dom2.flip)({
+    middleware$1.push(
+      dom.flip({
         boundary,
         padding: options.overflowPadding
       })
@@ -147,27 +34,27 @@ function getPlacementImpl(reference, floating, opts = {}) {
   }
   if (options.gutter || options.offset) {
     const arrowOffset = arrowEl ? arrowEl.offsetHeight / 2 : 0;
-    const data = options.gutter ? { mainAxis: options.gutter } : options.offset;
+    const data = options.offset ? options.offset : { mainAxis: options.gutter };
     if (data?.mainAxis != null)
       data.mainAxis += arrowOffset;
-    middleware.push((0, import_dom2.offset)(data));
+    middleware$1.push(dom.offset(data));
   }
-  middleware.push(
-    (0, import_dom2.shift)({
+  middleware$1.push(
+    dom.shift({
       boundary,
       crossAxis: options.overlap,
       padding: options.overflowPadding
     })
   );
   if (arrowEl) {
-    middleware.push(
-      (0, import_dom2.arrow)({ element: arrowEl, padding: 8 }),
-      shiftArrow({ element: arrowEl })
+    middleware$1.push(
+      dom.arrow({ element: arrowEl, padding: 8 }),
+      middleware.shiftArrow({ element: arrowEl })
     );
   }
-  middleware.push(transformOrigin);
-  middleware.push(
-    (0, import_dom2.size)({
+  middleware$1.push(middleware.transformOrigin);
+  middleware$1.push(
+    dom.size({
       padding: options.overflowPadding,
       apply({ rects, availableHeight, availableWidth }) {
         const referenceWidth = Math.round(rects.reference.width);
@@ -193,9 +80,9 @@ function getPlacementImpl(reference, floating, opts = {}) {
     if (!reference || !floating)
       return;
     const { placement, strategy, onComplete } = options;
-    (0, import_dom2.computePosition)(reference, floating, {
+    dom.computePosition(reference, floating, {
       placement,
-      middleware,
+      middleware: middleware$1,
       strategy,
       ...config
     }).then((data) => {
@@ -211,8 +98,8 @@ function getPlacementImpl(reference, floating, opts = {}) {
     });
   }
   compute();
-  return (0, import_utils.callAll)(
-    options.listeners ? autoUpdate(reference, floating, compute, options.listeners) : void 0,
+  return utils.callAll(
+    options.listeners ? autoUpdate.autoUpdate(reference, floating, compute, options.listeners) : void 0,
     options.onCleanup
   );
 }
@@ -221,7 +108,7 @@ function getBasePlacement(placement) {
 }
 function getPlacement(referenceOrFn, floatingOrFn, opts = {}) {
   const { defer, ...restOptions } = opts;
-  const func = defer ? import_dom_query.raf : (v) => v();
+  const func = defer ? domQuery.raf : (v) => v();
   const cleanups = [];
   cleanups.push(
     func(() => {
@@ -234,8 +121,6 @@ function getPlacement(referenceOrFn, floatingOrFn, opts = {}) {
     cleanups.forEach((fn) => fn?.());
   };
 }
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  getBasePlacement,
-  getPlacement
-});
+
+exports.getBasePlacement = getBasePlacement;
+exports.getPlacement = getPlacement;

package/dist/get-placement.mjs

@@ -1,10 +1,121 @@
-import {
-  getBasePlacement,
-  getPlacement
-} from "./chunk-EC2KMZAZ.mjs";
-import "./chunk-MLNMIWN3.mjs";
-import "./chunk-X5LLREVI.mjs";
-export {
-  getBasePlacement,
-  getPlacement
+import { flip, offset, shift, arrow, size, computePosition } from '@floating-ui/dom';
+import { raf } from '@zag-js/dom-query';
+import { callAll } from '@zag-js/utils';
+import { autoUpdate } from './auto-update.mjs';
+import { shiftArrow, transformOrigin } from './middleware.mjs';
+
+const defaultOptions = {
+  strategy: "absolute",
+  placement: "bottom",
+  listeners: true,
+  gutter: 8,
+  flip: true,
+  sameWidth: false,
+  overflowPadding: 8
 };
+function getPlacementImpl(reference, floating, opts = {}) {
+  if (!floating || !reference)
+    return;
+  const options = Object.assign({}, defaultOptions, opts);
+  const arrowEl = floating.querySelector("[data-part=arrow]");
+  const middleware = [];
+  const boundary = typeof options.boundary === "function" ? options.boundary() : options.boundary;
+  if (options.flip) {
+    middleware.push(
+      flip({
+        boundary,
+        padding: options.overflowPadding
+      })
+    );
+  }
+  if (options.gutter || options.offset) {
+    const arrowOffset = arrowEl ? arrowEl.offsetHeight / 2 : 0;
+    const data = options.offset ? options.offset : { mainAxis: options.gutter };
+    if (data?.mainAxis != null)
+      data.mainAxis += arrowOffset;
+    middleware.push(offset(data));
+  }
+  middleware.push(
+    shift({
+      boundary,
+      crossAxis: options.overlap,
+      padding: options.overflowPadding
+    })
+  );
+  if (arrowEl) {
+    middleware.push(
+      arrow({ element: arrowEl, padding: 8 }),
+      shiftArrow({ element: arrowEl })
+    );
+  }
+  middleware.push(transformOrigin);
+  middleware.push(
+    size({
+      padding: options.overflowPadding,
+      apply({ rects, availableHeight, availableWidth }) {
+        const referenceWidth = Math.round(rects.reference.width);
+        floating.style.setProperty("--reference-width", `${referenceWidth}px`);
+        floating.style.setProperty("--available-width", `${availableWidth}px`);
+        floating.style.setProperty("--available-height", `${availableHeight}px`);
+        if (options.sameWidth) {
+          Object.assign(floating.style, {
+            width: `${referenceWidth}px`,
+            minWidth: "unset"
+          });
+        }
+        if (options.fitViewport) {
+          Object.assign(floating.style, {
+            maxWidth: `${availableWidth}px`,
+            maxHeight: `${availableHeight}px`
+          });
+        }
+      }
+    })
+  );
+  function compute(config = {}) {
+    if (!reference || !floating)
+      return;
+    const { placement, strategy, onComplete } = options;
+    computePosition(reference, floating, {
+      placement,
+      middleware,
+      strategy,
+      ...config
+    }).then((data) => {
+      const x = Math.round(data.x);
+      const y = Math.round(data.y);
+      Object.assign(floating.style, {
+        position: data.strategy,
+        top: "0px",
+        left: "0px",
+        transform: `translate3d(${x}px, ${y}px, 0)`
+      });
+      onComplete?.(data);
+    });
+  }
+  compute();
+  return callAll(
+    options.listeners ? autoUpdate(reference, floating, compute, options.listeners) : void 0,
+    options.onCleanup
+  );
+}
+function getBasePlacement(placement) {
+  return placement.split("-")[0];
+}
+function getPlacement(referenceOrFn, floatingOrFn, opts = {}) {
+  const { defer, ...restOptions } = opts;
+  const func = defer ? raf : (v) => v();
+  const cleanups = [];
+  cleanups.push(
+    func(() => {
+      const reference = typeof referenceOrFn === "function" ? referenceOrFn() : referenceOrFn;
+      const floating = typeof floatingOrFn === "function" ? floatingOrFn() : floatingOrFn;
+      cleanups.push(getPlacementImpl(reference, floating, restOptions));
+    })
+  );
+  return () => {
+    cleanups.forEach((fn) => fn?.());
+  };
+}
+
+export { getBasePlacement, getPlacement };

package/dist/get-styles.d.ts

@@ -1,9 +1,8 @@
-import { Placement } from '@floating-ui/dom';
-
+import type { Placement } from "@floating-ui/dom";
 type Options = {
     placement?: Placement;
 };
-declare function getPlacementStyles(options: Options): {
+export declare function getPlacementStyles(options: Options): {
     arrow: {
         readonly [x: string]: string;
         readonly position: "absolute";
@@ -27,5 +26,4 @@ declare function getPlacementStyles(options: Options): {
         readonly left: "0px";
     };
 };
-
-export { getPlacementStyles };
+export {};

package/dist/get-styles.js

@@ -1,41 +1,10 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+'use strict';
 
-// src/get-styles.ts
-var get_styles_exports = {};
-__export(get_styles_exports, {
-  getPlacementStyles: () => getPlacementStyles
-});
-module.exports = __toCommonJS(get_styles_exports);
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-// src/middleware.ts
-var toVar = (value) => ({ variable: value, reference: `var(${value})` });
-var cssVars = {
-  arrowSize: toVar("--arrow-size"),
-  arrowSizeHalf: toVar("--arrow-size-half"),
-  arrowBg: toVar("--arrow-background"),
-  transformOrigin: toVar("--transform-origin"),
-  arrowOffset: toVar("--arrow-offset")
-};
+const middleware = require('./middleware.js');
 
-// src/get-styles.ts
-var ARROW_FLOATING_STYLE = {
+const ARROW_FLOATING_STYLE = {
   bottom: "rotate(45deg)",
   left: "rotate(135deg)",
   top: "rotate(225deg)",
@@ -46,14 +15,14 @@ function getPlacementStyles(options) {
   return {
     arrow: {
       position: "absolute",
-      width: cssVars.arrowSize.reference,
-      height: cssVars.arrowSize.reference,
-      [cssVars.arrowSizeHalf.variable]: `calc(${cssVars.arrowSize.reference} / 2)`,
-      [cssVars.arrowOffset.variable]: `calc(${cssVars.arrowSizeHalf.reference} * -1)`
+      width: middleware.cssVars.arrowSize.reference,
+      height: middleware.cssVars.arrowSize.reference,
+      [middleware.cssVars.arrowSizeHalf.variable]: `calc(${middleware.cssVars.arrowSize.reference} / 2)`,
+      [middleware.cssVars.arrowOffset.variable]: `calc(${middleware.cssVars.arrowSizeHalf.reference} * -1)`
     },
     arrowTip: {
       transform: ARROW_FLOATING_STYLE[placement.split("-")[0]],
-      background: cssVars.arrowBg.reference,
+      background: middleware.cssVars.arrowBg.reference,
       top: "0",
       left: "0",
       width: "100%",
@@ -69,7 +38,5 @@ function getPlacementStyles(options) {
     }
   };
 }
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  getPlacementStyles
-});
+
+exports.getPlacementStyles = getPlacementStyles;

package/dist/get-styles.mjs

@@ -1,7 +1,38 @@
-import {
-  getPlacementStyles
-} from "./chunk-V4C4UQPN.mjs";
-import "./chunk-X5LLREVI.mjs";
-export {
-  getPlacementStyles
+import { cssVars } from './middleware.mjs';
+
+const ARROW_FLOATING_STYLE = {
+  bottom: "rotate(45deg)",
+  left: "rotate(135deg)",
+  top: "rotate(225deg)",
+  right: "rotate(315deg)"
 };
+function getPlacementStyles(options) {
+  const { placement = "bottom" } = options;
+  return {
+    arrow: {
+      position: "absolute",
+      width: cssVars.arrowSize.reference,
+      height: cssVars.arrowSize.reference,
+      [cssVars.arrowSizeHalf.variable]: `calc(${cssVars.arrowSize.reference} / 2)`,
+      [cssVars.arrowOffset.variable]: `calc(${cssVars.arrowSizeHalf.reference} * -1)`
+    },
+    arrowTip: {
+      transform: ARROW_FLOATING_STYLE[placement.split("-")[0]],
+      background: cssVars.arrowBg.reference,
+      top: "0",
+      left: "0",
+      width: "100%",
+      height: "100%",
+      position: "absolute",
+      zIndex: "inherit"
+    },
+    floating: {
+      position: "absolute",
+      minWidth: "max-content",
+      top: "0px",
+      left: "0px"
+    }
+  };
+}
+
+export { getPlacementStyles };

package/dist/index.d.ts

@@ -1,5 +1,3 @@
-export { getBasePlacement, getPlacement } from './get-placement.js';
-export { getPlacementStyles } from './get-styles.js';
-export { PositioningOptions } from './types.js';
-export { Placement } from '@floating-ui/dom';
-import './auto-update.js';
+export { getPlacement, getBasePlacement } from "./get-placement";
+export { getPlacementStyles } from "./get-styles";
+export type { Placement, PositioningOptions } from "./types";