@entur/utils 1.0.0-alpha.0 → 1.0.0-next.0

package/dist/utils.esm.js

@@ -1,646 +1,180 @@
-import React, { useRef, useEffect, useState } from 'react';
-import warning from 'tiny-warning';
-import { space, shadows, fontSizes, lineHeights } from '@entur/tokens';
-
+import React, { useRef, useEffect, useId, useState, useSyncExternalStore } from "react";
+import warning from "tiny-warning";
 function useDebounce(callBack, debounceTime) {
-  var timeoutRef = useRef();
-  useEffect(function () {
-    return function () {
+  const timeoutRef = useRef();
+  useEffect(() => {
+    return () => {
       if (timeoutRef.current) {
         clearTimeout(timeoutRef.current);
       }
     };
   }, []);
-  var debouncedFunc = function debouncedFunc() {
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
+  const debouncedFunc = (...args) => {
     if (timeoutRef.current) {
       clearTimeout(timeoutRef.current);
     }
-    timeoutRef.current = setTimeout(function () {
-      callBack.apply(void 0, args);
+    timeoutRef.current = setTimeout(() => {
+      callBack(...args);
     }, debounceTime);
   };
   return debouncedFunc;
 }
-
-var useRandomId = function useRandomId(prefix) {
-  var ref = React.useRef(String(Math.random()).substring(2));
-  return prefix + "-" + ref.current;
+const useRandomId = (prefix) => {
+  const id = useId();
+  return prefix ? `${prefix}${id}` : id;
 };
-
 function useOnMount(callback) {
-  var hasRun = React.useRef(false);
-  React.useEffect(function () {
+  const hasRun = React.useRef(false);
+  React.useEffect(() => {
     if (!hasRun.current) {
       hasRun.current = true;
       callback();
     }
   }, [callback]);
 }
-
-var mergeRefs = function mergeRefs() {
-  for (var _len = arguments.length, refs = new Array(_len), _key = 0; _key < _len; _key++) {
-    refs[_key] = arguments[_key];
-  }
-  return function (node) {
-    for (var _i = 0, _refs = refs; _i < _refs.length; _i++) {
-      var ref = _refs[_i];
-      if (typeof ref === 'function') {
+const mergeRefs = (...refs) => {
+  return (node) => {
+    for (const ref of refs) {
+      if (typeof ref === "function") {
         ref(node);
       } else if (ref) ref.current = node;
     }
   };
 };
-
-var useForceUpdate = function useForceUpdate() {
-  var _useState = useState(0),
-    setValue = _useState[1];
-  return function () {
-    return setValue(function (value) {
-      return value + 1;
-    });
-  };
+const useForceUpdate = () => {
+  const [_, setValue] = useState(0);
+  return () => setValue((value) => value + 1);
 };
-
-var useOnClickOutside = function useOnClickOutside(refs, handler) {
-  useEffect(function () {
-    var listener = function listener(event) {
-      // If the ref contains the clicked element, then the click is not outside
-      if (refs.some(function (ref) {
-        return elementContainsEventTarget(ref.current, event);
-      })) {
+const useOnClickOutside = (refs, handler) => {
+  useEffect(() => {
+    const listener = (event) => {
+      if (refs.some((ref) => elementContainsEventTarget(ref.current, event))) {
         return;
       }
       handler();
     };
-    document.addEventListener('mousedown', listener);
-    document.addEventListener('touchstart', listener);
-    return function () {
-      document.removeEventListener('mousedown', listener);
-      document.removeEventListener('touchstart', listener);
+    document.addEventListener("mousedown", listener);
+    document.addEventListener("touchstart", listener);
+    return () => {
+      document.removeEventListener("mousedown", listener);
+      document.removeEventListener("touchstart", listener);
     };
   }, [refs, handler]);
 };
-var elementContainsEventTarget = function elementContainsEventTarget(element, event) {
+const elementContainsEventTarget = (element, event) => {
   if (!element) {
     return false;
   }
   if (element.contains(event.target)) {
     return true;
   }
-  // For elements inside a Shadow DOM we need to check the composedPath
   if (event.composed && event.composedPath) {
-    var contains = event.composedPath().find(function (target) {
+    const contains = event.composedPath().find((target) => {
       if (target === window) {
         return false;
       }
       return element.contains(target);
     });
-    return contains ? true : false;
+    return contains;
   }
   return false;
 };
-
-var useOnEscape = function useOnEscape(ref, handler) {
-  useEffect(function () {
-    var runIfKeyIsEscape = function runIfKeyIsEscape(event) {
-      if (event.key === 'Escape') handler();
-    };
-    var currentRef = ref.current;
-    currentRef == null ? void 0 : currentRef.addEventListener('keydown', runIfKeyIsEscape);
-    return function () {
-      return currentRef == null ? void 0 : currentRef.removeEventListener('keydown', runIfKeyIsEscape);
+const useOnEscape = (ref, handler) => {
+  useEffect(() => {
+    const runIfKeyIsEscape = (event) => {
+      if (event.key === "Escape") handler();
     };
+    const currentRef = ref.current;
+    currentRef?.addEventListener("keydown", runIfKeyIsEscape);
+    return () => currentRef?.removeEventListener("keydown", runIfKeyIsEscape);
   }, [ref, handler]);
 };
+const subscribe = (callback) => {
+  window.addEventListener("resize", callback);
+  return () => window.removeEventListener("resize", callback);
+};
+let cachedSnapshot = { width: void 0, height: void 0 };
+const getSnapshot = () => {
+  const width = window.innerWidth;
+  const height = window.innerHeight;
+  if (cachedSnapshot.width !== width || cachedSnapshot.height !== height) {
+    cachedSnapshot = { width, height };
+  }
+  return cachedSnapshot;
+};
+const serverSnapshot = {
+  width: void 0,
+  height: void 0
+};
+const getServerSnapshot = () => serverSnapshot;
+const useWindowDimensions = () => {
+  return useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);
+};
+const ConditionalWrapper = ({
+  condition,
+  wrapper,
+  children
+}) => condition ? wrapper(children) : children;
+const packagesToCheck = /* @__PURE__ */ new Set();
+let checkTimeoutId;
+function checkAndWarn() {
+  const missingImports = Array.from(packagesToCheck).filter(
+    (namespace) => parseInt(
+      window.getComputedStyle(document.documentElement).getPropertyValue(`--eds-${namespace}`)
+    ) !== 1
+  ).sort();
+  const singleMissingImport = missingImports.length === 1;
+  warning(
+    missingImports.length === 0,
+    `You are missing ${singleMissingImport ? "a CSS import" : `${missingImports.length} CSS imports`}!
 
-// from https://stackoverflow.com/questions/36862334/get-viewport-window-height-in-reactjs
-var getWindowDimensions = function getWindowDimensions() {
-  if (typeof window === 'undefined') return {
-    width: undefined,
-    height: undefined
-  };
-  var _window = window,
-    width = _window.innerWidth,
-    height = _window.innerHeight;
-  return {
-    width: width,
-    height: height
-  };
-};
-var useWindowDimensions = function useWindowDimensions() {
-  var _useState = useState(getWindowDimensions()),
-    windowDimensions = _useState[0],
-    setWindowDimensions = _useState[1];
-  useEffect(function () {
-    function handleResize() {
-      setWindowDimensions(getWindowDimensions());
-    }
-    if (typeof window !== 'undefined') {
-      window.addEventListener('resize', handleResize);
-      return function () {
-        return window.removeEventListener('resize', handleResize);
-      };
-    }
-  }, []);
-  return windowDimensions;
-};
-
-var ConditionalWrapper = function ConditionalWrapper(_ref) {
-  var condition = _ref.condition,
-    wrapper = _ref.wrapper,
-    children = _ref.children;
-  return condition ? wrapper(children) : React.createElement(React.Fragment, null, children);
-};
+Please add the following CSS import${singleMissingImport ? "" : "s"} somewhere in your app:
 
-var packagesToCheck = /*#__PURE__*/new Set();
-var checkTimeoutId;
-function checkAndWarn() {
-  var missingImports = Array.from(packagesToCheck).filter(function (namespace) {
-    return parseInt(window.getComputedStyle(document.documentElement).getPropertyValue("--eds-" + namespace)) !== 1;
-  }).sort();
-  // Finally, we warn about those pesky imports
-  var singleMissingImport = missingImports.length === 1;
-  process.env.NODE_ENV !== "production" ? warning(missingImports.length === 0, "You are missing " + (singleMissingImport ? 'a CSS import' : missingImports.length + " CSS imports") + "!\n\nPlease add the following CSS import" + (singleMissingImport ? '' : 's') + " somewhere in your app:\n\n" + missingImports.map(function (namespace) {
-    return "\t@import '@entur/" + namespace + "/dist/styles.css';";
-  }).join('\n') + "\n") : void 0;
+${missingImports.map((namespace) => `	@import '@entur/${namespace}/dist/styles.css';`).join("\n")}
+`
+  );
 }
-/** Warns the developer if they have forgotten to include styles */
-function warnAboutMissingStyles() {
-  var _process, _process$env;
-  // We skip this check in production, and when we build static sites
-  if (!(process.env.NODE_ENV !== "production") || typeof window === 'undefined' || typeof process !== 'undefined' && ((_process = process) == null ? void 0 : (_process$env = _process.env) == null ? void 0 : _process$env.TEST) === 'true') {
+function warnAboutMissingStyles(...namespaces) {
+  if (typeof window === "undefined" || typeof process !== "undefined" && process?.env?.TEST === "true" || typeof process !== "undefined" && process?.env?.NODE_ENV === "production") {
     return;
   }
-  // First, let's clear earlier calls to setTimeout
   window.clearTimeout(checkTimeoutId);
-  // Next, let's add all namespaces to the set of packages to check
-  for (var _len = arguments.length, namespaces = new Array(_len), _key = 0; _key < _len; _key++) {
-    namespaces[_key] = arguments[_key];
-  }
-  namespaces.forEach(function (namespace) {
-    return packagesToCheck.add(namespace);
-  });
-  // Finally. let's trigger a run of the checker.
-  checkTimeoutId = window.setTimeout(checkAndWarn, 1000);
+  namespaces.forEach((namespace) => packagesToCheck.add(namespace));
+  checkTimeoutId = window.setTimeout(checkAndWarn, 1e3);
 }
-
-// with inspiration from https://stackoverflow.com/questions/50428910/get-text-content-from-node-in-react
-var getNodeText = function getNodeText(node) {
-  var _node$props$children, _node$props;
-  if (node === null || node === undefined) return '';
-  if (['string', 'number'].includes(typeof node)) return node.toString();
-  if (node instanceof Array) return node.map(getNodeText).join('').trim();
-  if (typeof node === 'object')
-    // @ts-expect-error props does exist for react nodes
-    return getNodeText((_node$props$children = (_node$props = node.props) == null ? void 0 : _node$props.children) != null ? _node$props$children : '').trim();
-  return 'unknown';
-};
-
-function _regeneratorRuntime() {
-  _regeneratorRuntime = function () {
-    return exports;
-  };
-  var exports = {},
-    Op = Object.prototype,
-    hasOwn = Op.hasOwnProperty,
-    defineProperty = Object.defineProperty || function (obj, key, desc) {
-      obj[key] = desc.value;
-    },
-    $Symbol = "function" == typeof Symbol ? Symbol : {},
-    iteratorSymbol = $Symbol.iterator || "@@iterator",
-    asyncIteratorSymbol = $Symbol.asyncIterator || "@@asyncIterator",
-    toStringTagSymbol = $Symbol.toStringTag || "@@toStringTag";
-  function define(obj, key, value) {
-    return Object.defineProperty(obj, key, {
-      value: value,
-      enumerable: !0,
-      configurable: !0,
-      writable: !0
-    }), obj[key];
-  }
-  try {
-    define({}, "");
-  } catch (err) {
-    define = function (obj, key, value) {
-      return obj[key] = value;
-    };
-  }
-  function wrap(innerFn, outerFn, self, tryLocsList) {
-    var protoGenerator = outerFn && outerFn.prototype instanceof Generator ? outerFn : Generator,
-      generator = Object.create(protoGenerator.prototype),
-      context = new Context(tryLocsList || []);
-    return defineProperty(generator, "_invoke", {
-      value: makeInvokeMethod(innerFn, self, context)
-    }), generator;
-  }
-  function tryCatch(fn, obj, arg) {
-    try {
-      return {
-        type: "normal",
-        arg: fn.call(obj, arg)
-      };
-    } catch (err) {
-      return {
-        type: "throw",
-        arg: err
-      };
-    }
-  }
-  exports.wrap = wrap;
-  var ContinueSentinel = {};
-  function Generator() {}
-  function GeneratorFunction() {}
-  function GeneratorFunctionPrototype() {}
-  var IteratorPrototype = {};
-  define(IteratorPrototype, iteratorSymbol, function () {
-    return this;
-  });
-  var getProto = Object.getPrototypeOf,
-    NativeIteratorPrototype = getProto && getProto(getProto(values([])));
-  NativeIteratorPrototype && NativeIteratorPrototype !== Op && hasOwn.call(NativeIteratorPrototype, iteratorSymbol) && (IteratorPrototype = NativeIteratorPrototype);
-  var Gp = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(IteratorPrototype);
-  function defineIteratorMethods(prototype) {
-    ["next", "throw", "return"].forEach(function (method) {
-      define(prototype, method, function (arg) {
-        return this._invoke(method, arg);
-      });
-    });
-  }
-  function AsyncIterator(generator, PromiseImpl) {
-    function invoke(method, arg, resolve, reject) {
-      var record = tryCatch(generator[method], generator, arg);
-      if ("throw" !== record.type) {
-        var result = record.arg,
-          value = result.value;
-        return value && "object" == typeof value && hasOwn.call(value, "__await") ? PromiseImpl.resolve(value.__await).then(function (value) {
-          invoke("next", value, resolve, reject);
-        }, function (err) {
-          invoke("throw", err, resolve, reject);
-        }) : PromiseImpl.resolve(value).then(function (unwrapped) {
-          result.value = unwrapped, resolve(result);
-        }, function (error) {
-          return invoke("throw", error, resolve, reject);
-        });
-      }
-      reject(record.arg);
-    }
-    var previousPromise;
-    defineProperty(this, "_invoke", {
-      value: function (method, arg) {
-        function callInvokeWithMethodAndArg() {
-          return new PromiseImpl(function (resolve, reject) {
-            invoke(method, arg, resolve, reject);
-          });
-        }
-        return previousPromise = previousPromise ? previousPromise.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg();
-      }
-    });
-  }
-  function makeInvokeMethod(innerFn, self, context) {
-    var state = "suspendedStart";
-    return function (method, arg) {
-      if ("executing" === state) throw new Error("Generator is already running");
-      if ("completed" === state) {
-        if ("throw" === method) throw arg;
-        return doneResult();
-      }
-      for (context.method = method, context.arg = arg;;) {
-        var delegate = context.delegate;
-        if (delegate) {
-          var delegateResult = maybeInvokeDelegate(delegate, context);
-          if (delegateResult) {
-            if (delegateResult === ContinueSentinel) continue;
-            return delegateResult;
-          }
-        }
-        if ("next" === context.method) context.sent = context._sent = context.arg;else if ("throw" === context.method) {
-          if ("suspendedStart" === state) throw state = "completed", context.arg;
-          context.dispatchException(context.arg);
-        } else "return" === context.method && context.abrupt("return", context.arg);
-        state = "executing";
-        var record = tryCatch(innerFn, self, context);
-        if ("normal" === record.type) {
-          if (state = context.done ? "completed" : "suspendedYield", record.arg === ContinueSentinel) continue;
-          return {
-            value: record.arg,
-            done: context.done
-          };
-        }
-        "throw" === record.type && (state = "completed", context.method = "throw", context.arg = record.arg);
-      }
-    };
-  }
-  function maybeInvokeDelegate(delegate, context) {
-    var methodName = context.method,
-      method = delegate.iterator[methodName];
-    if (undefined === method) return context.delegate = null, "throw" === methodName && delegate.iterator.return && (context.method = "return", context.arg = undefined, maybeInvokeDelegate(delegate, context), "throw" === context.method) || "return" !== methodName && (context.method = "throw", context.arg = new TypeError("The iterator does not provide a '" + methodName + "' method")), ContinueSentinel;
-    var record = tryCatch(method, delegate.iterator, context.arg);
-    if ("throw" === record.type) return context.method = "throw", context.arg = record.arg, context.delegate = null, ContinueSentinel;
-    var info = record.arg;
-    return info ? info.done ? (context[delegate.resultName] = info.value, context.next = delegate.nextLoc, "return" !== context.method && (context.method = "next", context.arg = undefined), context.delegate = null, ContinueSentinel) : info : (context.method = "throw", context.arg = new TypeError("iterator result is not an object"), context.delegate = null, ContinueSentinel);
-  }
-  function pushTryEntry(locs) {
-    var entry = {
-      tryLoc: locs[0]
-    };
-    1 in locs && (entry.catchLoc = locs[1]), 2 in locs && (entry.finallyLoc = locs[2], entry.afterLoc = locs[3]), this.tryEntries.push(entry);
-  }
-  function resetTryEntry(entry) {
-    var record = entry.completion || {};
-    record.type = "normal", delete record.arg, entry.completion = record;
-  }
-  function Context(tryLocsList) {
-    this.tryEntries = [{
-      tryLoc: "root"
-    }], tryLocsList.forEach(pushTryEntry, this), this.reset(!0);
-  }
-  function values(iterable) {
-    if (iterable) {
-      var iteratorMethod = iterable[iteratorSymbol];
-      if (iteratorMethod) return iteratorMethod.call(iterable);
-      if ("function" == typeof iterable.next) return iterable;
-      if (!isNaN(iterable.length)) {
-        var i = -1,
-          next = function next() {
-            for (; ++i < iterable.length;) if (hasOwn.call(iterable, i)) return next.value = iterable[i], next.done = !1, next;
-            return next.value = undefined, next.done = !0, next;
-          };
-        return next.next = next;
-      }
+const getNodeText = (node) => {
+  if (node === null || node === void 0) return "";
+  if (["string", "number"].includes(typeof node)) return node.toString();
+  if (node instanceof Array) return node.map(getNodeText).join("").trim();
+  if (typeof node === "object")
+    return getNodeText(node.props?.children ?? "").trim();
+  return "unknown";
+};
+function useControllableProp({
+  prop,
+  updater = () => void 0,
+  defaultValue
+}) {
+  const [internalState, setInternalState] = useState(defaultValue);
+  useEffect(() => {
+    if (prop !== void 0) {
+      setInternalState(prop);
     }
-    return {
-      next: doneResult
-    };
-  }
-  function doneResult() {
-    return {
-      value: undefined,
-      done: !0
-    };
-  }
-  return GeneratorFunction.prototype = GeneratorFunctionPrototype, defineProperty(Gp, "constructor", {
-    value: GeneratorFunctionPrototype,
-    configurable: !0
-  }), defineProperty(GeneratorFunctionPrototype, "constructor", {
-    value: GeneratorFunction,
-    configurable: !0
-  }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, toStringTagSymbol, "GeneratorFunction"), exports.isGeneratorFunction = function (genFun) {
-    var ctor = "function" == typeof genFun && genFun.constructor;
-    return !!ctor && (ctor === GeneratorFunction || "GeneratorFunction" === (ctor.displayName || ctor.name));
-  }, exports.mark = function (genFun) {
-    return Object.setPrototypeOf ? Object.setPrototypeOf(genFun, GeneratorFunctionPrototype) : (genFun.__proto__ = GeneratorFunctionPrototype, define(genFun, toStringTagSymbol, "GeneratorFunction")), genFun.prototype = Object.create(Gp), genFun;
-  }, exports.awrap = function (arg) {
-    return {
-      __await: arg
-    };
-  }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, asyncIteratorSymbol, function () {
-    return this;
-  }), exports.AsyncIterator = AsyncIterator, exports.async = function (innerFn, outerFn, self, tryLocsList, PromiseImpl) {
-    void 0 === PromiseImpl && (PromiseImpl = Promise);
-    var iter = new AsyncIterator(wrap(innerFn, outerFn, self, tryLocsList), PromiseImpl);
-    return exports.isGeneratorFunction(outerFn) ? iter : iter.next().then(function (result) {
-      return result.done ? result.value : iter.next();
-    });
-  }, defineIteratorMethods(Gp), define(Gp, toStringTagSymbol, "Generator"), define(Gp, iteratorSymbol, function () {
-    return this;
-  }), define(Gp, "toString", function () {
-    return "[object Generator]";
-  }), exports.keys = function (val) {
-    var object = Object(val),
-      keys = [];
-    for (var key in object) keys.push(key);
-    return keys.reverse(), function next() {
-      for (; keys.length;) {
-        var key = keys.pop();
-        if (key in object) return next.value = key, next.done = !1, next;
-      }
-      return next.done = !0, next;
-    };
-  }, exports.values = values, Context.prototype = {
-    constructor: Context,
-    reset: function (skipTempReset) {
-      if (this.prev = 0, this.next = 0, this.sent = this._sent = undefined, this.done = !1, this.delegate = null, this.method = "next", this.arg = undefined, this.tryEntries.forEach(resetTryEntry), !skipTempReset) for (var name in this) "t" === name.charAt(0) && hasOwn.call(this, name) && !isNaN(+name.slice(1)) && (this[name] = undefined);
-    },
-    stop: function () {
-      this.done = !0;
-      var rootRecord = this.tryEntries[0].completion;
-      if ("throw" === rootRecord.type) throw rootRecord.arg;
-      return this.rval;
-    },
-    dispatchException: function (exception) {
-      if (this.done) throw exception;
-      var context = this;
-      function handle(loc, caught) {
-        return record.type = "throw", record.arg = exception, context.next = loc, caught && (context.method = "next", context.arg = undefined), !!caught;
-      }
-      for (var i = this.tryEntries.length - 1; i >= 0; --i) {
-        var entry = this.tryEntries[i],
-          record = entry.completion;
-        if ("root" === entry.tryLoc) return handle("end");
-        if (entry.tryLoc <= this.prev) {
-          var hasCatch = hasOwn.call(entry, "catchLoc"),
-            hasFinally = hasOwn.call(entry, "finallyLoc");
-          if (hasCatch && hasFinally) {
-            if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0);
-            if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc);
-          } else if (hasCatch) {
-            if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0);
-          } else {
-            if (!hasFinally) throw new Error("try statement without catch or finally");
-            if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc);
-          }
-        }
-      }
-    },
-    abrupt: function (type, arg) {
-      for (var i = this.tryEntries.length - 1; i >= 0; --i) {
-        var entry = this.tryEntries[i];
-        if (entry.tryLoc <= this.prev && hasOwn.call(entry, "finallyLoc") && this.prev < entry.finallyLoc) {
-          var finallyEntry = entry;
-          break;
-        }
-      }
-      finallyEntry && ("break" === type || "continue" === type) && finallyEntry.tryLoc <= arg && arg <= finallyEntry.finallyLoc && (finallyEntry = null);
-      var record = finallyEntry ? finallyEntry.completion : {};
-      return record.type = type, record.arg = arg, finallyEntry ? (this.method = "next", this.next = finallyEntry.finallyLoc, ContinueSentinel) : this.complete(record);
-    },
-    complete: function (record, afterLoc) {
-      if ("throw" === record.type) throw record.arg;
-      return "break" === record.type || "continue" === record.type ? this.next = record.arg : "return" === record.type ? (this.rval = this.arg = record.arg, this.method = "return", this.next = "end") : "normal" === record.type && afterLoc && (this.next = afterLoc), ContinueSentinel;
-    },
-    finish: function (finallyLoc) {
-      for (var i = this.tryEntries.length - 1; i >= 0; --i) {
-        var entry = this.tryEntries[i];
-        if (entry.finallyLoc === finallyLoc) return this.complete(entry.completion, entry.afterLoc), resetTryEntry(entry), ContinueSentinel;
-      }
-    },
-    catch: function (tryLoc) {
-      for (var i = this.tryEntries.length - 1; i >= 0; --i) {
-        var entry = this.tryEntries[i];
-        if (entry.tryLoc === tryLoc) {
-          var record = entry.completion;
-          if ("throw" === record.type) {
-            var thrown = record.arg;
-            resetTryEntry(entry);
-          }
-          return thrown;
-        }
-      }
-      throw new Error("illegal catch attempt");
-    },
-    delegateYield: function (iterable, resultName, nextLoc) {
-      return this.delegate = {
-        iterator: values(iterable),
-        resultName: resultName,
-        nextLoc: nextLoc
-      }, "next" === this.method && (this.arg = undefined), ContinueSentinel;
-    }
-  }, exports;
+  }, [prop]);
+  return prop === void 0 ? [internalState, setInternalState] : [prop, updater];
 }
-function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
-  try {
-    var info = gen[key](arg);
-    var value = info.value;
-  } catch (error) {
-    reject(error);
-    return;
-  }
-  if (info.done) {
-    resolve(value);
-  } else {
-    Promise.resolve(value).then(_next, _throw);
-  }
-}
-function _asyncToGenerator(fn) {
-  return function () {
-    var self = this,
-      args = arguments;
-    return new Promise(function (resolve, reject) {
-      var gen = fn.apply(self, args);
-      function _next(value) {
-        asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value);
-      }
-      function _throw(err) {
-        asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err);
-      }
-      _next(undefined);
-    });
-  };
-}
-
-var CMP_INITIALIZE_EVENT = 'UC_UI_INITIALIZED';
-var CONSENT_UPDATED_EVENT = 'UC_CONSENT';
-var CMP_SHADOW_ROOT_ID = 'usercentrics-cmp-ui';
-var acceptAllConsents = function acceptAllConsents() {
-  return window.__ucCmp.acceptAllConsents();
-};
-var denyAllConsents = function denyAllConsents() {
-  return window.__ucCmp.denyAllConsents();
-};
-var updateServicesConsents = function updateServicesConsents(serviceConsents) {
-  return window.__ucCmp.updateServicesConsents(serviceConsents);
-};
-var changeLanguage = function changeLanguage(language) {
-  return window.__ucCmp.changeLanguage(language);
-};
-var showCookieBanner = function showCookieBanner() {
-  return window.__ucCmp.showFirstLayer();
+export {
+  ConditionalWrapper,
+  getNodeText,
+  mergeRefs,
+  useControllableProp,
+  useDebounce,
+  useForceUpdate,
+  useOnClickOutside,
+  useOnEscape,
+  useOnMount,
+  useRandomId,
+  useWindowDimensions,
+  warnAboutMissingStyles
 };
-var hideCookieBanner = function hideCookieBanner() {
-  return window.__ucCmp.closeCmp();
-};
-function styleCookieBanner() {
-  return _styleCookieBanner.apply(this, arguments);
-}
-function _styleCookieBanner() {
-  _styleCookieBanner = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
-    var _cmpElement$shadowRoo;
-    var cmpElement, sheet;
-    return _regeneratorRuntime().wrap(function _callee$(_context) {
-      while (1) {
-        switch (_context.prev = _context.next) {
-          case 0:
-            _context.next = 2;
-            return waitForElementWithId(CMP_SHADOW_ROOT_ID);
-          case 2:
-            cmpElement = document.getElementById(CMP_SHADOW_ROOT_ID);
-            console.log('cmp', cmpElement);
-            sheet = new CSSStyleSheet();
-            sheet.replaceSync(cmpStyleSheet);
-            cmpElement == null ? void 0 : (_cmpElement$shadowRoo = cmpElement.shadowRoot) == null ? void 0 : _cmpElement$shadowRoo.adoptedStyleSheets.push(sheet);
-          case 7:
-          case "end":
-            return _context.stop();
-        }
-      }
-    }, _callee);
-  }));
-  return _styleCookieBanner.apply(this, arguments);
-}
-function formatConsentEvent(event) {
-  var _event$detail$service, _event$detail;
-  return Object.entries((_event$detail$service = event == null ? void 0 : (_event$detail = event.detail) == null ? void 0 : _event$detail.services) != null ? _event$detail$service : {}).map(function (service) {
-    var _service$1$consent$gi, _service$1$consent;
-    return {
-      id: service[0],
-      name: service[1].name,
-      consentGiven: (_service$1$consent$gi = (_service$1$consent = service[1].consent) == null ? void 0 : _service$1$consent.given) != null ? _service$1$consent$gi : false,
-      category: service[1].category
-    };
-  });
-}
-var cookieBanner = {
-  acceptAllConsents: acceptAllConsents,
-  denyAllConsents: denyAllConsents,
-  updateServicesConsents: updateServicesConsents,
-  changeLanguage: changeLanguage,
-  showCookieBanner: showCookieBanner,
-  hideCookieBanner: hideCookieBanner,
-  eventListner: {
-    CONSENT_UPDATED_EVENT: CONSENT_UPDATED_EVENT,
-    CMP_INITIALIZE_EVENT: CMP_INITIALIZE_EVENT
-  },
-  formatConsentEvent: formatConsentEvent
-};
-if (typeof window !== 'undefined') styleCookieBanner();
-/** Utils */
-// Returns true when element with id is available in the DOM
-function waitForElementWithId(_x) {
-  return _waitForElementWithId.apply(this, arguments);
-}
-/** Stylesheet for CookieBanner */
-function _waitForElementWithId() {
-  _waitForElementWithId = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(selector) {
-    return _regeneratorRuntime().wrap(function _callee2$(_context2) {
-      while (1) {
-        switch (_context2.prev = _context2.next) {
-          case 0:
-            return _context2.abrupt("return", new Promise(function (resolve) {
-              var observer = new MutationObserver(function (_, observer) {
-                var element = document.querySelector('#' + selector);
-                if (element) {
-                  observer.disconnect();
-                  resolve(true);
-                }
-              });
-              observer.observe(document.body, {
-                childList: true,
-                subtree: true
-              });
-            }));
-          case 1:
-          case "end":
-            return _context2.stop();
-        }
-      }
-    }, _callee2);
-  }));
-  return _waitForElementWithId.apply(this, arguments);
-}
-var cmpStyleSheet = "\n  .cmp-wrapper.cmp-wrapper.cmp-wrapper { \n    width: 100%;\n\n    .cmp:not(.second) {\n      padding: " + space.rem.large + "rem calc((100dvw - 54rem) / 2);\n      border-radius: unset;\n      box-shadow: " + shadows.cardShadow + ";\n\n      .language-selector-menu {\n        right: calc((100dvw - 64rem) / 2);\n      }\n    } \n\n    .privacy-title {\n      font-size: " + fontSizes.rem.extraLarge2 + "rem;\n    }\n    .privacy-text {\n      font-size: " + fontSizes.rem.large + "rem;\n      line-height: " + lineHeights.rem.large + "rem;\n    }\n\n\n    .buttons-row {\n      justify-content: flex-end;\n    }\n\n    button[data-action=\"consent\"] {\n      flex-grow: unset;\n      flex-basis: unset;\n      width: fit-content;\n      min-width: 9.5rem;\n      height: 3rem;\n      cursor: pointer;\n      font-size: 1rem;\n      line-height: 1.5rem;\n      font-weight: 500;\n      \n      &[data-action-type=\"accept\"] {\n        background-color: var(--components-button-primary-contrast-default);\n        color: var(--components-button-primary-contrast-text);\n\n        &:hover {\n          background-color: var(--components-button-primary-contrast-hover);\n        }\n      }\n      \n      &[data-action-type=\"more\"],\n      &[data-action-type=\"deny\"] {\n        background-color: transparent;\n        color: var(--components-button-secondary-contrast-text);\n        border: 2px solid var(--components-button-secondary-contrast-border);\n\n        &:hover {\n          background-color: var(--components-button-secondary-contrast-hover);\n        }\n      }\n    }\n\n    .poweredBy {\n      display: none;\n    }\n  }\n";
-
-export { CMP_INITIALIZE_EVENT, CONSENT_UPDATED_EVENT, ConditionalWrapper, cmpStyleSheet, cookieBanner, getNodeText, mergeRefs, useDebounce, useForceUpdate, useOnClickOutside, useOnEscape, useOnMount, useRandomId, useWindowDimensions, waitForElementWithId, warnAboutMissingStyles };
 //# sourceMappingURL=utils.esm.js.map