@loomhq/lens 12.12.1 → 12.12.3

package/dist/esm/icons/jira-neutral.js

@@ -1,6 +1,6 @@
 import {
   SvgJiraNeutral
-} from "./chunk-2J7646L6.js";
+} from "./chunk-3T4Y3MZ7.js";
 import "./chunk-DDAAVRWG.js";
 export {
   SvgJiraNeutral

package/dist/esm/icons/repeat.js

@@ -0,0 +1,8 @@
+import {
+  SvgRepeat
+} from "./chunk-OSWSD6NQ.js";
+import "./chunk-DDAAVRWG.js";
+export {
+  SvgRepeat
+};
+//# sourceMappingURL=repeat.js.map

package/dist/esm/icons/repeat.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/dist/esm/icons/rovo.js

@@ -0,0 +1,8 @@
+import {
+  SvgRovo
+} from "./chunk-5HUPGCDS.js";
+import "./chunk-DDAAVRWG.js";
+export {
+  SvgRovo
+};
+//# sourceMappingURL=rovo.js.map

package/dist/esm/icons/rovo.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/dist/esm/icons/spaces.js

@@ -0,0 +1,8 @@
+import {
+  SvgSpaces
+} from "./chunk-774PQBBN.js";
+import "./chunk-DDAAVRWG.js";
+export {
+  SvgSpaces
+};
+//# sourceMappingURL=spaces.js.map

package/dist/esm/icons/spaces.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/dist/esm/icons/teamwork-graph.js

@@ -0,0 +1,8 @@
+import {
+  SvgTeamworkGraph
+} from "./chunk-UP7WLXQW.js";
+import "./chunk-DDAAVRWG.js";
+export {
+  SvgTeamworkGraph
+};
+//# sourceMappingURL=teamwork-graph.js.map

package/dist/esm/icons/teamwork-graph.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/dist/esm/icons/text-rephrase.js

@@ -0,0 +1,8 @@
+import {
+  SvgTextRephrase
+} from "./chunk-JPXEDTZQ.js";
+import "./chunk-DDAAVRWG.js";
+export {
+  SvgTextRephrase
+};
+//# sourceMappingURL=text-rephrase.js.map

package/dist/esm/icons/text-rephrase.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/dist/esm/icons/trello.js

@@ -0,0 +1,8 @@
+import {
+  SvgTrello
+} from "./chunk-HBVUD5LH.js";
+import "./chunk-DDAAVRWG.js";
+export {
+  SvgTrello
+};
+//# sourceMappingURL=trello.js.map

package/dist/esm/icons/trello.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/dist/esm/icons/x-twitter.js

@@ -0,0 +1,8 @@
+import {
+  SvgXLogo
+} from "./chunk-JR7FDBMN.js";
+import "./chunk-DDAAVRWG.js";
+export {
+  SvgXLogo
+};
+//# sourceMappingURL=x-twitter.js.map

package/dist/esm/icons/x-twitter.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/dist/esm/index.js

@@ -3169,7 +3169,8 @@ var IconButton = React17.forwardRef(
       backgroundColor,
       isActive,
       isDisabled,
-      size = "medium"
+      size = "medium",
+      htmlTag = "button"
     } = _b, props = __objRest(_b, [
       "altText",
       "icon",
@@ -3178,17 +3179,19 @@ var IconButton = React17.forwardRef(
       "backgroundColor",
       "isActive",
       "isDisabled",
-      "size"
+      "size",
+      "htmlTag"
     ]);
     return /* @__PURE__ */ React17.createElement(
       IconButtonBox,
       __spreadValues({
         "aria-label": altText,
-        onClick,
+        onClick: htmlTag === "button" ? onClick : void 0,
         isActive,
         disabled: isDisabled,
         size,
         backgroundColor,
+        as: htmlTag,
         ref
       }, props),
       /* @__PURE__ */ React17.createElement(
@@ -3967,11 +3970,6 @@ var getSelectedOption = (value, options) => {
     return options.find((item) => item.value === value);
   }
 };
-var didSelectedOptionValueChange = (selectedOptionValue, prevSelectedItem) => {
-  return Boolean(
-    prevSelectedItem && selectedOptionValue !== prevSelectedItem.value
-  );
-};
 var renderOption = (item, index, selectedItem, selectedOptionValue, highlightedIndex, getItemProps, keyboardMove, setKeyboardMove) => {
   const isSelected = !selectedItem && item.value === selectedOptionValue || selectedItem && selectedItem.value === item.value;
   return /* @__PURE__ */ React26.createElement(
@@ -4103,10 +4101,9 @@ var Select = (_a) => {
     const value = e.target.value;
     setSearchValue(value);
   };
-  const [prevSelectedItem, setPrevSelectedItem] = useState(
+  const [selectedItem, setSelectedItem] = useState(
     getSelectedOption(selectedOptionValue, options)
   );
-  const [selectedItem, setSelectedItem] = useState(prevSelectedItem);
   const onDownshiftChange = (item) => {
     setSelectedItem(item);
     onChange && onChange(item ? item : "");
@@ -4132,12 +4129,14 @@ var Select = (_a) => {
     triggerOffset
   });
   useEffect2(() => {
-    if (didSelectedOptionValueChange(selectedOptionValue, prevSelectedItem)) {
-      const selectedItem2 = getSelectedOption(selectedOptionValue, options);
-      setPrevSelectedItem(selectedItem2);
-      setSelectedItem(selectedItem2);
+    const expectedSelectedItem = getSelectedOption(
+      selectedOptionValue,
+      options
+    );
+    if ((expectedSelectedItem == null ? void 0 : expectedSelectedItem.value) !== (selectedItem == null ? void 0 : selectedItem.value)) {
+      setSelectedItem(expectedSelectedItem);
     }
-  }, [selectedOptionValue, options, prevSelectedItem]);
+  }, [selectedOptionValue, options, selectedItem]);
   useEffect2(() => {
     onOpenChange && onOpenChange(downshiftIsOpen);
   }, [downshiftIsOpen, onOpenChange]);
@@ -4214,7 +4213,7 @@ var Select = (_a) => {
   }) => {
     return (
       // Don't set the role to combobox to ensure a consistent experience for screen readers
-      /* @__PURE__ */ React26.createElement("div", { role: "presentation" }, /* @__PURE__ */ React26.createElement("div", __spreadValues({}, triggerProps), trigger ? /* @__PURE__ */ React26.createElement(
+      /* @__PURE__ */ React26.createElement("div", { role: "presentation", "aria-expanded": void 0 }, /* @__PURE__ */ React26.createElement("div", __spreadValues({}, triggerProps), trigger ? /* @__PURE__ */ React26.createElement(
         CustomHeader,
         {
           getToggleButtonProps: () => __spreadValues({}, getToggleButtonProps({ onKeyDown })),
@@ -4372,39 +4371,43 @@ var ChildrenWrapper = styled20.div`
   overflow: auto;
   height: 100%;
 `;
-var Backdrop = (_a) => {
-  var _b = _a, {
-    children,
-    isOpen,
-    zIndex = 1e3,
-    backgroundColor = "backdropDark"
-  } = _b, props = __objRest(_b, [
-    "children",
-    "isOpen",
-    "zIndex",
-    "backgroundColor"
-  ]);
-  const { stage, shouldMount } = useTransition(isOpen, duration);
-  use_prevent_scroll_default("html", isOpen);
-  return /* @__PURE__ */ React27.createElement(React27.Fragment, null, shouldMount && /* @__PURE__ */ React27.createElement(
-    BackdropWrapper,
-    __spreadValues({
-      backgroundColor,
-      zIndex,
-      style: {
-        transition: `opacity ${duration}ms`,
-        opacity: stage === "enter" ? 1 : 0
-      }
-    }, props),
-    /* @__PURE__ */ React27.createElement(ChildrenWrapper, null, children)
-  ));
-};
+var Backdrop = React27.forwardRef(
+  (_a, ref) => {
+    var _b = _a, {
+      children,
+      isOpen,
+      zIndex = 1e3,
+      backgroundColor = "backdropDark"
+    } = _b, props = __objRest(_b, [
+      "children",
+      "isOpen",
+      "zIndex",
+      "backgroundColor"
+    ]);
+    const { stage, shouldMount } = useTransition(isOpen, duration);
+    use_prevent_scroll_default("html", isOpen);
+    return /* @__PURE__ */ React27.createElement(React27.Fragment, null, shouldMount && /* @__PURE__ */ React27.createElement(
+      BackdropWrapper,
+      __spreadValues({
+        ref,
+        backgroundColor,
+        zIndex,
+        style: {
+          transition: `opacity ${duration}ms`,
+          opacity: stage === "enter" ? 1 : 0
+        }
+      }, props),
+      /* @__PURE__ */ React27.createElement(ChildrenWrapper, null, children)
+    ));
+  }
+);
+Backdrop.displayName = "Backdrop";
 var backdrop_default = Backdrop;
 
 // src/components/modal/modal.tsx
 import styled21 from "@emotion/styled";
 import FocusTrap from "focus-trap-react";
-import React29, { useEffect as useEffect3 } from "react";
+import React29, { useEffect as useEffect3, useRef as useRef2 } from "react";
 
 // src/components/icon/available-icons/close.tsx
 import CloseIcon from "@atlaskit/icon/core/close";
@@ -4570,6 +4573,7 @@ var ModalCard = (_a) => {
         {
           altText: "Close",
           icon: /* @__PURE__ */ React29.createElement(SvgClose, null),
+          size: "small",
           onClick: onCloseClick
         }
       )),
@@ -4629,6 +4633,7 @@ var Modal = React29.forwardRef(
       "initialFocus"
     ]);
     var _a2;
+    const backdropRef = useRef2(null);
     const titleId = id ? `${id}-modal-title` : "modal-title";
     const hasButtons = mainButton || secondaryButton || alternativeButton ? true : false;
     const closeClickHandler = (e) => {
@@ -4639,7 +4644,34 @@ var Modal = React29.forwardRef(
       }
       onCloseClick(e);
     };
-    return /* @__PURE__ */ React29.createElement(backdrop_default, __spreadValues({ isOpen, zIndex }, props), /* @__PURE__ */ React29.createElement(
+    useEffect3(() => {
+      if (!isOpen || !backdropRef.current) {
+        return;
+      }
+      const container = backdropRef.current.parentElement;
+      if (!container) {
+        return;
+      }
+      const siblings = Array.from(container.children).filter(
+        (child) => child !== backdropRef.current && child instanceof HTMLElement
+      );
+      siblings.forEach((sibling) => {
+        if (!sibling.hasAttribute("aria-hidden")) {
+          sibling.setAttribute("aria-hidden", "true");
+          sibling.setAttribute("data-lens-modal-hidden", "true");
+        }
+      });
+      return () => {
+        const hiddenElements = document.querySelectorAll(
+          "[data-lens-modal-hidden]"
+        );
+        hiddenElements.forEach((element) => {
+          element.removeAttribute("aria-hidden");
+          element.removeAttribute("data-lens-modal-hidden");
+        });
+      };
+    }, [isOpen]);
+    return /* @__PURE__ */ React29.createElement(backdrop_default, __spreadValues({ ref: backdropRef, isOpen, zIndex }, props), /* @__PURE__ */ React29.createElement(
       container_default,
       {
         height: "100%",
@@ -4892,7 +4924,7 @@ import React32, {
   useState as useState2,
   useMemo as useMemo2,
   forwardRef as forwardRef3,
-  useRef as useRef2,
+  useRef as useRef3,
   useCallback as useCallback2
 } from "react";
 import { useLayer as useLayer2 } from "react-laag";
@@ -5145,7 +5177,7 @@ var getSelectedOption2 = (value, options) => {
   }
   return null;
 };
-var didSelectedOptionValueChange2 = (selectedOptionValue, prevSelectedItem) => {
+var didSelectedOptionValueChange = (selectedOptionValue, prevSelectedItem) => {
   const didChange = (selectedOptionValue || null) != (prevSelectedItem == null ? void 0 : prevSelectedItem.value);
   return didChange;
 };
@@ -5285,7 +5317,7 @@ var Typeahead = forwardRef3(
       "id"
     ]);
     const environment = getDownshiftEnvironment(container);
-    const internalInputRef = useRef2(null);
+    const internalInputRef = useRef3(null);
     const inputRef = useCallback2(
       (node) => {
         internalInputRef.current = node;
@@ -5332,7 +5364,7 @@ var Typeahead = forwardRef3(
       snap: true
     });
     useEffect4(() => {
-      if (didSelectedOptionValueChange2(selectedOptionValue, prevSelectedItem)) {
+      if (didSelectedOptionValueChange(selectedOptionValue, prevSelectedItem)) {
         const item = getSelectedOption2(selectedOptionValue, options);
         setPrevSelectedItem(item);
         setSelectedItem(item);
@@ -6210,7 +6242,7 @@ import styled30 from "@emotion/styled";
 import React41, { useEffect as useEffect8 } from "react";
 var WEBAPP = "web-app";
 var CHROME_EXTENSION = "chrome-extension";
-var toastDurations = { short: 3e3, long: 8e3 };
+var toastDurations = { short: 3e3, medium: 5e3, long: 8e3 };
 var enter = (toastDuration, platform) => keyframes2`
   0% {
     opacity: 0;
@@ -6317,7 +6349,7 @@ var toast_default = Toast;
 
 // src/components/tooltip/tooltip.tsx
 import styled31 from "@emotion/styled";
-import React42, { useState as useState5, useRef as useRef3, useEffect as useEffect9 } from "react";
+import React42, { useState as useState5, useRef as useRef4, useEffect as useEffect9 } from "react";
 import { useHover, useLayer as useLayer4, mergeRefs } from "react-laag";
 import ResizeObserver4 from "resize-observer-polyfill";
 var placements = {
@@ -6455,7 +6487,7 @@ var Tooltip = (_a) => {
   const [isOverTooltip, setIsOverTooltip] = useState5(false);
   const [isOpen, setIsOpen] = useState5(false);
   const [enterOrSpaceKeyDown, setEnterOrSpaceKeyDown] = useState5(false);
-  const focusRef = useRef3();
+  const focusRef = useRef4();
   const isTooltipDisabled = !content || isDisabled;
   useEffect9(() => {
     if (isTooltipDisabled) {
@@ -7306,7 +7338,7 @@ var list_default = List;
 
 // src/components/tabs/tabs.tsx
 import styled36 from "@emotion/styled";
-import React47, { useCallback as useCallback4, useMemo as useMemo4, useRef as useRef4, useId } from "react";
+import React47, { useCallback as useCallback4, useMemo as useMemo4, useRef as useRef5, useId } from "react";
 var TabsContext = React47.createContext({});
 var negativeScrollOffset = (scrollOffset) => `calc(-1 * ${getSizeValue(scrollOffset)})`;
 var Wrapper = styled36.div`
@@ -7612,7 +7644,7 @@ var TabsNew = (_a) => {
     "isPilledDesign",
     "hasBottomBorder"
   ]);
-  const tabRefs = useRef4({});
+  const tabRefs = useRef5({});
   const handleKeyDown = useCallback4(
     (event, currentTabIndex) => {
       var _a2;