@ulu/frontend 0.2.0-beta.8 → 0.2.1

package/dist/es/ui/tabs.js

@@ -1,64 +1,47 @@
-import f from "aria-tablist";
-import { ComponentInitializer as u } from "../core/component.js";
-const l = [], p = new u({
+var u = Object.defineProperty;
+var s = Object.getOwnPropertySymbols;
+var d = Object.prototype.hasOwnProperty, f = Object.prototype.propertyIsEnumerable;
+var c = (i, e, t) => e in i ? u(i, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[e] = t, l = (i, e) => {
+  for (var t in e || (e = {}))
+    d.call(e, t) && c(i, t, e[t]);
+  if (s)
+    for (var t of s(e))
+      f.call(e, t) && c(i, t, e[t]);
+  return i;
+};
+import { TabManager as p } from "./tab-manager.js";
+import { ComponentInitializer as b } from "../core/component.js";
+import { ensureId as m } from "../utils/id.js";
+const h = [], w = new b({
   type: "tabs",
   baseAttribute: "data-ulu-tablist"
 });
-function E() {
-  const e = () => {
-    p.init({
+function M() {
+  const i = () => {
+    w.init({
       coreEvents: ["pageModified"],
       withData: !0,
-      setup({ element: n, data: t, initialize: o }) {
-        m(n, t), o();
+      setup({ element: e, data: t, initialize: o }) {
+        y(e, t), o();
       }
-    }), l.forEach(b);
+    });
   };
-  document.readyState === "complete" ? e() : window.addEventListener("load", e);
-}
-function m(e, n = {}) {
-  const t = Object.assign({}, n);
-  t.vertical && (t.allArrows = !0);
-  const o = { element: e, options: n };
-  return o.ariaTablist = f(e, {
-    onOpen(...a) {
-      a.unshift(o), g.apply(null, a);
-    },
-    ...t
-  }), l.push(o), t.equalHeights && w(e), o;
+  document.readyState === "complete" ? i() : window.addEventListener("load", i);
 }
-function b({ options: e, ariaTablist: n }) {
-  if (e.openByUrlHash) {
-    const { hash: t } = window.location;
-    if (t && t.length > 1) {
-      const o = t.substring(1);
-      n.tabs.forEach((a) => {
-        o === a.id && n.open(a);
-      });
+function y(i, e = {}) {
+  const t = l({}, e);
+  t.vertical && (t.allArrows = !0), t.openByUrlHash && (t.setUrlHash = !0), [...i.children].forEach((n) => {
+    if (!n.hasAttribute("aria-controls")) {
+      const r = document.querySelector(`[aria-labelledby="${n.id}"]`);
+      r && (m(r), n.setAttribute("aria-controls", r.id));
     }
-  }
-}
-function g({ options: e }, n, t) {
-  e.openByUrlHash && window.history && window.history.replaceState(null, "", `#${t.id}`);
-}
-function w(e) {
-  const t = [...e.children].map((i) => document.querySelector(`[aria-labelledby="${i.id}"]`)), h = [...t[0].parentElement.querySelectorAll("img")].map((i) => d(i));
-  function d(i) {
-    return new Promise((r) => {
-      i.complete ? r(i) : (i.onload = r, i.onerror = r);
-    });
-  }
-  Promise.all(h).then(() => {
-    const i = t.map((s) => {
-      let c = s.offsetHeight;
-      return s.hidden && (s.hidden = !1, c = s.offsetHeight, s.setAttribute("hidden", "hidden")), c;
-    }), r = Math.max(...i);
-    t.forEach((s) => s.style.minHeight = `${r}px`);
   });
+  const a = { element: i, options: e };
+  return a.tabManager = new p(i, t), h.push(a), a;
 }
 export {
-  E as init,
-  p as initializer,
-  l as instances,
-  m as setup
+  M as init,
+  w as initializer,
+  h as instances,
+  y as setup
 };

package/dist/es/ui/theme-toggle.js

@@ -1,16 +1,28 @@
-import { ComponentInitializer as M } from "../core/component.js";
-import { getCoreEventName as y } from "../core/events.js";
-import { resolveClasses as b } from "../utils/dom.js";
-import { hasRequiredProps as q } from "@ulu/utils/object.js";
-import { getElements as I } from "@ulu/utils/browser/dom.js";
-const c = new M({
+var j = Object.defineProperty, O = Object.defineProperties;
+var R = Object.getOwnPropertyDescriptors;
+var C = Object.getOwnPropertySymbols;
+var w = Object.prototype.hasOwnProperty, K = Object.prototype.propertyIsEnumerable;
+var E = (e, t, r) => t in e ? j(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r, h = (e, t) => {
+  for (var r in t || (t = {}))
+    w.call(t, r) && E(e, r, t[r]);
+  if (C)
+    for (var r of C(t))
+      K.call(t, r) && E(e, r, t[r]);
+  return e;
+}, b = (e, t) => O(e, R(t));
+import { ComponentInitializer as D } from "../core/component.js";
+import { getCoreEventName as k } from "../core/events.js";
+import { resolveClasses as y } from "../utils/dom.js";
+import { hasRequiredProps as z } from "@ulu/utils/object.js";
+import { getElements as A } from "@ulu/utils/browser/dom.js";
+const c = new D({
   type: "theme-toggle",
   baseAttribute: "data-ulu-theme-toggle"
-}), Q = c.attributeSelector("label"), $ = c.attributeSelector("icon"), L = c.getAttribute("remote"), v = c.getAttribute("init"), S = c.getAttribute("state"), j = (e) => document.querySelectorAll(
-  `[${L}="${e}"]`
-), C = (e) => document.querySelectorAll(
-  `[${L}="${e}"]:not([${v}])`
-), T = ["target"], O = q(T), E = (e, r) => e ? r() : null, P = {
+}), _ = c.attributeSelector("label"), N = c.attributeSelector("icon"), M = c.getAttribute("remote"), S = c.getAttribute("init"), x = c.getAttribute("state"), F = (e) => document.querySelectorAll(
+  `[${M}="${e}"]`
+), I = (e) => document.querySelectorAll(
+  `[${M}="${e}"]:not([${S}])`
+), q = ["target"], U = z(q), L = (e, t) => e ? t() : null, Q = {
   /**
    * Object of each theme that should be toggle/cycled through
    */
@@ -66,125 +78,124 @@ const c = new M({
    */
   debug: !1
 };
-let k = { ...P };
-function G(e) {
-  k = Object.assign({}, k, e);
+let T = h({}, Q);
+function re(e) {
+  T = Object.assign({}, T, e);
 }
-function H() {
+function oe() {
   c.init({
     coreEvents: ["pageModified"],
     withData: !0,
-    setup({ element: e, data: r, initialize: o }) {
-      R(e, r), o();
+    setup({ element: e, data: t, initialize: r }) {
+      B(e, t), r();
     }
   });
 }
-function R(e, r) {
-  const o = Object.assign({}, P, r);
-  if (!O(o)) {
-    console.error(`Missing a required option: ${T.join(", ")}`);
+function B(e, t) {
+  const r = Object.assign({}, Q, t);
+  if (!U(r)) {
+    console.error(`Missing a required option: ${q.join(", ")}`);
     return;
   }
-  const t = o.group, n = { toggle: e, options: o }, u = w(o);
+  const o = r.group, n = { toggle: e, options: r }, u = G(r);
   if (!u) {
     console.error("Unable to resolve initial key");
     return;
   }
-  p(u, n), e.addEventListener("click", a), l(), document.addEventListener(y("pageModified"), l);
+  v(u, n), e.addEventListener("click", a), l(), document.addEventListener(k("pageModified"), l);
   function s(g) {
-    const d = I(o.target)[0].dataset.uluThemeToggleState, f = D(d, o);
+    const d = A(r.target)[0].dataset.uluThemeToggleState, f = J(d, r);
     if (!f) {
       console.error("Issue getting next theme key");
       return;
     }
-    p(f, { ...n, event: g });
+    v(f, b(h({}, n), { event: g }));
   }
   function a(g) {
     s(g);
   }
   function l() {
-    if (!t) return;
-    C(t).forEach((i) => {
+    if (!o) return;
+    I(o).forEach((i) => {
       i.addEventListener("click", a), c.initializeElement(i);
     });
   }
   function m() {
-    if (!t) return;
-    C(t).forEach((i) => {
-      i.removeEventListener("click", a), i.removeAttribute(v, "");
+    if (!o) return;
+    I(o).forEach((i) => {
+      i.removeEventListener("click", a), i.removeAttribute(S, "");
     });
   }
-  function h() {
-    e.removeEventListener("click", a), e.removeAttribute(v, ""), m(), document.removeEventListener(y("pageModified"), l);
+  function p() {
+    e.removeEventListener("click", a), e.removeAttribute(S, ""), m(), document.removeEventListener(k("pageModified"), l);
   }
   return {
-    destroy: h,
+    destroy: p,
     toggle: e,
-    options: o,
+    options: r,
     toggleState: s,
     setState(g) {
-      p(g, n);
+      v(g, n);
     }
   };
 }
-function p(e, r) {
+function v(e, t) {
   if (!e) {
     console.error("Missing key");
     return;
   }
-  const { toggle: o, options: t } = r, { themes: n, group: u } = t, s = {
-    targets: I(t.target),
-    toggles: [o, ...u ? j(u) : []]
+  const { toggle: r, options: o } = t, { themes: n, group: u } = o, s = {
+    targets: A(o.target),
+    toggles: [r, ...u ? F(u) : []]
   };
   if (!s.targets.length || !s.toggles.length) {
     console.error("Issue setting state, couldn't find needed elements", s);
     return;
   }
-  const a = n[e], l = z(e, n), m = {
-    ...r,
+  const a = n[e], l = V(e, n), m = b(h({}, t), {
     key: e,
     elements: s,
     theme: a,
     otherThemes: l
-  };
-  t.debug && c.log("Set state context", m);
-  const h = x(l, "targetClass"), g = x(l, "iconClass");
+  });
+  o.debug && c.log("Set state context", m);
+  const p = P(l, "targetClass"), g = P(l, "iconClass");
   s.targets.forEach((i) => {
-    i.setAttribute(S, e), i.classList.remove(...h), i.classList.add(...b(a.targetClass));
+    i.setAttribute(x, e), i.classList.remove(...p), i.classList.add(...y(a.targetClass));
   }), s.toggles.forEach((i) => {
-    const d = i.querySelector(Q), f = i.querySelector($);
-    d && (d.textContent = a.label), f && (f.classList.remove(...g), f.classList.add(...b(a.iconClass))), i.setAttribute(S, e);
-  }), t.onChange && t.onChange(m), t.savePreference && localStorage.setItem(A(t), e);
+    const d = i.querySelector(_), f = i.querySelector(N);
+    d && (d.textContent = a.label), f && (f.classList.remove(...g), f.classList.add(...y(a.iconClass))), i.setAttribute(x, e);
+  }), o.onChange && o.onChange(m), o.savePreference && localStorage.setItem($(o), e);
 }
-function w(e) {
-  const { savePreference: r, checkMediaQuery: o, themes: t, initialState: n } = e, u = A(e), s = E(r, () => localStorage.getItem(u)), a = E(o, () => K(t)), l = s || a || n;
+function G(e) {
+  const { savePreference: t, checkMediaQuery: r, themes: o, initialState: n } = e, u = $(e), s = L(t, () => localStorage.getItem(u)), a = L(r, () => H(o)), l = s || a || n;
   return e.debug && (c.log("Preference Saved", s), c.log("Media Query Preference", a), c.log("Initial State:", n)), l || c.logError("Failed to resolve initial theme (pass 'initialState' to options)"), l;
 }
-function K(e) {
-  const r = Object.entries(e).find(([o, t]) => {
-    if (t.mediaQuery)
-      return window.matchMedia(t.mediaQuery).matches;
+function H(e) {
+  const t = Object.entries(e).find(([r, o]) => {
+    if (o.mediaQuery)
+      return window.matchMedia(o.mediaQuery).matches;
   });
-  return r ? r[0] : null;
+  return t ? t[0] : null;
 }
-function D(e, r) {
-  const { themes: o } = r, t = Object.keys(o), n = t.findIndex((s) => s === e), u = n === -1 ? 0 : (n + 1) % t.length;
-  return t[u];
+function J(e, t) {
+  const { themes: r } = t, o = Object.keys(r), n = o.findIndex((s) => s === e), u = n === -1 ? 0 : (n + 1) % o.length;
+  return o[u];
 }
-function z(e, r) {
-  return Object.entries(r).filter(([t]) => t !== e).map(([t, n]) => n);
+function V(e, t) {
+  return Object.entries(t).filter(([o]) => o !== e).map(([o, n]) => n);
 }
-function x(e, r) {
-  return e.reduce((o, t) => o.concat(b(t[r])), []);
+function P(e, t) {
+  return e.reduce((r, o) => r.concat(y(o[t])), []);
 }
-function A(e) {
-  const { storagePrefix: r, group: o } = e;
-  return o ? `${r}${o}` : r;
+function $(e) {
+  const { storagePrefix: t, group: r } = e;
+  return r ? `${t}${r}` : t;
 }
 export {
-  P as defaults,
-  H as init,
+  Q as defaults,
+  oe as init,
   c as initializer,
-  G as setDefaults,
-  R as setupToggle
+  re as setDefaults,
+  B as setupToggle
 };

package/dist/es/ui/tooltip.js

@@ -1,23 +1,32 @@
-var f = Object.defineProperty;
-var g = (l, t, e) => t in l ? f(l, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : l[t] = e;
-var u = (l, t, e) => g(l, typeof t != "symbol" ? t + "" : t, e);
-import { ComponentInitializer as v } from "../core/component.js";
-import { getUluEventName as E } from "../core/events.js";
-import { createFloatingUi as y } from "../utils/floating-ui.js";
-import { createElementFromHtml as C } from "@ulu/utils/browser/dom.js";
-import { logError as p } from "../utils/class-logger.js";
-import { ensureId as b, newId as w } from "../utils/id.js";
-const d = new v({
+var E = Object.defineProperty;
+var f = Object.getOwnPropertySymbols;
+var y = Object.prototype.hasOwnProperty, C = Object.prototype.propertyIsEnumerable;
+var u = (i, t, e) => t in i ? E(i, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[t] = e, g = (i, t) => {
+  for (var e in t || (t = {}))
+    y.call(t, e) && u(i, e, t[e]);
+  if (f)
+    for (var e of f(t))
+      C.call(t, e) && u(i, e, t[e]);
+  return i;
+};
+var m = (i, t, e) => u(i, typeof t != "symbol" ? t + "" : t, e);
+import { ComponentInitializer as b } from "../core/component.js";
+import { getUluEventName as w } from "../core/events.js";
+import { createFloatingUi as A } from "../utils/floating-ui.js";
+import { createElementFromHtml as H } from "@ulu/utils/browser/dom.js";
+import { logError as v } from "../utils/class-logger.js";
+import { ensureId as S, newId as I } from "../utils/id.js";
+const d = new b({
   type: "tooltip",
   baseAttribute: "data-ulu-tooltip"
-}), A = d.getAttribute("body"), H = d.attributeSelector("body"), S = d.attributeSelector("arrow");
-function j() {
+}), L = d.getAttribute("body"), F = d.attributeSelector("body"), O = d.attributeSelector("arrow");
+function T() {
   d.init({
     coreEvents: ["pageModified"],
     withData: !0,
-    setup({ element: l, data: t, initialize: e }) {
+    setup({ element: i, data: t, initialize: e }) {
       const n = typeof t == "object" ? t : {};
-      typeof t == "string" && (n.content = t), e(), new m({ trigger: l }, n);
+      typeof t == "string" && (n.content = t), e(), new p({ trigger: i }, n);
     }
   });
 }
@@ -25,10 +34,10 @@ const a = class a {
   constructor(t, e, n) {
     const { trigger: s } = t;
     if (!s) {
-      p(this, "missing required trigger");
+      v(this, "missing required trigger");
       return;
     }
-    this.options = Object.assign({}, a.defaults, e), this.floatingOptions = Object.assign({}, a.defaultFloatingOptions, n), this.elements = { ...t }, this.handlers = {}, this.isOpen = !1, b(s), this.setup();
+    this.options = Object.assign({}, a.defaults, e), this.floatingOptions = Object.assign({}, a.defaultFloatingOptions, n), this.elements = g({}, t), this.handlers = {}, this.isOpen = !1, S(s), this.setup();
   }
   setup() {
     this.createContentElement(), this.attachHandlers(), this.setupAccessibility();
@@ -48,40 +57,40 @@ const a = class a {
       const o = s ? this.getAnchorElement() : document.querySelector(t);
       return o ? n ? o.innerHTML : o.innerText : "";
     } else
-      p(this, "Could not resolve inner content");
+      v(this, "Could not resolve inner content");
   }
   getAnchorElement() {
     const { trigger: t } = this.elements, { href: e } = t, n = e ? e.split("#")[1] : null, s = n ? document.getElementById(n) : null;
     return s || console.error("Unable to get 'fromAnchor' element", t), s;
   }
   createContentElement() {
-    const { options: t } = this, e = C(t.template(t)), n = e.querySelector(H), s = this.getInnerContent();
-    t.isHtml ? n.innerHTML = s : n.textContent = s, e.id = w(), t.contentClass && e.classList.add(t.contentClass), this.elements.content = e, this.elements.contentArrow = e.querySelector(S), document.body.appendChild(e);
+    const { options: t } = this, e = H(t.template(t)), n = e.querySelector(F), s = this.getInnerContent();
+    t.isHtml ? n.innerHTML = s : n.textContent = s, e.id = I(), t.contentClass && e.classList.add(t.contentClass), this.elements.content = e, this.elements.contentArrow = e.querySelector(O), document.body.appendChild(e);
   }
   attachHandlers() {
     const { trigger: t } = this.elements, { showEvents: e, hideEvents: n, delay: s } = this.options;
     let o = null;
-    const c = (i) => {
+    const c = (r) => {
       o || (o = setTimeout(() => {
-        this.show(i), clearTimeout(o);
+        this.show(r), clearTimeout(o);
       }, s));
-    }, r = (i) => {
-      o && (clearTimeout(o), o = null), this.hide(i);
-    }, h = (i) => {
-      i.key === "Escape" && this.hide(i);
+    }, l = (r) => {
+      o && (clearTimeout(o), o = null), this.hide(r);
+    }, h = (r) => {
+      r.key === "Escape" && this.hide(r);
     };
-    e.forEach((i) => {
-      t.addEventListener(i, c);
-    }), n.forEach((i) => {
-      t.addEventListener(i, r);
-    }), document.addEventListener("keydown", h), this.handlers = { onShow: c, onHide: r, onDocumentKeydown: h };
+    e.forEach((r) => {
+      t.addEventListener(r, c);
+    }), n.forEach((r) => {
+      t.addEventListener(r, l);
+    }), document.addEventListener("keydown", h), this.handlers = { onShow: c, onHide: l, onDocumentKeydown: h };
   }
   destroyHandlers() {
     const { trigger: t } = this, { onShow: e, onHide: n, onDocumentKeydown: s } = this.handlers, { showEvents: o, hideEvents: c } = this.options;
-    e && o.forEach((r) => {
-      t.removeEventListener(r, e);
-    }), n && c.forEach((r) => {
-      t.removeEventListener(r, n);
+    e && o.forEach((l) => {
+      t.removeEventListener(l, e);
+    }), n && c.forEach((l) => {
+      t.removeEventListener(l, n);
     }), s && document.removeEventListener("keydown", s);
   }
   setState(t, e) {
@@ -89,14 +98,14 @@ const a = class a {
       instance: this,
       isOpen: t,
       event: e
-    }, { trigger: s, content: o } = this.elements, { openClass: c } = this.options, r = (h) => h.classList[t ? "add" : "remove"](c);
-    r(s), r(o), this.isOpen = t, this.options.onChange(n), s.dispatchEvent(this.createEvent("change", n)), this.destroyFloatingInstance(), t && this.createFloatingInstance();
+    }, { trigger: s, content: o } = this.elements, { openClass: c } = this.options, l = (h) => h.classList[t ? "add" : "remove"](c);
+    l(s), l(o), this.isOpen = t, this.options.onChange(n), s.dispatchEvent(this.createEvent("change", n)), this.destroyFloatingInstance(), t && this.createFloatingInstance();
   }
   createEvent(t, e) {
-    return new CustomEvent(E("tooltip:" + t), { detail: e });
+    return new CustomEvent(w("tooltip:" + t), { detail: e });
   }
   createFloatingInstance() {
-    this.floatingCleanup = y(this.elements, this.floatingOptions);
+    this.floatingCleanup = A(this.elements, this.floatingOptions);
   }
   destroyFloatingInstance() {
     this.floatingCleanup && (this.floatingCleanup(), this.floatingCleanup = null);
@@ -111,7 +120,7 @@ const a = class a {
 /**
  * Defaults options
  */
-u(a, "defaults", {
+m(a, "defaults", {
   /**
    * Should the tooltip and content be linked accessibly
    * - Note tooltips can only apply to interactive elements! (ie button, input, role="...", etc)
@@ -161,7 +170,7 @@ u(a, "defaults", {
   template(t) {
     return `
         <div class="popover popover--tooltip">
-          <div class="popover__inner" ${A}>
+          <div class="popover__inner" ${L}>
           </div>
           <span class="popover__arrow" data-ulu-tooltip-arrow></span>
         </div>
@@ -173,12 +182,12 @@ u(a, "defaults", {
    */
   onChange(t) {
   }
-}), u(a, "defaultFloatingOptions", {
+}), m(a, "defaultFloatingOptions", {
   // strategy: "fixed"
 });
-let m = a;
+let p = a;
 export {
-  m as Tooltip,
-  j as init,
+  p as Tooltip,
+  T as init,
   d as initializer
 };

package/dist/es/utils/floating-ui.js

@@ -1,5 +1,16 @@
-import { autoUpdate as d, computePosition as g, inline as y, offset as b, flip as h, shift as j, arrow as w } from "@floating-ui/dom";
-const $ = {
+var b = Object.defineProperty;
+var f = Object.getOwnPropertySymbols;
+var h = Object.prototype.hasOwnProperty, j = Object.prototype.propertyIsEnumerable;
+var c = (n, e, t) => e in n ? b(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t, o = (n, e) => {
+  for (var t in e || (e = {}))
+    h.call(e, t) && c(n, t, e[t]);
+  if (f)
+    for (var t of f(e))
+      j.call(e, t) && c(n, t, e[t]);
+  return n;
+};
+import { autoUpdate as w, computePosition as $, inline as A, offset as O, flip as U, shift as D, arrow as F } from "@floating-ui/dom";
+const k = {
   strategy: "absolute",
   placement: "bottom",
   inline: !1,
@@ -11,36 +22,36 @@ const $ = {
   arrow: !0
   // Options for arrow (not element)
 };
-function O(l, n) {
-  const t = Object.assign({}, $, n), { placement: r, strategy: f } = t, { trigger: o, content: s, contentArrow: a } = l;
-  return d(o, s, () => {
-    g(o, s, {
-      placement: r,
-      strategy: f,
+function B(n, e) {
+  const t = Object.assign({}, k, e), { placement: p, strategy: u } = t, { trigger: r, content: s, contentArrow: a } = n;
+  return w(r, s, () => {
+    $(r, s, {
+      placement: p,
+      strategy: u,
       middleware: [
-        ...i(y, t.inline),
-        ...i(b, t.offset),
-        ...i(h, t.flip),
-        ...i(j, t.shift),
-        ...i(w, a && t.arrow, { element: a })
+        ...l(A, t.inline),
+        ...l(O, t.offset),
+        ...l(U, t.flip),
+        ...l(D, t.shift),
+        ...l(F, a && t.arrow, { element: a })
       ]
-    }).then((c) => {
-      const { x: p, y: u, middlewareData: m, placement: x } = c, e = m.arrow;
+    }).then((m) => {
+      const { x, y: d, middlewareData: g, placement: y } = m, i = g.arrow;
       Object.assign(s.style, {
-        left: `${p}px`,
-        top: `${u}px`
-      }), s.setAttribute("data-placement", x), e && Object.assign(a.style, {
+        left: `${x}px`,
+        top: `${d}px`
+      }), s.setAttribute("data-placement", y), i && Object.assign(a.style, {
         // position: "absolute",
-        left: (e == null ? void 0 : e.x) != null ? `${e.x}px` : "",
-        top: (e == null ? void 0 : e.y) != null ? `${e.y}px` : ""
+        left: (i == null ? void 0 : i.x) != null ? `${i.x}px` : "",
+        top: (i == null ? void 0 : i.y) != null ? `${i.y}px` : ""
       });
     });
   });
 }
-function i(l, n, t = {}) {
-  return n ? typeof n == "object" ? [l({ ...n, ...t })] : [l(t)] : [];
+function l(n, e, t = {}) {
+  return e ? typeof e == "object" ? [n(o(o({}, e), t))] : [n(t)] : [];
 }
 export {
-  O as createFloatingUi,
-  $ as defaults
+  B as createFloatingUi,
+  k as defaults
 };