@kolking/react-ui 1.8.20 → 1.9.0

package/dist/components/Icon/icons.d.ts

@@ -1,2 +1,2 @@
-declare const icons: readonly ["arrow-down-circle", "arrow-down-outline", "arrow-down", "arrow-left-circle", "arrow-left-outline", "arrow-left", "arrow-right-circle", "arrow-right-outline", "arrow-right", "arrow-up-circle", "arrow-up-outline", "arrow-up", "bell", "bubble-outline", "bubble", "bubbles-outline", "bubbles", "bug", "calendar-checkmark", "calendar-date", "calendar-plus", "calendar", "camera", "cart-outline", "cart", "cat", "checkmark-circle", "checkmark-outline", "checkmark", "chevron-left", "chevron-right", "clock-circle", "clock-outline", "close", "cloud-outline", "cloud", "collapse", "copy", "cross-circle", "cross-outline", "cross", "delete-outline", "delete", "denied", "disclosure", "dropdown", "envelope-outline", "envelope", "error-circle", "error-outline", "expand", "export", "eye-off", "eye", "eyeglasses", "frame", "gear", "heart-outline", "heart", "help-circle", "help-outline", "import", "info-circle", "info-outline", "key", "location-cross", "location", "lock-open", "lock", "map-outline", "map", "menu", "minus-circle", "minus-outline", "minus", "page-outline", "page", "paper-plane", "paperclip", "pencil-circle", "pencil-outline", "pencil", "person", "phone-circle", "phone-outline", "phone", "photos", "playback-next", "playback-pause", "playback-play", "playback-prev", "playback-stop", "plus-circle", "plus-outline", "plus", "printer", "profile-outline", "profile", "redo-circle", "redo-outline", "refresh", "reorder", "search", "shield-checkmark", "shield-lock", "star-circle", "star-outline", "star", "triangle-down", "triangle-left", "triangle-right", "triangle-up", "undo-circle", "undo-outline", "warning-outline", "warning"];
+declare const icons: readonly ["arrow-down-circle", "arrow-down-outline", "arrow-down", "arrow-left-circle", "arrow-left-outline", "arrow-left", "arrow-right-circle", "arrow-right-outline", "arrow-right", "arrow-up-circle", "arrow-up-outline", "arrow-up", "bell", "book-outline", "book", "bubble-outline", "bubble", "bubbles-outline", "bubbles", "bug", "calendar-checkmark", "calendar-date", "calendar-plus", "calendar", "camera", "cart-outline", "cart", "cat", "checkmark-circle", "checkmark-outline", "checkmark", "chevron-left", "chevron-right", "clock-circle", "clock-outline", "close", "cloud-outline", "cloud", "collapse", "copy", "credit-card", "cross-circle", "cross-outline", "cross", "delete-outline", "delete", "denied", "disclosure", "dropdown", "envelope-outline", "envelope", "error-circle", "error-outline", "expand", "export", "eye-off", "eye", "eyeglasses", "frame", "gear", "heart-outline", "heart", "help-circle", "help-outline", "import", "info-circle", "info-outline", "key", "location-cross", "location", "lock-open", "lock", "map-outline", "map", "menu", "minus-circle", "minus-outline", "minus", "page-outline", "page", "paper-plane", "paperclip", "pencil-circle", "pencil-outline", "pencil", "person", "phone-circle", "phone-outline", "phone", "photos", "playback-next", "playback-pause", "playback-play", "playback-prev", "playback-stop", "plus-circle", "plus-outline", "plus", "printer", "profile-outline", "profile", "redo-circle", "redo-outline", "refresh", "reorder", "scissors", "search", "shield-checkmark", "shield-lock", "star-circle", "star-outline", "star", "triangle-down", "triangle-left", "triangle-right", "triangle-up", "undo-circle", "undo-outline", "warning-outline", "warning"];
 export default icons;

package/dist/components/Icon/icons.js

@@ -12,6 +12,8 @@ const e = [
   "arrow-up-outline",
   "arrow-up",
   "bell",
+  "book-outline",
+  "book",
   "bubble-outline",
   "bubble",
   "bubbles-outline",
@@ -37,6 +39,7 @@ const e = [
   "cloud",
   "collapse",
   "copy",
+  "credit-card",
   "cross-circle",
   "cross-outline",
   "cross",
@@ -101,6 +104,7 @@ const e = [
   "redo-outline",
   "refresh",
   "reorder",
+  "scissors",
   "search",
   "shield-checkmark",
   "shield-lock",

package/dist/components/Lightbox/Lightbox.d.ts

@@ -0,0 +1,12 @@
+export type LightboxImage = React.ImgHTMLAttributes<HTMLImageElement>;
+export type LightboxProps<T extends LightboxImage> = Omit<React.HTMLAttributes<HTMLDivElement>, 'onSelect'> & {
+    images: T[];
+    selected: number;
+    loop?: boolean;
+    onSelect: (index?: number) => void;
+    renderImage?: (image: T) => React.ReactElement;
+};
+export declare const Lightbox: {
+    <T extends LightboxImage>({ images, selected, loop, className, children, onSelect, renderImage, ...props }: LightboxProps<T>): import("react/jsx-runtime").JSX.Element;
+    Thumbnails: <T extends LightboxImage>({ images, selected, className, style, imageSize: thumbnailSize, objectFit: thumbnailObjectFit, renderImage, onSelect, ...props }: import('./Thumbnails').ThumbnailsProps<T>) => import("react/jsx-runtime").JSX.Element | null;
+};

package/dist/components/Lightbox/Lightbox.js

@@ -0,0 +1,150 @@
+import { jsxs as b, jsx as n } from "react/jsx-runtime";
+import { useId as j, useRef as D, useCallback as m, useEffect as q } from "react";
+import { useFloating as A, useInteractions as B, useDismiss as H, useRole as K, useListNavigation as M, FloatingPortal as V, FloatingOverlay as z, FloatingFocusManager as G } from "@floating-ui/react";
+import J from "classnames";
+import { Icon as v } from "../Icon/Icon.js";
+import { Button as p } from "../Button/Button.js";
+import { afterTransition as Q, htmlImage as U } from "../../utils/helpers.js";
+import { s as e, T as W } from "../../Thumbnails-BlXFynlF.js";
+const X = ({
+  images: x,
+  selected: o,
+  loop: c = !0,
+  className: I,
+  children: y,
+  onSelect: i,
+  renderImage: N = U,
+  ...w
+}) => {
+  const F = j(), a = x.length, O = o !== void 0, s = D([]), k = document.querySelector("[data-floating-root]") ?? document.body, C = a > 1 && (c || o > 0), P = a > 1 && (c || o < a - 1), { refs: R, context: u, elements: l } = A({
+    open: O,
+    onOpenChange: (t) => {
+      t || d();
+    }
+  }), { getFloatingProps: L, getItemProps: T } = B([
+    H(u),
+    K(u, { role: "dialog" }),
+    M(u, {
+      loop: c,
+      virtual: !0,
+      listRef: s,
+      activeIndex: o,
+      selectedIndex: o,
+      orientation: "both",
+      focusItemOnHover: !1,
+      openOnArrowKeyDown: !1,
+      scrollItemIntoView: { inline: "nearest" },
+      onNavigate: (t) => {
+        t !== null && t !== o && (s.current[t]?.focus(), i(t));
+      }
+    })
+  ]), f = m(
+    (t) => {
+      !c && (t === 0 || t === a - 1) && s.current[t]?.focus();
+    },
+    [c, a]
+  ), d = m(() => {
+    l.floating?.classList.add(e.willhide), Q(l.floating, () => {
+      i(void 0);
+    });
+  }, [l.floating, i]), $ = m(() => {
+    const t = o === 0 ? a - 1 : o - 1;
+    i(t), f(t);
+  }, [a, o, f, i]), E = m(() => {
+    const t = o === a - 1 ? 0 : o + 1;
+    i(t), f(t);
+  }, [a, o, f, i]);
+  return q(() => {
+    const t = new IntersectionObserver(
+      (r) => {
+        r.forEach((g) => {
+          if (g.isIntersecting) {
+            const h = s.current.indexOf(g.target);
+            h !== -1 && h !== o && i(h);
+          }
+        });
+      },
+      {
+        root: l.floating,
+        threshold: 1
+      }
+    );
+    return l.floating && s.current.forEach((r) => {
+      r && t.observe(r);
+    }), () => {
+      t.disconnect();
+    };
+  }, [l.floating, o, i]), /* @__PURE__ */ b(V, { root: k, children: [
+    /* @__PURE__ */ n(z, { lockScroll: !0 }),
+    /* @__PURE__ */ n(G, { context: u, children: /* @__PURE__ */ b(
+      "div",
+      {
+        ...L(w),
+        ref: R.setFloating,
+        "data-lightbox": !0,
+        "data-floating-root": !0,
+        className: J(e.lightbox, I),
+        children: [
+          /* @__PURE__ */ b("div", { "data-lightbox-content": !0, className: e.content, children: [
+            /* @__PURE__ */ n("div", { "data-lightbox-images": !0, className: e.images, children: x.map((t, r) => /* @__PURE__ */ n(
+              "figure",
+              {
+                ref: (g) => {
+                  s.current[r] = g;
+                },
+                id: `${F}${r}`,
+                "data-lightbox-image": r,
+                "data-selected": r === o,
+                tabIndex: r === o ? 0 : -1,
+                ...T(),
+                children: N({ ...t, alt: t.alt ?? `Image ${r + 1} of ${a}` })
+              },
+              r
+            )) }),
+            /* @__PURE__ */ n(
+              p,
+              {
+                type: "button",
+                variant: "tertiary",
+                "data-lightbox-close": !0,
+                "aria-label": "close lightbox",
+                icon: /* @__PURE__ */ n(v, { name: "close" }),
+                className: e.close,
+                onClick: d
+              }
+            ),
+            P && /* @__PURE__ */ n(
+              p,
+              {
+                type: "button",
+                variant: "tertiary",
+                "data-lightbox-next": !0,
+                "aria-label": "next image",
+                icon: /* @__PURE__ */ n(v, { name: "arrow-right" }),
+                className: e.next,
+                onClick: E
+              }
+            ),
+            C && /* @__PURE__ */ n(
+              p,
+              {
+                type: "button",
+                variant: "tertiary",
+                "data-lightbox-prev": !0,
+                "aria-label": "previous image",
+                icon: /* @__PURE__ */ n(v, { name: "arrow-left" }),
+                className: e.prev,
+                onClick: $
+              }
+            )
+          ] }),
+          y
+        ]
+      }
+    ) })
+  ] });
+};
+X.Thumbnails = W;
+export {
+  X as Lightbox
+};

package/dist/components/Lightbox/Thumbnail.d.ts

@@ -0,0 +1,7 @@
+export type ThumbnailProps = {
+    index: number;
+    selected: boolean;
+    children: React.ReactNode;
+    onSelect: (index: number) => void;
+};
+export declare const Thumbnail: ({ index, selected, children, onSelect }: ThumbnailProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Lightbox/Thumbnail.js

@@ -0,0 +1,26 @@
+import { jsx as a } from "react/jsx-runtime";
+import { useRef as c, useEffect as e, useCallback as u } from "react";
+const m = ({ index: r, selected: o, children: i, onSelect: t }) => {
+  const l = c(null);
+  e(() => {
+    o && l.current?.scrollIntoView({ inline: "center" });
+  }, [o]);
+  const n = u(() => {
+    t(r);
+  }, [r, t]);
+  return /* @__PURE__ */ a(
+    "li",
+    {
+      ref: l,
+      role: "option",
+      "aria-selected": o,
+      "data-selected": o,
+      "data-lightbox-thumbnail": r,
+      onClick: n,
+      children: i
+    }
+  );
+};
+export {
+  m as Thumbnail
+};

package/dist/components/Lightbox/Thumbnails.d.ts

@@ -0,0 +1,11 @@
+import { default as React } from 'react';
+import { LightboxImage } from './Lightbox';
+export type ThumbnailsProps<T extends LightboxImage> = Omit<React.HTMLAttributes<HTMLUListElement>, 'onSelect'> & {
+    images: T[];
+    selected: number;
+    imageSize?: React.CSSProperties['width'];
+    objectFit?: React.CSSProperties['objectFit'];
+    renderImage?: (image: T) => React.ReactElement;
+    onSelect: (index: number) => void;
+};
+export declare const Thumbnails: <T extends LightboxImage>({ images, selected, className, style, imageSize: thumbnailSize, objectFit: thumbnailObjectFit, renderImage, onSelect, ...props }: ThumbnailsProps<T>) => import("react/jsx-runtime").JSX.Element | null;

package/dist/components/Lightbox/Thumbnails.js

@@ -0,0 +1,8 @@
+import "react/jsx-runtime";
+import "classnames";
+import "./Thumbnail.js";
+import "../../utils/helpers.js";
+import { T as a } from "../../Thumbnails-BlXFynlF.js";
+export {
+  a as Thumbnails
+};

package/dist/components/Lightbox/index.d.ts

@@ -0,0 +1 @@
+export * from './Lightbox';

package/dist/components/Lightbox/index.js

@@ -0,0 +1,4 @@
+import { Lightbox as t } from "./Lightbox.js";
+export {
+  t as Lightbox
+};

package/dist/components/Menu/Menu.js

@@ -1,5 +1,5 @@
 import { jsxs as O, Fragment as W, jsx as t } from "react/jsx-runtime";
-import _, { useState as l, useRef as g, useMemo as k, useEffect as A } from "react";
+import _, { useState as a, useRef as p, useMemo as k, useEffect as A } from "react";
 import { flushSync as D } from "react-dom";
 import { useFloating as H, offset as U, flip as q, size as G, autoUpdate as J, useInteractions as K, useDismiss as Q, useRole as T, useClick as V, useListNavigation as X, useMergeRefs as Y, FloatingPortal as Z, FloatingFocusManager as $, FloatingList as ee } from "@floating-ui/react";
 import te from "classnames";
@@ -7,75 +7,74 @@ import { MenuContext as oe } from "./MenuContext.js";
 import { getElementRef as ne, cssProps as se } from "../../utils/helpers.js";
 import { s as re } from "../../styles.module-DHm-YTnz.js";
 const pe = ({
-  size: h,
-  placement: c = "bottom-start",
-  trigger: s,
-  offset: R = 5,
-  unmount: v = !0,
-  minWidth: x,
-  maxWidth: F,
-  minHeight: y,
-  maxHeight: M,
-  className: P,
-  children: z,
-  onSelect: m,
-  ...w
+  size: g,
+  placement: l = "bottom-start",
+  trigger: n,
+  offset: h = 5,
+  unmount: R = !0,
+  minWidth: v,
+  maxWidth: x,
+  minHeight: F,
+  maxHeight: y,
+  className: M,
+  children: P,
+  onSelect: c,
+  ...z
 }) => {
-  const [r, u] = l(!1), [i, C] = l(null), [E, I] = l({}), f = g([]), d = g(null), { refs: o, context: e, floatingStyles: N } = H({
-    open: r,
-    placement: c,
-    onOpenChange: u,
+  const [s, m] = a(!1), [r, w] = a(null), [C, E] = a({}), u = p([]), f = p(null), { refs: o, context: e, floatingStyles: I } = H({
+    open: s,
+    placement: l,
+    onOpenChange: m,
     whileElementsMounted: J,
     middleware: [
-      U(R),
+      U(h),
       q({ padding: 10 }),
       G({
         padding: 10,
-        apply({ rects: a, availableWidth: n, availableHeight: L }) {
+        apply({ rects: i, availableWidth: B, availableHeight: L }) {
           D(() => {
-            I({
-              minHeight: y,
-              minWidth: x ?? a.reference.width,
-              maxWidth: F ?? n,
-              maxHeight: M ?? L
+            E({
+              minHeight: F,
+              minWidth: v ?? i.reference.width,
+              maxWidth: x ?? B,
+              maxHeight: y ?? L
             });
           });
         }
       })
     ]
-  }), { getReferenceProps: S, getFloatingProps: b, getItemProps: p } = K([
+  }), { getReferenceProps: N, getFloatingProps: S, getItemProps: d } = K([
     Q(e),
     T(e, { role: "menu" }),
     V(e, { event: "mousedown" }),
     X(e, {
-      listRef: f,
+      listRef: u,
       loop: !0,
-      activeIndex: i,
-      onNavigate: C
+      activeIndex: r,
+      onNavigate: w
     })
-  ]), j = k(
-    () => ({ active: i, setOpen: u, getItemProps: p, onSelect: m }),
-    [i, p, m]
-  ), B = Y([o.setReference, ne(s)]);
+  ]), b = k(
+    () => ({ active: r, setOpen: m, getItemProps: d, onSelect: c }),
+    [r, d, c]
+  ), j = Y([o.setReference, ne(n)]);
   return A(() => {
-    var n;
-    const a = (n = o.domReference.current) == null ? void 0 : n.closest("[data-floating-root]");
-    d.current = a ?? document.body;
+    const i = o.domReference.current?.closest("[data-floating-root]");
+    f.current = i ?? document.body;
   }, [o]), /* @__PURE__ */ O(W, { children: [
     _.cloneElement(
-      s,
-      S({ ...s.props, ref: B, "data-menu-trigger": !0 })
+      n,
+      N({ ...n.props, ref: j, "data-menu-trigger": !0 })
     ),
-    /* @__PURE__ */ t(oe.Provider, { value: j, children: (r || !v) && /* @__PURE__ */ t(Z, { root: d.current, children: /* @__PURE__ */ t($, { context: e, modal: !1, initialFocus: -1, children: /* @__PURE__ */ t(
+    /* @__PURE__ */ t(oe.Provider, { value: b, children: (s || !R) && /* @__PURE__ */ t(Z, { root: f.current, children: /* @__PURE__ */ t($, { context: e, modal: !1, initialFocus: -1, children: /* @__PURE__ */ t(
       "div",
       {
-        ...b(w),
+        ...S(z),
         ref: o.setFloating,
-        "data-open": r,
-        "data-menu": c,
-        className: te(re.menu, P),
-        style: { ...N, ...E, ...se({ size: h }) },
-        children: /* @__PURE__ */ t(ee, { elementsRef: f, children: z })
+        "data-open": s,
+        "data-menu": l,
+        className: te(re.menu, M),
+        style: { ...I, ...C, ...se({ size: g }) },
+        children: /* @__PURE__ */ t(ee, { elementsRef: u, children: P })
       }
     ) }) }) })
   ] });

package/dist/components/Menu/MenuItem.js

@@ -1,47 +1,47 @@
-import { jsx as u, jsxs as y, Fragment as M } from "react/jsx-runtime";
-import { useContext as N, useCallback as w } from "react";
-import { useListItem as A } from "@floating-ui/react";
-import E from "classnames";
-import { MenuContext as F } from "./MenuContext.js";
-import { wrapNode as d } from "../../utils/helpers.js";
-import { s as f } from "../../styles.module-DHm-YTnz.js";
-const C = ({
-  as: o,
-  scheme: c = "default",
-  icon: r,
-  title: a,
-  selected: s,
-  children: n,
-  className: l,
-  onClick: t,
+import { jsx as p, jsxs as h, Fragment as j } from "react/jsx-runtime";
+import { useContext as y, useCallback as M } from "react";
+import { useListItem as N } from "@floating-ui/react";
+import w from "classnames";
+import { MenuContext as A } from "./MenuContext.js";
+import { wrapNode as u } from "../../utils/helpers.js";
+import { s as d } from "../../styles.module-DHm-YTnz.js";
+const z = ({
+  as: e,
+  scheme: l = "default",
+  icon: o,
+  title: n,
+  selected: m,
+  children: r,
+  className: f,
+  onClick: a,
   ...x
 }) => {
-  const { active: b, setOpen: i, getItemProps: v, onSelect: e } = N(F), { ref: I, index: m } = A(), p = m === b, g = o ?? "button", h = w(
-    (j) => {
-      i(!1), e == null || e(m), t == null || t(j);
+  const { active: b, setOpen: s, getItemProps: v, onSelect: i } = y(A), { ref: k, index: t } = N(), c = t === b, C = e ?? "button", I = M(
+    (g) => {
+      s(!1), i?.(t), a?.(g);
     },
-    [m, i, e, t]
+    [t, s, i, a]
   );
-  return /* @__PURE__ */ u(
-    g,
+  return /* @__PURE__ */ p(
+    C,
     {
       ...x,
-      ref: I,
+      ref: k,
       role: "menuitem",
       "data-menu-item": !0,
-      "data-active": p || s,
-      "data-selected": s,
-      tabIndex: p ? 0 : -1,
-      type: o ? void 0 : "button",
-      className: E(f.menuitem, f[c], l),
-      ...v({ onClick: h }),
-      children: n ? d(n, "span") : /* @__PURE__ */ y(M, { children: [
-        r === "blank" ? /* @__PURE__ */ u("div", { "data-icon-blank": !0 }) : r,
-        a !== void 0 && d(a, "span")
+      "data-active": c || m,
+      "data-selected": m,
+      tabIndex: c ? 0 : -1,
+      type: e ? void 0 : "button",
+      className: w(d.menuitem, d[l], f),
+      ...v({ onClick: I }),
+      children: r ? u(r, "span") : /* @__PURE__ */ h(j, { children: [
+        o === "blank" ? /* @__PURE__ */ p("div", { "data-icon-blank": !0 }) : o,
+        n !== void 0 && u(n, "span")
       ] })
     }
   );
 };
 export {
-  C as MenuItem
+  z as MenuItem
 };

package/dist/components/Popover/Popover.js

@@ -1,65 +1,64 @@
-import { jsxs as w, Fragment as C, jsx as r } from "react/jsx-runtime";
-import D, { useRef as H, useState as S, useEffect as U, useLayoutEffect as X } from "react";
-import b from "classnames";
-import { useFloating as B, offset as I, flip as L, shift as N, autoUpdate as T, useInteractions as q, useDismiss as z, useRole as A, useHover as G, useFocus as J, useClick as K, useMergeRefs as Q, FloatingPortal as V, FloatingFocusManager as W } from "@floating-ui/react";
-import { getElementRef as Y } from "../../utils/helpers.js";
-const Z = "Popover_popover_sXXB0", $ = {
-  popover: Z
-}, le = ({
-  open: m,
+import { jsxs as j, Fragment as w, jsx as r } from "react/jsx-runtime";
+import C, { useRef as D, useState as H, useEffect as S, useLayoutEffect as U } from "react";
+import X from "classnames";
+import { useFloating as b, offset as B, flip as I, shift as L, autoUpdate as N, useInteractions as T, useDismiss as q, useRole as z, useHover as A, useFocus as G, useClick as J, useMergeRefs as K, FloatingPortal as Q, FloatingFocusManager as V } from "@floating-ui/react";
+import { getElementRef as W } from "../../utils/helpers.js";
+const Y = "Popover_popover_sXXB0", Z = {
+  popover: Y
+}, ne = ({
+  open: d,
   event: s = "click",
   placement: c = "bottom",
   trigger: t,
-  offset: g = 5,
+  offset: m = 5,
   modal: f = !1,
   anchor: n,
   boundary: i,
   disabled: l,
-  minWidth: R,
-  maxWidth: v,
-  className: F,
-  children: P,
-  onToggle: h,
-  ...E
+  minWidth: g,
+  maxWidth: R,
+  className: v,
+  children: F,
+  onToggle: P,
+  ...h
 }) => {
-  const p = H(null), [x, y] = S(!1), a = m ?? x, O = h ?? y, { refs: e, context: o, floatingStyles: _ } = B({
+  const p = D(null), [E, x] = H(!1), a = d ?? E, y = P ?? x, { refs: e, context: o, floatingStyles: O } = b({
     open: a,
     placement: c,
-    onOpenChange: O,
-    whileElementsMounted: T,
+    onOpenChange: y,
+    whileElementsMounted: N,
     middleware: [
-      I(g),
-      L({ padding: 10, boundary: i }),
-      N({ padding: 5, boundary: i })
+      B(m),
+      I({ padding: 10, boundary: i }),
+      L({ padding: 5, boundary: i })
     ]
-  }), { getReferenceProps: k, getFloatingProps: M } = q([
-    z(o),
-    A(o, { role: "dialog" }),
-    G(o, { move: !1, enabled: s.includes("hover") }),
-    J(o, { enabled: s.includes("focus") }),
-    K(o, { enabled: s.includes("click") })
-  ]), j = Q([e.setReference, Y(t)]);
-  return U(() => {
-    var d;
-    const u = (d = e.domReference.current) == null ? void 0 : d.closest("[data-floating-root]");
+  }), { getReferenceProps: _, getFloatingProps: k } = T([
+    q(o),
+    z(o, { role: "dialog" }),
+    A(o, { move: !1, enabled: s.includes("hover") }),
+    G(o, { enabled: s.includes("focus") }),
+    J(o, { enabled: s.includes("click") })
+  ]), M = K([e.setReference, W(t)]);
+  return S(() => {
+    const u = e.domReference.current?.closest("[data-floating-root]");
     !l && u && (p.current = u);
-  }, [e, l]), X(() => {
+  }, [e, l]), U(() => {
     n && e.setPositionReference(n);
-  }, [e, n]), l ? t : /* @__PURE__ */ w(C, { children: [
-    D.cloneElement(t, k({ ...t.props, ref: j })),
-    a && /* @__PURE__ */ r(V, { root: p, children: /* @__PURE__ */ r(W, { context: o, modal: f, visuallyHiddenDismiss: f, children: /* @__PURE__ */ r(
+  }, [e, n]), l ? t : /* @__PURE__ */ j(w, { children: [
+    C.cloneElement(t, _({ ...t.props, ref: M })),
+    a && /* @__PURE__ */ r(Q, { root: p, children: /* @__PURE__ */ r(V, { context: o, modal: f, visuallyHiddenDismiss: f, children: /* @__PURE__ */ r(
       "div",
       {
-        ...M(E),
+        ...k(h),
         ref: e.setFloating,
         "data-popover": c,
-        className: b($.popover, F),
-        style: { ..._, minWidth: R, maxWidth: v },
-        children: P
+        className: X(Z.popover, v),
+        style: { ...O, minWidth: g, maxWidth: R },
+        children: F
       }
     ) }) })
   ] });
 };
 export {
-  le as Popover
+  ne as Popover
 };