@sirendesign/markup 1.0.24 → 1.0.26

package/dist/index.esm.js

@@ -1,6 +1,6 @@
 "use client";
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-import require$$0, { useRef, useState, useEffect, useCallback, useMemo } from 'react';
+import React, { useRef, useState, useEffect, useCallback, useMemo } from 'react';
 import { createPortal } from 'react-dom';
 
 const createStoreImpl = (createState) => {
@@ -40,85 +40,10 @@ function getDefaultExportFromCjs (x) {
 
 var withSelector = {exports: {}};
 
-var withSelector_production = {};
+var withSelector_development = {};
 
 var shim = {exports: {}};
 
-var useSyncExternalStoreShim_production = {};
-
-/**
- * @license React
- * use-sync-external-store-shim.production.js
- *
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-var hasRequiredUseSyncExternalStoreShim_production;
-
-function requireUseSyncExternalStoreShim_production () {
-	if (hasRequiredUseSyncExternalStoreShim_production) return useSyncExternalStoreShim_production;
-	hasRequiredUseSyncExternalStoreShim_production = 1;
-	var React = require$$0;
-	function is(x, y) {
-	  return (x === y && (0 !== x || 1 / x === 1 / y)) || (x !== x && y !== y);
-	}
-	var objectIs = "function" === typeof Object.is ? Object.is : is,
-	  useState = React.useState,
-	  useEffect = React.useEffect,
-	  useLayoutEffect = React.useLayoutEffect,
-	  useDebugValue = React.useDebugValue;
-	function useSyncExternalStore$2(subscribe, getSnapshot) {
-	  var value = getSnapshot(),
-	    _useState = useState({ inst: { value: value, getSnapshot: getSnapshot } }),
-	    inst = _useState[0].inst,
-	    forceUpdate = _useState[1];
-	  useLayoutEffect(
-	    function () {
-	      inst.value = value;
-	      inst.getSnapshot = getSnapshot;
-	      checkIfSnapshotChanged(inst) && forceUpdate({ inst: inst });
-	    },
-	    [subscribe, value, getSnapshot]
-	  );
-	  useEffect(
-	    function () {
-	      checkIfSnapshotChanged(inst) && forceUpdate({ inst: inst });
-	      return subscribe(function () {
-	        checkIfSnapshotChanged(inst) && forceUpdate({ inst: inst });
-	      });
-	    },
-	    [subscribe]
-	  );
-	  useDebugValue(value);
-	  return value;
-	}
-	function checkIfSnapshotChanged(inst) {
-	  var latestGetSnapshot = inst.getSnapshot;
-	  inst = inst.value;
-	  try {
-	    var nextValue = latestGetSnapshot();
-	    return !objectIs(inst, nextValue);
-	  } catch (error) {
-	    return true;
-	  }
-	}
-	function useSyncExternalStore$1(subscribe, getSnapshot) {
-	  return getSnapshot();
-	}
-	var shim =
-	  "undefined" === typeof window ||
-	  "undefined" === typeof window.document ||
-	  "undefined" === typeof window.document.createElement
-	    ? useSyncExternalStore$1
-	    : useSyncExternalStore$2;
-	useSyncExternalStoreShim_production.useSyncExternalStore =
-	  void 0 !== React.useSyncExternalStore ? React.useSyncExternalStore : shim;
-	return useSyncExternalStoreShim_production;
-}
-
 var useSyncExternalStoreShim_development = {};
 
 /**
@@ -130,206 +55,95 @@ var useSyncExternalStoreShim_development = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-
-var hasRequiredUseSyncExternalStoreShim_development;
-
-function requireUseSyncExternalStoreShim_development () {
-	if (hasRequiredUseSyncExternalStoreShim_development) return useSyncExternalStoreShim_development;
-	hasRequiredUseSyncExternalStoreShim_development = 1;
-	"production" !== process.env.NODE_ENV &&
-	  (function () {
-	    function is(x, y) {
-	      return (x === y && (0 !== x || 1 / x === 1 / y)) || (x !== x && y !== y);
-	    }
-	    function useSyncExternalStore$2(subscribe, getSnapshot) {
-	      didWarnOld18Alpha ||
-	        void 0 === React.startTransition ||
-	        ((didWarnOld18Alpha = true),
-	        console.error(
-	          "You are using an outdated, pre-release alpha of React 18 that does not support useSyncExternalStore. The use-sync-external-store shim will not work correctly. Upgrade to a newer pre-release."
-	        ));
-	      var value = getSnapshot();
-	      if (!didWarnUncachedGetSnapshot) {
-	        var cachedValue = getSnapshot();
-	        objectIs(value, cachedValue) ||
-	          (console.error(
-	            "The result of getSnapshot should be cached to avoid an infinite loop"
-	          ),
-	          (didWarnUncachedGetSnapshot = true));
-	      }
-	      cachedValue = useState({
-	        inst: { value: value, getSnapshot: getSnapshot }
-	      });
-	      var inst = cachedValue[0].inst,
-	        forceUpdate = cachedValue[1];
-	      useLayoutEffect(
-	        function () {
-	          inst.value = value;
-	          inst.getSnapshot = getSnapshot;
-	          checkIfSnapshotChanged(inst) && forceUpdate({ inst: inst });
-	        },
-	        [subscribe, value, getSnapshot]
-	      );
-	      useEffect(
-	        function () {
-	          checkIfSnapshotChanged(inst) && forceUpdate({ inst: inst });
-	          return subscribe(function () {
-	            checkIfSnapshotChanged(inst) && forceUpdate({ inst: inst });
-	          });
-	        },
-	        [subscribe]
-	      );
-	      useDebugValue(value);
-	      return value;
-	    }
-	    function checkIfSnapshotChanged(inst) {
-	      var latestGetSnapshot = inst.getSnapshot;
-	      inst = inst.value;
-	      try {
-	        var nextValue = latestGetSnapshot();
-	        return !objectIs(inst, nextValue);
-	      } catch (error) {
-	        return true;
-	      }
-	    }
-	    function useSyncExternalStore$1(subscribe, getSnapshot) {
-	      return getSnapshot();
-	    }
-	    "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ &&
-	      "function" ===
-	        typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart &&
-	      __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error());
-	    var React = require$$0,
-	      objectIs = "function" === typeof Object.is ? Object.is : is,
-	      useState = React.useState,
-	      useEffect = React.useEffect,
-	      useLayoutEffect = React.useLayoutEffect,
-	      useDebugValue = React.useDebugValue,
-	      didWarnOld18Alpha = false,
-	      didWarnUncachedGetSnapshot = false,
-	      shim =
-	        "undefined" === typeof window ||
-	        "undefined" === typeof window.document ||
-	        "undefined" === typeof window.document.createElement
-	          ? useSyncExternalStore$1
-	          : useSyncExternalStore$2;
-	    useSyncExternalStoreShim_development.useSyncExternalStore =
-	      void 0 !== React.useSyncExternalStore ? React.useSyncExternalStore : shim;
-	    "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ &&
-	      "function" ===
-	        typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop &&
-	      __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(Error());
-	  })();
-	return useSyncExternalStoreShim_development;
-}
-
-var hasRequiredShim;
-
-function requireShim () {
-	if (hasRequiredShim) return shim.exports;
-	hasRequiredShim = 1;
-
-	if (process.env.NODE_ENV === 'production') {
-	  shim.exports = requireUseSyncExternalStoreShim_production();
-	} else {
-	  shim.exports = requireUseSyncExternalStoreShim_development();
-	}
-	return shim.exports;
-}
-
-/**
- * @license React
- * use-sync-external-store-shim/with-selector.production.js
- *
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-var hasRequiredWithSelector_production;
-
-function requireWithSelector_production () {
-	if (hasRequiredWithSelector_production) return withSelector_production;
-	hasRequiredWithSelector_production = 1;
-	var React = require$$0,
-	  shim = requireShim();
-	function is(x, y) {
-	  return (x === y && (0 !== x || 1 / x === 1 / y)) || (x !== x && y !== y);
-	}
-	var objectIs = "function" === typeof Object.is ? Object.is : is,
-	  useSyncExternalStore = shim.useSyncExternalStore,
-	  useRef = React.useRef,
-	  useEffect = React.useEffect,
-	  useMemo = React.useMemo,
-	  useDebugValue = React.useDebugValue;
-	withSelector_production.useSyncExternalStoreWithSelector = function (
-	  subscribe,
-	  getSnapshot,
-	  getServerSnapshot,
-	  selector,
-	  isEqual
-	) {
-	  var instRef = useRef(null);
-	  if (null === instRef.current) {
-	    var inst = { hasValue: false, value: null };
-	    instRef.current = inst;
-	  } else inst = instRef.current;
-	  instRef = useMemo(
-	    function () {
-	      function memoizedSelector(nextSnapshot) {
-	        if (!hasMemo) {
-	          hasMemo = true;
-	          memoizedSnapshot = nextSnapshot;
-	          nextSnapshot = selector(nextSnapshot);
-	          if (void 0 !== isEqual && inst.hasValue) {
-	            var currentSelection = inst.value;
-	            if (isEqual(currentSelection, nextSnapshot))
-	              return (memoizedSelection = currentSelection);
-	          }
-	          return (memoizedSelection = nextSnapshot);
-	        }
-	        currentSelection = memoizedSelection;
-	        if (objectIs(memoizedSnapshot, nextSnapshot)) return currentSelection;
-	        var nextSelection = selector(nextSnapshot);
-	        if (void 0 !== isEqual && isEqual(currentSelection, nextSelection))
-	          return (memoizedSnapshot = nextSnapshot), currentSelection;
-	        memoizedSnapshot = nextSnapshot;
-	        return (memoizedSelection = nextSelection);
-	      }
-	      var hasMemo = false,
-	        memoizedSnapshot,
-	        memoizedSelection,
-	        maybeGetServerSnapshot =
-	          void 0 === getServerSnapshot ? null : getServerSnapshot;
-	      return [
-	        function () {
-	          return memoizedSelector(getSnapshot());
-	        },
-	        null === maybeGetServerSnapshot
-	          ? void 0
-	          : function () {
-	              return memoizedSelector(maybeGetServerSnapshot());
-	            }
-	      ];
-	    },
-	    [getSnapshot, getServerSnapshot, selector, isEqual]
-	  );
-	  var value = useSyncExternalStore(subscribe, instRef[0], instRef[1]);
-	  useEffect(
-	    function () {
-	      inst.hasValue = true;
-	      inst.value = value;
-	    },
-	    [value]
-	  );
-	  useDebugValue(value);
-	  return value;
-	};
-	return withSelector_production;
-}
-
-var withSelector_development = {};
+((function () {
+    function is(x, y) {
+      return (x === y && (0 !== x || 1 / x === 1 / y)) || (x !== x && y !== y);
+    }
+    function useSyncExternalStore$2(subscribe, getSnapshot) {
+      didWarnOld18Alpha ||
+        void 0 === React$1.startTransition ||
+        ((didWarnOld18Alpha = true),
+        console.error(
+          "You are using an outdated, pre-release alpha of React 18 that does not support useSyncExternalStore. The use-sync-external-store shim will not work correctly. Upgrade to a newer pre-release."
+        ));
+      var value = getSnapshot();
+      if (!didWarnUncachedGetSnapshot) {
+        var cachedValue = getSnapshot();
+        objectIs(value, cachedValue) ||
+          (console.error(
+            "The result of getSnapshot should be cached to avoid an infinite loop"
+          ),
+          (didWarnUncachedGetSnapshot = true));
+      }
+      cachedValue = useState({
+        inst: { value: value, getSnapshot: getSnapshot }
+      });
+      var inst = cachedValue[0].inst,
+        forceUpdate = cachedValue[1];
+      useLayoutEffect(
+        function () {
+          inst.value = value;
+          inst.getSnapshot = getSnapshot;
+          checkIfSnapshotChanged(inst) && forceUpdate({ inst: inst });
+        },
+        [subscribe, value, getSnapshot]
+      );
+      useEffect(
+        function () {
+          checkIfSnapshotChanged(inst) && forceUpdate({ inst: inst });
+          return subscribe(function () {
+            checkIfSnapshotChanged(inst) && forceUpdate({ inst: inst });
+          });
+        },
+        [subscribe]
+      );
+      useDebugValue(value);
+      return value;
+    }
+    function checkIfSnapshotChanged(inst) {
+      var latestGetSnapshot = inst.getSnapshot;
+      inst = inst.value;
+      try {
+        var nextValue = latestGetSnapshot();
+        return !objectIs(inst, nextValue);
+      } catch (error) {
+        return true;
+      }
+    }
+    function useSyncExternalStore$1(subscribe, getSnapshot) {
+      return getSnapshot();
+    }
+    "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ &&
+      "function" ===
+        typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart &&
+      __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error());
+    var React$1 = React,
+      objectIs = "function" === typeof Object.is ? Object.is : is,
+      useState = React$1.useState,
+      useEffect = React$1.useEffect,
+      useLayoutEffect = React$1.useLayoutEffect,
+      useDebugValue = React$1.useDebugValue,
+      didWarnOld18Alpha = false,
+      didWarnUncachedGetSnapshot = false,
+      shim =
+        "undefined" === typeof window ||
+        "undefined" === typeof window.document ||
+        "undefined" === typeof window.document.createElement
+          ? useSyncExternalStore$1
+          : useSyncExternalStore$2;
+    useSyncExternalStoreShim_development.useSyncExternalStore =
+      void 0 !== React$1.useSyncExternalStore ? React$1.useSyncExternalStore : shim;
+    "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ &&
+      "function" ===
+        typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop &&
+      __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(Error());
+  }))();
+
+{
+  shim.exports = useSyncExternalStoreShim_development;
+}
+
+var shimExports = shim.exports;
 
 /**
  * @license React
@@ -340,111 +154,100 @@ var withSelector_development = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
+((function () {
+    function is(x, y) {
+      return (x === y && (0 !== x || 1 / x === 1 / y)) || (x !== x && y !== y);
+    }
+    "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ &&
+      "function" ===
+        typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart &&
+      __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error());
+    var React$1 = React,
+      shim = shimExports,
+      objectIs = "function" === typeof Object.is ? Object.is : is,
+      useSyncExternalStore = shim.useSyncExternalStore,
+      useRef = React$1.useRef,
+      useEffect = React$1.useEffect,
+      useMemo = React$1.useMemo,
+      useDebugValue = React$1.useDebugValue;
+    withSelector_development.useSyncExternalStoreWithSelector = function (
+      subscribe,
+      getSnapshot,
+      getServerSnapshot,
+      selector,
+      isEqual
+    ) {
+      var instRef = useRef(null);
+      if (null === instRef.current) {
+        var inst = { hasValue: false, value: null };
+        instRef.current = inst;
+      } else inst = instRef.current;
+      instRef = useMemo(
+        function () {
+          function memoizedSelector(nextSnapshot) {
+            if (!hasMemo) {
+              hasMemo = true;
+              memoizedSnapshot = nextSnapshot;
+              nextSnapshot = selector(nextSnapshot);
+              if (void 0 !== isEqual && inst.hasValue) {
+                var currentSelection = inst.value;
+                if (isEqual(currentSelection, nextSnapshot))
+                  return (memoizedSelection = currentSelection);
+              }
+              return (memoizedSelection = nextSnapshot);
+            }
+            currentSelection = memoizedSelection;
+            if (objectIs(memoizedSnapshot, nextSnapshot))
+              return currentSelection;
+            var nextSelection = selector(nextSnapshot);
+            if (void 0 !== isEqual && isEqual(currentSelection, nextSelection))
+              return (memoizedSnapshot = nextSnapshot), currentSelection;
+            memoizedSnapshot = nextSnapshot;
+            return (memoizedSelection = nextSelection);
+          }
+          var hasMemo = false,
+            memoizedSnapshot,
+            memoizedSelection,
+            maybeGetServerSnapshot =
+              void 0 === getServerSnapshot ? null : getServerSnapshot;
+          return [
+            function () {
+              return memoizedSelector(getSnapshot());
+            },
+            null === maybeGetServerSnapshot
+              ? void 0
+              : function () {
+                  return memoizedSelector(maybeGetServerSnapshot());
+                }
+          ];
+        },
+        [getSnapshot, getServerSnapshot, selector, isEqual]
+      );
+      var value = useSyncExternalStore(subscribe, instRef[0], instRef[1]);
+      useEffect(
+        function () {
+          inst.hasValue = true;
+          inst.value = value;
+        },
+        [value]
+      );
+      useDebugValue(value);
+      return value;
+    };
+    "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ &&
+      "function" ===
+        typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop &&
+      __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(Error());
+  }))();
 
-var hasRequiredWithSelector_development;
-
-function requireWithSelector_development () {
-	if (hasRequiredWithSelector_development) return withSelector_development;
-	hasRequiredWithSelector_development = 1;
-	"production" !== process.env.NODE_ENV &&
-	  (function () {
-	    function is(x, y) {
-	      return (x === y && (0 !== x || 1 / x === 1 / y)) || (x !== x && y !== y);
-	    }
-	    "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ &&
-	      "function" ===
-	        typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart &&
-	      __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error());
-	    var React = require$$0,
-	      shim = requireShim(),
-	      objectIs = "function" === typeof Object.is ? Object.is : is,
-	      useSyncExternalStore = shim.useSyncExternalStore,
-	      useRef = React.useRef,
-	      useEffect = React.useEffect,
-	      useMemo = React.useMemo,
-	      useDebugValue = React.useDebugValue;
-	    withSelector_development.useSyncExternalStoreWithSelector = function (
-	      subscribe,
-	      getSnapshot,
-	      getServerSnapshot,
-	      selector,
-	      isEqual
-	    ) {
-	      var instRef = useRef(null);
-	      if (null === instRef.current) {
-	        var inst = { hasValue: false, value: null };
-	        instRef.current = inst;
-	      } else inst = instRef.current;
-	      instRef = useMemo(
-	        function () {
-	          function memoizedSelector(nextSnapshot) {
-	            if (!hasMemo) {
-	              hasMemo = true;
-	              memoizedSnapshot = nextSnapshot;
-	              nextSnapshot = selector(nextSnapshot);
-	              if (void 0 !== isEqual && inst.hasValue) {
-	                var currentSelection = inst.value;
-	                if (isEqual(currentSelection, nextSnapshot))
-	                  return (memoizedSelection = currentSelection);
-	              }
-	              return (memoizedSelection = nextSnapshot);
-	            }
-	            currentSelection = memoizedSelection;
-	            if (objectIs(memoizedSnapshot, nextSnapshot))
-	              return currentSelection;
-	            var nextSelection = selector(nextSnapshot);
-	            if (void 0 !== isEqual && isEqual(currentSelection, nextSelection))
-	              return (memoizedSnapshot = nextSnapshot), currentSelection;
-	            memoizedSnapshot = nextSnapshot;
-	            return (memoizedSelection = nextSelection);
-	          }
-	          var hasMemo = false,
-	            memoizedSnapshot,
-	            memoizedSelection,
-	            maybeGetServerSnapshot =
-	              void 0 === getServerSnapshot ? null : getServerSnapshot;
-	          return [
-	            function () {
-	              return memoizedSelector(getSnapshot());
-	            },
-	            null === maybeGetServerSnapshot
-	              ? void 0
-	              : function () {
-	                  return memoizedSelector(maybeGetServerSnapshot());
-	                }
-	          ];
-	        },
-	        [getSnapshot, getServerSnapshot, selector, isEqual]
-	      );
-	      var value = useSyncExternalStore(subscribe, instRef[0], instRef[1]);
-	      useEffect(
-	        function () {
-	          inst.hasValue = true;
-	          inst.value = value;
-	        },
-	        [value]
-	      );
-	      useDebugValue(value);
-	      return value;
-	    };
-	    "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ &&
-	      "function" ===
-	        typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop &&
-	      __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(Error());
-	  })();
-	return withSelector_development;
-}
-
-if (process.env.NODE_ENV === 'production') {
-  withSelector.exports = requireWithSelector_production();
-} else {
-  withSelector.exports = requireWithSelector_development();
+{
+  withSelector.exports = withSelector_development;
 }
 
 var withSelectorExports = withSelector.exports;
 var useSyncExternalStoreExports = /*@__PURE__*/getDefaultExportFromCjs(withSelectorExports);
 
-const { useDebugValue } = require$$0;
+const { useDebugValue } = React;
 const { useSyncExternalStoreWithSelector } = useSyncExternalStoreExports;
 let didWarnAboutEqualityFn = false;
 const identity = (arg) => arg;
@@ -39829,7 +39632,8 @@ const getDefaultFirebaseConfig = () => {
         apiKey: 'AIzaSyD2rQ-HOEU4VW5h5CGmKQK9FcBDp2bi98g',
         authDomain: 'markup-db905.firebaseapp.com',
         projectId: 'markup-db905',
-        storageBucket: 'markup-db905.firebasestorage.app',
+        // Use the appspot.com storage bucket hostname which the SDK expects
+        storageBucket: 'markup-db905.appspot.com',
         messagingSenderId: '330137146006',
         appId: '1:330137146006:web:264638f50408c3864428b7'
     };
@@ -40472,8 +40276,8 @@ const VIEWPORT_PRESETS = [
 ];
 const ViewportControls = () => {
     const { viewportMode, setViewportMode, isOpen: isWidgetOpen } = useMarkupStore();
-    const [isExpanded, setIsExpanded] = require$$0.useState(false);
-    const dropdownRef = require$$0.useRef(null);
+    const [isExpanded, setIsExpanded] = React.useState(false);
+    const dropdownRef = React.useRef(null);
     const handlePresetClick = (preset) => {
         setViewportMode({ width: preset.width, height: preset.height });
         setIsExpanded(false);
@@ -40486,7 +40290,7 @@ const ViewportControls = () => {
         return (viewportMode === null || viewportMode === void 0 ? void 0 : viewportMode.width) === preset.width && (viewportMode === null || viewportMode === void 0 ? void 0 : viewportMode.height) === preset.height;
     };
     // Close dropdown on outside click
-    require$$0.useEffect(() => {
+    React.useEffect(() => {
         if (!isExpanded)
             return;
         const handleClickOutside = (event) => {
@@ -40498,7 +40302,7 @@ const ViewportControls = () => {
         return () => document.removeEventListener('mousedown', handleClickOutside);
     }, [isExpanded]);
     // Handle ESC key to close dropdown or reset viewport
-    require$$0.useEffect(() => {
+    React.useEffect(() => {
         const handleKeyDown = (event) => {
             if (event.key === 'Escape') {
                 if (isExpanded) {