@superblocksteam/library 2.0.3-next.192 → 2.0.3-next.194

package/dist/{index-D0LofP37.js → index-DzenoqnP.js}

@@ -43666,8 +43666,8 @@ function findDOMNode(node2) {
   }
   return null;
 }
-var reactIs$1 = { exports: {} };
-var reactIs_production_min$1 = {};
+var reactIs$2 = { exports: {} };
+var reactIs_production_min$2 = {};
 /**
  * @license React
  * react-is.production.min.js
@@ -43677,10 +43677,10 @@ var reactIs_production_min$1 = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var hasRequiredReactIs_production_min$1;
-function requireReactIs_production_min$1() {
-  if (hasRequiredReactIs_production_min$1) return reactIs_production_min$1;
-  hasRequiredReactIs_production_min$1 = 1;
+var hasRequiredReactIs_production_min$2;
+function requireReactIs_production_min$2() {
+  if (hasRequiredReactIs_production_min$2) return reactIs_production_min$2;
+  hasRequiredReactIs_production_min$2 = 1;
   var b3 = Symbol.for("react.element"), c3 = Symbol.for("react.portal"), d3 = Symbol.for("react.fragment"), e3 = Symbol.for("react.strict_mode"), f = Symbol.for("react.profiler"), g2 = Symbol.for("react.provider"), h3 = Symbol.for("react.context"), k2 = Symbol.for("react.server_context"), l = Symbol.for("react.forward_ref"), m4 = Symbol.for("react.suspense"), n2 = Symbol.for("react.suspense_list"), p = Symbol.for("react.memo"), q3 = Symbol.for("react.lazy"), t3 = Symbol.for("react.offscreen"), u2;
   u2 = Symbol.for("react.module.reference");
   function v2(a3) {
@@ -43713,71 +43713,71 @@ function requireReactIs_production_min$1() {
       }
     }
   }
-  reactIs_production_min$1.ContextConsumer = h3;
-  reactIs_production_min$1.ContextProvider = g2;
-  reactIs_production_min$1.Element = b3;
-  reactIs_production_min$1.ForwardRef = l;
-  reactIs_production_min$1.Fragment = d3;
-  reactIs_production_min$1.Lazy = q3;
-  reactIs_production_min$1.Memo = p;
-  reactIs_production_min$1.Portal = c3;
-  reactIs_production_min$1.Profiler = f;
-  reactIs_production_min$1.StrictMode = e3;
-  reactIs_production_min$1.Suspense = m4;
-  reactIs_production_min$1.SuspenseList = n2;
-  reactIs_production_min$1.isAsyncMode = function() {
+  reactIs_production_min$2.ContextConsumer = h3;
+  reactIs_production_min$2.ContextProvider = g2;
+  reactIs_production_min$2.Element = b3;
+  reactIs_production_min$2.ForwardRef = l;
+  reactIs_production_min$2.Fragment = d3;
+  reactIs_production_min$2.Lazy = q3;
+  reactIs_production_min$2.Memo = p;
+  reactIs_production_min$2.Portal = c3;
+  reactIs_production_min$2.Profiler = f;
+  reactIs_production_min$2.StrictMode = e3;
+  reactIs_production_min$2.Suspense = m4;
+  reactIs_production_min$2.SuspenseList = n2;
+  reactIs_production_min$2.isAsyncMode = function() {
     return false;
   };
-  reactIs_production_min$1.isConcurrentMode = function() {
+  reactIs_production_min$2.isConcurrentMode = function() {
     return false;
   };
-  reactIs_production_min$1.isContextConsumer = function(a3) {
+  reactIs_production_min$2.isContextConsumer = function(a3) {
     return v2(a3) === h3;
   };
-  reactIs_production_min$1.isContextProvider = function(a3) {
+  reactIs_production_min$2.isContextProvider = function(a3) {
     return v2(a3) === g2;
   };
-  reactIs_production_min$1.isElement = function(a3) {
+  reactIs_production_min$2.isElement = function(a3) {
     return "object" === typeof a3 && null !== a3 && a3.$$typeof === b3;
   };
-  reactIs_production_min$1.isForwardRef = function(a3) {
+  reactIs_production_min$2.isForwardRef = function(a3) {
     return v2(a3) === l;
   };
-  reactIs_production_min$1.isFragment = function(a3) {
+  reactIs_production_min$2.isFragment = function(a3) {
     return v2(a3) === d3;
   };
-  reactIs_production_min$1.isLazy = function(a3) {
+  reactIs_production_min$2.isLazy = function(a3) {
     return v2(a3) === q3;
   };
-  reactIs_production_min$1.isMemo = function(a3) {
+  reactIs_production_min$2.isMemo = function(a3) {
     return v2(a3) === p;
   };
-  reactIs_production_min$1.isPortal = function(a3) {
+  reactIs_production_min$2.isPortal = function(a3) {
     return v2(a3) === c3;
   };
-  reactIs_production_min$1.isProfiler = function(a3) {
+  reactIs_production_min$2.isProfiler = function(a3) {
     return v2(a3) === f;
   };
-  reactIs_production_min$1.isStrictMode = function(a3) {
+  reactIs_production_min$2.isStrictMode = function(a3) {
     return v2(a3) === e3;
   };
-  reactIs_production_min$1.isSuspense = function(a3) {
+  reactIs_production_min$2.isSuspense = function(a3) {
     return v2(a3) === m4;
   };
-  reactIs_production_min$1.isSuspenseList = function(a3) {
+  reactIs_production_min$2.isSuspenseList = function(a3) {
     return v2(a3) === n2;
   };
-  reactIs_production_min$1.isValidElementType = function(a3) {
+  reactIs_production_min$2.isValidElementType = function(a3) {
     return "string" === typeof a3 || "function" === typeof a3 || a3 === d3 || a3 === f || a3 === e3 || a3 === m4 || a3 === n2 || a3 === t3 || "object" === typeof a3 && null !== a3 && (a3.$$typeof === q3 || a3.$$typeof === p || a3.$$typeof === g2 || a3.$$typeof === h3 || a3.$$typeof === l || a3.$$typeof === u2 || void 0 !== a3.getModuleId) ? true : false;
   };
-  reactIs_production_min$1.typeOf = v2;
-  return reactIs_production_min$1;
+  reactIs_production_min$2.typeOf = v2;
+  return reactIs_production_min$2;
 }
-var reactIs_development$1 = {};
-var hasRequiredReactIs_development$1;
-function requireReactIs_development$1() {
-  if (hasRequiredReactIs_development$1) return reactIs_development$1;
-  hasRequiredReactIs_development$1 = 1;
+var reactIs_development$2 = {};
+var hasRequiredReactIs_development$2;
+function requireReactIs_development$2() {
+  if (hasRequiredReactIs_development$2) return reactIs_development$2;
+  hasRequiredReactIs_development$2 = 1;
   var define_process_env_default2 = {};
   /**
    * @license React
@@ -43932,51 +43932,51 @@ function requireReactIs_development$1() {
       function isSuspenseList(object4) {
         return typeOf(object4) === REACT_SUSPENSE_LIST_TYPE;
       }
-      reactIs_development$1.ContextConsumer = ContextConsumer;
-      reactIs_development$1.ContextProvider = ContextProvider;
-      reactIs_development$1.Element = Element3;
-      reactIs_development$1.ForwardRef = ForwardRef;
-      reactIs_development$1.Fragment = Fragment;
-      reactIs_development$1.Lazy = Lazy;
-      reactIs_development$1.Memo = Memo;
-      reactIs_development$1.Portal = Portal2;
-      reactIs_development$1.Profiler = Profiler;
-      reactIs_development$1.StrictMode = StrictMode;
-      reactIs_development$1.Suspense = Suspense2;
-      reactIs_development$1.SuspenseList = SuspenseList;
-      reactIs_development$1.isAsyncMode = isAsyncMode;
-      reactIs_development$1.isConcurrentMode = isConcurrentMode;
-      reactIs_development$1.isContextConsumer = isContextConsumer;
-      reactIs_development$1.isContextProvider = isContextProvider;
-      reactIs_development$1.isElement = isElement2;
-      reactIs_development$1.isForwardRef = isForwardRef;
-      reactIs_development$1.isFragment = isFragment2;
-      reactIs_development$1.isLazy = isLazy;
-      reactIs_development$1.isMemo = isMemo;
-      reactIs_development$1.isPortal = isPortal;
-      reactIs_development$1.isProfiler = isProfiler;
-      reactIs_development$1.isStrictMode = isStrictMode;
-      reactIs_development$1.isSuspense = isSuspense;
-      reactIs_development$1.isSuspenseList = isSuspenseList;
-      reactIs_development$1.isValidElementType = isValidElementType;
-      reactIs_development$1.typeOf = typeOf;
+      reactIs_development$2.ContextConsumer = ContextConsumer;
+      reactIs_development$2.ContextProvider = ContextProvider;
+      reactIs_development$2.Element = Element3;
+      reactIs_development$2.ForwardRef = ForwardRef;
+      reactIs_development$2.Fragment = Fragment;
+      reactIs_development$2.Lazy = Lazy;
+      reactIs_development$2.Memo = Memo;
+      reactIs_development$2.Portal = Portal2;
+      reactIs_development$2.Profiler = Profiler;
+      reactIs_development$2.StrictMode = StrictMode;
+      reactIs_development$2.Suspense = Suspense2;
+      reactIs_development$2.SuspenseList = SuspenseList;
+      reactIs_development$2.isAsyncMode = isAsyncMode;
+      reactIs_development$2.isConcurrentMode = isConcurrentMode;
+      reactIs_development$2.isContextConsumer = isContextConsumer;
+      reactIs_development$2.isContextProvider = isContextProvider;
+      reactIs_development$2.isElement = isElement2;
+      reactIs_development$2.isForwardRef = isForwardRef;
+      reactIs_development$2.isFragment = isFragment2;
+      reactIs_development$2.isLazy = isLazy;
+      reactIs_development$2.isMemo = isMemo;
+      reactIs_development$2.isPortal = isPortal;
+      reactIs_development$2.isProfiler = isProfiler;
+      reactIs_development$2.isStrictMode = isStrictMode;
+      reactIs_development$2.isSuspense = isSuspense;
+      reactIs_development$2.isSuspenseList = isSuspenseList;
+      reactIs_development$2.isValidElementType = isValidElementType;
+      reactIs_development$2.typeOf = typeOf;
     })();
   }
-  return reactIs_development$1;
+  return reactIs_development$2;
 }
-var hasRequiredReactIs$1;
-function requireReactIs$1() {
-  if (hasRequiredReactIs$1) return reactIs$1.exports;
-  hasRequiredReactIs$1 = 1;
+var hasRequiredReactIs$2;
+function requireReactIs$2() {
+  if (hasRequiredReactIs$2) return reactIs$2.exports;
+  hasRequiredReactIs$2 = 1;
   var define_process_env_default2 = {};
   if (define_process_env_default2.NODE_ENV === "production") {
-    reactIs$1.exports = requireReactIs_production_min$1();
+    reactIs$2.exports = requireReactIs_production_min$2();
   } else {
-    reactIs$1.exports = requireReactIs_development$1();
+    reactIs$2.exports = requireReactIs_development$2();
   }
-  return reactIs$1.exports;
+  return reactIs$2.exports;
 }
-var reactIsExports = requireReactIs$1();
+var reactIsExports$1 = requireReactIs$2();
 function useMemo$1(getValue2, condition, shouldUpdate) {
   var cacheRef = React.useRef({});
   if (!("value" in cacheRef.current) || shouldUpdate(cacheRef.current.condition, condition)) {
@@ -44027,11 +44027,11 @@ var supportRef = function supportRef2(nodeOrComponent) {
   if (isReactElement$2(nodeOrComponent) && ReactMajorVersion >= 19) {
     return true;
   }
-  var type5 = reactIsExports.isMemo(nodeOrComponent) ? nodeOrComponent.type.type : nodeOrComponent.type;
-  if (typeof type5 === "function" && !((_type$prototype = type5.prototype) !== null && _type$prototype !== void 0 && _type$prototype.render) && type5.$$typeof !== reactIsExports.ForwardRef) {
+  var type5 = reactIsExports$1.isMemo(nodeOrComponent) ? nodeOrComponent.type.type : nodeOrComponent.type;
+  if (typeof type5 === "function" && !((_type$prototype = type5.prototype) !== null && _type$prototype !== void 0 && _type$prototype.render) && type5.$$typeof !== reactIsExports$1.ForwardRef) {
     return false;
   }
-  if (typeof nodeOrComponent === "function" && !((_nodeOrComponent$prot = nodeOrComponent.prototype) !== null && _nodeOrComponent$prot !== void 0 && _nodeOrComponent$prot.render) && nodeOrComponent.$$typeof !== reactIsExports.ForwardRef) {
+  if (typeof nodeOrComponent === "function" && !((_nodeOrComponent$prot = nodeOrComponent.prototype) !== null && _nodeOrComponent$prot !== void 0 && _nodeOrComponent$prot.render) && nodeOrComponent.$$typeof !== reactIsExports$1.ForwardRef) {
     return false;
   }
   return true;
@@ -76418,6 +76418,317 @@ function requireCopyToClipboard() {
 }
 var copyToClipboardExports = requireCopyToClipboard();
 const copy$1 = /* @__PURE__ */ getDefaultExportFromCjs(copyToClipboardExports);
+var reactIs$1 = { exports: {} };
+var reactIs_production_min$1 = {};
+/**
+ * @license React
+ * react-is.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var hasRequiredReactIs_production_min$1;
+function requireReactIs_production_min$1() {
+  if (hasRequiredReactIs_production_min$1) return reactIs_production_min$1;
+  hasRequiredReactIs_production_min$1 = 1;
+  var b3 = Symbol.for("react.element"), c3 = Symbol.for("react.portal"), d3 = Symbol.for("react.fragment"), e3 = Symbol.for("react.strict_mode"), f = Symbol.for("react.profiler"), g2 = Symbol.for("react.provider"), h3 = Symbol.for("react.context"), k2 = Symbol.for("react.server_context"), l = Symbol.for("react.forward_ref"), m4 = Symbol.for("react.suspense"), n2 = Symbol.for("react.suspense_list"), p = Symbol.for("react.memo"), q3 = Symbol.for("react.lazy"), t3 = Symbol.for("react.offscreen"), u2;
+  u2 = Symbol.for("react.module.reference");
+  function v2(a3) {
+    if ("object" === typeof a3 && null !== a3) {
+      var r2 = a3.$$typeof;
+      switch (r2) {
+        case b3:
+          switch (a3 = a3.type, a3) {
+            case d3:
+            case f:
+            case e3:
+            case m4:
+            case n2:
+              return a3;
+            default:
+              switch (a3 = a3 && a3.$$typeof, a3) {
+                case k2:
+                case h3:
+                case l:
+                case q3:
+                case p:
+                case g2:
+                  return a3;
+                default:
+                  return r2;
+              }
+          }
+        case c3:
+          return r2;
+      }
+    }
+  }
+  reactIs_production_min$1.ContextConsumer = h3;
+  reactIs_production_min$1.ContextProvider = g2;
+  reactIs_production_min$1.Element = b3;
+  reactIs_production_min$1.ForwardRef = l;
+  reactIs_production_min$1.Fragment = d3;
+  reactIs_production_min$1.Lazy = q3;
+  reactIs_production_min$1.Memo = p;
+  reactIs_production_min$1.Portal = c3;
+  reactIs_production_min$1.Profiler = f;
+  reactIs_production_min$1.StrictMode = e3;
+  reactIs_production_min$1.Suspense = m4;
+  reactIs_production_min$1.SuspenseList = n2;
+  reactIs_production_min$1.isAsyncMode = function() {
+    return false;
+  };
+  reactIs_production_min$1.isConcurrentMode = function() {
+    return false;
+  };
+  reactIs_production_min$1.isContextConsumer = function(a3) {
+    return v2(a3) === h3;
+  };
+  reactIs_production_min$1.isContextProvider = function(a3) {
+    return v2(a3) === g2;
+  };
+  reactIs_production_min$1.isElement = function(a3) {
+    return "object" === typeof a3 && null !== a3 && a3.$$typeof === b3;
+  };
+  reactIs_production_min$1.isForwardRef = function(a3) {
+    return v2(a3) === l;
+  };
+  reactIs_production_min$1.isFragment = function(a3) {
+    return v2(a3) === d3;
+  };
+  reactIs_production_min$1.isLazy = function(a3) {
+    return v2(a3) === q3;
+  };
+  reactIs_production_min$1.isMemo = function(a3) {
+    return v2(a3) === p;
+  };
+  reactIs_production_min$1.isPortal = function(a3) {
+    return v2(a3) === c3;
+  };
+  reactIs_production_min$1.isProfiler = function(a3) {
+    return v2(a3) === f;
+  };
+  reactIs_production_min$1.isStrictMode = function(a3) {
+    return v2(a3) === e3;
+  };
+  reactIs_production_min$1.isSuspense = function(a3) {
+    return v2(a3) === m4;
+  };
+  reactIs_production_min$1.isSuspenseList = function(a3) {
+    return v2(a3) === n2;
+  };
+  reactIs_production_min$1.isValidElementType = function(a3) {
+    return "string" === typeof a3 || "function" === typeof a3 || a3 === d3 || a3 === f || a3 === e3 || a3 === m4 || a3 === n2 || a3 === t3 || "object" === typeof a3 && null !== a3 && (a3.$$typeof === q3 || a3.$$typeof === p || a3.$$typeof === g2 || a3.$$typeof === h3 || a3.$$typeof === l || a3.$$typeof === u2 || void 0 !== a3.getModuleId) ? true : false;
+  };
+  reactIs_production_min$1.typeOf = v2;
+  return reactIs_production_min$1;
+}
+var reactIs_development$1 = {};
+var hasRequiredReactIs_development$1;
+function requireReactIs_development$1() {
+  if (hasRequiredReactIs_development$1) return reactIs_development$1;
+  hasRequiredReactIs_development$1 = 1;
+  var define_process_env_default2 = {};
+  /**
+   * @license React
+   * react-is.development.js
+   *
+   * Copyright (c) Facebook, Inc. and its affiliates.
+   *
+   * This source code is licensed under the MIT license found in the
+   * LICENSE file in the root directory of this source tree.
+   */
+  if (define_process_env_default2.NODE_ENV !== "production") {
+    (function() {
+      var REACT_ELEMENT_TYPE = Symbol.for("react.element");
+      var REACT_PORTAL_TYPE = Symbol.for("react.portal");
+      var REACT_FRAGMENT_TYPE2 = Symbol.for("react.fragment");
+      var REACT_STRICT_MODE_TYPE = Symbol.for("react.strict_mode");
+      var REACT_PROFILER_TYPE = Symbol.for("react.profiler");
+      var REACT_PROVIDER_TYPE = Symbol.for("react.provider");
+      var REACT_CONTEXT_TYPE = Symbol.for("react.context");
+      var REACT_SERVER_CONTEXT_TYPE = Symbol.for("react.server_context");
+      var REACT_FORWARD_REF_TYPE = Symbol.for("react.forward_ref");
+      var REACT_SUSPENSE_TYPE = Symbol.for("react.suspense");
+      var REACT_SUSPENSE_LIST_TYPE = Symbol.for("react.suspense_list");
+      var REACT_MEMO_TYPE = Symbol.for("react.memo");
+      var REACT_LAZY_TYPE = Symbol.for("react.lazy");
+      var REACT_OFFSCREEN_TYPE = Symbol.for("react.offscreen");
+      var enableScopeAPI = false;
+      var enableCacheElement = false;
+      var enableTransitionTracing = false;
+      var enableLegacyHidden = false;
+      var enableDebugTracing = false;
+      var REACT_MODULE_REFERENCE;
+      {
+        REACT_MODULE_REFERENCE = Symbol.for("react.module.reference");
+      }
+      function isValidElementType(type5) {
+        if (typeof type5 === "string" || typeof type5 === "function") {
+          return true;
+        }
+        if (type5 === REACT_FRAGMENT_TYPE2 || type5 === REACT_PROFILER_TYPE || enableDebugTracing || type5 === REACT_STRICT_MODE_TYPE || type5 === REACT_SUSPENSE_TYPE || type5 === REACT_SUSPENSE_LIST_TYPE || enableLegacyHidden || type5 === REACT_OFFSCREEN_TYPE || enableScopeAPI || enableCacheElement || enableTransitionTracing) {
+          return true;
+        }
+        if (typeof type5 === "object" && type5 !== null) {
+          if (type5.$$typeof === REACT_LAZY_TYPE || type5.$$typeof === REACT_MEMO_TYPE || type5.$$typeof === REACT_PROVIDER_TYPE || type5.$$typeof === REACT_CONTEXT_TYPE || type5.$$typeof === REACT_FORWARD_REF_TYPE || // This needs to include all possible module reference object
+          // types supported by any Flight configuration anywhere since
+          // we don't know which Flight build this will end up being used
+          // with.
+          type5.$$typeof === REACT_MODULE_REFERENCE || type5.getModuleId !== void 0) {
+            return true;
+          }
+        }
+        return false;
+      }
+      function typeOf(object4) {
+        if (typeof object4 === "object" && object4 !== null) {
+          var $$typeof = object4.$$typeof;
+          switch ($$typeof) {
+            case REACT_ELEMENT_TYPE:
+              var type5 = object4.type;
+              switch (type5) {
+                case REACT_FRAGMENT_TYPE2:
+                case REACT_PROFILER_TYPE:
+                case REACT_STRICT_MODE_TYPE:
+                case REACT_SUSPENSE_TYPE:
+                case REACT_SUSPENSE_LIST_TYPE:
+                  return type5;
+                default:
+                  var $$typeofType = type5 && type5.$$typeof;
+                  switch ($$typeofType) {
+                    case REACT_SERVER_CONTEXT_TYPE:
+                    case REACT_CONTEXT_TYPE:
+                    case REACT_FORWARD_REF_TYPE:
+                    case REACT_LAZY_TYPE:
+                    case REACT_MEMO_TYPE:
+                    case REACT_PROVIDER_TYPE:
+                      return $$typeofType;
+                    default:
+                      return $$typeof;
+                  }
+              }
+            case REACT_PORTAL_TYPE:
+              return $$typeof;
+          }
+        }
+        return void 0;
+      }
+      var ContextConsumer = REACT_CONTEXT_TYPE;
+      var ContextProvider = REACT_PROVIDER_TYPE;
+      var Element3 = REACT_ELEMENT_TYPE;
+      var ForwardRef = REACT_FORWARD_REF_TYPE;
+      var Fragment = REACT_FRAGMENT_TYPE2;
+      var Lazy = REACT_LAZY_TYPE;
+      var Memo = REACT_MEMO_TYPE;
+      var Portal2 = REACT_PORTAL_TYPE;
+      var Profiler = REACT_PROFILER_TYPE;
+      var StrictMode = REACT_STRICT_MODE_TYPE;
+      var Suspense2 = REACT_SUSPENSE_TYPE;
+      var SuspenseList = REACT_SUSPENSE_LIST_TYPE;
+      var hasWarnedAboutDeprecatedIsAsyncMode = false;
+      var hasWarnedAboutDeprecatedIsConcurrentMode = false;
+      function isAsyncMode(object4) {
+        {
+          if (!hasWarnedAboutDeprecatedIsAsyncMode) {
+            hasWarnedAboutDeprecatedIsAsyncMode = true;
+            console["warn"]("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 18+.");
+          }
+        }
+        return false;
+      }
+      function isConcurrentMode(object4) {
+        {
+          if (!hasWarnedAboutDeprecatedIsConcurrentMode) {
+            hasWarnedAboutDeprecatedIsConcurrentMode = true;
+            console["warn"]("The ReactIs.isConcurrentMode() alias has been deprecated, and will be removed in React 18+.");
+          }
+        }
+        return false;
+      }
+      function isContextConsumer(object4) {
+        return typeOf(object4) === REACT_CONTEXT_TYPE;
+      }
+      function isContextProvider(object4) {
+        return typeOf(object4) === REACT_PROVIDER_TYPE;
+      }
+      function isElement2(object4) {
+        return typeof object4 === "object" && object4 !== null && object4.$$typeof === REACT_ELEMENT_TYPE;
+      }
+      function isForwardRef(object4) {
+        return typeOf(object4) === REACT_FORWARD_REF_TYPE;
+      }
+      function isFragment2(object4) {
+        return typeOf(object4) === REACT_FRAGMENT_TYPE2;
+      }
+      function isLazy(object4) {
+        return typeOf(object4) === REACT_LAZY_TYPE;
+      }
+      function isMemo(object4) {
+        return typeOf(object4) === REACT_MEMO_TYPE;
+      }
+      function isPortal(object4) {
+        return typeOf(object4) === REACT_PORTAL_TYPE;
+      }
+      function isProfiler(object4) {
+        return typeOf(object4) === REACT_PROFILER_TYPE;
+      }
+      function isStrictMode(object4) {
+        return typeOf(object4) === REACT_STRICT_MODE_TYPE;
+      }
+      function isSuspense(object4) {
+        return typeOf(object4) === REACT_SUSPENSE_TYPE;
+      }
+      function isSuspenseList(object4) {
+        return typeOf(object4) === REACT_SUSPENSE_LIST_TYPE;
+      }
+      reactIs_development$1.ContextConsumer = ContextConsumer;
+      reactIs_development$1.ContextProvider = ContextProvider;
+      reactIs_development$1.Element = Element3;
+      reactIs_development$1.ForwardRef = ForwardRef;
+      reactIs_development$1.Fragment = Fragment;
+      reactIs_development$1.Lazy = Lazy;
+      reactIs_development$1.Memo = Memo;
+      reactIs_development$1.Portal = Portal2;
+      reactIs_development$1.Profiler = Profiler;
+      reactIs_development$1.StrictMode = StrictMode;
+      reactIs_development$1.Suspense = Suspense2;
+      reactIs_development$1.SuspenseList = SuspenseList;
+      reactIs_development$1.isAsyncMode = isAsyncMode;
+      reactIs_development$1.isConcurrentMode = isConcurrentMode;
+      reactIs_development$1.isContextConsumer = isContextConsumer;
+      reactIs_development$1.isContextProvider = isContextProvider;
+      reactIs_development$1.isElement = isElement2;
+      reactIs_development$1.isForwardRef = isForwardRef;
+      reactIs_development$1.isFragment = isFragment2;
+      reactIs_development$1.isLazy = isLazy;
+      reactIs_development$1.isMemo = isMemo;
+      reactIs_development$1.isPortal = isPortal;
+      reactIs_development$1.isProfiler = isProfiler;
+      reactIs_development$1.isStrictMode = isStrictMode;
+      reactIs_development$1.isSuspense = isSuspense;
+      reactIs_development$1.isSuspenseList = isSuspenseList;
+      reactIs_development$1.isValidElementType = isValidElementType;
+      reactIs_development$1.typeOf = typeOf;
+    })();
+  }
+  return reactIs_development$1;
+}
+var hasRequiredReactIs$1;
+function requireReactIs$1() {
+  if (hasRequiredReactIs$1) return reactIs$1.exports;
+  hasRequiredReactIs$1 = 1;
+  var define_process_env_default2 = {};
+  if (define_process_env_default2.NODE_ENV === "production") {
+    reactIs$1.exports = requireReactIs_production_min$1();
+  } else {
+    reactIs$1.exports = requireReactIs_development$1();
+  }
+  return reactIs$1.exports;
+}
+var reactIsExports = requireReactIs$1();
 function stylis_min(W2) {
   function M4(d3, c3, e3, h3, a3) {
     for (var m4 = 0, b3 = 0, v2 = 0, n2 = 0, q3, g2, x3 = 0, K3 = 0, k2, u2 = k2 = q3 = 0, l = 0, r2 = 0, I3 = 0, t3 = 0, B4 = e3.length, J2 = B4 - 1, y4, f = "", p = "", F3 = "", G4 = "", C2; l < B4; ) {
@@ -90645,14 +90956,14 @@ function getLoaderFn$1(options) {
           if (!(loader === "all")) return [3, 3];
           return [4, import(
             /* webpackChunkName: "blueprint-icons-all-paths-loader" */
-            "./allPathsLoader-DnjGlPTI.js"
+            "./allPathsLoader-DhkzAeHr.js"
           )];
         case 2:
           return [2, _b2.sent().allPathsLoader];
         case 3:
           return [4, import(
             /* webpackChunkName: "blueprint-icons-split-paths-by-size-loader" */
-            "./splitPathsBySizeLoader-PTZVlovL.js"
+            "./splitPathsBySizeLoader-DQGuCgWt.js"
           )];
         case 4:
           return [2, _b2.sent().splitPathsBySizeLoader];
@@ -115620,6 +115931,19 @@ const DroppableWidget = observer(
     return /* @__PURE__ */ jsxRuntimeExports.jsx(React__default.Fragment, { children: props2.children });
   }
 );
+const EXTENDED_CLICKABLE_AREA_DELTA = 6;
+const EXTENDED_CLICKABLE_AREA_TYPES = ["SbButton"];
+const EXTENDED_CLICKABLE_ANCHOR_CSS = {
+  top: `calc(anchor(top) - ${EXTENDED_CLICKABLE_AREA_DELTA}px)`,
+  left: `calc(anchor(left) - ${EXTENDED_CLICKABLE_AREA_DELTA}px)`,
+  right: `calc(anchor(right) - ${EXTENDED_CLICKABLE_AREA_DELTA}px)`,
+  bottom: `calc(anchor(bottom) - ${EXTENDED_CLICKABLE_AREA_DELTA}px)`
+};
+const EXTENDED_CLICKABLE_ANCHOR_CLIP_PATH = `polygon(
+              0% 0%, 0% 100%, 100% 100%, 100% 0%,
+              0% 0%, ${EXTENDED_CLICKABLE_AREA_DELTA}px ${EXTENDED_CLICKABLE_AREA_DELTA}px, calc(100% - ${EXTENDED_CLICKABLE_AREA_DELTA}px) ${EXTENDED_CLICKABLE_AREA_DELTA}px, 
+              calc(100% - ${EXTENDED_CLICKABLE_AREA_DELTA}px) calc(100% - ${EXTENDED_CLICKABLE_AREA_DELTA}px), ${EXTENDED_CLICKABLE_AREA_DELTA}px calc(100% - ${EXTENDED_CLICKABLE_AREA_DELTA}px), ${EXTENDED_CLICKABLE_AREA_DELTA}px ${EXTENDED_CLICKABLE_AREA_DELTA}px
+            )`;
 function useRegisterSourceElement(sourceId) {
   const instanceIdRef = useRef(null);
   return useCallback(
@@ -117653,6 +117977,7 @@ const InteractionRect = (props2) => {
           left: "anchor(left)",
           right: "anchor(right)",
           bottom: "anchor(bottom)",
+          ...EXTENDED_CLICKABLE_AREA_TYPES.includes(type5 ?? "") && selectionType === "FOCUSED" ? EXTENDED_CLICKABLE_ANCHOR_CSS : {},
           visibility: isDragging ? "hidden" : "visible",
           anchorName: getWidgetRectAnchorName(instanceId),
           positionAnchor: getWidgetAnchorName(instanceId),
@@ -117700,7 +118025,27 @@ const selectDisplayNameAndVisibility = (instanceId) => {
   };
 };
 const calculateWidgetsAtCursor = (params) => {
-  const elements = document.elementsFromPoint(params.x, params.y);
+  let elements = document.elementsFromPoint(params.x, params.y);
+  if (params.delta) {
+    elements = [
+      ...document.elementsFromPoint(
+        params.x - params.delta.x,
+        params.y - params.delta.y
+      ),
+      ...document.elementsFromPoint(
+        params.x + params.delta.x,
+        params.y + params.delta.y
+      ),
+      ...document.elementsFromPoint(
+        params.x - params.delta.x,
+        params.y + params.delta.y
+      ),
+      ...document.elementsFromPoint(
+        params.x + params.delta.x,
+        params.y - params.delta.y
+      )
+    ];
+  }
   const hoveredPills = [];
   const hoveredActual = [];
   elements.forEach((element) => {
@@ -117722,6 +118067,30 @@ const calculateWidgetsAtCursor = (params) => {
     hoveredActual
   };
 };
+function getFocusedWidget(event, rootType, rootElement, editStore2, delta, types2) {
+  if (!rootElement) {
+    return null;
+  }
+  const { hoveredPills, hoveredActual } = calculateWidgetsAtCursor({
+    x: event.clientX,
+    y: event.clientY,
+    rootType,
+    rootElement,
+    delta
+  });
+  const instanceIds = [...hoveredPills, ...hoveredActual];
+  const focusedWidget = instanceIds.find((id2) => {
+    const widgetMeta = editStore2.runtimeEntitiesManager.getEditorWidgetMeta(id2);
+    const sourceIdInstanceCount = editStore2.interactionLayerManager.getSourceIdElements(
+      (widgetMeta == null ? void 0 : widgetMeta.sourceId) ?? ""
+    ).length;
+    return (types2 === void 0 || types2.includes((widgetMeta == null ? void 0 : widgetMeta.type) ?? "")) && (widgetMeta == null ? void 0 : widgetMeta.isSbComponent) && !(widgetMeta == null ? void 0 : widgetMeta.isInCustomComponent) && sourceIdInstanceCount <= 1;
+  }) ?? null;
+  if (focusedWidget) {
+    return focusedWidget;
+  }
+  return null;
+}
 function useWidgetHover(rootType) {
   useEffect(() => {
     const rootElement = document.getElementById(
@@ -117729,22 +118098,26 @@ function useWidgetHover(rootType) {
     );
     const editStore2 = getEditStore();
     const handleMouseMove = (event) => {
-      const { hoveredPills, hoveredActual } = calculateWidgetsAtCursor({
-        x: event.clientX,
-        y: event.clientY,
+      const focusedWidgetExtended = getFocusedWidget(
+        event,
         rootType,
-        rootElement
-      });
-      const instanceIds = [...hoveredPills, ...hoveredActual];
-      const focusedWidget = instanceIds.find((id2) => {
-        const widgetMeta = editStore2.runtimeEntitiesManager.getEditorWidgetMeta(id2);
-        const sourceIdInstanceCount = editStore2.interactionLayerManager.getSourceIdElements(
-          (widgetMeta == null ? void 0 : widgetMeta.sourceId) ?? ""
-        ).length;
-        return (widgetMeta == null ? void 0 : widgetMeta.isSbComponent) && !(widgetMeta == null ? void 0 : widgetMeta.isInCustomComponent) && sourceIdInstanceCount <= 1;
-      }) ?? null;
-      if (focusedWidget) {
-        editStore2.ui.setFocusedInstanceId(focusedWidget);
+        rootElement,
+        editStore2,
+        { x: EXTENDED_CLICKABLE_AREA_DELTA, y: EXTENDED_CLICKABLE_AREA_DELTA },
+        EXTENDED_CLICKABLE_AREA_TYPES
+      );
+      if (focusedWidgetExtended) {
+        editStore2.ui.setFocusedInstanceId(focusedWidgetExtended);
+      } else {
+        const focusedWidget = getFocusedWidget(
+          event,
+          rootType,
+          rootElement,
+          editStore2
+        );
+        if (focusedWidget) {
+          editStore2.ui.setFocusedInstanceId(focusedWidget);
+        }
       }
     };
     const throttledHandleMouseMove = throttle(handleMouseMove, 25);
@@ -117985,6 +118358,24 @@ const EditWrapper = observer(function EditWrapper2(props2) {
   const scopeName = rootStore.entityManager.getScopeName(
     props2.identifier.scopeId
   );
+  const handleClick = (ev) => {
+    const sourceIdInstanceCount = editStore2.interactionLayerManager.getSourceIdElements(
+      props2.identifier.sourceId
+    ).length;
+    if (sourceIdInstanceCount > 1) {
+      return;
+    }
+    if (isInCustomComponent && customComponentInstanceId) {
+      editStore2.ui.selectWidget(customComponentInstanceId);
+      ev.stopPropagation();
+      return;
+    }
+    editStore2.ui.selectWidget(props2.identifier.instanceId);
+    ev.stopPropagation();
+  };
+  const expandedClickArea = EXTENDED_CLICKABLE_AREA_TYPES.includes(
+    (meta == null ? void 0 : meta.type) ?? ""
+  );
   const node2 = /* @__PURE__ */ jsxRuntimeExports.jsxs(
     "div",
     {
@@ -117996,24 +118387,25 @@ const EditWrapper = observer(function EditWrapper2(props2) {
       "data-can-drop": props2.isDroppable,
       "data-selected": isSelected,
       "data-has-local-binding": hasLocalBinding,
+      onClick: handleClick,
       id: getEditWrapperId(props2.identifier.instanceId),
-      onClick: (ev) => {
-        const sourceIdInstanceCount = editStore2.interactionLayerManager.getSourceIdElements(
-          props2.identifier.sourceId
-        ).length;
-        if (sourceIdInstanceCount > 1) {
-          return;
-        }
-        if (isInCustomComponent && customComponentInstanceId) {
-          editStore2.ui.selectWidget(customComponentInstanceId);
-          ev.stopPropagation();
-          return;
-        }
-        editStore2.ui.selectWidget(props2.identifier.instanceId);
-        ev.stopPropagation();
-      },
       ref: registerSourceElement,
       children: [
+        expandedClickArea && /* @__PURE__ */ jsxRuntimeExports.jsx(
+          "div",
+          {
+            onClick: handleClick,
+            style: {
+              position: "absolute",
+              ...EXTENDED_CLICKABLE_ANCHOR_CSS,
+              zIndex: 0,
+              pointerEvents: "auto",
+              overflow: "hidden",
+              positionAnchor: getWidgetAnchorName(identifier2.instanceId),
+              clipPath: EXTENDED_CLICKABLE_ANCHOR_CLIP_PATH
+            }
+          }
+        ),
         showVisibilityBackground && /* @__PURE__ */ jsxRuntimeExports.jsx(
           "div",
           {
@@ -133679,7 +134071,7 @@ function requireRef() {
   ref.useComposeRef = ref.supportRef = ref.supportNodeRef = ref.getNodeRef = ref.fillRef = ref.composeRef = void 0;
   var _typeof2 = _interopRequireDefault(require_typeof());
   var _react = React__default;
-  var _reactIs = requireReactIs$1();
+  var _reactIs = requireReactIs$2();
   var _useMemo = _interopRequireDefault(requireUseMemo());
   var _isFragment = _interopRequireDefault(requireIsFragment());
   var ReactMajorVersion2 = Number(_react.version.split(".")[0]);
@@ -145011,14 +145403,14 @@ function getLoaderFn(options) {
           if (!(loader === "all")) return [3, 3];
           return [4, import(
             /* webpackChunkName: "blueprint-icons-all-paths-loader" */
-            "./allPathsLoader-u3KOMEyQ.js"
+            "./allPathsLoader-B0O4sfbG.js"
           )];
         case 2:
           return [2, _b2.sent().allPathsLoader];
         case 3:
           return [4, import(
             /* webpackChunkName: "blueprint-icons-split-paths-by-size-loader" */
-            "./splitPathsBySizeLoader-DH76ShxH.js"
+            "./splitPathsBySizeLoader-DH3bh2P5.js"
           )];
         case 4:
           return [2, _b2.sent().splitPathsBySizeLoader];
@@ -197558,4 +197950,4 @@ export {
   copyToClipboard as y,
   navigateTo as z
 };
-//# sourceMappingURL=index-D0LofP37.js.map
+//# sourceMappingURL=index-DzenoqnP.js.map