@semcore/base-components 17.0.0-prerelease.36 → 17.0.0-prerelease.39

package/lib/esm/components/ellipsis/EllipsisManager.mjs

@@ -31,11 +31,10 @@ class EllipsisManager {
     }
   }
   addEllipsis(ellipsis) {
-    var _a;
     const element = ellipsis.element;
     if (!this.ellipsisEntities.has(element)) {
       this.ellipsisEntities.set(element, ellipsis);
-      (_a = this.io) == null ? void 0 : _a.observe(element);
+      this.io?.observe(element);
       if (ellipsis.observeChildrenMutations && canUseDOM()) {
         const mo = new MutationObserver(this.handleMutationObserver);
         mo.observe(element, {
@@ -54,14 +53,13 @@ class EllipsisManager {
     }
   }
   removeEllipsis(ellipsis) {
-    var _a, _b, _c;
     const element = ellipsis.element;
     if (this.ellipsisEntities.has(element)) {
       this.ellipsisEntities.delete(element);
       this.handledElements.delete(element);
-      (_a = this.io) == null ? void 0 : _a.unobserve(element);
-      (_b = this.ro) == null ? void 0 : _b.unobserve(element);
-      (_c = this.ellipsisMutationObservers.get(element)) == null ? void 0 : _c.disconnect();
+      this.io?.unobserve(element);
+      this.ro?.unobserve(element);
+      this.ellipsisMutationObservers.get(element)?.disconnect();
       this.ellipsisMutationObservers.delete(element);
     }
     if (ellipsis.containerElement) {
@@ -121,31 +119,30 @@ class EllipsisManager {
           text = addedNodes[0];
         }
       }
-      const parent = text == null ? void 0 : text.parentElement;
+      const parent = text?.parentElement;
       if (text && parent instanceof HTMLElement) {
         const ellipsis = this.ellipsisEntities.get(parent);
         if (ellipsis) {
           ellipsis.textContent = text.wholeText;
-          ellipsis == null ? void 0 : ellipsis.scheduler.schedule(ellipsis == null ? void 0 : ellipsis.handleChanges);
+          ellipsis?.scheduler.schedule(ellipsis?.handleChanges);
         }
       }
     }
   }
   handleIntersectionObserver(entries) {
     entries.forEach((entry) => {
-      var _a, _b, _c, _d;
       const target = entry.target;
       if (target instanceof HTMLElement) {
         if (entry.isIntersecting === true && !this.handledElements.has(target)) {
           const ellipsis = this.ellipsisEntities.get(target);
-          if ((ellipsis == null ? void 0 : ellipsis.containerElement) !== void 0) {
-            (_a = this.ro) == null ? void 0 : _a.observe(ellipsis == null ? void 0 : ellipsis.containerElement);
+          if (ellipsis?.containerElement !== void 0) {
+            this.ro?.observe(ellipsis?.containerElement);
             if (ellipsis.cropPosition === "middle") {
               this.setApproximateSize(target, ellipsis);
             }
             this.queue.add(ellipsis.handleChanges);
           } else {
-            (_b = this.ro) == null ? void 0 : _b.observe(target);
+            this.ro?.observe(target);
           }
           this.handledElements.add(target);
         } else if (entry.isIntersecting === false && this.handledElements.has(target)) {
@@ -154,8 +151,8 @@ class EllipsisManager {
             this.queue.delete(ellipsis.handleChanges);
           }
           this.handledElements.delete(target);
-          (_c = this.ro) == null ? void 0 : _c.unobserve(target);
-          (_d = this.ellipsisMutationObservers.get(target)) == null ? void 0 : _d.disconnect();
+          this.ro?.unobserve(target);
+          this.ellipsisMutationObservers.get(target)?.disconnect();
         }
       }
     });
@@ -163,11 +160,10 @@ class EllipsisManager {
   setApproximateSize(container, ellipsis) {
     const approximateSize = this.containersApproximateSizeMap.get(container);
     if (approximateSize && ellipsis.textContent.length > approximateSize[0] + approximateSize[1]) {
-      ellipsis.element.textContent = (ellipsis == null ? void 0 : ellipsis.textContent.slice(0, approximateSize[0])) + "..." + (ellipsis == null ? void 0 : ellipsis.textContent.slice(-1 * approximateSize[1]));
+      ellipsis.element.textContent = ellipsis?.textContent.slice(0, approximateSize[0]) + "..." + ellipsis?.textContent.slice(-1 * approximateSize[1]);
     }
   }
   handleCopy(event) {
-    var _a, _b, _c;
     if (event instanceof ClipboardEvent && event.target instanceof HTMLElement && event.target.parentElement instanceof HTMLElement) {
       const selection = window.getSelection();
       let ellipsis = this.ellipsisEntities.get(event.target);
@@ -179,17 +175,17 @@ class EllipsisManager {
         const croppedSpan = ellipsisSpans[0];
         const lastSpan = ellipsisSpans[ellipsisSpans.length - 2];
         const fullSpan = ellipsisSpans[ellipsisSpans.length - 1];
-        const croppedLength = (_a = croppedSpan == null ? void 0 : croppedSpan.textContent) == null ? void 0 : _a.length;
-        const lastLength = (_b = lastSpan == null ? void 0 : lastSpan.textContent) == null ? void 0 : _b.length;
-        const anchorInCropped = selection.anchorNode === (croppedSpan == null ? void 0 : croppedSpan.childNodes[0]);
-        const anchorInLast = selection.anchorNode === (lastSpan == null ? void 0 : lastSpan.childNodes[0]);
-        const focusInCropped = selection.focusNode === (croppedSpan == null ? void 0 : croppedSpan.childNodes[0]);
-        const focusInLast = selection.focusNode === (lastSpan == null ? void 0 : lastSpan.childNodes[0]);
+        const croppedLength = croppedSpan?.textContent?.length;
+        const lastLength = lastSpan?.textContent?.length;
+        const anchorInCropped = selection.anchorNode === croppedSpan?.childNodes[0];
+        const anchorInLast = selection.anchorNode === lastSpan?.childNodes[0];
+        const focusInCropped = selection.focusNode === croppedSpan?.childNodes[0];
+        const focusInLast = selection.focusNode === lastSpan?.childNodes[0];
         const anchorOffset = selection.anchorOffset;
         const focusOffset = selection.focusOffset;
         const isCroppedSelected = anchorInCropped && focusOffset === croppedLength || anchorInLast && anchorOffset === lastLength && focusInCropped && focusOffset === 0 || focusInLast && focusOffset === lastLength;
-        const isFullSelected = selection.focusNode === (fullSpan == null ? void 0 : fullSpan.childNodes[0]) && focusOffset === ((_c = fullSpan == null ? void 0 : fullSpan.textContent) == null ? void 0 : _c.length);
-        if ((fullSpan == null ? void 0 : fullSpan.textContent) && (!(selection.focusNode instanceof Text) || isCroppedSelected || isFullSelected)) {
+        const isFullSelected = selection.focusNode === fullSpan?.childNodes[0] && focusOffset === fullSpan?.textContent?.length;
+        if (fullSpan?.textContent && (!(selection.focusNode instanceof Text) || isCroppedSelected || isFullSelected)) {
           event.preventDefault();
           navigator.clipboard.writeText(fullSpan.textContent);
         }

package/lib/esm/components/ellipsis/Queue.mjs

@@ -5,7 +5,7 @@ class Queue {
     _defineProperty(this, "queue", /* @__PURE__ */ new Set());
     _defineProperty(this, "queueTimeout", 0);
     _defineProperty(this, "processQueueTick", null);
-    if (options == null ? void 0 : options.queueTimeout) {
+    if (options?.queueTimeout) {
       this.queueTimeout = options.queueTimeout;
     }
     this.processQueue = this.processQueue.bind(this);
@@ -21,7 +21,6 @@ class Queue {
     this.queue.delete(task);
   }
   processQueue() {
-    var _a;
     const nextTask = this.queue.values().next().value;
     if (nextTask) {
       this.queue.delete(nextTask);
@@ -29,7 +28,7 @@ class Queue {
       this.processQueueTick = new Scheduler();
       this.processQueueTick.schedule(this.processQueue, this.queueTimeout === 0 ? void 0 : this.queueTimeout);
     } else {
-      (_a = this.processQueueTick) == null ? void 0 : _a.cancel();
+      this.processQueueTick?.cancel();
       this.processQueueTick = null;
     }
   }

package/lib/esm/components/ellipsis/index.mjs

@@ -0,0 +1,4 @@
+import { Ellipsis } from "./Ellipsis.mjs";
+export {
+  Ellipsis
+};

package/lib/esm/components/flex-box/Box/useBox.mjs

@@ -3,7 +3,6 @@ import { removeUndefinedKeys, getAutoOrScaleIndent, getSize } from "@semcore/cor
 import propsForElement from "@semcore/core/lib/utils/propsForElement";
 import cn from "classnames";
 import React from "react";
-/*!__reshadow-styles__:"../style/use-box.shadow.css"*/
 const style = (
   /*__reshadow_css_start__*/
   (sstyled.insert(

package/lib/esm/components/flex-box/Flex/useFlex.mjs

@@ -3,7 +3,6 @@ import { removeUndefinedKeys, getAutoOrScaleIndent } from "@semcore/core/lib/uti
 import cn from "classnames";
 import React from "react";
 import useBox from "../Box/useBox.mjs";
-/*!__reshadow-styles__:"../style/use-flex.shadow.css"*/
 const style = (
   /*__reshadow_css_start__*/
   (sstyled.insert(

package/lib/esm/components/flex-box/index.mjs

@@ -0,0 +1,14 @@
+import { default as default2 } from "./Box/index.mjs";
+import { default as default3 } from "./Box/useBox.mjs";
+import { default as default4 } from "./Flex/index.mjs";
+import { default as default5 } from "./Flex/useFlex.mjs";
+import { InvalidStateBox } from "./invalid-state-box/InvalidStateBox.mjs";
+import { ScreenReaderOnly } from "./screen-reader-only-box/ScreenReaderOnlyBox.mjs";
+export {
+  default2 as Box,
+  default4 as Flex,
+  InvalidStateBox,
+  ScreenReaderOnly,
+  default3 as useBox,
+  default5 as useFlex
+};

package/lib/esm/components/flex-box/invalid-state-box/InvalidStateBox.mjs

@@ -1,7 +1,6 @@
-import { createComponent, sstyled, assignProps } from "@semcore/core";
+import { sstyled, assignProps, createComponent } from "@semcore/core";
 import React from "react";
 import Box from "../Box/index.mjs";
-/*!__reshadow-styles__:"./invalidStateBox.shadow.css"*/
 const style = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
@@ -21,7 +20,9 @@ function InvalidStatePatternComponent() {
     ...assignProps({}, _ref)
   }));
 }
+;
 const InvalidStateBox = createComponent(InvalidStatePatternComponent);
 export {
-  InvalidStateBox
+  InvalidStateBox,
+  InvalidStateBox as default
 };

package/lib/esm/components/flex-box/screen-reader-only-box/ScreenReaderOnlyBox.mjs

@@ -1,7 +1,6 @@
-import { createComponent, sstyled, assignProps } from "@semcore/core";
+import { sstyled, assignProps, createComponent } from "@semcore/core";
 import React from "react";
 import Box from "../Box/index.mjs";
-/*!__reshadow-styles__:"./screenReaderOnlyBox.shadow.css"*/
 const style = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
@@ -23,7 +22,9 @@ function ScreenReaderOnlyComponent() {
     }, _ref)
   }));
 }
+;
 const ScreenReaderOnly = createComponent(ScreenReaderOnlyComponent);
 export {
-  ScreenReaderOnly
+  ScreenReaderOnly,
+  ScreenReaderOnly as default
 };

package/lib/esm/components/grid/Grid.mjs

@@ -1,9 +1,9 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import { createComponent, Component, assignProps, sstyled } from "@semcore/core";
+import { sstyled, Component, assignProps, createComponent } from "@semcore/core";
 import React from "react";
+import "../flex-box/index.mjs";
 import Flex from "../flex-box/Flex/index.mjs";
 import Box from "../flex-box/Box/index.mjs";
-/*!__reshadow-styles__:"./style/grid.shadow.css"*/
 const style = (
   /*__reshadow_css_start__*/
   (sstyled.insert(

package/lib/esm/components/hint/Hint.mjs

@@ -1,5 +1,5 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import { createComponent, Component, lastInteraction, sstyled, assignProps } from "@semcore/core";
+import { sstyled, Component, lastInteraction, assignProps, createComponent } from "@semcore/core";
 import { offset, flip, shift, computePosition } from "@floating-ui/dom";
 import canUseDOM from "@semcore/core/lib/utils/canUseDOM";
 import { getAccessibleName } from "@semcore/core/lib/utils/getAccessibleName";
@@ -7,9 +7,10 @@ import { cssVariableEnhance } from "@semcore/core/lib/utils/useCssVariable";
 import { zIndexStackingEnhance } from "@semcore/core/lib/utils/zIndexStacking";
 import React from "react";
 import { Middleware } from "./Middleware.mjs";
-import Portal from "../portal/Portal.mjs";
+import "../flex-box/index.mjs";
+import "../portal/index.mjs";
 import Box from "../flex-box/Box/index.mjs";
-/*!__reshadow-styles__:"../animation/style/keyframes.shadow.css"*/
+import Portal from "../portal/Portal.mjs";
 const keyframes = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
@@ -48,7 +49,6 @@ const keyframes = (
     "@transform-exit": "transform-exit_1ns4f"
   })
 );
-/*!__reshadow-styles__:"./style/hint.shadow.css"*/
 const styles = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
@@ -273,14 +273,13 @@ class HintPopperRoot extends Component {
       children
     } = this.asProps;
     requestAnimationFrame(() => {
-      var _a, _b;
       const trigger = triggerRef.current;
       if (trigger) {
         const textContent = trigger.textContent;
         const ariaLabel = getAccessibleName(trigger);
         if (!textContent && !ariaLabel) {
-          const label = typeof children === "string" || typeof children === "number" ? children.toString() : ((_a = this.hintRef.current) == null ? void 0 : _a.textContent) ?? "";
-          (_b = triggerRef.current) == null ? void 0 : _b.setAttribute("aria-label", label);
+          const label = typeof children === "string" || typeof children === "number" ? children.toString() : this.hintRef.current?.textContent ?? "";
+          triggerRef.current?.setAttribute("aria-label", label);
         }
       }
     });

package/lib/esm/components/hint/index.mjs

@@ -0,0 +1,4 @@
+import { Hint } from "./Hint.mjs";
+export {
+  Hint
+};

package/lib/esm/components/neighbor-location/NeighborLocation.mjs

@@ -1,5 +1,5 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import { createComponent, Component, assignProps, register } from "@semcore/core";
+import { register, Component, assignProps, createComponent } from "@semcore/core";
 import getOriginChildren from "@semcore/core/lib/utils/getOriginChildren";
 import isNode from "@semcore/core/lib/utils/isNode";
 import React from "react";
@@ -86,7 +86,7 @@ function useNeighborLocationDetect(index) {
   const {
     controlsLengthRef
   } = React.useContext(Context);
-  if ((controlsLengthRef == null ? void 0 : controlsLengthRef.current) === null || (controlsLengthRef == null ? void 0 : controlsLengthRef.current) === void 0) return false;
+  if (controlsLengthRef?.current === null || controlsLengthRef?.current === void 0) return false;
   return calculateNeighborLocation(controlsLengthRef.current, index);
 }
 const NeighborLocation = createComponent(NeighborLocationRoot, {

package/lib/esm/components/neighbor-location/index.mjs

@@ -0,0 +1,6 @@
+import { NeighborLocation, NeighborLocationRoot, useNeighborLocationDetect } from "./NeighborLocation.mjs";
+export {
+  NeighborLocation,
+  NeighborLocationRoot,
+  useNeighborLocationDetect
+};

package/lib/esm/components/outside-click/OutsideClick.mjs

@@ -20,17 +20,17 @@ function OutsideClickRoot(props) {
   const mouseDownInside = React.useRef(false);
   const handleRef = useForkRef(children ? children.ref : null, nodeRef, forwardRef);
   const handleOutsideClick = useEventCallback((event) => {
-    const nodesToCheck = [...excludeRefs, nodeRef].map((ref) => ref == null ? void 0 : ref.current);
+    const nodesToCheck = [...excludeRefs, nodeRef].map((ref) => ref?.current);
     const eventTarget = getEventTarget(event);
-    const isTargetEvent = nodesToCheck.some((node) => mouseDownInside.current || (node == null ? void 0 : node.contains(eventTarget)));
+    const isTargetEvent = nodesToCheck.some((node) => mouseDownInside.current || node?.contains(eventTarget));
     if (!isTargetEvent) {
-      onOutsideClick == null ? void 0 : onOutsideClick(event);
+      onOutsideClick?.(event);
     }
   });
   const handleMouseDown = useEventCallback((event) => {
-    const nodesToCheck = [...excludeRefs, nodeRef].map((ref) => ref == null ? void 0 : ref.current);
+    const nodesToCheck = [...excludeRefs, nodeRef].map((ref) => ref?.current);
     const eventTarget = getEventTarget(event);
-    mouseDownInside.current = nodesToCheck.some((node) => node == null ? void 0 : node.contains(eventTarget));
+    mouseDownInside.current = nodesToCheck.some((node) => node?.contains(eventTarget));
   });
   const toggleEvents = (status, outsideRoot) => {
     const isModalRoot = outsideRoot instanceof HTMLElement && outsideRoot.dataset.uiName === "Modal.Overlay";
@@ -47,8 +47,8 @@ function OutsideClickRoot(props) {
   React.useEffect(() => {
     const outsideRoot = root ? root.current : ownerDocument(nodeRef.current);
     toggleEvents(false, outsideRoot);
-    outsideRoot == null ? void 0 : outsideRoot.addEventListener("mouseup", handleOutsideClick, true);
-    outsideRoot == null ? void 0 : outsideRoot.addEventListener("mousedown", handleMouseDown, true);
+    outsideRoot?.addEventListener("mouseup", handleOutsideClick, true);
+    outsideRoot?.addEventListener("mousedown", handleMouseDown, true);
     if (outsideRoot) {
       OutsideClickRoot.eventsMap.push([outsideRoot, {
         mouseup: handleOutsideClick,
@@ -59,8 +59,8 @@ function OutsideClickRoot(props) {
       if (outsideRoot) {
         OutsideClickRoot.eventsMap.pop();
       }
-      outsideRoot == null ? void 0 : outsideRoot.removeEventListener("mouseup", handleOutsideClick, true);
-      outsideRoot == null ? void 0 : outsideRoot.removeEventListener("mousedown", handleMouseDown, true);
+      outsideRoot?.removeEventListener("mouseup", handleOutsideClick, true);
+      outsideRoot?.removeEventListener("mousedown", handleMouseDown, true);
       toggleEvents(true, outsideRoot);
     };
   }, [root]);

package/lib/esm/components/outside-click/index.mjs

@@ -0,0 +1,4 @@
+import { OutsideClick } from "./OutsideClick.mjs";
+export {
+  OutsideClick
+};

package/lib/esm/components/popper/Popper.mjs

@@ -1,25 +1,30 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import { createComponent, Component, lastInteraction, sstyled, assignProps } from "@semcore/core";
+import { sstyled, Component, lastInteraction, assignProps, createComponent } from "@semcore/core";
 import { callAllEventHandlers } from "@semcore/core/lib/utils/assignProps";
 import canUseDOM from "@semcore/core/lib/utils/canUseDOM";
 import { hasParent } from "@semcore/core/lib/utils/hasParent";
 import logger from "@semcore/core/lib/utils/logger";
 import pick from "@semcore/core/lib/utils/pick";
-import { setRef, forkRef } from "@semcore/core/lib/utils/ref";
+import { forkRef } from "@semcore/core/lib/utils/ref";
+import setRef from "@semcore/core/lib/utils/setRef";
 import { useContextTheme } from "@semcore/core/lib/utils/ThemeProvider";
 import uniqueIDEnhancement from "@semcore/core/lib/utils/uniqueID";
-import { makeFocusLockSyntheticEvent, useFocusLock, isFocusInside, setFocus } from "@semcore/core/lib/utils/use/useFocusLock";
+import { isFocusInside, setFocus, makeFocusLockSyntheticEvent, useFocusLock } from "@semcore/core/lib/utils/use/useFocusLock";
 import { cssVariableEnhance } from "@semcore/core/lib/utils/useCssVariable";
 import { useZIndexStacking, ZIndexStackingContextProvider } from "@semcore/core/lib/utils/zIndexStacking";
 import React from "react";
-import { NeighborLocation } from "../neighbor-location/NeighborLocation.mjs";
-import { OutsideClick } from "../outside-click/OutsideClick.mjs";
-import Portal, { PortalProvider } from "../portal/Portal.mjs";
+import "../animation/index.mjs";
+import "../flex-box/index.mjs";
+import "../neighbor-location/index.mjs";
+import "../outside-click/index.mjs";
+import "../portal/index.mjs";
 import createPopper from "./createPopper.mjs";
-import { animationContext } from "../animation/Animation.mjs";
-import Scale from "../animation/Scale.mjs";
+import { OutsideClick } from "../outside-click/OutsideClick.mjs";
 import Box from "../flex-box/Box/index.mjs";
-/*!__reshadow-styles__:"./style/popper.shadow.css"*/
+import Scale from "../animation/Scale.mjs";
+import { animationContext } from "../animation/Animation.mjs";
+import Portal, { PortalProvider } from "../portal/Portal.mjs";
+import { NeighborLocation } from "../neighbor-location/NeighborLocation.mjs";
 const style = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
@@ -46,19 +51,17 @@ function someArray(arr1, arr2) {
 const useUpdatePopperEveryFrame = (popperRef) => {
   const nextAnimationFrameRef = React.useRef(-1);
   const handleAnimationFrame = React.useCallback((until) => {
-    var _a;
     if (until < Date.now()) return;
-    (_a = popperRef.current) == null ? void 0 : _a.update();
+    popperRef.current?.update();
     nextAnimationFrameRef.current = requestAnimationFrame(() => handleAnimationFrame(until));
   }, []);
   React.useEffect(() => () => cancelAnimationFrame(nextAnimationFrameRef.current), []);
   return handleAnimationFrame;
 };
 const isInputTriggerTag = (tag) => {
-  var _a;
   if (typeof tag === "string") return tag.toLowerCase().includes("input");
   if (typeof tag === "object" && tag !== null && typeof tag.displayName === "string") return tag.displayName.toLowerCase().includes("input");
-  if (typeof tag === "object" && tag !== null && typeof ((_a = tag.render) == null ? void 0 : _a.displayName) === "string") return tag.render.displayName.toLowerCase().includes("input");
+  if (typeof tag === "object" && tag !== null && typeof tag.render?.displayName === "string") return tag.render.displayName.toLowerCase().includes("input");
   return false;
 };
 let mouseMoveListenerAdded = false;
@@ -162,15 +165,14 @@ class PopperRoot extends Component {
         placement,
         strategy,
         onFirstUpdate: callAllEventHandlers(onFirstUpdate, () => {
-          var _a, _b, _c, _d;
-          (_a = this.observer) == null ? void 0 : _a.observe(this.triggerRef.current);
-          (_b = this.observer) == null ? void 0 : _b.observe(this.popperRef.current);
+          this.observer?.observe(this.triggerRef.current);
+          this.observer?.observe(this.popperRef.current);
           if (this.asProps.disablePortal) return;
-          let parent = (_c = this.popperRef.current) == null ? void 0 : _c.parentElement;
+          let parent = this.popperRef.current?.parentElement;
           const traversingLimit = 10;
           for (let i = 0; i < traversingLimit; i++) {
             if (!parent) break;
-            (_d = this.observer) == null ? void 0 : _d.observe(parent);
+            this.observer?.observe(parent);
             if (parent === document.body) break;
             parent = parent.parentElement;
           }
@@ -203,7 +205,7 @@ class PopperRoot extends Component {
       }
       if (component === "trigger" && action === "onClick" && e.target instanceof HTMLElement) {
         const triggerClick = hasParent(e.target, trigger);
-        const associatedLabels = [...(trigger == null ? void 0 : trigger.labels) || []];
+        const associatedLabels = [...trigger?.labels || []];
         const popperInsideOfLabel = associatedLabels.some((label) => hasParent(this.popperRef.current, label));
         if (triggerClick && popperInsideOfLabel && Date.now() - this.lastPopperClick < 100) {
           return;
@@ -223,12 +225,12 @@ class PopperRoot extends Component {
       if (!visible) {
         setTimeout(() => {
           const node = this.popperRef.current;
-          if ((node == null ? void 0 : node.getAttribute("tabindex")) === "0") {
+          if (node?.getAttribute("tabindex") === "0") {
             node.setAttribute("tabindex", "-1");
           }
         }, 0);
       }
-      const target = e == null ? void 0 : e.currentTarget;
+      const target = e?.currentTarget;
       if (component === "trigger" && target && target instanceof HTMLElement) {
         this.lastPopperReference = target;
       }
@@ -282,8 +284,7 @@ class PopperRoot extends Component {
     if (canUseDOM()) {
       this.observer = new ResizeObserver(() => {
         requestAnimationFrame(() => {
-          var _a;
-          (_a = this.popper.current) == null ? void 0 : _a.update();
+          this.popper.current?.update();
         });
       });
     }
@@ -294,10 +295,9 @@ class PopperRoot extends Component {
     };
   }
   createPopper() {
-    var _a;
     if (!this.triggerRef.current || !this.popperRef.current) return;
     if (this.asProps.__disablePopper) return;
-    const lastPopperReferenceMounted = Boolean((_a = this.lastPopperReference) == null ? void 0 : _a.parentElement);
+    const lastPopperReferenceMounted = Boolean(this.lastPopperReference?.parentElement);
     this.popper.current = createPopper(lastPopperReferenceMounted ? this.lastPopperReference : this.triggerRef.current, this.popperRef.current, this.getPopperOptions());
   }
   componentDidMount() {
@@ -318,10 +318,9 @@ class PopperRoot extends Component {
     }
   }
   destroyPopper() {
-    var _a;
     clearTimeout(this.timer);
     clearTimeout(this.timerMultiTrigger);
-    (_a = this.observer) == null ? void 0 : _a.disconnect();
+    this.observer?.disconnect();
     if (this.popper.current) {
       this.popper.current.destroy();
       this.popper.current = null;
@@ -512,9 +511,8 @@ function PopperPopper(props) {
     event.stopPropagation();
   }, []);
   const propagateFocusLockSyntheticEvent = React.useCallback((event) => {
-    var _a;
     event.stopPropagation();
-    (_a = ref.current) == null ? void 0 : _a.dispatchEvent(makeFocusLockSyntheticEvent(event));
+    ref.current?.dispatchEvent(makeFocusLockSyntheticEvent(event));
   }, []);
   const [portalMounted, setPortalMounted] = React.useState(disablePortal);
   useFocusLock(ref, autoFocus ?? false, triggerRef, !visible || disableEnforceFocus || !portalMounted, focusMaster, handleFocusOut);
@@ -526,8 +524,7 @@ function PopperPopper(props) {
     }
   }, [updatePopperEveryFrame]);
   const handleAnimationEnd = React.useCallback(() => {
-    var _a;
-    (_a = popper.current) == null ? void 0 : _a.update();
+    popper.current?.update();
   }, []);
   const animationCtx = React.useContext(animationContext);
   React.useEffect(() => {

package/lib/esm/components/popper/arrowOffset.mjs

@@ -15,12 +15,11 @@ function isEmpty(obj) {
 function arrowOffset({
   state
 }) {
-  var _a;
   if (isEmpty(state.modifiersData["arrow"]) || isEmpty(state.modifiersData["popperOffsets"])) return;
   const [position, align] = state.placement.split("-");
   const offset = MAP_OFFSET[position];
   const coordinate = MAP_COORDINATE[offset];
-  const padding = ((_a = state.options.modifiers.find((mod) => mod.name === "arrow")) == null ? void 0 : _a.options.padding) || 0;
+  const padding = state.options.modifiers.find((mod) => mod.name === "arrow")?.options.padding || 0;
   if (align === "start" && state.modifiersData.arrow) {
     const lenRef = state.rects.reference[offset];
     state.modifiersData.arrow[coordinate] = padding;

package/lib/esm/components/popper/createPopper.mjs

@@ -1,4 +1,4 @@
-import { popperGenerator, eventListeners, popperOffsets, computeStyles, applyStyles, offset, flip, preventOverflow, arrow, hide } from "@popperjs/core";
+import { eventListeners, popperOffsets, computeStyles, applyStyles, offset, flip, preventOverflow, arrow, hide, popperGenerator } from "@popperjs/core";
 import maxSize from "popper-max-size-modifier";
 import ArrowOffsetModifier from "./arrowOffset.mjs";
 import { applyMaxSize } from "./modifiers/applyMaxSize.mjs";

package/lib/esm/components/popper/index.mjs

@@ -0,0 +1,5 @@
+import { Popper, isInputTriggerTag } from "./Popper.mjs";
+export {
+  Popper,
+  isInputTriggerTag
+};

package/lib/esm/components/popper/modifiers/applyMaxSize.mjs

@@ -24,7 +24,7 @@ const applyMaxSize = {
       styles.maxWidth = `${width - margin}px`;
     }
     state.styles.popper = styles;
-    popperCtx == null ? void 0 : popperCtx.forceUpdate();
+    popperCtx?.forceUpdate();
   }
 };
 export {

package/lib/esm/components/popper/modifiers/cursorAnchoring.mjs

@@ -18,7 +18,6 @@ const cursorAnchoringModifier = {
     state,
     options
   }) => {
-    var _a, _b;
     const {
       placement
     } = state.options;
@@ -35,7 +34,7 @@ const cursorAnchoringModifier = {
     if (verticalPlacement) {
       const offsetParent = getOffsetParent(elements.popper);
       const offsetParentRect = offsetParent === window ? getWindowRect() : offsetParent.getBoundingClientRect();
-      const mouseX = (_a = mouseEnterCursorPositionRef == null ? void 0 : mouseEnterCursorPositionRef.current) == null ? void 0 : _a.x;
+      const mouseX = mouseEnterCursorPositionRef?.current?.x;
       if (mouseX === void 0) return;
       const width = Math.min(rects.reference.width, rects.popper.width);
       const x = clamp(mouseX - offsetParentRect.x - width / 2, rects.reference.x, rects.reference.x + rects.reference.width - width);
@@ -44,7 +43,7 @@ const cursorAnchoringModifier = {
     } else {
       const offsetParent = getOffsetParent(elements.popper);
       const offsetParentRect = offsetParent === window ? getWindowRect() : offsetParent.getBoundingClientRect();
-      const mouseY = (_b = mouseEnterCursorPositionRef == null ? void 0 : mouseEnterCursorPositionRef.current) == null ? void 0 : _b.y;
+      const mouseY = mouseEnterCursorPositionRef?.current?.y;
       if (mouseY === void 0) return;
       const height = Math.min(rects.reference.height, rects.popper.height);
       const y = clamp(mouseY - offsetParentRect.y - height / 2, rects.reference.y, rects.reference.y + rects.reference.height - height);

package/lib/esm/components/portal/Portal.mjs

@@ -1,4 +1,4 @@
-import { createComponent, register } from "@semcore/core";
+import { register, createComponent } from "@semcore/core";
 import canUseDOM from "@semcore/core/lib/utils/canUseDOM";
 import React from "react";
 import { createPortal } from "react-dom";
@@ -15,7 +15,7 @@ function Portal(props) {
   const [mountNode, setMountNode] = React.useState(null);
   React.useEffect(() => {
     if (disablePortal) return;
-    onMount == null ? void 0 : onMount(true);
+    onMount?.(true);
     if (ignorePortalsStacking) {
       setMountNode(canUseDOM() ? document.body : null);
       return;

package/lib/esm/components/portal/index.mjs

@@ -0,0 +1,6 @@
+import { default as default2, PortalContext, PortalProvider } from "./Portal.mjs";
+export {
+  default2 as Portal,
+  PortalContext,
+  PortalProvider
+};