@vuu-ui/vuu-popups 2.1.18 → 2.1.19-beta.1

package/package.json

@@ -1,17 +1,18 @@
 {
-  "version": "2.1.18",
+  "version": "2.1.19-beta.1",
   "description": "VUU popup components - Context Menu, Dialog etc",
   "author": "heswell",
   "license": "Apache-2.0",
+  "type": "module",
   "dependencies": {
     "@salt-ds/core": "1.54.1",
     "@salt-ds/styles": "0.2.1",
     "@salt-ds/window": "0.1.1",
-    "@vuu-ui/vuu-context-menu": "2.1.18",
-    "@vuu-ui/vuu-data-types": "2.1.18",
-    "@vuu-ui/vuu-layout": "2.1.18",
-    "@vuu-ui/vuu-utils": "2.1.18",
-    "@vuu-ui/vuu-ui-controls": "2.1.18"
+    "@vuu-ui/vuu-context-menu": "2.1.19-beta.1",
+    "@vuu-ui/vuu-data-types": "2.1.19-beta.1",
+    "@vuu-ui/vuu-layout": "2.1.19-beta.1",
+    "@vuu-ui/vuu-utils": "2.1.19-beta.1",
+    "@vuu-ui/vuu-ui-controls": "2.1.19-beta.1"
   },
   "peerDependencies": {
     "clsx": "^2.0.0",
@@ -27,14 +28,11 @@
   ],
   "exports": {
     ".": {
-      "require": "./cjs/index.js",
-      "import": "./esm/index.js",
+      "import": "./index.js",
       "types": "./types/index.d.ts"
     }
   },
-  "main": "cjs/index.js",
-  "module": "esm/index.js",
+  "module": "index.js",
   "name": "@vuu-ui/vuu-popups",
-  "type": "module",
   "types": "types/index.d.ts"
 }

package/cjs/index.js

@@ -1,18 +0,0 @@
-'use strict';
-
-var Popup = require('./popup/Popup.js');
-var useAnchoredPosition = require('./popup/useAnchoredPosition.js');
-var PopupMenu = require('./popup-menu/PopupMenu.js');
-var Portal = require('./portal/Portal.js');
-var Tooltip = require('./tooltip/Tooltip.js');
-var useTooltip = require('./tooltip/useTooltip.js');
-
-
-
-exports.PopupComponent = Popup.PopupComponent;
-exports.useAnchoredPosition = useAnchoredPosition.useAnchoredPosition;
-exports.PopupMenu = PopupMenu.PopupMenu;
-exports.Portal = Portal.Portal;
-exports.Tooltip = Tooltip.Tooltip;
-exports.useTooltip = useTooltip.useTooltip;
-//# sourceMappingURL=index.js.map

package/cjs/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;"}

package/cjs/popup/Popup.css.js

@@ -1,6 +0,0 @@
-'use strict';
-
-var popupCss = "";
-
-module.exports = popupCss;
-//# sourceMappingURL=Popup.css.js.map

package/cjs/popup/Popup.css.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Popup.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/cjs/popup/Popup.js

@@ -1,38 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var cx = require('clsx');
-var styles = require('@salt-ds/styles');
-var window = require('@salt-ds/window');
-var useAnchoredPosition = require('./useAnchoredPosition.js');
-var Popup = require('./Popup.css.js');
-
-const PopupComponent = ({
-  children,
-  className,
-  anchorElement,
-  minWidth,
-  offsetLeft,
-  offsetTop,
-  placement,
-  position: positionProp
-}) => {
-  const targetWindow = window.useWindow();
-  styles.useComponentCssInjection({
-    testId: "vuu-popup",
-    css: Popup,
-    window: targetWindow
-  });
-  const { popupRef, position } = useAnchoredPosition.useAnchoredPosition({
-    anchorElement,
-    minWidth,
-    offsetLeft,
-    offsetTop,
-    placement,
-    position: positionProp
-  });
-  return position === void 0 ? null : /* @__PURE__ */ jsxRuntime.jsx("div", { className: cx(`vuuPortal`, className), ref: popupRef, style: position, children });
-};
-
-exports.PopupComponent = PopupComponent;
-//# sourceMappingURL=Popup.js.map

package/cjs/popup/Popup.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Popup.js","sources":["../../../../packages/vuu-popups/src/popup/Popup.tsx"],"sourcesContent":["import cx from \"clsx\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { HTMLAttributes, RefObject } from \"react\";\nimport { useAnchoredPosition } from \"./useAnchoredPosition\";\nimport { Position } from \"./getPositionRelativeToAnchor\";\n\nimport popupCss from \"./Popup.css\";\n\nexport type PopupPlacement =\n  | \"absolute\"\n  | \"auto\"\n  | \"below\"\n  | \"below-center\"\n  | \"below-right\"\n  | \"below-full-width\"\n  | \"center\"\n  | \"right\";\n\nexport interface PopupComponentProps extends HTMLAttributes<HTMLDivElement> {\n  anchorElement: RefObject<HTMLElement | null>;\n  // TODO this is repeated in Position\n  minWidth?: number | string;\n  offsetLeft?: number;\n  offsetTop?: number;\n  placement: PopupPlacement;\n  position?: Position;\n}\n\nexport const PopupComponent = ({\n  children,\n  className,\n  anchorElement,\n  minWidth,\n  offsetLeft,\n  offsetTop,\n  placement,\n  position: positionProp,\n}: PopupComponentProps) => {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"vuu-popup\",\n    css: popupCss,\n    window: targetWindow,\n  });\n\n  const { popupRef, position } = useAnchoredPosition({\n    anchorElement,\n    minWidth,\n    offsetLeft,\n    offsetTop,\n    placement,\n    position: positionProp,\n  });\n  return position === undefined ? null : (\n    <div className={cx(`vuuPortal`, className)} ref={popupRef} style={position}>\n      {children}\n    </div>\n  );\n};\n"],"names":["useWindow","useComponentCssInjection","popupCss","useAnchoredPosition","jsx"],"mappings":";;;;;;;;;AA6BO,MAAM,iBAAiB,CAAC;AAAA,EAC7B,QAAA;AAAA,EACA,SAAA;AAAA,EACA,aAAA;AAAA,EACA,QAAA;AAAA,EACA,UAAA;AAAA,EACA,SAAA;AAAA,EACA,SAAA;AAAA,EACA,QAAU,EAAA;AACZ,CAA2B,KAAA;AACzB,EAAA,MAAM,eAAeA,gBAAU,EAAA;AAC/B,EAAyBC,+BAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,WAAA;AAAA,IACR,GAAK,EAAAC,KAAA;AAAA,IACL,MAAQ,EAAA;AAAA,GACT,CAAA;AAED,EAAA,MAAM,EAAE,QAAA,EAAU,QAAS,EAAA,GAAIC,uCAAoB,CAAA;AAAA,IACjD,aAAA;AAAA,IACA,QAAA;AAAA,IACA,UAAA;AAAA,IACA,SAAA;AAAA,IACA,SAAA;AAAA,IACA,QAAU,EAAA;AAAA,GACX,CAAA;AACD,EAAA,OAAO,QAAa,KAAA,KAAA,CAAA,GAAY,IAC9B,mBAAAC,cAAA,CAAC,SAAI,SAAW,EAAA,EAAA,CAAG,CAAa,SAAA,CAAA,EAAA,SAAS,CAAG,EAAA,GAAA,EAAK,QAAU,EAAA,KAAA,EAAO,UAC/D,QACH,EAAA,CAAA;AAEJ;;;;"}

package/cjs/popup/getPositionRelativeToAnchor.js

@@ -1,43 +0,0 @@
-'use strict';
-
-const getPositionRelativeToAnchor = (anchorElement, placement, offsetLeft, offsetTop, minWidth, dimensions) => {
-  const { bottom, height, left, right, top, width } = anchorElement.getBoundingClientRect();
-  switch (placement) {
-    case "below":
-      return { left: left + offsetLeft, top: bottom + offsetTop };
-    case "right":
-      return { left: right + offsetLeft, top: top + offsetTop };
-    case "below-center":
-      return { left: left + width / 2 + offsetLeft, top: bottom + offsetTop };
-    case "below-right":
-      return { left, minWidth, top: bottom + offsetTop };
-    case "below-full-width":
-      return {
-        left: left + offsetLeft,
-        minWidth,
-        top: bottom + offsetTop,
-        width
-      };
-    case "center":
-      if (dimensions) {
-        return {
-          left: width / 2 - dimensions.width / 2 + offsetLeft,
-          top: height / 2 - dimensions.height / 2 + offsetTop,
-          visibility: "visible"
-        };
-      } else {
-        return {
-          left: width / 2 + offsetLeft,
-          top: height / 2 + offsetTop,
-          visibility: "hidden"
-        };
-      }
-    default:
-      throw Error(
-        `Popup getPositionRelativeToAnchor non-supported placement value ${placement}`
-      );
-  }
-};
-
-exports.getPositionRelativeToAnchor = getPositionRelativeToAnchor;
-//# sourceMappingURL=getPositionRelativeToAnchor.js.map

package/cjs/popup/getPositionRelativeToAnchor.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"getPositionRelativeToAnchor.js","sources":["../../../../packages/vuu-popups/src/popup/getPositionRelativeToAnchor.ts"],"sourcesContent":["import { PopupPlacement } from \"./Popup\";\n\nexport type Visibility = \"hidden\" | \"visible\";\n\nexport type Position = {\n  left: number;\n  minWidth?: number | string;\n  top: number;\n  visibility?: Visibility;\n  width?: number;\n};\n\nexport const getPositionRelativeToAnchor = (\n  anchorElement: HTMLElement,\n  placement: PopupPlacement,\n  offsetLeft: number,\n  offsetTop: number,\n  minWidth?: number | string,\n  dimensions?: { height: number; width: number }\n): {\n  left: number;\n  minWidth?: number | string;\n  top: number;\n  visibility?: Visibility;\n  width?: number;\n} => {\n  const { bottom, height, left, right, top, width } =\n    anchorElement.getBoundingClientRect();\n  switch (placement) {\n    case \"below\":\n      return { left: left + offsetLeft, top: bottom + offsetTop };\n    case \"right\":\n      return { left: right + offsetLeft, top: top + offsetTop };\n    case \"below-center\":\n      return { left: left + width / 2 + offsetLeft, top: bottom + offsetTop };\n    case \"below-right\":\n      return { left: left, minWidth, top: bottom + offsetTop };\n    case \"below-full-width\":\n      return {\n        left: left + offsetLeft,\n        minWidth,\n        top: bottom + offsetTop,\n        width,\n      };\n    case \"center\":\n      if (dimensions) {\n        return {\n          left: width / 2 - dimensions.width / 2 + offsetLeft,\n          top: height / 2 - dimensions.height / 2 + offsetTop,\n          visibility: \"visible\",\n        };\n      } else {\n        return {\n          left: width / 2 + offsetLeft,\n          top: height / 2 + offsetTop,\n          visibility: \"hidden\",\n        };\n      }\n    default:\n      throw Error(\n        `Popup getPositionRelativeToAnchor non-supported placement value ${placement}`\n      );\n  }\n};\n"],"names":[],"mappings":";;AAYO,MAAM,8BAA8B,CACzC,aAAA,EACA,WACA,UACA,EAAA,SAAA,EACA,UACA,UAOG,KAAA;AACH,EAAM,MAAA,EAAE,QAAQ,MAAQ,EAAA,IAAA,EAAM,OAAO,GAAK,EAAA,KAAA,EACxC,GAAA,aAAA,CAAc,qBAAsB,EAAA;AACtC,EAAA,QAAQ,SAAW;AAAA,IACjB,KAAK,OAAA;AACH,MAAA,OAAO,EAAE,IAAM,EAAA,IAAA,GAAO,UAAY,EAAA,GAAA,EAAK,SAAS,SAAU,EAAA;AAAA,IAC5D,KAAK,OAAA;AACH,MAAA,OAAO,EAAE,IAAM,EAAA,KAAA,GAAQ,UAAY,EAAA,GAAA,EAAK,MAAM,SAAU,EAAA;AAAA,IAC1D,KAAK,cAAA;AACH,MAAO,OAAA,EAAE,MAAM,IAAO,GAAA,KAAA,GAAQ,IAAI,UAAY,EAAA,GAAA,EAAK,SAAS,SAAU,EAAA;AAAA,IACxE,KAAK,aAAA;AACH,MAAA,OAAO,EAAE,IAAA,EAAY,QAAU,EAAA,GAAA,EAAK,SAAS,SAAU,EAAA;AAAA,IACzD,KAAK,kBAAA;AACH,MAAO,OAAA;AAAA,QACL,MAAM,IAAO,GAAA,UAAA;AAAA,QACb,QAAA;AAAA,QACA,KAAK,MAAS,GAAA,SAAA;AAAA,QACd;AAAA,OACF;AAAA,IACF,KAAK,QAAA;AACH,MAAA,IAAI,UAAY,EAAA;AACd,QAAO,OAAA;AAAA,UACL,IAAM,EAAA,KAAA,GAAQ,CAAI,GAAA,UAAA,CAAW,QAAQ,CAAI,GAAA,UAAA;AAAA,UACzC,GAAK,EAAA,MAAA,GAAS,CAAI,GAAA,UAAA,CAAW,SAAS,CAAI,GAAA,SAAA;AAAA,UAC1C,UAAY,EAAA;AAAA,SACd;AAAA,OACK,MAAA;AACL,QAAO,OAAA;AAAA,UACL,IAAA,EAAM,QAAQ,CAAI,GAAA,UAAA;AAAA,UAClB,GAAA,EAAK,SAAS,CAAI,GAAA,SAAA;AAAA,UAClB,UAAY,EAAA;AAAA,SACd;AAAA;AACF,IACF;AACE,MAAM,MAAA,KAAA;AAAA,QACJ,mEAAmE,SAAS,CAAA;AAAA,OAC9E;AAAA;AAEN;;;;"}

package/cjs/popup/useAnchoredPosition.js

@@ -1,58 +0,0 @@
-'use strict';
-
-var react = require('react');
-var getPositionRelativeToAnchor = require('./getPositionRelativeToAnchor.js');
-
-const useAnchoredPosition = ({
-  anchorElement,
-  minWidth,
-  offsetLeft = 0,
-  offsetTop = 0,
-  placement,
-  position: positionProp
-}) => {
-  const popupRef = react.useRef(null);
-  const [position, setPosition] = react.useState(positionProp);
-  react.useLayoutEffect(() => {
-    if (placement === "absolute" && positionProp) {
-      setPosition(positionProp);
-    } else if (anchorElement.current && placement !== "auto") {
-      const dimensions = popupRef.current === null ? void 0 : popupRef.current.getBoundingClientRect();
-      const position2 = getPositionRelativeToAnchor.getPositionRelativeToAnchor(
-        anchorElement.current,
-        placement,
-        offsetLeft,
-        offsetTop,
-        minWidth,
-        dimensions
-      );
-      setPosition(position2);
-    }
-  }, [anchorElement, minWidth, offsetLeft, offsetTop, placement, positionProp]);
-  const popupCallbackRef = react.useCallback(
-    (el) => {
-      popupRef.current = el;
-      if (el && placement === "center" && anchorElement.current) {
-        const { height, width } = el.getBoundingClientRect();
-        setPosition(
-          getPositionRelativeToAnchor.getPositionRelativeToAnchor(
-            anchorElement.current,
-            placement,
-            offsetLeft,
-            offsetTop,
-            void 0,
-            { height, width }
-          )
-        );
-      }
-    },
-    [anchorElement, offsetLeft, offsetTop, placement]
-  );
-  return {
-    position,
-    popupRef: placement === "center" ? popupCallbackRef : void 0
-  };
-};
-
-exports.useAnchoredPosition = useAnchoredPosition;
-//# sourceMappingURL=useAnchoredPosition.js.map

package/cjs/popup/useAnchoredPosition.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useAnchoredPosition.js","sources":["../../../../packages/vuu-popups/src/popup/useAnchoredPosition.ts"],"sourcesContent":["import { useCallback, useLayoutEffect, useRef, useState } from \"react\";\nimport {\n  getPositionRelativeToAnchor,\n  Position,\n} from \"./getPositionRelativeToAnchor\";\nimport { PopupComponentProps } from \"./Popup\";\n\nexport type AnchoredPositionHookProps = Pick<\n  PopupComponentProps,\n  | \"anchorElement\"\n  | \"minWidth\"\n  | \"offsetLeft\"\n  | \"offsetTop\"\n  | \"placement\"\n  | \"position\"\n>;\n\nexport const useAnchoredPosition = ({\n  anchorElement,\n  minWidth,\n  offsetLeft = 0,\n  offsetTop = 0,\n  placement,\n  position: positionProp,\n}: AnchoredPositionHookProps) => {\n  const popupRef = useRef<HTMLElement | null>(null);\n  const [position, setPosition] = useState<Position | undefined>(positionProp);\n\n  // maybe better as useMemo ?\n  useLayoutEffect(() => {\n    if (placement === \"absolute\" && positionProp) {\n      setPosition(positionProp);\n    } else if (anchorElement.current && placement !== \"auto\") {\n      const dimensions =\n        popupRef.current === null\n          ? undefined\n          : popupRef.current.getBoundingClientRect();\n      const position = getPositionRelativeToAnchor(\n        anchorElement.current,\n        placement,\n        offsetLeft,\n        offsetTop,\n        minWidth,\n        dimensions\n      );\n      setPosition(position);\n    }\n  }, [anchorElement, minWidth, offsetLeft, offsetTop, placement, positionProp]);\n\n  const popupCallbackRef = useCallback(\n    (el: HTMLDivElement | null) => {\n      popupRef.current = el;\n      if (el && placement === \"center\" && anchorElement.current) {\n        const { height, width } = el.getBoundingClientRect();\n        setPosition(\n          getPositionRelativeToAnchor(\n            anchorElement.current,\n            placement,\n            offsetLeft,\n            offsetTop,\n            undefined,\n            { height, width }\n          )\n        );\n      }\n    },\n    [anchorElement, offsetLeft, offsetTop, placement]\n  );\n\n  return {\n    position,\n    popupRef: placement === \"center\" ? popupCallbackRef : undefined,\n  };\n};\n"],"names":["useRef","useState","useLayoutEffect","position","getPositionRelativeToAnchor","useCallback"],"mappings":";;;;;AAiBO,MAAM,sBAAsB,CAAC;AAAA,EAClC,aAAA;AAAA,EACA,QAAA;AAAA,EACA,UAAa,GAAA,CAAA;AAAA,EACb,SAAY,GAAA,CAAA;AAAA,EACZ,SAAA;AAAA,EACA,QAAU,EAAA;AACZ,CAAiC,KAAA;AAC/B,EAAM,MAAA,QAAA,GAAWA,aAA2B,IAAI,CAAA;AAChD,EAAA,MAAM,CAAC,QAAA,EAAU,WAAW,CAAA,GAAIC,eAA+B,YAAY,CAAA;AAG3E,EAAAC,qBAAA,CAAgB,MAAM;AACpB,IAAI,IAAA,SAAA,KAAc,cAAc,YAAc,EAAA;AAC5C,MAAA,WAAA,CAAY,YAAY,CAAA;AAAA,KACf,MAAA,IAAA,aAAA,CAAc,OAAW,IAAA,SAAA,KAAc,MAAQ,EAAA;AACxD,MAAA,MAAM,aACJ,QAAS,CAAA,OAAA,KAAY,OACjB,KACA,CAAA,GAAA,QAAA,CAAS,QAAQ,qBAAsB,EAAA;AAC7C,MAAA,MAAMC,SAAW,GAAAC,uDAAA;AAAA,QACf,aAAc,CAAA,OAAA;AAAA,QACd,SAAA;AAAA,QACA,UAAA;AAAA,QACA,SAAA;AAAA,QACA,QAAA;AAAA,QACA;AAAA,OACF;AACA,MAAA,WAAA,CAAYD,SAAQ,CAAA;AAAA;AACtB,GACF,EAAG,CAAC,aAAe,EAAA,QAAA,EAAU,YAAY,SAAW,EAAA,SAAA,EAAW,YAAY,CAAC,CAAA;AAE5E,EAAA,MAAM,gBAAmB,GAAAE,iBAAA;AAAA,IACvB,CAAC,EAA8B,KAAA;AAC7B,MAAA,QAAA,CAAS,OAAU,GAAA,EAAA;AACnB,MAAA,IAAI,EAAM,IAAA,SAAA,KAAc,QAAY,IAAA,aAAA,CAAc,OAAS,EAAA;AACzD,QAAA,MAAM,EAAE,MAAA,EAAQ,KAAM,EAAA,GAAI,GAAG,qBAAsB,EAAA;AACnD,QAAA,WAAA;AAAA,UACED,uDAAA;AAAA,YACE,aAAc,CAAA,OAAA;AAAA,YACd,SAAA;AAAA,YACA,UAAA;AAAA,YACA,SAAA;AAAA,YACA,KAAA,CAAA;AAAA,YACA,EAAE,QAAQ,KAAM;AAAA;AAClB,SACF;AAAA;AACF,KACF;AAAA,IACA,CAAC,aAAA,EAAe,UAAY,EAAA,SAAA,EAAW,SAAS;AAAA,GAClD;AAEA,EAAO,OAAA;AAAA,IACL,QAAA;AAAA,IACA,QAAA,EAAU,SAAc,KAAA,QAAA,GAAW,gBAAmB,GAAA,KAAA;AAAA,GACxD;AACF;;;;"}

package/cjs/popup-menu/PopupMenu.css.js

@@ -1,6 +0,0 @@
-'use strict';
-
-var popupMenuCss = ".vuuPopupMenu {\n    --vuu-icon-height: 20px;\n    --vuu-icon-left: 2px;\n    --vuu-icon-size: var(--vuuPopupMenu-iconSize, 16px);\n    --vuu-icon-width: 16px;\n}\n\n";
-
-module.exports = popupMenuCss;
-//# sourceMappingURL=PopupMenu.css.js.map

package/cjs/popup-menu/PopupMenu.css.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PopupMenu.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/cjs/popup-menu/PopupMenu.js

@@ -1,100 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var core = require('@salt-ds/core');
-var styles = require('@salt-ds/styles');
-var window = require('@salt-ds/window');
-var vuuUiControls = require('@vuu-ui/vuu-ui-controls');
-var vuuUtils = require('@vuu-ui/vuu-utils');
-var cx = require('clsx');
-var usePopupMenu = require('./usePopupMenu.js');
-var PopupMenu$1 = require('./PopupMenu.css.js');
-
-const classBase = "vuuPopupMenu";
-const PopupMenu = ({
-  anchorElement,
-  "aria-label": ariaLabel,
-  appearance = "transparent",
-  className,
-  disabled = false,
-  label,
-  icon = label ? "chevron-down" : "more-vert",
-  id: idProp,
-  menuActionHandler,
-  menuBuilder,
-  menuClassName,
-  menuLocation = "header",
-  menuOptions,
-  onMenuClose,
-  onMenuOpen,
-  popupPlacement = "below-right",
-  sentiment = "neutral",
-  tabIndex = 0,
-  ...htmlAttributes
-}) => {
-  const targetWindow = window.useWindow();
-  styles.useComponentCssInjection({
-    testId: "vuu-popup-menu",
-    css: PopupMenu$1,
-    window: targetWindow
-  });
-  const id = vuuUtils.useId(idProp);
-  const { ariaAttributes, buttonProps, menuOpen, rootRef } = usePopupMenu.usePopupMenu({
-    anchorElement,
-    "aria-label": ariaLabel,
-    id,
-    menuActionHandler,
-    menuBuilder,
-    menuClassName,
-    menuLocation,
-    onMenuClose,
-    onMenuOpen,
-    menuOptions,
-    popupPlacement,
-    tabIndex
-  });
-  if (label) {
-    return /* @__PURE__ */ jsxRuntime.jsxs(
-      core.Button,
-      {
-        ...htmlAttributes,
-        ...ariaAttributes,
-        ...buttonProps,
-        appearance,
-        className: cx(classBase, className, `${classBase}-withCaption`, {
-          "saltButton-active": menuOpen
-        }),
-        disabled,
-        ref: rootRef,
-        sentiment,
-        children: [
-          icon ? /* @__PURE__ */ jsxRuntime.jsx(vuuUiControls.Icon, { name: icon }) : null,
-          label
-        ]
-      }
-    );
-  } else if (icon) {
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      vuuUiControls.IconButton,
-      {
-        ...htmlAttributes,
-        ...ariaAttributes,
-        ...buttonProps,
-        appearance,
-        className: cx(classBase, className, {
-          "saltButton-active": menuOpen
-        }),
-        disabled,
-        icon,
-        ref: rootRef,
-        sentiment
-      }
-    );
-  } else {
-    console.error("PopupMenu must have a label or an icon (or both)");
-    return null;
-  }
-};
-
-exports.PopupMenu = PopupMenu;
-//# sourceMappingURL=PopupMenu.js.map

package/cjs/popup-menu/PopupMenu.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PopupMenu.js","sources":["../../../../packages/vuu-popups/src/popup-menu/PopupMenu.tsx"],"sourcesContent":["import { Button, ButtonProps } from \"@salt-ds/core\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { MenuActionHandler, MenuBuilder } from \"@vuu-ui/vuu-context-menu\";\nimport { Icon, IconButton } from \"@vuu-ui/vuu-ui-controls\";\nimport { useId } from \"@vuu-ui/vuu-utils\";\nimport cx from \"clsx\";\nimport { HTMLAttributes, KeyboardEvent, RefObject } from \"react\";\nimport { PopupPlacement } from \"../popup/Popup\";\nimport { usePopupMenu } from \"./usePopupMenu\";\n\nimport popupMenuCss from \"./PopupMenu.css\";\n\nconst classBase = \"vuuPopupMenu\";\n\nexport type TabAwayClosePopup = {\n  closedBy?: string;\n  type: \"tab-away\";\n  event: KeyboardEvent;\n};\n\nexport type ClickAwayClosePopup = {\n  closedBy?: string;\n  type: \"click-away\";\n  mouseEvt: MouseEvent;\n};\n\nexport type EscapeClosePopup = {\n  closedBy?: string;\n  event: KeyboardEvent;\n  type: \"escape\";\n};\n\nexport type MenuActionClosePopup = {\n  closedBy?: string;\n  menuId: string;\n  options: unknown;\n  type: \"menu-action\";\n};\n\nexport type PopupCloseReason =\n  | ClickAwayClosePopup\n  | EscapeClosePopup\n  | MenuActionClosePopup\n  | TabAwayClosePopup;\n\nexport type MenuCloseHandler = (reason?: PopupCloseReason) => void;\n\nexport interface PopupMenuProps\n  extends Pick<ButtonProps, \"appearance\" | \"sentiment\">,\n    HTMLAttributes<HTMLButtonElement> {\n  anchorElement?: RefObject<HTMLElement | null>;\n  disabled?: boolean;\n  icon?: string;\n  label?: string;\n  menuActionHandler?: MenuActionHandler;\n  menuBuilder?: MenuBuilder;\n  menuClassName?: string;\n  menuLocation?: string;\n  menuOptions?: { [key: string]: unknown };\n  onMenuClose?: MenuCloseHandler;\n  onMenuOpen?: () => void;\n  popupPlacement?: PopupPlacement;\n}\n\nexport const PopupMenu = ({\n  anchorElement,\n  \"aria-label\": ariaLabel,\n  appearance = \"transparent\",\n  className,\n  disabled = false,\n  label,\n  icon = label ? \"chevron-down\" : \"more-vert\",\n  id: idProp,\n  menuActionHandler,\n  menuBuilder,\n  menuClassName,\n  menuLocation = \"header\",\n  menuOptions,\n  onMenuClose,\n  onMenuOpen,\n  popupPlacement = \"below-right\",\n  sentiment = \"neutral\",\n  tabIndex = 0,\n  ...htmlAttributes\n}: PopupMenuProps) => {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"vuu-popup-menu\",\n    css: popupMenuCss,\n    window: targetWindow,\n  });\n\n  const id = useId(idProp);\n\n  const { ariaAttributes, buttonProps, menuOpen, rootRef } = usePopupMenu({\n    anchorElement,\n    \"aria-label\": ariaLabel,\n    id,\n    menuActionHandler,\n    menuBuilder,\n    menuClassName,\n    menuLocation,\n    onMenuClose,\n    onMenuOpen,\n    menuOptions,\n    popupPlacement,\n    tabIndex,\n  });\n\n  if (label) {\n    return (\n      <Button\n        {...htmlAttributes}\n        {...ariaAttributes}\n        {...buttonProps}\n        appearance={appearance}\n        className={cx(classBase, className, `${classBase}-withCaption`, {\n          \"saltButton-active\": menuOpen,\n        })}\n        disabled={disabled}\n        ref={rootRef}\n        sentiment={sentiment}\n      >\n        {icon ? <Icon name={icon} /> : null}\n        {label}\n      </Button>\n    );\n  } else if (icon) {\n    return (\n      <IconButton\n        {...htmlAttributes}\n        {...ariaAttributes}\n        {...buttonProps}\n        appearance={appearance}\n        className={cx(classBase, className, {\n          \"saltButton-active\": menuOpen,\n        })}\n        disabled={disabled}\n        icon={icon}\n        ref={rootRef}\n        sentiment={sentiment}\n      />\n    );\n  } else {\n    console.error(\"PopupMenu must have a label or an icon (or both)\");\n    return null;\n  }\n};\n"],"names":["useWindow","useComponentCssInjection","popupMenuCss","useId","usePopupMenu","jsxs","Button","jsx","Icon","IconButton"],"mappings":";;;;;;;;;;;;AAaA,MAAM,SAAY,GAAA,cAAA;AAoDX,MAAM,YAAY,CAAC;AAAA,EACxB,aAAA;AAAA,EACA,YAAc,EAAA,SAAA;AAAA,EACd,UAAa,GAAA,aAAA;AAAA,EACb,SAAA;AAAA,EACA,QAAW,GAAA,KAAA;AAAA,EACX,KAAA;AAAA,EACA,IAAA,GAAO,QAAQ,cAAiB,GAAA,WAAA;AAAA,EAChC,EAAI,EAAA,MAAA;AAAA,EACJ,iBAAA;AAAA,EACA,WAAA;AAAA,EACA,aAAA;AAAA,EACA,YAAe,GAAA,QAAA;AAAA,EACf,WAAA;AAAA,EACA,WAAA;AAAA,EACA,UAAA;AAAA,EACA,cAAiB,GAAA,aAAA;AAAA,EACjB,SAAY,GAAA,SAAA;AAAA,EACZ,QAAW,GAAA,CAAA;AAAA,EACX,GAAG;AACL,CAAsB,KAAA;AACpB,EAAA,MAAM,eAAeA,gBAAU,EAAA;AAC/B,EAAyBC,+BAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,gBAAA;AAAA,IACR,GAAK,EAAAC,WAAA;AAAA,IACL,MAAQ,EAAA;AAAA,GACT,CAAA;AAED,EAAM,MAAA,EAAA,GAAKC,eAAM,MAAM,CAAA;AAEvB,EAAA,MAAM,EAAE,cAAgB,EAAA,WAAA,EAAa,QAAU,EAAA,OAAA,KAAYC,yBAAa,CAAA;AAAA,IACtE,aAAA;AAAA,IACA,YAAc,EAAA,SAAA;AAAA,IACd,EAAA;AAAA,IACA,iBAAA;AAAA,IACA,WAAA;AAAA,IACA,aAAA;AAAA,IACA,YAAA;AAAA,IACA,WAAA;AAAA,IACA,UAAA;AAAA,IACA,WAAA;AAAA,IACA,cAAA;AAAA,IACA;AAAA,GACD,CAAA;AAED,EAAA,IAAI,KAAO,EAAA;AACT,IACE,uBAAAC,eAAA;AAAA,MAACC,WAAA;AAAA,MAAA;AAAA,QACE,GAAG,cAAA;AAAA,QACH,GAAG,cAAA;AAAA,QACH,GAAG,WAAA;AAAA,QACJ,UAAA;AAAA,QACA,WAAW,EAAG,CAAA,SAAA,EAAW,SAAW,EAAA,CAAA,EAAG,SAAS,CAAgB,YAAA,CAAA,EAAA;AAAA,UAC9D,mBAAqB,EAAA;AAAA,SACtB,CAAA;AAAA,QACD,QAAA;AAAA,QACA,GAAK,EAAA,OAAA;AAAA,QACL,SAAA;AAAA,QAEC,QAAA,EAAA;AAAA,UAAA,IAAA,mBAAQC,cAAA,CAAAC,kBAAA,EAAA,EAAK,IAAM,EAAA,IAAA,EAAM,CAAK,GAAA,IAAA;AAAA,UAC9B;AAAA;AAAA;AAAA,KACH;AAAA,aAEO,IAAM,EAAA;AACf,IACE,uBAAAD,cAAA;AAAA,MAACE,wBAAA;AAAA,MAAA;AAAA,QACE,GAAG,cAAA;AAAA,QACH,GAAG,cAAA;AAAA,QACH,GAAG,WAAA;AAAA,QACJ,UAAA;AAAA,QACA,SAAA,EAAW,EAAG,CAAA,SAAA,EAAW,SAAW,EAAA;AAAA,UAClC,mBAAqB,EAAA;AAAA,SACtB,CAAA;AAAA,QACD,QAAA;AAAA,QACA,IAAA;AAAA,QACA,GAAK,EAAA,OAAA;AAAA,QACL;AAAA;AAAA,KACF;AAAA,GAEG,MAAA;AACL,IAAA,OAAA,CAAQ,MAAM,kDAAkD,CAAA;AAChE,IAAO,OAAA,IAAA;AAAA;AAEX;;;;"}

package/cjs/popup-menu/usePopupMenu.js

@@ -1,100 +0,0 @@
-'use strict';
-
-var react = require('react');
-var getPositionRelativeToAnchor = require('../popup/getPositionRelativeToAnchor.js');
-var vuuContextMenu = require('@vuu-ui/vuu-context-menu');
-
-const usePopupMenu = ({
-  anchorElement,
-  "aria-label": ariaLabel = "Popup menu",
-  id,
-  menuActionHandler,
-  menuBuilder,
-  menuLocation,
-  menuOptions,
-  onMenuClose,
-  onMenuOpen,
-  popupPlacement,
-  tabIndex
-}) => {
-  const [menuOpen, _setMenuOpen] = react.useState(false);
-  const suppressShowMenuRef = react.useRef(false);
-  const rootRef = react.useRef(null);
-  const setMenuOpen = react.useCallback(
-    (isOpen) => {
-      _setMenuOpen(isOpen);
-      if (isOpen) {
-        onMenuOpen?.();
-        setTimeout(() => {
-          const firstOption = document.activeElement?.querySelector(
-            ".saltMenuItem"
-          );
-          firstOption?.focus();
-        }, 40);
-      } else {
-        suppressShowMenuRef.current = false;
-      }
-    },
-    [onMenuOpen]
-  );
-  const showContextMenu = vuuContextMenu.useContextMenu(menuBuilder, menuActionHandler);
-  const handleMenuOpenChange = react.useCallback(
-    (isOpen) => {
-      if (!isOpen) {
-        setMenuOpen(false);
-        onMenuClose?.();
-      }
-    },
-    [onMenuClose, setMenuOpen]
-  );
-  const showMenu = react.useCallback(
-    (e) => {
-      if (suppressShowMenuRef.current) {
-        suppressShowMenuRef.current = false;
-      } else {
-        suppressShowMenuRef.current = true;
-        const anchorEl = anchorElement?.current ?? rootRef.current;
-        if (anchorEl) {
-          const {
-            left: x,
-            top: y
-            // width,
-          } = getPositionRelativeToAnchor.getPositionRelativeToAnchor(anchorEl, popupPlacement, 0, 0);
-          setMenuOpen(true);
-          showContextMenu(e, menuLocation, menuOptions, {
-            // className: menuClassName,
-            // id: `${id}-menu`,
-            onOpenChange: handleMenuOpenChange,
-            x,
-            y
-            // style: { width: width ? width - 2 : undefined },
-          });
-        }
-      }
-    },
-    [
-      anchorElement,
-      popupPlacement,
-      setMenuOpen,
-      showContextMenu,
-      menuLocation,
-      menuOptions,
-      handleMenuOpenChange
-    ]
-  );
-  const ariaAttributes = {
-    "aria-controls": menuOpen ? `${id}-menu` : void 0,
-    "aria-label": ariaLabel,
-    "aria-expanded": menuOpen,
-    "aria-haspopup": "menu"
-  };
-  const buttonProps = {
-    id,
-    onClick: showMenu,
-    tabIndex
-  };
-  return { ariaAttributes, buttonProps, menuOpen, rootRef };
-};
-
-exports.usePopupMenu = usePopupMenu;
-//# sourceMappingURL=usePopupMenu.js.map

package/cjs/popup-menu/usePopupMenu.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"usePopupMenu.js","sources":["../../../../packages/vuu-popups/src/popup-menu/usePopupMenu.ts"],"sourcesContent":["import {\n  AriaAttributes,\n  MouseEvent,\n  useCallback,\n  useRef,\n  useState,\n} from \"react\";\nimport { PopupMenuProps } from \"./PopupMenu\";\nimport { getPositionRelativeToAnchor } from \"../popup/getPositionRelativeToAnchor\";\nimport { PopupPlacement } from \"../popup/Popup\";\nimport { useContextMenu } from \"@vuu-ui/vuu-context-menu\";\n\nexport interface PopupMenuHookProps\n  extends Pick<\n    PopupMenuProps,\n    | \"anchorElement\"\n    | \"aria-label\"\n    | \"menuActionHandler\"\n    | \"menuBuilder\"\n    | \"menuClassName\"\n    | \"menuOptions\"\n    | \"onMenuClose\"\n    | \"onMenuOpen\"\n  > {\n  id: string;\n  menuLocation: string;\n  popupPlacement: PopupPlacement;\n  tabIndex: number;\n}\n\nexport const usePopupMenu = ({\n  anchorElement,\n  \"aria-label\": ariaLabel = \"Popup menu\",\n  id,\n  menuActionHandler,\n  menuBuilder,\n  menuLocation,\n  menuOptions,\n  onMenuClose,\n  onMenuOpen,\n  popupPlacement,\n  tabIndex,\n}: PopupMenuHookProps) => {\n  const [menuOpen, _setMenuOpen] = useState(false);\n  const suppressShowMenuRef = useRef(false);\n  const rootRef = useRef<HTMLButtonElement>(null);\n\n  const setMenuOpen = useCallback(\n    (isOpen: boolean) => {\n      _setMenuOpen(isOpen);\n      if (isOpen) {\n        onMenuOpen?.();\n        setTimeout(() => {\n          const firstOption = document.activeElement?.querySelector(\n            \".saltMenuItem\",\n          ) as HTMLElement;\n          firstOption?.focus();\n        }, 40);\n      } else {\n        suppressShowMenuRef.current = false;\n      }\n    },\n    [onMenuOpen],\n  );\n\n  const showContextMenu = useContextMenu(menuBuilder, menuActionHandler);\n\n  const handleMenuOpenChange = useCallback(\n    (isOpen: boolean) => {\n      if (!isOpen) {\n        setMenuOpen(false);\n        onMenuClose?.();\n      }\n    },\n    [onMenuClose, setMenuOpen],\n  );\n\n  const showMenu = useCallback(\n    (e: MouseEvent<HTMLElement>) => {\n      if (suppressShowMenuRef.current) {\n        suppressShowMenuRef.current = false;\n      } else {\n        suppressShowMenuRef.current = true;\n        const anchorEl = anchorElement?.current ?? rootRef.current;\n        if (anchorEl) {\n          const {\n            left: x,\n            top: y,\n            // width,\n          } = getPositionRelativeToAnchor(anchorEl, popupPlacement, 0, 0);\n          setMenuOpen(true);\n\n          showContextMenu(e, menuLocation, menuOptions, {\n            // className: menuClassName,\n            // id: `${id}-menu`,\n            onOpenChange: handleMenuOpenChange,\n            x,\n            y,\n            // style: { width: width ? width - 2 : undefined },\n          });\n        }\n      }\n    },\n    [\n      anchorElement,\n      popupPlacement,\n      setMenuOpen,\n      showContextMenu,\n      menuLocation,\n      menuOptions,\n      handleMenuOpenChange,\n    ],\n  );\n\n  const ariaAttributes: AriaAttributes = {\n    \"aria-controls\": menuOpen ? `${id}-menu` : undefined,\n    \"aria-label\": ariaLabel,\n    \"aria-expanded\": menuOpen,\n    \"aria-haspopup\": \"menu\",\n  };\n\n  const buttonProps = {\n    id,\n    onClick: showMenu,\n    tabIndex,\n  };\n\n  return { ariaAttributes, buttonProps, menuOpen, rootRef };\n};\n"],"names":["useState","useRef","useCallback","useContextMenu","getPositionRelativeToAnchor"],"mappings":"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"}

package/cjs/portal/Portal.css.js

@@ -1,6 +0,0 @@
-'use strict';
-
-var portalCss = "/*\nThere is work to do to sort out styling across Portal/Popup/Draggable\n*/\n.vuuPortal {\n    position: absolute;\n    z-index: 100;\n}\n\n.vuuPortal:not(.vuuPopup) {\n    background-color: var(--salt-container-primary-background);\n    border-radius:4px;\n    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);\n    border-color: var(--vuuMenuList-borderColor, var(--salt-container-primary-borderColor));\n    border-style: solid;\n    border-width: 1px;\n    padding: 4px 0;\n}\n\n.vuuPortal:has(.vuuDropdown-popup-component.vuuList-empty){\n    display: none;\n}\n\n#vuu-portal-root {\n    z-index: 1000;\n}";
-
-module.exports = portalCss;
-//# sourceMappingURL=Portal.css.js.map

package/cjs/portal/Portal.css.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Portal.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/cjs/portal/Portal.js

@@ -1,73 +0,0 @@
-'use strict';
-
-var vuuUtils = require('@vuu-ui/vuu-utils');
-var react = require('react');
-var reactDom = require('react-dom');
-var styles = require('@salt-ds/styles');
-var window = require('@salt-ds/window');
-var Portal$1 = require('./Portal.css.js');
-
-function getContainer(container) {
-  return typeof container === "function" ? container() : container;
-}
-const DEFAULT_ID = ["vuu-dialog-portal-root", "vuu-portal-root"];
-const getFirstAvailableElementById = (id) => {
-  if (Array.isArray(id)) {
-    for (const i of id) {
-      const element = document.getElementById(i);
-      if (element) {
-        return element;
-      }
-    }
-  } else {
-    return document.getElementById(id);
-  }
-  return null;
-};
-const Portal = ({
-  children,
-  container: containerProp = document.body,
-  id = DEFAULT_ID,
-  onRender,
-  open = true,
-  themeAttributes
-}) => {
-  const targetWindow = window.useWindow();
-  styles.useComponentCssInjection({
-    testId: "vuu-portal",
-    css: Portal$1,
-    window: targetWindow
-  });
-  const [mounted, setMounted] = react.useState(false);
-  const portalRef = react.useRef(null);
-  const container = getContainer(containerProp) ?? document.body;
-  const [themeClass, densityClass, dataMode] = vuuUtils.useThemeAttributes(themeAttributes);
-  react.useLayoutEffect(() => {
-    const root = getFirstAvailableElementById(id);
-    if (root) {
-      portalRef.current = root;
-    } else {
-      portalRef.current = document.createElement("div");
-      portalRef.current.id = typeof id === "string" ? id : id.length > 0 ? id.at(-1) : "vuu-portal-root";
-    }
-    const el = portalRef.current;
-    if (!container.contains(el)) {
-      container.appendChild(el);
-    }
-    el.classList.add(themeClass, densityClass);
-    el.dataset.mode = dataMode;
-    setMounted(true);
-  }, [id, container, themeClass, densityClass, dataMode]);
-  react.useLayoutEffect(() => {
-    requestAnimationFrame(() => {
-      onRender?.();
-    });
-  }, [onRender]);
-  if (open && mounted && portalRef.current && children) {
-    return reactDom.createPortal(children, portalRef.current);
-  }
-  return null;
-};
-
-exports.Portal = Portal;
-//# sourceMappingURL=Portal.js.map

package/cjs/portal/Portal.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Portal.js","sources":["../../../../packages/vuu-popups/src/portal/Portal.tsx"],"sourcesContent":["import { ThemeAttributes, useThemeAttributes } from \"@vuu-ui/vuu-utils\";\nimport { ReactNode, useLayoutEffect, useRef, useState } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\n\nimport portalCss from \"./Portal.css\";\n\nexport interface PortalProps {\n  /**\n   * The children to render into the `container`.\n   */\n  children?: ReactNode;\n  /**\n   * An HTML element, component instance, or function that returns either.\n   * The `container` will have the portal children appended to it.\n   *\n   * By default, it uses the body of the top-level document object,\n   * so it's simply `document.body` most of the time.\n   */\n  container?: Element | (() => Element | null) | null;\n  /**\n   * Id of element into which portal will be rendered. If this node does not exist on the document,\n   * it will be created for you. If more than one value is provided, the first element found will\n   * be used.\n   */\n  id?: string | string[];\n  /**\n   * Callback invoked immediately after render (in layoutEffect). Can be\n   * used to check position vis-a-vis viewport and adjust if out of bounds\n   */\n  onRender?: () => void;\n  /**\n   * Allow conditional rendering of this Portal, if false, will render nothing.\n   * Defaults to true\n   */\n  open?: boolean;\n  /**\n   * ThemeAttributes can be passed in for cases where ContextMenu is\n   * rendered via popup-service showPopup, outside the Context hierarchy.\n   */\n  themeAttributes?: ThemeAttributes;\n}\n\nfunction getContainer(container: PortalProps[\"container\"]) {\n  return typeof container === \"function\" ? container() : container;\n}\n\nconst DEFAULT_ID = [\"vuu-dialog-portal-root\", \"vuu-portal-root\"];\n\nconst getFirstAvailableElementById = (id: string | string[]) => {\n  if (Array.isArray(id)) {\n    for (const i of id) {\n      const element = document.getElementById(i);\n      if (element) {\n        return element;\n      }\n    }\n  } else {\n    return document.getElementById(id);\n  }\n  return null;\n};\n\n/**\n * Portals provide a first-class way to render children into a DOM node\n * that exists outside the DOM hierarchy of the parent component.\n */\nexport const Portal = ({\n  children,\n  container: containerProp = document.body,\n  id = DEFAULT_ID,\n  onRender,\n  open = true,\n  themeAttributes,\n}: PortalProps) => {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"vuu-portal\",\n    css: portalCss,\n    window: targetWindow,\n  });\n\n  const [mounted, setMounted] = useState(false);\n  const portalRef = useRef<HTMLElement | null>(null);\n  const container = getContainer(containerProp) ?? document.body;\n  const [themeClass, densityClass, dataMode] =\n    useThemeAttributes(themeAttributes);\n\n  useLayoutEffect(() => {\n    const root = getFirstAvailableElementById(id);\n    if (root) {\n      portalRef.current = root;\n    } else {\n      portalRef.current = document.createElement(\"div\");\n      portalRef.current.id =\n        typeof id === \"string\"\n          ? id\n          : id.length > 0\n            ? (id.at(-1) as string)\n            : \"vuu-portal-root\";\n    }\n    const el = portalRef.current;\n    if (!container.contains(el)) {\n      container.appendChild(el);\n    }\n    el.classList.add(themeClass, densityClass);\n    el.dataset.mode = dataMode;\n    setMounted(true);\n  }, [id, container, themeClass, densityClass, dataMode]);\n\n  useLayoutEffect(() => {\n    requestAnimationFrame(() => {\n      onRender?.();\n    });\n  }, [onRender]);\n\n  if (open && mounted && portalRef.current && children) {\n    return createPortal(children, portalRef.current);\n  }\n\n  return null;\n};\n"],"names":["useWindow","useComponentCssInjection","portalCss","useState","useRef","useThemeAttributes","useLayoutEffect","createPortal"],"mappings":"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"}

package/cjs/tooltip/Tooltip.css.js

@@ -1,6 +0,0 @@
-'use strict';
-
-var tooltipCss = ".vuuTooltip {\n  --tooltip-align: flex-start;\n  --tooltip-background: var(--salt-actionable-bold-background-hover);\n  --tooltip-border: var(--salt-actionable-bold-background-hover);\n  --tooltip-color: var(--salt-actionable-bold-foreground-hover);\n  --tooltip-justify: flex-start;\n  --tooltip-top: auto;\n  --tooltip-right: auto;\n  --tooltip-bottom: auto;\n  --tooltip-left: auto;\n  align-items: var(--tooltip-align);\n  justify-content: var(--tooltip-justify);\n  display: flex;\n  position: absolute;\n  transition: opacity 0.15s ease-in;\n  z-index: 100;\n\n  &.vuuHidden {\n    opacity: 0;\n  }\n}\n\n.vuuTooltip-content {\n  background-color: var(--tooltip-background);\n  border-color: var(--tooltip-border);\n  border-width: 1px;\n  border-style: solid;\n  border-radius: var(--vuuTooltip-borderRadius, 6px);\n  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);\n  color: var(--tooltip-color);\n  line-height: 24px;\n  padding: 2px 8px;\n  white-space: nowrap;\n}\n\n.vuuTooltip::before {\n  background-color: var(--tooltip-border);\n  content: \" \";\n  display: block;\n  position: absolute;\n  transform: rotate(45deg);\n  width: 12px;\n  height: 12px;\n  z-index: -1;\n}\n\n.vuuTooltip[data-align=\"above\"]:before {\n  bottom: -6px;\n  left: calc(50% - 6px);\n}\n\n.vuuTooltip[data-align=\"below\"]:before {\n  top: -6px;\n  left: calc(50% - 6px);\n}\n\n.vuuTooltip[data-align=\"right\"]:before {\n  left: -6px;\n  top: calc(50% - 6px);\n}\n\n.vuuTooltip[data-align=\"left\"]:before {\n  right: -6px;\n  top: calc(50% - 6px);\n}\n\n.vuuTooltip-error {\n  --tooltip-background: var(--vuu-color-red-50);\n  --tooltip-color: white;\n  color: white;\n}\n";
-
-module.exports = tooltipCss;
-//# sourceMappingURL=Tooltip.css.js.map

package/cjs/tooltip/Tooltip.css.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Tooltip.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/cjs/tooltip/Tooltip.js

@@ -1,56 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var Portal = require('../portal/Portal.js');
-var useTooltipAnchoredPosition = require('./useTooltipAnchoredPosition.js');
-var cx = require('clsx');
-var styles = require('@salt-ds/styles');
-var window = require('@salt-ds/window');
-var Tooltip$1 = require('./Tooltip.css.js');
-
-const classBase = "vuuTooltip";
-const Tooltip = ({
-  anchorElement,
-  children,
-  className,
-  id,
-  onMouseEnter,
-  onMouseLeave,
-  placement: placementProp,
-  status,
-  style: styleProp
-}) => {
-  const targetWindow = window.useWindow();
-  styles.useComponentCssInjection({
-    testId: "vuu-tooltip",
-    css: Tooltip$1,
-    window: targetWindow
-  });
-  const ref = useTooltipAnchoredPosition.useTooltipAnchoredPosition({
-    anchorElement,
-    placement: placementProp
-  });
-  return /* @__PURE__ */ jsxRuntime.jsx(Portal.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      className: cx(classBase, className, "vuuHidden", {
-        [`${classBase}-error`]: status === "error"
-      }),
-      id,
-      ref,
-      style: { ...styleProp, left: 0, top: 0 },
-      children: /* @__PURE__ */ jsxRuntime.jsx(
-        "span",
-        {
-          className: `${classBase}-content`,
-          onMouseEnter,
-          onMouseLeave,
-          children
-        }
-      )
-    }
-  ) });
-};
-
-exports.Tooltip = Tooltip;
-//# sourceMappingURL=Tooltip.js.map