@homebound/beam 2.395.0 → 2.396.0

package/dist/index.cjs

@@ -4543,7 +4543,7 @@ function pluralize(count, noun, pluralNoun) {
 // src/components/Tooltip.tsx
 var import_jsx_runtime2 = require("@emotion/react/jsx-runtime");
 function Tooltip(props) {
-  const { placement, children, title, disabled, delay = 0, bgColor } = props;
+  const { placement, children, title, disabled, delay = 0, bgColor, xss } = props;
   const state = (0, import_react_stately.useTooltipTriggerState)({ delay, isDisabled: disabled });
   const triggerRef = (0, import_react3.useRef)(null);
   const { triggerProps, tooltipProps: _tooltipProps } = (0, import_react_aria.useTooltipTrigger)({ isDisabled: disabled }, state, triggerRef);
@@ -4570,12 +4570,13 @@ function Tooltip(props) {
         triggerRef,
         content: title,
         placement,
-        bgColor
+        bgColor,
+        xss
       }
     )
   ] });
 }
-function Popper({ triggerRef, content, placement = "auto", bgColor = "rgba(36, 36, 36, 1)" /* Gray900 */ }) {
+function Popper({ triggerRef, content, placement = "auto", xss, bgColor = "rgba(36, 36, 36, 1)" /* Gray900 */ }) {
   const popperRef = (0, import_react3.useRef)(null);
   const [arrowRef, setArrowRef] = (0, import_react3.useState)(null);
   const targetElement = triggerRef.current ? triggerRef.current.children[0] ?? triggerRef.current.parentElement : null;
@@ -4593,7 +4594,10 @@ function Popper({ triggerRef, content, placement = "auto", bgColor = "rgba(36, 3
         ref: popperRef,
         style: styles.popper,
         ...attributes.popper,
-        css: Css.maxw("320px").bgColor(bgColor).bshBasic.white.px1.py("4px").br4.xs.add("zIndex", 999999).$,
+        css: {
+          ...Css.maxw("320px").bgColor(bgColor).bshBasic.white.px1.py("4px").br4.xs.z(999999).$,
+          ...xss
+        },
         children: [
           /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { ref: setArrowRef, style: { ...styles.arrow }, id: "arrow" }),
           content