@multiplatform.one/connectkit 6.0.0

package/dist/esm/components/ConnectKitThemeProvider/ConnectKitThemeProvider.native.js

@@ -0,0 +1,28 @@
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import React, { createContext, createElement } from "react";
+var Context = /* @__PURE__ */createContext(null);
+var ConnectKitThemeProvider = function ConnectKitThemeProvider2(param) {
+  var {
+    children,
+    theme = "auto",
+    mode = "auto",
+    customTheme
+  } = param;
+  var value = {
+    theme,
+    mode,
+    customTheme
+  };
+  return /* @__PURE__ */createElement(Context.Provider, {
+    value
+  }, /* @__PURE__ */_jsx(_Fragment, {
+    children
+  }));
+};
+var useThemeContext = function useThemeContext2() {
+  var context = React.useContext(Context);
+  if (!context) throw Error("ConnectKitThemeProvider must be inside a Provider.");
+  return context;
+};
+export { ConnectKitThemeProvider, useThemeContext };
+//# sourceMappingURL=ConnectKitThemeProvider.native.js.map

package/dist/esm/components/ConnectKitThemeProvider/ConnectKitThemeProvider.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["jsx","_jsx","Fragment","_Fragment","React","createContext","createElement","Context","ConnectKitThemeProvider","ConnectKitThemeProvider2","param","children","theme","mode","customTheme","value","Provider","useThemeContext","useThemeContext2","context","useContext","Error"],"sources":["../../../../src/components/ConnectKitThemeProvider/ConnectKitThemeProvider.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAAOA,GAAA,IAASC,IAAA,EAAAC,QAAA,IAAeC,SAAA,2BAAqB;AA8BA,OAAAC,KAAA,IAAAC,aAAA,EAAAC,aAAA;AArBpD,IAAAC,OAAM,kBAA6CF,aAAI;AAShD,IAAAG,uBAAM,YAAmEC,yBAAAC,KAAA;EAC9E;IAAAC,QAAA;IAAAC,KAAA;IAAAC,IAAA;IAAAC;EAAA,IAAAJ,KAAA;EACA,IAAAK,KAAQ;IACRH,KAAO;IACPC,IAAA;IACFC;EACE;EAAc,OACZ,eAAAR,aAAA,CAAAC,OAAA,CAAAS,QAAA;IACAD;EAAA,GACA,eAAAd,IAAA,CAAAE,SAAA;IACFQ;EAEA;AACF;AAEO,IAAAM,eAAM,YAAwBC,iBAAA;EACnC,IAAAC,OAAM,GAAAf,KAAU,CAAAgB,UAAM,CAAAb,OAAW;EACjC,IAAI,CAACY,OAAA,EAAS,MAAME,KAAA,CAAM,oDAAoD;EAC9E,OAAOF,OAAA;AACT","ignoreList":[]}

package/dist/esm/components/ConnectModal/index.mjs

@@ -0,0 +1,74 @@
+import { useEffect } from "react";
+import { routes, useContext } from "../ConnectKit.mjs";
+import Modal from "../Common/Modal/index.mjs";
+import { getAppName } from "../../appMeta.mjs";
+import { ConnectKitThemeProvider } from "../ConnectKitThemeProvider/ConnectKitThemeProvider.mjs";
+import { resolveShowBack, useModalState, useScreenRegistry } from "../../registry.mjs";
+import { jsx } from "react/jsx-runtime";
+const customThemeDefault = {};
+const ConnectModal = ({
+  mode = "auto",
+  theme = "auto",
+  customTheme = customThemeDefault,
+  lang = "en-US"
+}) => {
+  const context = useContext();
+  const {
+    screens
+  } = useScreenRegistry();
+  const modalState = useModalState();
+  const isConnected = !!modalState.connected;
+  const chainIsSupported = modalState.chainIsSupported !== false;
+  const currentDef = screens.get(context.route);
+  const homeRoute = isConnected ? routes.PROFILE : routes.CONNECTORS;
+  const isHome = context.route === homeRoute;
+  const closeable = !(context.options?.enforceSupportedChains && isConnected && !chainIsSupported);
+  const showBackButton = closeable && !!currentDef && resolveShowBack(currentDef, modalState, isHome);
+  const showInfoButton = closeable && !!currentDef && (currentDef.showInfo ?? true);
+  const screenApi = {
+    setRoute: context.setRoute,
+    setOpen: context.setOpen,
+    close: () => context.setOpen(false)
+  };
+  const onBack = () => {
+    if (currentDef?.onBack) currentDef.onBack(screenApi);else context.setRoute(homeRoute);
+  };
+  const pages = {};
+  screens.forEach((def, id) => {
+    pages[id] = /* @__PURE__ */jsx(def.component, {});
+  });
+  function hide() {
+    context.setOpen(false);
+  }
+  useEffect(() => context.setMode(mode), [mode]);
+  useEffect(() => context.setTheme(theme), [theme]);
+  useEffect(() => context.setCustomTheme(customTheme), [customTheme]);
+  useEffect(() => context.setLang(lang), [lang]);
+  useEffect(() => {
+    const appName = getAppName();
+    if (!appName || !context.open) return;
+    const title = document.createElement("meta");
+    title.setAttribute("property", "og:title");
+    title.setAttribute("content", appName);
+    document.head.prepend(title);
+    return () => {
+      document.head.removeChild(title);
+    };
+  }, [context.open]);
+  return /* @__PURE__ */jsx(ConnectKitThemeProvider, {
+    theme,
+    customTheme,
+    mode,
+    children: /* @__PURE__ */jsx(Modal, {
+      open: context.open,
+      pages,
+      pageId: context.route,
+      onClose: closeable ? hide : void 0,
+      onInfo: showInfoButton ? () => context.setRoute(routes.ABOUT) : void 0,
+      onBack: showBackButton ? onBack : void 0
+    })
+  });
+};
+var ConnectModal_default = ConnectModal;
+export { ConnectModal_default as default };
+//# sourceMappingURL=index.mjs.map

package/dist/esm/components/ConnectModal/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["useEffect","routes","useContext","Modal","getAppName","ConnectKitThemeProvider","resolveShowBack","useModalState","useScreenRegistry","jsx","customThemeDefault","ConnectModal","mode","theme","customTheme","lang","context","screens","modalState","isConnected","connected","chainIsSupported","currentDef","get","route","homeRoute","PROFILE","CONNECTORS","isHome","closeable","options","enforceSupportedChains","showBackButton","showInfoButton","showInfo","screenApi","setRoute","setOpen","close","onBack","pages","forEach","def","id","component","hide","setMode","setTheme","setCustomTheme","setLang","appName","open","title","document","createElement","setAttribute","head","prepend","removeChild","children","pageId","onClose","onInfo","ABOUT","ConnectModal_default"],"sources":["../../../../src/components/ConnectModal/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/components/ConnectModal/index.native.js

@@ -0,0 +1,91 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect } from "react";
+import { routes, useContext } from "../ConnectKit.native.js";
+import Modal from "../Common/Modal/index.native.js";
+import { getAppName } from "../../appMeta.native.js";
+import { ConnectKitThemeProvider } from "../ConnectKitThemeProvider/ConnectKitThemeProvider.native.js";
+import { resolveShowBack, useModalState, useScreenRegistry } from "../../registry.native.js";
+var customThemeDefault = {};
+var ConnectModal = function ConnectModal2(param) {
+  var {
+    mode = "auto",
+    theme = "auto",
+    customTheme = customThemeDefault,
+    lang = "en-US"
+  } = param;
+  var _currentDef_showInfo;
+  var _context_options;
+  var context = useContext();
+  var {
+    screens
+  } = useScreenRegistry();
+  var modalState = useModalState();
+  var isConnected = !!modalState.connected;
+  var chainIsSupported = modalState.chainIsSupported !== false;
+  var currentDef = screens.get(context.route);
+  var homeRoute = isConnected ? routes.PROFILE : routes.CONNECTORS;
+  var isHome = context.route === homeRoute;
+  var closeable = !(((_context_options = context.options) === null || _context_options === void 0 ? void 0 : _context_options.enforceSupportedChains) && isConnected && !chainIsSupported);
+  var showBackButton = closeable && !!currentDef && resolveShowBack(currentDef, modalState, isHome);
+  var showInfoButton = closeable && !!currentDef && ((_currentDef_showInfo = currentDef.showInfo) !== null && _currentDef_showInfo !== void 0 ? _currentDef_showInfo : true);
+  var screenApi = {
+    setRoute: context.setRoute,
+    setOpen: context.setOpen,
+    close: function close() {
+      return context.setOpen(false);
+    }
+  };
+  var onBack = function onBack2() {
+    if (currentDef === null || currentDef === void 0 ? void 0 : currentDef.onBack) currentDef.onBack(screenApi);else context.setRoute(homeRoute);
+  };
+  var pages = {};
+  screens.forEach(function (def, id) {
+    pages[id] = /* @__PURE__ */_jsx(def.component, {});
+  });
+  function hide() {
+    context.setOpen(false);
+  }
+  useEffect(function () {
+    return context.setMode(mode);
+  }, [mode]);
+  useEffect(function () {
+    return context.setTheme(theme);
+  }, [theme]);
+  useEffect(function () {
+    return context.setCustomTheme(customTheme);
+  }, [customTheme]);
+  useEffect(function () {
+    return context.setLang(lang);
+  }, [lang]);
+  useEffect(function () {
+    var appName = getAppName();
+    if (!appName || !context.open) return;
+    var title = document.createElement("meta");
+    title.setAttribute("property", "og:title");
+    title.setAttribute("content", appName);
+    document.head.prepend(title);
+    return function () {
+      document.head.removeChild(title);
+    };
+  },
+  //if (appIcon) document.head.removeChild(icon);
+  [context.open]);
+  return /* @__PURE__ */_jsx(ConnectKitThemeProvider, {
+    theme,
+    customTheme,
+    mode,
+    children: /* @__PURE__ */_jsx(Modal, {
+      open: context.open,
+      pages,
+      pageId: context.route,
+      onClose: closeable ? hide : void 0,
+      onInfo: showInfoButton ? function () {
+        return context.setRoute(routes.ABOUT);
+      } : void 0,
+      onBack: showBackButton ? onBack : void 0
+    })
+  });
+};
+var ConnectModal_default = ConnectModal;
+export { ConnectModal_default as default };
+//# sourceMappingURL=index.native.js.map

package/dist/esm/components/ConnectModal/index.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["jsx","_jsx","useEffect","routes","useContext","Modal","getAppName","ConnectKitThemeProvider","resolveShowBack","useModalState","useScreenRegistry","customThemeDefault","ConnectModal","ConnectModal2","param","mode","theme","customTheme","lang","_currentDef_showInfo","_context_options","context","screens","modalState","isConnected","connected","chainIsSupported","currentDef","get","route","homeRoute","PROFILE","CONNECTORS","isHome","closeable","options","enforceSupportedChains","showBackButton","showInfoButton","showInfo","screenApi","setRoute","setOpen","close","onBack","onBack2","pages","forEach","def","id","component","hide","setMode","setTheme","setCustomTheme","setLang","appName"],"sources":["../../../../src/components/ConnectModal/index.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAAC,IAAA,QAAiB;AAC1B,SAASC,SAAQ;AAEjB,SAAOC,MAAA,EAAAC,UAAW;AAElB,OAAAC,KAAS,uCAAkB;AAC3B,SAASC,UAAA,iCAA+B;AACxC,SAAoBC,uBAAiB,sEAAwC;AA8C7D,SAAAC,eAAA,EAAAC,aAAA,EAAAC,iBAAA;AA5ChB,IAAAC,kBAAM,KAA6B;AAEnC,IAAAC,YAAM,YAKEC,aAAeA,CAAAC,KAAQ;EAC7B;IAAMC,IAAA,SAAU;IAAAC,KAAA,GAAW;IAAAC,WAAA,GAAAN,kBAAA;IAAAO,IAAA;EAAA,IAAAJ,KAAA;EAK3B,IAAAK,oBAAoB;EACpB,IAAAC,gBAAmB;EACnB,IAAAC,OAAM,GAAAjB,UAAgB;EACtB;IAAMkB;EAAA,IAAAZ,iBAAmB,CAAW;EAEpC,IAAAa,UAAM,GAAAd,aAAqB,CAAI;EAC/B,IAAAe,WAAM,GAAY,EAAAD,UAAA,CAAAE,SAAqB;EACvC,IAAAC,gBAAe,GAAQH,UAAU,CAAAG,gBAAA;EAGjC,IAAAC,UAAM,GAAAL,OAAc,CAAAM,GAAQ,CAAAP,OAAA,CAASQ,KAAA;EAErC,IAAAC,SAAM,GAAAN,WACJ,GAAArB,MAAa,CAAC4B,OAAC,GAAA5B,MAAc,CAAA6B,UAAA;EAE/B,IAAAC,MAAM,GAAAZ,OAAA,CAAAQ,KAAiB,KAAAC,SAAe;EAEtC,IAAAI,SAAM,KAAuB,EAAAd,gBAAA,GAAAC,OAAA,CAAAc,OAAA,cAAAf,gBAAA,uBAAAA,gBAAA,CAAAgB,sBAAA,KAAAZ,WAAA,KAAAE,gBAAA;EAAA,IAC3BW,cAAU,GAAQH,SAAA,MAAAP,UAAA,IAAAnB,eAAA,CAAAmB,UAAA,EAAAJ,UAAA,EAAAU,MAAA;EAAA,IAClBK,cAAS,GAAQJ,SAAA,MAAAP,UAAA,MAAAR,oBAAA,GAAAQ,UAAA,CAAAY,QAAA,cAAApB,oBAAA,cAAAA,oBAAA;EAAA,IACjBqB,SAAO,GAAM;IACfC,QAAA,EAAApB,OAAA,CAAAoB,QAAA;IAGAC,OAAM,EAAArB,OAAS,CAAAqB,OAAM;IACnBC,KAAI,WAAYA,MAAA,EAAQ;MAA2B,OAC9CtB,OAAQ,CAAAqB,OAAS,OAAS;IACjC;EAEA;EACA,IAAAE,MAAQ,YAAcC,OAAOA,CAAA;IAC3B,IAAAlB,UAAY,aAAAA,UAAK,UAAJ,IAAc,SAAAA,UAAA,CAAAiB,MAAA,EAAAjB,UAAA,CAAAiB,MAAA,CAAAJ,SAAA,OAC5BnB,OAAA,CAAAoB,QAAA,CAAAX,SAAA;EAED;EACE,IAAAgB,KAAA,GAAQ;EACVxB,OAAA,CAAAyB,OAAA,WAAAC,GAAA,EAAAC,EAAA;IAKAH,KAAA,CAAAG,EAAU,mBAAchD,IAAQ,CAAA+C,GAAI,CAAGE,SAAM;EAC7C;EACA,SAAAC,IAAUA,CAAA,EAAM;IAChB9B,OAAA,CAAUqB,OAAM,OAAQ;EAGxB;EACExC,SAAM,aAAU;IAChB,OAAKmB,OAAA,CAAA+B,OAAY,CAAArC,IAAQ;EAEzB,IACAA,IAAA,CACA;EACAb,SAAA,aAAc;IAYd,OAAOmB,OAAM,CAAAgC,QAAA,CAAArC,KAAA;EACX,IAEFA,KAAA,CACF;EAEAd,SACE;IACG,OAAAmB,OAAA,CAAAiC,cAAA,CAAArC,WAAA;EAAA,IAAAA,WACO,CAAQ;EACdf,SACA,aAAgB;IAAA,OAChBmB,OAAS,CAAAkC,OAAA,CAAYrC,IAAA;EAAO,IACoCA,IAChE,CAAkC;EACpChB,SACF,CAEJ;IAEO,IAAAsD,OAAA,GAAAlD,UAAQ","ignoreList":[]}

package/dist/esm/constants/defaultTheme.mjs

@@ -0,0 +1,5 @@
+var defaultTheme_default = {
+  mobileWidth: 560
+};
+export { defaultTheme_default as default };
+//# sourceMappingURL=defaultTheme.mjs.map

package/dist/esm/constants/defaultTheme.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["defaultTheme_default","mobileWidth"],"sources":["../../../src/constants/defaultTheme.ts"],"sourcesContent":[null],"mappings":"AAAA,IAAOA,oBAAA,GAAQ;EACbC,WAAA,EAAa;AACf","ignoreList":[]}

package/dist/esm/constants/defaultTheme.native.js

@@ -0,0 +1,5 @@
+var defaultTheme_default = {
+  mobileWidth: 560
+};
+export { defaultTheme_default as default };
+//# sourceMappingURL=defaultTheme.native.js.map

package/dist/esm/constants/defaultTheme.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["defaultTheme_default","mobileWidth"],"sources":["../../../src/constants/defaultTheme.ts"],"sourcesContent":[null],"mappings":"AAAA,IAAOA,oBAAA,GAAQ;EACbC,WAAA,EAAa;AACf","ignoreList":[]}

package/dist/esm/hooks/useFitText.mjs

@@ -0,0 +1,128 @@
+import { useCallback, useEffect, useLayoutEffect, useRef, useState } from "react";
+import ResizeObserver from "resize-observer-polyfill";
+const LOG_LEVEL = {
+  debug: 10,
+  info: 20,
+  warn: 30,
+  error: 40,
+  none: 100
+};
+const useIsoLayoutEffect = typeof window !== "undefined" && window.document && window.document.createElement !== void 0 ? useLayoutEffect : useEffect;
+const useFitText = ({
+  logLevel: logLevelOption = "info",
+  maxFontSize = 100,
+  minFontSize = 20,
+  onFinish,
+  onStart,
+  resolution = 5
+} = {}) => {
+  const logLevel = LOG_LEVEL[logLevelOption];
+  const initState = useCallback(() => {
+    return {
+      calcKey: 0,
+      fontSize: maxFontSize,
+      fontSizePrev: minFontSize,
+      fontSizeMax: maxFontSize,
+      fontSizeMin: minFontSize
+    };
+  }, [maxFontSize, minFontSize]);
+  const ref = useRef(null);
+  const innerHtmlPrevRef = useRef(null);
+  const isCalculatingRef = useRef(false);
+  const [state, setState] = useState(initState);
+  const {
+    calcKey,
+    fontSize,
+    fontSizeMax,
+    fontSizeMin,
+    fontSizePrev
+  } = state;
+  let animationFrameId = null;
+  const [ro] = useState(() => new ResizeObserver(() => {
+    animationFrameId = window.requestAnimationFrame(() => {
+      if (isCalculatingRef.current) {
+        return;
+      }
+      onStart && onStart();
+      isCalculatingRef.current = true;
+      setState({
+        ...initState(),
+        calcKey: calcKey + 1
+      });
+    });
+  }));
+  useEffect(() => {
+    if (ref.current) {
+      ro.observe(ref.current);
+    }
+    return () => {
+      animationFrameId && window.cancelAnimationFrame(animationFrameId);
+      ro.disconnect();
+    };
+  }, [animationFrameId, ro]);
+  const innerHtml = ref.current && ref.current.innerHTML;
+  useEffect(() => {
+    if (calcKey === 0 || isCalculatingRef.current) return;
+    if (innerHtml !== innerHtmlPrevRef.current) {
+      onStart && onStart();
+      setState({
+        ...initState(),
+        calcKey: calcKey + 1
+      });
+    }
+    innerHtmlPrevRef.current = innerHtml;
+  }, [calcKey, initState, innerHtml, onStart]);
+  useIsoLayoutEffect(() => {
+    if (calcKey === 0) {
+      return;
+    }
+    const isWithinResolution = Math.abs(fontSize - fontSizePrev) <= resolution;
+    const isOverflow = !!ref.current && (ref.current.scrollHeight > ref.current.offsetHeight || ref.current.scrollWidth > ref.current.offsetWidth);
+    const isFailed = isOverflow && fontSize === fontSizePrev;
+    const isAsc = fontSize > fontSizePrev;
+    if (isWithinResolution) {
+      if (isFailed) {
+        isCalculatingRef.current = false;
+        if (logLevel <= LOG_LEVEL.info) {
+          console.info(`[use-fit-text] reached \`minFontSize = ${minFontSize}\` without fitting text`);
+        }
+      } else if (isOverflow) {
+        setState({
+          fontSize: isAsc ? fontSizePrev : fontSizeMin,
+          fontSizeMax,
+          fontSizeMin,
+          fontSizePrev,
+          calcKey
+        });
+      } else {
+        isCalculatingRef.current = false;
+        onFinish && onFinish(fontSize);
+      }
+      return;
+    }
+    let delta;
+    let newMax = fontSizeMax;
+    let newMin = fontSizeMin;
+    if (isOverflow) {
+      delta = isAsc ? fontSizePrev - fontSize : fontSizeMin - fontSize;
+      newMax = Math.min(fontSizeMax, fontSize);
+    } else {
+      delta = isAsc ? fontSizeMax - fontSize : fontSizePrev - fontSize;
+      newMin = Math.max(fontSizeMin, fontSize);
+    }
+    setState({
+      calcKey,
+      fontSize: fontSize + delta / 2,
+      fontSizeMax: newMax,
+      fontSizeMin: newMin,
+      fontSizePrev: fontSize
+    });
+  }, [calcKey, fontSize, fontSizeMax, fontSizeMin, fontSizePrev, onFinish, ref, resolution]);
+  return {
+    fontSize,
+    ref
+  };
+};
+var useFitText_default = useFitText;
+export { useFitText_default as default };
+//# sourceMappingURL=useFitText.mjs.map

package/dist/esm/hooks/useFitText.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["useCallback","useEffect","useLayoutEffect","useRef","useState","ResizeObserver","LOG_LEVEL","debug","info","warn","error","none","useIsoLayoutEffect","window","document","createElement","useFitText","logLevel","logLevelOption","maxFontSize","minFontSize","onFinish","onStart","resolution","initState","calcKey","fontSize","fontSizePrev","fontSizeMax","fontSizeMin","ref","innerHtmlPrevRef","isCalculatingRef","state","setState","animationFrameId","ro","requestAnimationFrame","current","observe","cancelAnimationFrame","disconnect","innerHtml","innerHTML","isWithinResolution","Math","abs","isOverflow","scrollHeight","offsetHeight","scrollWidth","offsetWidth","isFailed","isAsc","console","delta","newMax","newMin","min","max","useFitText_default"],"sources":["../../../src/hooks/useFitText.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/hooks/useFitText.native.js

@@ -0,0 +1,131 @@
+import { useCallback, useEffect, useLayoutEffect, useRef, useState } from "react";
+import ResizeObserver from "resize-observer-polyfill";
+var LOG_LEVEL = {
+  debug: 10,
+  info: 20,
+  warn: 30,
+  error: 40,
+  none: 100
+};
+var useIsoLayoutEffect = typeof window !== "undefined" && window.document && window.document.createElement !== void 0 ? useLayoutEffect : useEffect;
+var useFitText = function useFitText2() {
+  var {
+    logLevel: logLevelOption = "info",
+    maxFontSize = 100,
+    minFontSize = 20,
+    onFinish,
+    onStart,
+    resolution = 5
+  } = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
+  var logLevel = LOG_LEVEL[logLevelOption];
+  var initState = useCallback(function () {
+    return {
+      calcKey: 0,
+      fontSize: maxFontSize,
+      fontSizePrev: minFontSize,
+      fontSizeMax: maxFontSize,
+      fontSizeMin: minFontSize
+    };
+  }, [maxFontSize, minFontSize]);
+  var ref = useRef(null);
+  var innerHtmlPrevRef = useRef(null);
+  var isCalculatingRef = useRef(false);
+  var [state, setState] = useState(initState);
+  var {
+    calcKey,
+    fontSize,
+    fontSizeMax,
+    fontSizeMin,
+    fontSizePrev
+  } = state;
+  var animationFrameId = null;
+  var [ro] = useState(function () {
+    return new ResizeObserver(function () {
+      animationFrameId = window.requestAnimationFrame(function () {
+        if (isCalculatingRef.current) {
+          return;
+        }
+        onStart && onStart();
+        isCalculatingRef.current = true;
+        setState({
+          ...initState(),
+          calcKey: calcKey + 1
+        });
+      });
+    });
+  });
+  useEffect(function () {
+    if (ref.current) {
+      ro.observe(ref.current);
+    }
+    return function () {
+      animationFrameId && window.cancelAnimationFrame(animationFrameId);
+      ro.disconnect();
+    };
+  }, [animationFrameId, ro]);
+  var innerHtml = ref.current && ref.current.innerHTML;
+  useEffect(function () {
+    if (calcKey === 0 || isCalculatingRef.current) return;
+    if (innerHtml !== innerHtmlPrevRef.current) {
+      onStart && onStart();
+      setState({
+        ...initState(),
+        calcKey: calcKey + 1
+      });
+    }
+    innerHtmlPrevRef.current = innerHtml;
+  }, [calcKey, initState, innerHtml, onStart]);
+  useIsoLayoutEffect(function () {
+    if (calcKey === 0) {
+      return;
+    }
+    var isWithinResolution = Math.abs(fontSize - fontSizePrev) <= resolution;
+    var isOverflow = !!ref.current && (ref.current.scrollHeight > ref.current.offsetHeight || ref.current.scrollWidth > ref.current.offsetWidth);
+    var isFailed = isOverflow && fontSize === fontSizePrev;
+    var isAsc = fontSize > fontSizePrev;
+    if (isWithinResolution) {
+      if (isFailed) {
+        isCalculatingRef.current = false;
+        if (logLevel <= LOG_LEVEL.info) {
+          console.info(`[use-fit-text] reached \`minFontSize = ${minFontSize}\` without fitting text`);
+        }
+      } else if (isOverflow) {
+        setState({
+          fontSize: isAsc ? fontSizePrev : fontSizeMin,
+          fontSizeMax,
+          fontSizeMin,
+          fontSizePrev,
+          calcKey
+        });
+      } else {
+        isCalculatingRef.current = false;
+        onFinish && onFinish(fontSize);
+      }
+      return;
+    }
+    var delta;
+    var newMax = fontSizeMax;
+    var newMin = fontSizeMin;
+    if (isOverflow) {
+      delta = isAsc ? fontSizePrev - fontSize : fontSizeMin - fontSize;
+      newMax = Math.min(fontSizeMax, fontSize);
+    } else {
+      delta = isAsc ? fontSizeMax - fontSize : fontSizePrev - fontSize;
+      newMin = Math.max(fontSizeMin, fontSize);
+    }
+    setState({
+      calcKey,
+      fontSize: fontSize + delta / 2,
+      fontSizeMax: newMax,
+      fontSizeMin: newMin,
+      fontSizePrev: fontSize
+    });
+  }, [calcKey, fontSize, fontSizeMax, fontSizeMin, fontSizePrev, onFinish, ref, resolution]);
+  return {
+    fontSize,
+    ref
+  };
+};
+var useFitText_default = useFitText;
+export { useFitText_default as default };
+//# sourceMappingURL=useFitText.native.js.map

package/dist/esm/hooks/useFitText.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useCallback","useEffect","useLayoutEffect","useRef","useState","ResizeObserver","LOG_LEVEL","debug","info","warn","error","none","useIsoLayoutEffect","window","document","createElement","useFitText","useFitText2","logLevel","logLevelOption","maxFontSize","minFontSize","onFinish","onStart","resolution","arguments","length","initState","calcKey","fontSize","fontSizePrev","fontSizeMax","fontSizeMin","ref","innerHtmlPrevRef","isCalculatingRef","state","setState","animationFrameId","ro","requestAnimationFrame","current","observe","cancelAnimationFrame","disconnect","innerHtml","innerHTML","isWithinResolution","Math","abs","isOverflow","scrollHeight","offsetHeight","scrollWidth","offsetWidth","isFailed","isAsc","console","delta","newMax","newMin","min","max"],"sources":["../../../src/hooks/useFitText.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/hooks/useFocusTrap.mjs

@@ -0,0 +1,65 @@
+import { useRef, useEffect } from "react";
+import { jsx } from "react/jsx-runtime";
+const KEYCODE_TAB = 9;
+function useFocusTrap() {
+  const elRef = useRef(null);
+  function handleFocus(e) {
+    if (!elRef.current) return;
+    var focusableEls = elRef.current.querySelectorAll(`
+        a[href]:not(:disabled),
+        button:not(:disabled),
+        textarea:not(:disabled),
+        input[type="text"]:not(:disabled),
+        input[type="radio"]:not(:disabled),
+        input[type="checkbox"]:not(:disabled),
+        select:not(:disabled)
+      `),
+      firstFocusableEl = focusableEls[0],
+      lastFocusableEl = focusableEls[focusableEls.length - 1];
+    var isTabPressed = e.key === "Tab" || e.keyCode === KEYCODE_TAB;
+    if (!isTabPressed) {
+      return;
+    }
+    if (e.shiftKey) {
+      if (document.activeElement === firstFocusableEl) {
+        lastFocusableEl.focus();
+        e.preventDefault();
+      }
+    } else {
+      if (document.activeElement === lastFocusableEl) {
+        firstFocusableEl.focus();
+        e.preventDefault();
+      }
+    }
+  }
+  useEffect(() => {
+    if (elRef.current) {
+      elRef.current.addEventListener("keydown", handleFocus);
+      elRef.current.focus({
+        preventScroll: true
+      });
+    }
+    return () => {
+      if (elRef.current) {
+        elRef.current.removeEventListener("keydown", handleFocus);
+      }
+    };
+  }, []);
+  return elRef;
+}
+function FocusTrap(props) {
+  const elRef = useFocusTrap();
+  useEffect(() => {
+    if (!elRef.current) return;
+    elRef.current.focus({
+      preventScroll: true
+    });
+  }, []);
+  return /* @__PURE__ */jsx("div", {
+    ref: elRef,
+    tabIndex: 0,
+    children: props.children
+  });
+}
+export { FocusTrap as default };
+//# sourceMappingURL=useFocusTrap.mjs.map

package/dist/esm/hooks/useFocusTrap.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["useRef","useEffect","jsx","KEYCODE_TAB","useFocusTrap","elRef","handleFocus","e","current","focusableEls","querySelectorAll","firstFocusableEl","lastFocusableEl","length","isTabPressed","key","keyCode","shiftKey","document","activeElement","focus","preventDefault","addEventListener","preventScroll","removeEventListener","FocusTrap","props","ref","tabIndex","children"],"sources":["../../../src/hooks/useFocusTrap.tsx"],"sourcesContent":[null],"mappings":"AAEA,SAASA,MAAA,EAAQC,SAAA,QAAiB;AAgE9B,SAAAC,GAAA;AA9DJ,MAAMC,WAAA,GAAc;AAEpB,SAASC,aAAA,EAAe;EACtB,MAAMC,KAAA,GAAQL,MAAA,CAAY,IAAI;EAE9B,SAASM,YAAYC,CAAA,EAAQ;IAC3B,IAAI,CAACF,KAAA,CAAMG,OAAA,EAAS;IACpB,IAAIC,YAAA,GAAeJ,KAAA,CAAMG,OAAA,CAAQE,gBAAA,CAAiB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OAQ/C;MACDC,gBAAA,GAAmBF,YAAA,CAAa,CAAC;MACjCG,eAAA,GAAkBH,YAAA,CAAaA,YAAA,CAAaI,MAAA,GAAS,CAAC;IAExD,IAAIC,YAAA,GAAeP,CAAA,CAAEQ,GAAA,KAAQ,SAASR,CAAA,CAAES,OAAA,KAAYb,WAAA;IAEpD,IAAI,CAACW,YAAA,EAAc;MACjB;IACF;IAEA,IAAIP,CAAA,CAAEU,QAAA,EAAU;MACI,IAAIC,QAAA,CAASC,aAAA,KAAkBR,gBAAA,EAAkB;QACjEC,eAAA,CAAgBQ,KAAA,CAAM;QACtBb,CAAA,CAAEc,cAAA,CAAe;MACnB;IACF,OAAiB;MACf,IAAIH,QAAA,CAASC,aAAA,KAAkBP,eAAA,EAAiB;QAC9CD,gBAAA,CAAiBS,KAAA,CAAM;QACvBb,CAAA,CAAEc,cAAA,CAAe;MACnB;IACF;EACF;EAEApB,SAAA,CAAU,MAAM;IACd,IAAII,KAAA,CAAMG,OAAA,EAAS;MACjBH,KAAA,CAAMG,OAAA,CAAQc,gBAAA,CAAiB,WAAWhB,WAAW;MACrDD,KAAA,CAAMG,OAAA,CAAQY,KAAA,CAAM;QAAEG,aAAA,EAAe;MAAK,CAAC;IAC7C;IACA,OAAO,MAAM;MACX,IAAIlB,KAAA,CAAMG,OAAA,EAAS;QACjBH,KAAA,CAAMG,OAAA,CAAQgB,mBAAA,CAAoB,WAAWlB,WAAW;MAC1D;IACF;EACF,GAAG,EAAE;EAEL,OAAOD,KAAA;AACT;AAEe,SAARoB,UAA2BC,KAAA,EAAY;EAC5C,MAAMrB,KAAA,GAAQD,YAAA,CAAa;EAE3BH,SAAA,CAAU,MAAM;IACd,IAAI,CAACI,KAAA,CAAMG,OAAA,EAAS;IACpBH,KAAA,CAAMG,OAAA,CAAQY,KAAA,CAAM;MAAEG,aAAA,EAAe;IAAK,CAAC;EAC7C,GAAG,EAAE;EAEL,OACE,eAAArB,GAAA,CAAC;IAAIyB,GAAA,EAAKtB,KAAA;IAAOuB,QAAA,EAAU;IACxBC,QAAA,EAAAH,KAAA,CAAMG;EAAA,CACT;AAEJ","ignoreList":[]}

package/dist/esm/hooks/useFocusTrap.native.js

@@ -0,0 +1,65 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useRef, useEffect } from "react";
+var KEYCODE_TAB = 9;
+function useFocusTrap() {
+  var elRef = useRef(null);
+  function handleFocus(e) {
+    if (!elRef.current) return;
+    var focusableEls = elRef.current.querySelectorAll(`
+        a[href]:not(:disabled),
+        button:not(:disabled),
+        textarea:not(:disabled),
+        input[type="text"]:not(:disabled),
+        input[type="radio"]:not(:disabled),
+        input[type="checkbox"]:not(:disabled),
+        select:not(:disabled)
+      `),
+      firstFocusableEl = focusableEls[0],
+      lastFocusableEl = focusableEls[focusableEls.length - 1];
+    var isTabPressed = e.key === "Tab" || e.keyCode === KEYCODE_TAB;
+    if (!isTabPressed) {
+      return;
+    }
+    if (e.shiftKey) {
+      if (document.activeElement === firstFocusableEl) {
+        lastFocusableEl.focus();
+        e.preventDefault();
+      }
+    } else {
+      if (document.activeElement === lastFocusableEl) {
+        firstFocusableEl.focus();
+        e.preventDefault();
+      }
+    }
+  }
+  useEffect(function () {
+    if (elRef.current) {
+      elRef.current.addEventListener("keydown", handleFocus);
+      elRef.current.focus({
+        preventScroll: true
+      });
+    }
+    return function () {
+      if (elRef.current) {
+        elRef.current.removeEventListener("keydown", handleFocus);
+      }
+    };
+  }, []);
+  return elRef;
+}
+function FocusTrap(props) {
+  var elRef = useFocusTrap();
+  useEffect(function () {
+    if (!elRef.current) return;
+    elRef.current.focus({
+      preventScroll: true
+    });
+  }, []);
+  return /* @__PURE__ */_jsx("div", {
+    ref: elRef,
+    tabIndex: 0,
+    children: props.children
+  });
+}
+export { FocusTrap as default };
+//# sourceMappingURL=useFocusTrap.native.js.map

package/dist/esm/hooks/useFocusTrap.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["jsx","_jsx","useRef","useEffect","KEYCODE_TAB","useFocusTrap","elRef","handleFocus","e","current","focusableEls","querySelectorAll","firstFocusableEl","lastFocusableEl","length","isTabPressed","key","keyCode","shiftKey","document","activeElement","focus","preventDefault","addEventListener","preventScroll","removeEventListener","FocusTrap","props"],"sources":["../../../src/hooks/useFocusTrap.tsx"],"sourcesContent":[null],"mappings":"AAEA,SAASA,GAAA,IAAAC,IAAQ,2BAAiB;AAgE9B,SAAAC,MAAA,EAAAC,SAAA;AA9DJ,IAAAC,WAAM;AAEN,SAASC,aAAA,EAAe;EACtB,IAAAC,KAAM,GAAAJ,MAAQ,KAAY;EAE1B,SAASK,YAAYC,CAAA,EAAQ;IAC3B,IAAI,CAACF,KAAA,CAAMG,OAAA,EAAS;IACpB,IAAIC,YAAA,GAAeJ,KAAA,CAAMG,OAAA,CAAQE,gBAAA,CAAiB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OAQ/C;MACDC,gBAAA,GAAmBF,YAAA,CAAa,CAAC;MACjCG,eAAA,GAAkBH,YAAA,CAAaA,YAAA,CAAaI,MAAA,GAAS,CAAC;IAExD,IAAIC,YAAA,GAAeP,CAAA,CAAEQ,GAAA,KAAQ,SAASR,CAAA,CAAES,OAAA,KAAYb,WAAA;IAEpD,IAAI,CAACW,YAAA,EAAc;MACjB;IACF;IAEA,IAAIP,CAAA,CAAEU,QAAA,EAAU;MACI,IAAIC,QAAA,CAASC,aAAA,KAAkBR,gBAAA,EAAkB;QACjEC,eAAA,CAAgBQ,KAAA,CAAM;QACtBb,CAAA,CAAEc,cAAA,CAAe;MACnB;IACF,OAAiB;MACf,IAAIH,QAAA,CAASC,aAAA,KAAkBP,eAAA,EAAiB;QAC9CD,gBAAA,CAAiBS,KAAA,CAAM;QACvBb,CAAA,CAAEc,cAAA,CAAe;MACnB;IACF;EACF;EAEAnB,SAAA,CAAU,YAAM;IACd,IAAIG,KAAA,CAAMG,OAAA,EAAS;MACjBH,KAAA,CAAMG,OAAA,CAAQc,gBAAA,CAAiB,WAAWhB,WAAW;MACrDD,KAAA,CAAMG,OAAA,CAAQY,KAAA,CAAM;QACtBG,aAAA;MACA;IACE;IACE,mBAAc;MAChB,IAAAlB,KAAA,CAAAG,OAAA;QACFH,KAAA,CAAAG,OAAA,CAAAgB,mBAAA,YAAAlB,WAAA;MACE;IAEJ;EACF;EAEe,OAARD,KAAA;AACL;AAEA,SAAAoB,SAAgBA,CAAAC,KAAA;EACd,IAAArB,KAAK,GAAAD,YAAe;EACpBF,SAAM,aAAQ;IAChB,IAAK,CAAAG,KAAA,CAAAG,OAAA;IAELH,KACE,CAAAG,OAAA,CAAAY,KAAA;MAIJG,aAAA","ignoreList":[]}