npm - @px-ui/core - Versions diffs - 1.23.0 → 1.24.0 - Mend

@px-ui/core 1.23.0 → 1.24.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (364) hide show

package/dist/node_modules/.pnpm/@base-ui-components_react@1.0.0-beta.4_@types_react@19.2.0_react-dom@19.2.0_react@19.2.0/node_modules/@base-ui-components/react/esm/tabs/indicator/TabsIndicator.js ADDED Viewed

@@ -0,0 +1,107 @@
+import * as t from "react";
+import { generateId as C } from "../../../../../../../@base-ui-components_utils@0.1.2_@types_react@19.2.0_react-dom@19.2.0_react@19.2.0/node_modules/@base-ui-components/utils/esm/generateId.js";
+import { useForcedRerendering as N } from "../../../../../../../@base-ui-components_utils@0.1.2_@types_react@19.2.0_react-dom@19.2.0_react@19.2.0/node_modules/@base-ui-components/utils/esm/useForcedRerendering.js";
+import { useOnMount as V } from "../../../../../../../@base-ui-components_utils@0.1.2_@types_react@19.2.0_react-dom@19.2.0_react@19.2.0/node_modules/@base-ui-components/utils/esm/useOnMount.js";
+import { useRenderElement as A } from "../../utils/useRenderElement.js";
+import { useDirection as D } from "../../direction-provider/DirectionContext.js";
+import { useTabsRootContext as M } from "../root/TabsRootContext.js";
+import { tabsStateAttributesMapping as _ } from "../root/stateAttributesMapping.js";
+import { useTabsListContext as F } from "../list/TabsListContext.js";
+import { script as P } from "./prehydrationScript.min.js";
+import { TabsIndicatorCssVars as i } from "./TabsIndicatorCssVars.js";
+import { j as L } from "../../../../../../../../../_virtual/jsx-runtime.js";
+const k = {
+  ..._,
+  selectedTabPosition: () => null,
+  selectedTabSize: () => null
+}, q = /* @__PURE__ */ t.forwardRef(function(p, R) {
+  const {
+    className: J,
+    render: K,
+    renderBeforeHydration: m = !1,
+    ...y
+  } = p, {
+    getTabElementBySelectedValue: I,
+    orientation: b,
+    tabActivationDirection: T,
+    value: d
+  } = M(), {
+    tabsListRef: a
+  } = F(), [S] = t.useState(() => C("tab")), [h, H] = t.useState(!1), {
+    value: E
+  } = M(), $ = D();
+  V(() => H(!0));
+  const g = N();
+  t.useEffect(() => {
+    if (d != null && a.current != null && typeof ResizeObserver < "u") {
+      const e = new ResizeObserver(() => {
+        g();
+      });
+      return e.observe(a.current), () => {
+        e.disconnect();
+      };
+    }
+  }, [d, a, g]);
+  let c = 0, l = 0, u = 0, f = 0, r = 0, o = 0, n = !1;
+  if (d != null && a.current != null) {
+    const e = I(d), s = a.current;
+    if (n = !0, e != null) {
+      c = e.offsetLeft - s.clientLeft, u = e.offsetTop - s.clientTop;
+      const {
+        width: w,
+        height: B
+      } = e.getBoundingClientRect();
+      r = Math.floor(w), o = Math.floor(B), l = $ === "ltr" ? s.scrollWidth - e.offsetLeft - r - s.clientLeft : e.offsetLeft - s.clientLeft, f = s.scrollHeight - e.offsetTop - o - s.clientTop;
+    }
+  }
+  const v = t.useMemo(() => n ? {
+    left: c,
+    right: l,
+    top: u,
+    bottom: f
+  } : null, [c, l, u, f, n]), x = t.useMemo(() => n ? {
+    width: r,
+    height: o
+  } : null, [r, o, n]), z = t.useMemo(() => {
+    if (n)
+      return {
+        [i.activeTabLeft]: `${c}px`,
+        [i.activeTabRight]: `${l}px`,
+        [i.activeTabTop]: `${u}px`,
+        [i.activeTabBottom]: `${f}px`,
+        [i.activeTabWidth]: `${r}px`,
+        [i.activeTabHeight]: `${o}px`
+      };
+  }, [c, l, u, f, r, o, n]), O = n && r > 0 && o > 0, W = t.useMemo(() => ({
+    orientation: b,
+    selectedTabPosition: v,
+    selectedTabSize: x,
+    tabActivationDirection: T
+  }), [b, v, x, T]), j = A("span", p, {
+    state: W,
+    ref: R,
+    props: [{
+      role: "presentation",
+      style: z,
+      hidden: !O
+      // do not display the indicator before the layout is settled
+    }, y, {
+      "data-instance-id": h && m ? void 0 : S,
+      suppressHydrationWarning: !0
+    }],
+    stateAttributesMapping: k
+  });
+  return E == null ? null : /* @__PURE__ */ L.jsxs(t.Fragment, {
+    children: [j, !h && m && /* @__PURE__ */ L.jsx("script", {
+      // eslint-disable-next-line react/no-danger
+      dangerouslySetInnerHTML: {
+        __html: P
+      },
+      suppressHydrationWarning: !0
+    })]
+  });
+});
+process.env.NODE_ENV !== "production" && (q.displayName = "TabsIndicator");
+export {
+  q as TabsIndicator
+};

@@ -0,0 +1,6 @@
+let e = /* @__PURE__ */ function(t) {
+  return t.activeTabLeft = "--active-tab-left", t.activeTabRight = "--active-tab-right", t.activeTabTop = "--active-tab-top", t.activeTabBottom = "--active-tab-bottom", t.activeTabWidth = "--active-tab-width", t.activeTabHeight = "--active-tab-height", t;
+}({});
+export {
+  e as TabsIndicatorCssVars
+};

@@ -0,0 +1,4 @@
+const t = '!function(){const t=document.currentScript.previousElementSibling;if(!t)return;const e=t.closest(\'[role="tablist"]\');if(!e)return;const o=e.querySelector("[data-selected]");if(!o)return;if(0===o.offsetWidth||0===e.offsetWidth)return;const i=getComputedStyle(e).direction,f=o.offsetLeft-e.clientLeft,{width:n,height:r}=o.getBoundingClientRect(),l=Math.floor(n),c=Math.floor(r),s="ltr"===i?e.scrollWidth-o.offsetLeft-l-e.clientLeft:o.offsetLeft-e.clientLeft,h=o.offsetTop-e.clientTop,d=e.scrollHeight-o.offsetTop-c-e.clientTop;function u(e,o){t.style.setProperty(`--active-tab-${e}`,`${o}px`)}u("left",f),u("right",s),u("top",h),u("bottom",d),u("width",l),u("height",c),l>0&&c>0&&t.removeAttribute("hidden")}();';
+export {
+  t as script
+};

package/dist/node_modules/.pnpm/@base-ui-components_react@1.0.0-beta.4_@types_react@19.2.0_react-dom@19.2.0_react@19.2.0/node_modules/@base-ui-components/react/esm/tabs/list/TabsList.js ADDED Viewed

@@ -0,0 +1,130 @@
+import * as l from "react";
+import { useEventCallback as N } from "../../../../../../../@base-ui-components_utils@0.1.2_@types_react@19.2.0_react-dom@19.2.0_react@19.2.0/node_modules/@base-ui-components/utils/esm/useEventCallback.js";
+import { useIsoLayoutEffect as j } from "../../../../../../../@base-ui-components_utils@0.1.2_@types_react@19.2.0_react-dom@19.2.0_react@19.2.0/node_modules/@base-ui-components/utils/esm/useIsoLayoutEffect.js";
+import { CompositeRoot as y } from "../../composite/root/CompositeRoot.js";
+import { tabsStateAttributesMapping as L } from "../root/stateAttributesMapping.js";
+import { useTabsRootContext as P } from "../root/TabsRootContext.js";
+import { TabsListContext as z } from "./TabsListContext.js";
+import { j as x } from "../../../../../../../../../_virtual/jsx-runtime.js";
+const B = [], H = /* @__PURE__ */ l.forwardRef(function(o, r) {
+  const {
+    activateOnFocus: i = !0,
+    className: t,
+    loop: n = !0,
+    render: s,
+    ...e
+  } = o, {
+    getTabElementBySelectedValue: u,
+    onValueChange: A,
+    orientation: a,
+    value: f,
+    setTabMap: T,
+    tabActivationDirection: h
+  } = P(), [d, m] = l.useState(0), p = l.useRef(null), E = S(
+    f,
+    // the old value
+    a,
+    p,
+    u
+  ), v = N((g, b) => {
+    if (g !== f) {
+      const D = E(g);
+      b.activationDirection = D, A(g, b);
+    }
+  }), I = l.useMemo(() => ({
+    orientation: a,
+    tabActivationDirection: h
+  }), [a, h]), M = {
+    "aria-orientation": a === "vertical" ? "vertical" : void 0,
+    role: "tablist"
+  }, R = l.useMemo(() => ({
+    activateOnFocus: i,
+    highlightedTabIndex: d,
+    onTabActivation: v,
+    setHighlightedTabIndex: m,
+    tabsListRef: p,
+    value: f
+  }), [i, d, v, m, p, f]);
+  return /* @__PURE__ */ x.jsx(z.Provider, {
+    value: R,
+    children: /* @__PURE__ */ x.jsx(y, {
+      render: s,
+      className: t,
+      state: I,
+      refs: [r, p],
+      props: [M, e],
+      stateAttributesMapping: L,
+      highlightedIndex: d,
+      enableHomeAndEndKeys: !0,
+      loop: n,
+      orientation: a,
+      onHighlightedIndexChange: m,
+      onMapChange: T,
+      disabledIndices: B
+    })
+  });
+});
+process.env.NODE_ENV !== "production" && (H.displayName = "TabsList");
+function C(c, o) {
+  const {
+    left: r,
+    top: i
+  } = c.getBoundingClientRect(), {
+    left: t,
+    top: n
+  } = o.getBoundingClientRect(), s = r - t, e = i - n;
+  return {
+    left: s,
+    top: e
+  };
+}
+function S(c, o, r, i) {
+  const t = l.useRef(null);
+  return j(() => {
+    if (c == null || r.current == null) {
+      t.current = null;
+      return;
+    }
+    const n = i(c);
+    if (n == null) {
+      t.current = null;
+      return;
+    }
+    const {
+      left: s,
+      top: e
+    } = C(n, r.current);
+    t.current = o === "horizontal" ? s : e;
+  }, [o, i, r, c]), l.useCallback((n) => {
+    if (n === c)
+      return "none";
+    if (n == null)
+      return t.current = null, "none";
+    if (n != null && r.current != null) {
+      const s = i(n);
+      if (s != null) {
+        const {
+          left: e,
+          top: u
+        } = C(s, r.current);
+        if (t.current == null)
+          return t.current = o === "horizontal" ? e : u, "none";
+        if (o === "horizontal") {
+          if (e < t.current)
+            return t.current = e, "left";
+          if (e > t.current)
+            return t.current = e, "right";
+        } else {
+          if (u < t.current)
+            return t.current = u, "up";
+          if (u > t.current)
+            return t.current = u, "down";
+        }
+      }
+    }
+    return "none";
+  }, [i, o, t, r, c]);
+}
+export {
+  H as TabsList
+};

@@ -0,0 +1,13 @@
+import * as s from "react";
+const e = /* @__PURE__ */ s.createContext(void 0);
+process.env.NODE_ENV !== "production" && (e.displayName = "TabsListContext");
+function n() {
+  const t = s.useContext(e);
+  if (t === void 0)
+    throw new Error("Base UI: TabsListContext is missing. TabsList parts must be placed within <Tabs.List>.");
+  return t;
+}
+export {
+  e as TabsListContext,
+  n as useTabsListContext
+};

@@ -0,0 +1,53 @@
+import * as n from "react";
+import { useBaseUiId as I } from "../../utils/useBaseUiId.js";
+import { useRenderElement as T } from "../../utils/useRenderElement.js";
+import { useCompositeListItem as x } from "../../composite/list/useCompositeListItem.js";
+import { tabsStateAttributesMapping as M } from "../root/stateAttributesMapping.js";
+import { useTabsRootContext as R } from "../root/TabsRootContext.js";
+import { TabsPanelDataAttributes as V } from "./TabsPanelDataAttributes.js";
+const g = /* @__PURE__ */ n.forwardRef(function(r, d) {
+  const {
+    children: m,
+    className: N,
+    value: e,
+    render: h,
+    keepMounted: u = !1,
+    ...c
+  } = r, {
+    value: p,
+    getTabIdByPanelValueOrIndex: s,
+    orientation: i,
+    tabActivationDirection: l
+  } = R(), o = I(), b = n.useMemo(() => ({
+    id: o,
+    value: e
+  }), [o, e]), {
+    ref: f,
+    index: a
+  } = x({
+    metadata: b
+  }), t = (e ?? a) !== p, P = n.useMemo(() => s(e, a), [s, a, e]), v = n.useMemo(() => ({
+    hidden: t,
+    orientation: i,
+    tabActivationDirection: l
+  }), [t, i, l]);
+  return T("div", r, {
+    state: v,
+    ref: [d, f],
+    props: [{
+      "aria-labelledby": P,
+      hidden: t,
+      id: o ?? void 0,
+      role: "tabpanel",
+      tabIndex: t ? -1 : 0,
+      [V.index]: a
+    }, c, {
+      children: t && !u ? void 0 : m
+    }],
+    stateAttributesMapping: M
+  });
+});
+process.env.NODE_ENV !== "production" && (g.displayName = "TabsPanel");
+export {
+  g as TabsPanel
+};

@@ -0,0 +1,6 @@
+let n = /* @__PURE__ */ function(i) {
+  return i.index = "data-index", i.activationDirection = "data-activation-direction", i.orientation = "data-orientation", i.hidden = "data-hidden", i;
+}({});
+export {
+  n as TabsPanelDataAttributes
+};

package/dist/node_modules/.pnpm/@base-ui-components_react@1.0.0-beta.4_@types_react@19.2.0_react-dom@19.2.0_react@19.2.0/node_modules/@base-ui-components/react/esm/tabs/root/TabsRoot.js ADDED Viewed

@@ -0,0 +1,76 @@
+import * as r from "react";
+import { useControlled as I } from "../../../../../../../@base-ui-components_utils@0.1.2_@types_react@19.2.0_react-dom@19.2.0_react@19.2.0/node_modules/@base-ui-components/utils/esm/useControlled.js";
+import { useEventCallback as N } from "../../../../../../../@base-ui-components_utils@0.1.2_@types_react@19.2.0_react-dom@19.2.0_react@19.2.0/node_modules/@base-ui-components/utils/esm/useEventCallback.js";
+import { useRenderElement as a } from "../../utils/useRenderElement.js";
+import { CompositeList as B } from "../../composite/list/CompositeList.js";
+import { useDirection as D } from "../../direction-provider/DirectionContext.js";
+import { TabsRootContext as O } from "./TabsRootContext.js";
+import { tabsStateAttributesMapping as w } from "./stateAttributesMapping.js";
+import { j as R } from "../../../../../../../../../_virtual/jsx-runtime.js";
+const z = /* @__PURE__ */ r.forwardRef(function(f, x) {
+  const {
+    className: _,
+    defaultValue: g = 0,
+    onValueChange: s,
+    orientation: t = "horizontal",
+    render: q,
+    value: E,
+    ...h
+  } = f, c = D(), S = r.useRef([]), [l, b] = I({
+    controlled: E,
+    default: g,
+    name: "Tabs",
+    state: "value"
+  }), [d, j] = r.useState(() => /* @__PURE__ */ new Map()), [i, m] = r.useState(() => /* @__PURE__ */ new Map()), [u, k] = r.useState("none"), p = N((n, o) => {
+    s == null || s(n, o), !o.isCanceled && (b(n), k(o.activationDirection));
+  }), v = r.useCallback((n, o) => {
+    if (!(n === void 0 && o < 0)) {
+      for (const e of d.values())
+        if (n !== void 0 && e && n === (e == null ? void 0 : e.value) || n === void 0 && (e != null && e.index) && (e == null ? void 0 : e.index) === o)
+          return e.id;
+    }
+  }, [d]), T = r.useCallback((n, o) => {
+    if (!(n === void 0 && o < 0)) {
+      for (const e of i.values())
+        if (n !== void 0 && o > -1 && n === ((e == null ? void 0 : e.value) ?? (e == null ? void 0 : e.index) ?? void 0) || n === void 0 && o > -1 && o === ((e == null ? void 0 : e.value) ?? (e == null ? void 0 : e.index) ?? void 0))
+          return e == null ? void 0 : e.id;
+    }
+  }, [i]), C = r.useCallback((n) => {
+    if (n === void 0)
+      return null;
+    for (const [o, e] of i.entries())
+      if (e != null && n === (e.value ?? e.index))
+        return o;
+    return null;
+  }, [i]), y = r.useMemo(() => ({
+    direction: c,
+    getTabElementBySelectedValue: C,
+    getTabIdByPanelValueOrIndex: T,
+    getTabPanelIdByTabValueOrIndex: v,
+    onValueChange: p,
+    orientation: t,
+    setTabMap: m,
+    tabActivationDirection: u,
+    value: l
+  }), [c, C, T, v, p, t, m, u, l]), A = a("div", f, {
+    state: {
+      orientation: t,
+      tabActivationDirection: u
+    },
+    ref: x,
+    props: h,
+    stateAttributesMapping: w
+  });
+  return /* @__PURE__ */ R.jsx(O.Provider, {
+    value: y,
+    children: /* @__PURE__ */ R.jsx(B, {
+      elementsRef: S,
+      onMapChange: j,
+      children: A
+    })
+  });
+});
+process.env.NODE_ENV !== "production" && (z.displayName = "TabsRoot");
+export {
+  z as TabsRoot
+};

@@ -0,0 +1,13 @@
+import * as o from "react";
+const e = /* @__PURE__ */ o.createContext(void 0);
+process.env.NODE_ENV !== "production" && (e.displayName = "TabsRootContext");
+function n() {
+  const t = o.useContext(e);
+  if (t === void 0)
+    throw new Error("Base UI: TabsRootContext is missing. Tabs parts must be placed within <Tabs.Root>.");
+  return t;
+}
+export {
+  e as TabsRootContext,
+  n as useTabsRootContext
+};

@@ -0,0 +1,6 @@
+let n = /* @__PURE__ */ function(i) {
+  return i.activationDirection = "data-activation-direction", i.orientation = "data-orientation", i;
+}({});
+export {
+  n as TabsRootDataAttributes
+};

@@ -0,0 +1,9 @@
+import { TabsRootDataAttributes as i } from "./TabsRootDataAttributes.js";
+const o = {
+  tabActivationDirection: (t) => ({
+    [i.activationDirection]: t
+  })
+};
+export {
+  o as tabsStateAttributesMapping
+};

package/dist/node_modules/.pnpm/@base-ui-components_react@1.0.0-beta.4_@types_react@19.2.0_react-dom@19.2.0_react@19.2.0/node_modules/@base-ui-components/react/esm/tabs/tab/TabsTab.js ADDED Viewed

@@ -0,0 +1,108 @@
+import * as a from "react";
+import { ownerDocument as g } from "../../../../../../../@base-ui-components_utils@0.1.2_@types_react@19.2.0_react-dom@19.2.0_react@19.2.0/node_modules/@base-ui-components/utils/esm/owner.js";
+import { useEventCallback as d } from "../../../../../../../@base-ui-components_utils@0.1.2_@types_react@19.2.0_react-dom@19.2.0_react@19.2.0/node_modules/@base-ui-components/utils/esm/useEventCallback.js";
+import { useIsoLayoutEffect as F } from "../../../../../../../@base-ui-components_utils@0.1.2_@types_react@19.2.0_react-dom@19.2.0_react@19.2.0/node_modules/@base-ui-components/utils/esm/useIsoLayoutEffect.js";
+import { useBaseUiId as U } from "../../utils/useBaseUiId.js";
+import { useRenderElement as H } from "../../utils/useRenderElement.js";
+import { ACTIVE_COMPOSITE_ITEM as K } from "../../composite/constants.js";
+import { useCompositeItem as S } from "../../composite/item/useCompositeItem.js";
+import { useTabsRootContext as W } from "../root/TabsRootContext.js";
+import { useTabsListContext as j } from "../list/TabsListContext.js";
+import { createChangeEventDetails as I } from "../../utils/createBaseUIEventDetails.js";
+import { useButton as q } from "../../use-button/useButton.js";
+import { activeElement as z, contains as G } from "../../floating-ui-react/utils/element.js";
+const J = /* @__PURE__ */ a.forwardRef(function(p, P) {
+  const {
+    className: X,
+    disabled: n = !1,
+    render: Y,
+    value: r,
+    id: C,
+    nativeButton: h = !0,
+    ...D
+  } = p, {
+    value: u,
+    getTabPanelIdByTabValueOrIndex: x,
+    orientation: b
+  } = W(), {
+    activateOnFocus: M,
+    highlightedTabIndex: v,
+    onTabActivation: T,
+    setHighlightedTabIndex: c,
+    tabsListRef: E
+  } = j(), f = U(C), B = a.useMemo(() => ({
+    disabled: n,
+    id: f,
+    value: r
+  }), [n, f, r]), {
+    compositeProps: N,
+    compositeRef: O,
+    index: e
+    // hook is used instead of the CompositeItem component
+    // because the index is needed for Tab internals
+  } = S({
+    metadata: B
+  }), R = r ?? e, o = a.useMemo(() => r === void 0 ? e < 0 ? !1 : e === u : r === u, [e, u, r]), l = a.useRef(!1);
+  F(() => {
+    if (l.current) {
+      l.current = !1;
+      return;
+    }
+    if (!(o && e > -1 && v !== e))
+      return;
+    const t = E.current, i = z(g(t));
+    t && i && G(t, i) || c(e);
+  }, [o, e, v, c, n, E]);
+  const {
+    getButtonProps: V,
+    buttonRef: w
+  } = q({
+    disabled: n,
+    native: h,
+    focusableWhenDisabled: !0
+  }), y = e > -1 ? x(r, e) : void 0, s = a.useRef(!1), m = a.useRef(!1), L = d((t) => {
+    o || n || T(R, I("none", t.nativeEvent, {
+      activationDirection: "none"
+    }));
+  }), _ = d((t) => {
+    o || (e > -1 && c(e), !n && (M && !s.current || // keyboard or touch focus
+    s.current && m.current) && T(R, I("none", t.nativeEvent, {
+      activationDirection: "none"
+    })));
+  }), k = d((t) => {
+    if (o || n)
+      return;
+    s.current = !0;
+    function i() {
+      s.current = !1, m.current = !1;
+    }
+    (!t.button || t.button === 0) && (m.current = !0, g(t.currentTarget).addEventListener("pointerup", i, {
+      once: !0
+    }));
+  }), A = a.useMemo(() => ({
+    disabled: n,
+    selected: o,
+    orientation: b
+  }), [n, o, b]);
+  return H("button", p, {
+    state: A,
+    ref: [P, w, O],
+    props: [N, {
+      role: "tab",
+      "aria-controls": y,
+      "aria-selected": o,
+      id: f,
+      onClick: L,
+      onFocus: _,
+      onPointerDown: k,
+      [K]: o ? "" : void 0,
+      onKeyDownCapture() {
+        l.current = !0;
+      }
+    }, D, V]
+  });
+});
+process.env.NODE_ENV !== "production" && (J.displayName = "TabsTab");
+export {
+  J as TabsTab
+};

@@ -0,0 +1,10 @@
+import * as o from "react";
+const t = /* @__PURE__ */ o.createContext(void 0);
+process.env.NODE_ENV !== "production" && (t.displayName = "ToolbarRootContext");
+function r(e) {
+  return o.useContext(t);
+}
+export {
+  t as ToolbarRootContext,
+  r as useToolbarRootContext
+};

@@ -0,0 +1,36 @@
+import * as i from "react";
+import { useTooltipPositionerContext as c } from "../positioner/TooltipPositionerContext.js";
+import { popupStateMapping as d } from "../../utils/popupStateMapping.js";
+import { useRenderElement as f } from "../../utils/useRenderElement.js";
+const u = /* @__PURE__ */ i.forwardRef(function(e, s) {
+  const {
+    className: A,
+    render: N,
+    ...p
+  } = e, {
+    open: o,
+    arrowRef: a,
+    side: r,
+    align: t,
+    arrowUncentered: n,
+    arrowStyles: m
+  } = c(), l = i.useMemo(() => ({
+    open: o,
+    side: r,
+    align: t,
+    uncentered: n
+  }), [o, r, t, n]);
+  return f("div", e, {
+    state: l,
+    ref: [s, a],
+    props: [{
+      style: m,
+      "aria-hidden": !0
+    }, p],
+    stateAttributesMapping: d
+  });
+});
+process.env.NODE_ENV !== "production" && (u.displayName = "TooltipArrow");
+export {
+  u as TooltipArrow
+};

@@ -0,0 +1,53 @@
+import * as m from "react";
+import { useTooltipRootContext as c } from "../root/TooltipRootContext.js";
+import { useTooltipPositionerContext as T } from "../positioner/TooltipPositionerContext.js";
+import { popupStateMapping as d } from "../../utils/popupStateMapping.js";
+import { transitionStatusMapping as E } from "../../utils/stateAttributesMapping.js";
+import { useOpenChangeComplete as S } from "../../utils/useOpenChangeComplete.js";
+import { useRenderElement as N } from "../../utils/useRenderElement.js";
+import { DISABLED_TRANSITIONS_STYLE as P } from "../../utils/constants.js";
+import { EMPTY_OBJECT as R } from "../../../../../../../@base-ui-components_utils@0.1.2_@types_react@19.2.0_react-dom@19.2.0_react@19.2.0/node_modules/@base-ui-components/utils/esm/empty.js";
+const g = {
+  ...d,
+  ...E
+}, M = /* @__PURE__ */ m.forwardRef(function(p, a) {
+  const {
+    className: _,
+    render: x,
+    ...u
+  } = p, {
+    open: t,
+    instantType: r,
+    transitionStatus: o,
+    popupProps: f,
+    popupRef: i,
+    onOpenChangeComplete: e
+  } = c(), {
+    side: n,
+    align: s
+  } = T();
+  S({
+    open: t,
+    ref: i,
+    onComplete() {
+      t && (e == null || e(!0));
+    }
+  });
+  const l = m.useMemo(() => ({
+    open: t,
+    side: n,
+    align: s,
+    instant: r,
+    transitionStatus: o
+  }), [t, n, s, r, o]);
+  return N("div", p, {
+    state: l,
+    ref: [a, i],
+    props: [f, o === "starting" ? P : R, u],
+    stateAttributesMapping: g
+  });
+});
+process.env.NODE_ENV !== "production" && (M.displayName = "TooltipPopup");
+export {
+  M as TooltipPopup
+};

@@ -0,0 +1,24 @@
+import "react";
+import { useTooltipRootContext as l } from "../root/TooltipRootContext.js";
+import { TooltipPortalContext as s } from "./TooltipPortalContext.js";
+import { FloatingPortalLite as m } from "../../utils/FloatingPortalLite.js";
+import { j as t } from "../../../../../../../../../_virtual/jsx-runtime.js";
+function x(r) {
+  const {
+    children: e,
+    keepMounted: o = !1,
+    container: n
+  } = r, {
+    mounted: i
+  } = l();
+  return i || o ? /* @__PURE__ */ t.jsx(s.Provider, {
+    value: o,
+    children: /* @__PURE__ */ t.jsx(m, {
+      root: n,
+      children: e
+    })
+  }) : null;
+}
+export {
+  x as TooltipPortal
+};