asheeui 0.6.6 → 0.6.7

package/dist/components/tooltip/Tooltip.d.ts

@@ -22,18 +22,6 @@ export interface TooltipProps extends BaseTooltipProps {
      * @default false
      */
     isDisabled?: boolean;
-    /**
-     * Extra classes applied to every tooltip instance.
-     *
-     * @default ""
-     */
-    className?: string;
-    /**
-     * Whether to render the tooltip in a Floating UI portal.
-     * When true, the tooltip is rendered at the document body level,
-     * escaping any parent DOM hierarchy. Defaults to true.
-     */
-    portal?: boolean;
 }
 /**
  * A floating tooltip that appears on hover or focus of a child element.
@@ -47,12 +35,6 @@ export interface TooltipProps extends BaseTooltipProps {
  * automatically handles viewport edge detection and flipping. It is fully
  * accessible with keyboard focus support.
  *
- * By default, the tooltip uses FloatingPortal to render at the document body
- * level. This ensures the tooltip escapes CSS containment, overflow clipping,
- * and stacking context issues. The portal can be disabled via the `portal` prop
- * or `components.tooltip.portal` in the config if the tooltip needs to stay
- * within a specific parent container.
- *
  * @param props - Tooltip configuration options.
  * @param props.content - The content to display inside the tooltip.
  * @param props.children - The child element that triggers the tooltip.
@@ -65,7 +47,6 @@ export interface TooltipProps extends BaseTooltipProps {
  * @param props.offset - Offset from the trigger. Defaults to 8.
  * @param props.radius - Corner rounding. Defaults to "md".
  * @param props.showArrow - Whether to show a pointer arrow. Defaults to false.
- * @param props.portal - Whether to render the tooltip in a portal. Defaults to true.
  * @param props.className - Extra classes for the tooltip.
  *
  * @example

package/dist/components/tooltip/Tooltip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../src/components/tooltip/Tooltip.tsx"],"names":[],"mappings":"AAyBA,OAAO,EAIL,KAAK,YAAY,EACjB,KAAK,SAAS,EAGf,MAAM,OAAO,CAAC;AAcf,OAAO,EAEL,KAAK,aAAa,EAGnB,MAAM,kBAAkB,CAAC;AAO1B,KAAK,gBAAgB,GAAG,aAAa,CAAC;AAEtC;;GAEG;AACH,MAAM,WAAW,YAAa,SAAQ,gBAAgB;IACpD;;;OAGG;IACH,OAAO,EAAE,SAAS,CAAC;IAEnB;;;OAGG;IACH,QAAQ,EAAE,YAAY,GAAG,SAAS,CAAC;IAEnC;;;;;OAKG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;;OAIG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6DG;AACH,eAAO,MAAM,OAAO,yGAsNnB,CAAC"}
+{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../src/components/tooltip/Tooltip.tsx"],"names":[],"mappings":"AAyBA,OAAO,EAIL,KAAK,YAAY,EACjB,KAAK,SAAS,EAGf,MAAM,OAAO,CAAC;AAcf,OAAO,EAEL,KAAK,aAAa,EAGnB,MAAM,kBAAkB,CAAC;AAO1B,KAAK,gBAAgB,GAAG,aAAa,CAAC;AAEtC;;GAEG;AACH,MAAM,WAAW,YAAa,SAAQ,gBAAgB;IACpD;;;OAGG;IACH,OAAO,EAAE,SAAS,CAAC;IAEnB;;;OAGG;IACH,QAAQ,EAAE,YAAY,GAAG,SAAS,CAAC;IAEnC;;;;;OAKG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsDG;AACH,eAAO,MAAM,OAAO,yGAyMnB,CAAC"}

package/dist/components/tooltip/Tooltip.js

@@ -1,167 +1,159 @@
 "use client";
 import { jsx as a, Fragment as S, jsxs as h } from "react/jsx-runtime";
-import { offset as Z, flip as $, shift as ee, arrow as oe, useFloating as se, autoUpdate as te, useHover as re, useFocus as ae, useDismiss as le, useRole as ne, useInteractions as de, FloatingArrow as ie, FloatingPortal as pe } from "@floating-ui/react";
-import { forwardRef as me, useRef as ce, useState as ue, isValidElement as fe, cloneElement as ve } from "react";
-import { useAsheeConfig as we } from "../../libs/context.js";
-import { resolveCascade as s, resolveRadiusKey as ye, resolveClassKey as i } from "../../utils/resolve-token.js";
-import { FALLBACK_TOOLTIP_CONFIG as o } from "./tooltip-config.js";
-import { TOOLTIP_PADDING_X_CLASS as Ae, TOOLTIP_PADDING_Y_CLASS as Oe, TOOLTIP_FONT_CLASS as Se } from "./tooltip-styles.js";
-import { RADIUS_CLASS as he } from "../../shared/radius.js";
-import { cn as Pe } from "../../utils/cn.js";
-import { resolveVariantClass as Re } from "../../shared/variant.js";
-const Te = me(
+import { offset as J, flip as Q, shift as W, arrow as Z, useFloating as $, autoUpdate as ee, useHover as se, useFocus as oe, useDismiss as re, useRole as te, useInteractions as ae, FloatingPortal as le, FloatingArrow as ne } from "@floating-ui/react";
+import { forwardRef as de, useRef as ie, useState as me, isValidElement as pe, cloneElement as ce } from "react";
+import { useAsheeConfig as ue } from "../../libs/context.js";
+import { resolveCascade as o, resolveRadiusKey as fe, resolveClassKey as i } from "../../utils/resolve-token.js";
+import { FALLBACK_TOOLTIP_CONFIG as s } from "./tooltip-config.js";
+import { TOOLTIP_PADDING_X_CLASS as ve, TOOLTIP_PADDING_Y_CLASS as we, TOOLTIP_FONT_CLASS as ye } from "./tooltip-styles.js";
+import { RADIUS_CLASS as Ae } from "../../shared/radius.js";
+import { cn as Oe } from "../../utils/cn.js";
+import { resolveVariantClass as Se } from "../../shared/variant.js";
+const he = de(
   ({
     content: u,
-    children: t,
-    variant: P,
-    color: R,
-    size: T,
-    placement: _,
-    delay: F,
-    offset: I,
-    radius: L,
-    showArrow: N,
+    children: r,
+    variant: R,
+    color: T,
+    size: _,
+    placement: F,
+    delay: I,
+    offset: L,
+    radius: N,
+    showArrow: P,
     isDisabled: l = !1,
-    className: z,
-    portal: K
+    className: z
   }, n) => {
     var O;
-    const d = we(), e = (O = d.components) == null ? void 0 : O.tooltip, f = ce(null), [x, D] = ue(!1), p = s(
-      T,
+    const d = ue(), e = (O = d.components) == null ? void 0 : O.tooltip, f = ie(null), [v, K] = me(!1), m = o(
+      _,
       e == null ? void 0 : e.size,
       void 0,
-      o.size
-    ), V = s(
-      _,
+      s.size
+    ), x = o(
+      F,
       e == null ? void 0 : e.placement,
       void 0,
-      o.placement
-    ), b = s(
-      P,
+      s.placement
+    ), D = o(
+      R,
       e == null ? void 0 : e.variant,
       d.defaultVariant,
-      o.variant
-    ), g = s(
-      R,
+      s.variant
+    ), V = o(
+      T,
       e == null ? void 0 : e.color,
       d.defaultColor,
-      o.color
-    ), E = s(F, e == null ? void 0 : e.delay, void 0, o.delay), G = s(
-      I,
+      s.color
+    ), b = o(I, e == null ? void 0 : e.delay, void 0, s.delay), g = o(
+      L,
       e == null ? void 0 : e.offset,
       void 0,
-      o.offset
-    ), v = s(
-      N,
+      s.offset
+    ), w = o(
+      P,
       e == null ? void 0 : e.showArrow,
       void 0,
-      o.showArrow
-    ), j = ye(
-      L,
+      s.showArrow
+    ), E = fe(
+      N,
       e == null ? void 0 : e.radius,
       d.defaultRadius,
-      o.radius
-    ), U = s(
-      K,
-      e == null ? void 0 : e.portal,
-      void 0,
-      o.portal
+      s.radius
+    ), G = i(
+      m,
+      ve,
+      s.size
+    ), j = i(
+      m,
+      we,
+      s.size
+    ), U = i(
+      m,
+      ye,
+      s.size
     ), X = i(
-      p,
+      E,
       Ae,
-      o.size
-    ), Y = i(
-      p,
-      Oe,
-      o.size
-    ), k = i(
-      p,
-      Se,
-      o.size
-    ), B = i(
-      j,
-      he,
-      o.radius
-    ), w = [
-      Z(G),
-      $({ padding: 8 }),
-      ee({ padding: 8 })
+      s.radius
+    ), y = [
+      J(g),
+      Q({ padding: 8 }),
+      W({ padding: 8 })
     ];
-    v && w.push(oe({ element: f }));
-    const { refs: m, floatingStyles: C, context: r } = se({
-      open: x && !l,
-      onOpenChange: D,
-      placement: V,
-      whileElementsMounted: te,
-      middleware: w
-    }), H = re(r, {
-      delay: E,
+    w && y.push(Z({ element: f }));
+    const { refs: p, floatingStyles: Y, context: t } = $({
+      open: v && !l,
+      onOpenChange: K,
+      placement: x,
+      whileElementsMounted: ee,
+      middleware: y
+    }), k = se(t, {
+      delay: b,
       enabled: !l
-    }), M = ae(r, { enabled: !l }), q = le(r), J = ne(r, { role: "tooltip" }), { getReferenceProps: y, getFloatingProps: Q } = de([
+    }), B = oe(t, { enabled: !l }), H = re(t), M = te(t, { role: "tooltip" }), { getReferenceProps: A, getFloatingProps: q } = ae([
+      k,
+      B,
       H,
-      M,
-      q,
-      J
-    ]), W = fe(t) ? ve(
-      t,
-      y({
-        ref: m.setReference,
-        ...t.props
+      M
+    ]), C = pe(r) ? ce(
+      r,
+      A({
+        ref: p.setReference,
+        ...r.props
       })
     ) : /* @__PURE__ */ a(
       "span",
       {
-        ref: m.setReference,
-        ...y(),
+        ref: p.setReference,
+        ...A(),
         className: "inline-flex",
-        children: t
-      }
-    );
-    if (!u || l)
-      return /* @__PURE__ */ a(S, { children: t });
-    const A = /* @__PURE__ */ a(
-      "div",
-      {
-        ref: (c) => {
-          m.setFloating(c), typeof n == "function" ? n(c) : n && (n.current = c);
-        },
-        style: C,
-        className: "z-50 pointer-events-none",
-        ...Q(),
-        children: /* @__PURE__ */ h(
-          "div",
-          {
-            className: Pe(
-              "font-medium border whitespace-nowrap select-none bg-background shadow-md transition-all duration-150 ease-out animate-in fade-in-0 zoom-in-95",
-              X,
-              Y,
-              k,
-              B,
-              Re(b, g),
-              z
-            ),
-            children: [
-              u,
-              v && /* @__PURE__ */ a(
-                ie,
-                {
-                  ref: f,
-                  context: r,
-                  className: "fill-current text-border"
-                }
-              )
-            ]
-          }
-        )
+        children: r
       }
     );
-    return /* @__PURE__ */ h(S, { children: [
-      W,
-      U ? /* @__PURE__ */ a(pe, { children: A }) : A
+    return !u || l ? /* @__PURE__ */ a(S, { children: r }) : /* @__PURE__ */ h(S, { children: [
+      C,
+      /* @__PURE__ */ a(le, { children: v && /* @__PURE__ */ a(
+        "div",
+        {
+          ref: (c) => {
+            p.setFloating(c), typeof n == "function" ? n(c) : n && (n.current = c);
+          },
+          style: Y,
+          className: "z-50 pointer-events-none",
+          ...q(),
+          children: /* @__PURE__ */ h(
+            "div",
+            {
+              className: Oe(
+                "font-medium border whitespace-nowrap select-none bg-background shadow-md transition-all duration-150 ease-out animate-in fade-in-0 zoom-in-95",
+                G,
+                j,
+                U,
+                X,
+                Se(D, V),
+                e == null ? void 0 : e.className,
+                z
+              ),
+              children: [
+                u,
+                w && /* @__PURE__ */ a(
+                  ne,
+                  {
+                    ref: f,
+                    context: t,
+                    className: "fill-current text-border"
+                  }
+                )
+              ]
+            }
+          )
+        }
+      ) })
     ] });
   }
 );
-Te.displayName = "Tooltip";
+he.displayName = "Tooltip";
 export {
-  Te as Tooltip
+  he as Tooltip
 };

package/dist/components/tooltip/tooltip-config.d.ts

@@ -73,15 +73,11 @@ export interface TooltipConfig {
      */
     showArrow?: boolean;
     /**
-     * Whether to render the tooltip in a Floating UI portal.
-     * When true, the tooltip is rendered at the document body level,
-     * escaping any parent DOM hierarchy. This prevents CSS containment,
-     * overflow clipping, and stacking context issues. Defaults to true
-     * because tooltips should always appear above other content.
+     * Extra classes applied to every tooltip instance.
      *
-     * @default true
+     * @default ""
      */
-    portal?: boolean;
+    className?: string;
 }
 /**
  * Default config values registered for the Tooltip component.

package/dist/components/tooltip/tooltip-config.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip-config.d.ts","sourceRoot":"","sources":["../../../src/components/tooltip/tooltip-config.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAGH,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAEjE;;;GAGG;AACH,MAAM,MAAM,gBAAgB,GACxB,KAAK,GACL,WAAW,GACX,SAAS,GACT,QAAQ,GACR,cAAc,GACd,YAAY,GACZ,MAAM,GACN,YAAY,GACZ,UAAU,GACV,OAAO,GACP,aAAa,GACb,WAAW,CAAC;AAEhB;;;GAGG;AACH,MAAM,MAAM,cAAc,GAAG,IAAI,CAAC;AAElC;;;;;GAKG;AACH,MAAM,WAAW,aAAa;IAC5B;;;;;OAKG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;;;;OAKG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC;IAEd;;;;;OAKG;IACH,IAAI,CAAC,EAAE,cAAc,CAAC;IAEtB;;;;OAIG;IACH,SAAS,CAAC,EAAE,gBAAgB,CAAC;IAE7B;;;;;;OAMG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG;QAAE,IAAI,CAAC,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAEnD;;;;OAIG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB;;;;OAIG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;;;;;;;OAQG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED;;GAEG;AACH,eAAO,MAAM,oBAAoB,EAAE,aAOlC,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,uBAAuB,EAAE,QAAQ,CAAC,aAAa,CAUlD,CAAC;AAEX,OAAO,QAAQ,qBAAqB,CAAC;IACnC,UAAU,2BAA2B;QACnC,OAAO,EAAE,aAAa,CAAC;KACxB;CACF"}
+{"version":3,"file":"tooltip-config.d.ts","sourceRoot":"","sources":["../../../src/components/tooltip/tooltip-config.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAGH,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAEjE;;;GAGG;AACH,MAAM,MAAM,gBAAgB,GACxB,KAAK,GACL,WAAW,GACX,SAAS,GACT,QAAQ,GACR,cAAc,GACd,YAAY,GACZ,MAAM,GACN,YAAY,GACZ,UAAU,GACV,OAAO,GACP,aAAa,GACb,WAAW,CAAC;AAEhB;;;GAGG;AACH,MAAM,MAAM,cAAc,GAAG,IAAI,CAAC;AAElC;;;;;GAKG;AACH,MAAM,WAAW,aAAa;IAC5B;;;;;OAKG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;;;;OAKG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC;IAEd;;;;;OAKG;IACH,IAAI,CAAC,EAAE,cAAc,CAAC;IAEtB;;;;OAIG;IACH,SAAS,CAAC,EAAE,gBAAgB,CAAC;IAE7B;;;;;;OAMG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG;QAAE,IAAI,CAAC,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAEnD;;;;OAIG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB;;;;OAIG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;GAEG;AACH,eAAO,MAAM,oBAAoB,EAAE,aAMlC,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,uBAAuB,EAAE,QAAQ,CAAC,aAAa,CAUlD,CAAC;AAEX,OAAO,QAAQ,qBAAqB,CAAC;IACnC,UAAU,2BAA2B;QACnC,OAAO,EAAE,aAAa,CAAC;KACxB;CACF"}

package/dist/components/tooltip/tooltip-config.js

@@ -5,9 +5,8 @@ const e = {
   placement: "top",
   delay: 200,
   offset: 8,
-  showArrow: !1,
-  portal: !0
-}, r = {
+  showArrow: !1
+}, s = {
   size: "md",
   placement: "top",
   variant: "solid",
@@ -16,10 +15,10 @@ const e = {
   offset: 8,
   radius: "md",
   showArrow: !1,
-  portal: !0
+  className: ""
 };
 o("tooltip", e);
 export {
-  r as FALLBACK_TOOLTIP_CONFIG,
+  s as FALLBACK_TOOLTIP_CONFIG,
   e as defaultTooltipConfig
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "asheeui",
-  "version": "0.6.6",
+  "version": "0.6.7",
   "type": "module",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",