@panneau/core 3.0.119 → 3.0.130

package/lib/contexts.js

@@ -1,7 +1,5 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var _objectSpread = require('@babel/runtime/helpers/objectSpread2');
 var isString = require('lodash/isString');
 var PropTypes = require('prop-types');
@@ -17,22 +15,30 @@ var services = require('@folklore/services');
 var reactIntl = require('react-intl');
 var utils = require('@panneau/core/utils');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
-var routes$1 = require('@folklore/routes');
-var wouter = require('wouter');
+var jsxRuntime = require('react/jsx-runtime');
+var pathToRegexp = require('path-to-regexp');
+var regexparam = require('regexparam');
+var index_js = require('use-sync-external-store/shim/index.js');
 var tracking = require('@folklore/tracking');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+function _interopNamespaceDefault(e) {
+    var n = Object.create(null);
+    if (e) {
+        Object.keys(e).forEach(function (k) {
+            if (k !== 'default') {
+                var d = Object.getOwnPropertyDescriptor(e, k);
+                Object.defineProperty(n, k, d.get ? d : {
+                    enumerable: true,
+                    get: function () { return e[k]; }
+                });
+            }
+        });
+    }
+    n.default = e;
+    return Object.freeze(n);
+}
 
-var _objectSpread__default = /*#__PURE__*/_interopDefaultLegacy(_objectSpread);
-var isString__default = /*#__PURE__*/_interopDefaultLegacy(isString);
-var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-var _toConsumableArray__default = /*#__PURE__*/_interopDefaultLegacy(_toConsumableArray);
-var uniqBy__default = /*#__PURE__*/_interopDefaultLegacy(uniqBy);
-var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
-var isObject__default = /*#__PURE__*/_interopDefaultLegacy(isObject);
-var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
+var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
 
 var MODALS_NAMESPACE = 'modals';
 var FIELDS_NAMESPACE = 'fields';
@@ -44,7 +50,7 @@ var ACTIONS_NAMESPACE = 'actions';
 var BUTTONS_NAMESPACE = 'buttons';
 var PAGES_NAMESPACE = 'pages';
 var APP_NAMESPACE = 'app';
-var ComponentsContext = /*#__PURE__*/React__default["default"].createContext(null);
+var ComponentsContext = /*#__PURE__*/React.createContext(null);
 
 /**
  * Hooks
@@ -68,7 +74,7 @@ var useComponent = function useComponent(name) {
   var namespace = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
   var manager = useComponentsManager(namespace);
   return React.useMemo(function () {
-    if (!isString__default["default"](name)) {
+    if (!isString(name)) {
       return name || defaultComponent;
     }
     return manager.getComponent(name) || defaultComponent;
@@ -228,13 +234,13 @@ var useAppComponent = function useAppComponent(name) {
 /**
  * Provider
  */
-var propTypes$d = {
-  children: PropTypes__default["default"].node.isRequired,
-  namespace: PropTypes__default["default"].string,
-  manager: PropTypes__default["default"].instanceOf(core.ComponentsManager),
-  components: PropTypes__default["default"].objectOf(PropTypes__default["default"].oneOfType([PropTypes__default["default"].object, PropTypes__default["default"].func]))
+var propTypes$e = {
+  children: PropTypes.node.isRequired,
+  namespace: PropTypes.string,
+  manager: PropTypes.instanceOf(core.ComponentsManager),
+  components: PropTypes.objectOf(PropTypes.oneOfType([PropTypes.object, PropTypes.func]))
 };
-var defaultProps$d = {
+var defaultProps$e = {
   namespace: null,
   components: {},
   manager: null
@@ -246,165 +252,175 @@ var ComponentsProvider = function ComponentsProvider(_ref) {
     children = _ref.children;
   var previousManager = useComponentsManager() || null;
   var finalManager = React.useMemo(function () {
-    return new core.ComponentsManager(_objectSpread__default["default"](_objectSpread__default["default"](_objectSpread__default["default"]({}, previousManager !== null ? previousManager.getComponents() : null), manager !== null ? manager.getComponents() : null), new core.ComponentsManager(components).addNamespace(namespace).getComponents()));
+    return new core.ComponentsManager(_objectSpread(_objectSpread(_objectSpread({}, previousManager !== null ? previousManager.getComponents() : null), manager !== null ? manager.getComponents() : null), new core.ComponentsManager(components).addNamespace(namespace).getComponents()));
   }, [previousManager, manager, components, namespace]);
-  return /*#__PURE__*/React__default["default"].createElement(ComponentsContext.Provider, {
+  return /*#__PURE__*/React.createElement(ComponentsContext.Provider, {
     value: finalManager
   }, children);
 };
-ComponentsProvider.propTypes = propTypes$d;
-ComponentsProvider.defaultProps = defaultProps$d;
+ComponentsProvider.propTypes = propTypes$e;
+ComponentsProvider.defaultProps = defaultProps$e;
 
-var message = PropTypes__default["default"].shape({
-  id: PropTypes__default["default"].string.isRequired,
-  defaultMessage: PropTypes__default["default"].string
+var message = PropTypes.shape({
+  id: PropTypes.string.isRequired,
+  defaultMessage: PropTypes.string
 });
-var label = PropTypes__default["default"].oneOfType([message, PropTypes__default["default"].node]);
-PropTypes__default["default"].oneOfType([PropTypes__default["default"].number, PropTypes__default["default"].string]);
+var label = PropTypes.oneOfType([message, PropTypes.node]);
+PropTypes.oneOfType([PropTypes.number, PropTypes.string]);
 
 /**
  * Core
  */
-var menuItem = PropTypes__default["default"].shape({
-  id: PropTypes__default["default"].oneOfType([PropTypes__default["default"].number, PropTypes__default["default"].string]),
+var menuItem = PropTypes.shape({
+  id: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
   label: label,
-  url: PropTypes__default["default"].string,
-  external: PropTypes__default["default"].bool,
-  active: PropTypes__default["default"].bool
+  url: PropTypes.string,
+  external: PropTypes.bool,
+  active: PropTypes.bool
 });
-PropTypes__default["default"].arrayOf(menuItem);
-var button = PropTypes__default["default"].shape({
-  id: PropTypes__default["default"].string,
+PropTypes.arrayOf(menuItem);
+var button = PropTypes.shape({
+  id: PropTypes.string,
   label: label,
-  onClick: PropTypes__default["default"].func
+  onClick: PropTypes.func
 });
-PropTypes__default["default"].arrayOf(button);
-PropTypes__default["default"].oneOf(['primary', 'secondary', 'success', 'danger', 'warning', 'info', 'light', 'dark', null]);
-PropTypes__default["default"].oneOf(['lg', 'sm', null]);
-PropTypes__default["default"].oneOf(['button', 'submit']);
-PropTypes__default["default"].oneOf(['start', 'end']);
-PropTypes__default["default"].oneOf(['lg', 'sm', null]);
-PropTypes__default["default"].oneOf(['loading', 'success', 'error', null]);
-var fieldOption = PropTypes__default["default"].shape({
-  value: PropTypes__default["default"].string,
-  label: PropTypes__default["default"].string
+PropTypes.arrayOf(button);
+PropTypes.oneOf(['primary', 'secondary', 'success', 'danger', 'warning', 'info', 'light', 'dark', null]);
+PropTypes.oneOf(['lg', 'sm', null]);
+PropTypes.oneOf(['button', 'submit']);
+PropTypes.oneOf(['start', 'end']);
+PropTypes.oneOf(['lg', 'sm', null]);
+PropTypes.oneOf(['loading', 'success', 'error', null]);
+var fieldOption = PropTypes.shape({
+  value: PropTypes.string,
+  label: PropTypes.string
 });
-PropTypes__default["default"].arrayOf(fieldOption);
-var toggle = PropTypes__default["default"].shape({
-  key: PropTypes__default["default"].string,
-  label: PropTypes__default["default"].string
+PropTypes.arrayOf(fieldOption);
+var toggle = PropTypes.shape({
+  key: PropTypes.string,
+  label: PropTypes.string
 });
-PropTypes__default["default"].arrayOf(toggle);
-var tableColumn = PropTypes__default["default"].oneOfType([PropTypes__default["default"].string, PropTypes__default["default"].shape({
-  id: PropTypes__default["default"].string,
-  component: PropTypes__default["default"].string,
-  path: PropTypes__default["default"].string,
-  field: PropTypes__default["default"].string,
-  columnClassName: PropTypes__default["default"].string
+PropTypes.arrayOf(toggle);
+var tableColumn = PropTypes.oneOfType([PropTypes.string, PropTypes.shape({
+  id: PropTypes.string,
+  component: PropTypes.string,
+  path: PropTypes.string,
+  field: PropTypes.string,
+  columnClassName: PropTypes.string
 })]);
-PropTypes__default["default"].arrayOf(tableColumn);
+PropTypes.arrayOf(tableColumn);
 
 /**
  * Panneau Definitions
  */
-var routes = PropTypes__default["default"].shape({
-  'resources.index': PropTypes__default["default"].string.isRequired,
-  'resources.create': PropTypes__default["default"].string.isRequired,
-  'resources.store': PropTypes__default["default"].string.isRequired,
-  'resources.show': PropTypes__default["default"].string.isRequired,
-  'resources.edit': PropTypes__default["default"].string.isRequired,
-  'resources.update': PropTypes__default["default"].string.isRequired,
-  'resources.delete': PropTypes__default["default"].string.isRequired,
-  'resources.destroy': PropTypes__default["default"].string.isRequired
+var routes = PropTypes.shape({
+  'resources.index': PropTypes.string.isRequired,
+  'resources.create': PropTypes.string.isRequired,
+  'resources.store': PropTypes.string.isRequired,
+  'resources.show': PropTypes.string.isRequired,
+  'resources.edit': PropTypes.string.isRequired,
+  'resources.update': PropTypes.string.isRequired,
+  'resources.delete': PropTypes.string.isRequired,
+  'resources.destroy': PropTypes.string.isRequired
 });
-var intl = PropTypes__default["default"].shape({
-  locale: PropTypes__default["default"].string,
-  messages: PropTypes__default["default"].objectOf(PropTypes__default["default"].string),
-  values: PropTypes__default["default"].objectOf(PropTypes__default["default"].string)
+var intl = PropTypes.shape({
+  locale: PropTypes.string,
+  messages: PropTypes.objectOf(PropTypes.string),
+  values: PropTypes.objectOf(PropTypes.string)
 });
-var page = PropTypes__default["default"].shape({
-  component: PropTypes__default["default"].string.isRequired
+var page = PropTypes.shape({
+  component: PropTypes.string.isRequired
 });
-var pages = PropTypes__default["default"].objectOf(page);
-var field = PropTypes__default["default"].shape({
-  name: PropTypes__default["default"].string,
+var pages = PropTypes.objectOf(page);
+var field = PropTypes.shape({
+  name: PropTypes.string,
   // Not required on localized fields
-  type: PropTypes__default["default"].string,
-  component: PropTypes__default["default"].string,
-  label: PropTypes__default["default"].node
+  type: PropTypes.string,
+  component: PropTypes.string,
+  label: PropTypes.node
 });
-var fields = PropTypes__default["default"].arrayOf(field);
-var form = PropTypes__default["default"].shape({
+var fields = PropTypes.arrayOf(field);
+var form = PropTypes.shape({
   // type: PropTypes.string.isRequired,
-  title: PropTypes__default["default"].isRequired,
+  title: PropTypes.isRequired,
   fields: fields
 });
-PropTypes__default["default"].arrayOf(form);
-var resource = PropTypes__default["default"].shape({
-  id: PropTypes__default["default"].string.isRequired,
-  name: PropTypes__default["default"].string.isRequired,
+PropTypes.arrayOf(form);
+var resource = PropTypes.shape({
+  id: PropTypes.string.isRequired,
+  name: PropTypes.string.isRequired,
   intl: intl,
   fields: fields,
-  forms: PropTypes__default["default"].shape({}),
-  shows_in_navbar: PropTypes__default["default"].bool
+  forms: PropTypes.shape({}),
+  shows_in_navbar: PropTypes.bool
 });
-var resources = PropTypes__default["default"].arrayOf(resource);
-var panneauDefinition = PropTypes__default["default"].shape({
-  name: PropTypes__default["default"].string,
+var resources = PropTypes.arrayOf(resource);
+var panneauDefinition = PropTypes.shape({
+  name: PropTypes.string,
   resources: resources,
   routes: routes,
   pages: pages,
   intl: intl
   // intl,
 });
-var definition = PropTypes__default["default"].shape({
-  name: PropTypes__default["default"].string
+var definition = PropTypes.shape({
+  name: PropTypes.string
   // resources,
   // routes,
   // intl,
 });
-var item = PropTypes__default["default"].shape({
-  id: PropTypes__default["default"].string.isRequired
+var item = PropTypes.shape({
+  id: PropTypes.string.isRequired
 });
-PropTypes__default["default"].arrayOf(item);
-var user = PropTypes__default["default"].shape({
-  id: PropTypes__default["default"].oneOfType([PropTypes__default["default"].number, PropTypes__default["default"].string])
+PropTypes.arrayOf(item);
+var user = PropTypes.shape({
+  id: PropTypes.oneOfType([PropTypes.number, PropTypes.string])
 });
-PropTypes__default["default"].arrayOf(user);
-var selectOption = PropTypes__default["default"].oneOfType([PropTypes__default["default"].string, PropTypes__default["default"].number, PropTypes__default["default"].shape({
-  value: PropTypes__default["default"].any,
+PropTypes.arrayOf(user);
+var selectOption = PropTypes.oneOfType([PropTypes.string, PropTypes.number, PropTypes.shape({
+  value: PropTypes.any,
   // eslint-disable-line
   label: label
-}), PropTypes__default["default"].object]);
-PropTypes__default["default"].arrayOf(selectOption);
-PropTypes__default["default"].oneOf(['valid', 'invalid', 'loading', null]);
-var formError = PropTypes__default["default"].shape({
-  message: PropTypes__default["default"].string
+}), PropTypes.object]);
+PropTypes.arrayOf(selectOption);
+PropTypes.oneOf(['valid', 'invalid', 'loading', null]);
+var formError = PropTypes.shape({
+  message: PropTypes.string
 });
-PropTypes__default["default"].arrayOf(formError);
-PropTypes__default["default"].shape({
-  tus: PropTypes__default["default"].object
+PropTypes.arrayOf(formError);
+PropTypes.shape({
+  tus: PropTypes.object
 }); // eslint-disable-line
 
-PropTypes__default["default"].string;
-var breadcrumb = PropTypes__default["default"].shape({
-  url: PropTypes__default["default"].string
+PropTypes.string;
+var breadcrumb = PropTypes.shape({
+  url: PropTypes.string
 });
-PropTypes__default["default"].arrayOf(breadcrumb);
-var font = PropTypes__default["default"].shape({
+PropTypes.arrayOf(breadcrumb);
+var font = PropTypes.shape({
   // url: PropTypes.string,
 });
-PropTypes__default["default"].arrayOf(font);
-PropTypes__default["default"].shape({});
-var modal = PropTypes__default["default"].shape({
-  name: PropTypes__default["default"].string
+PropTypes.arrayOf(font);
+PropTypes.shape({});
+var modal = PropTypes.shape({
+  name: PropTypes.string
 });
-PropTypes__default["default"].arrayOf(modal);
-
-//
+PropTypes.arrayOf(modal);
+var filter = PropTypes.shape({
+  id: PropTypes.string,
+  component: PropTypes.string
+});
+PropTypes.arrayOf(filter);
+var media = PropTypes.shape({
+  id: PropTypes.string.isRequired,
+  name: PropTypes.string.isRequired,
+  type: PropTypes.string.isRequired,
+  thumbnail_url: PropTypes.string
+});
+PropTypes.arrayOf(media);
 
 /* eslint-disable react/jsx-props-no-spreading */
-var DefinitionContext = /*#__PURE__*/React__default["default"].createContext(null);
+var DefinitionContext = /*#__PURE__*/React.createContext(null);
 var useDefinitionContext = function useDefinitionContext() {
   return React.useContext(DefinitionContext);
 };
@@ -414,22 +430,22 @@ var useDefinition = function useDefinition() {
     definition = _useDefinitionContext2 === void 0 ? null : _useDefinitionContext2;
   return definition;
 };
-var propTypes$c = {
+var propTypes$d = {
   definition: definition.isRequired,
-  children: PropTypes__default["default"].node.isRequired
+  children: PropTypes.node.isRequired
 };
-var defaultProps$c = {};
+var defaultProps$d = {};
 var DefinitionProvider = function DefinitionProvider(_ref) {
   var definition = _ref.definition,
     children = _ref.children;
-  return /*#__PURE__*/React__default["default"].createElement(DefinitionContext.Provider, {
+  return /*#__PURE__*/React.createElement(DefinitionContext.Provider, {
     value: definition
   }, children);
 };
-DefinitionProvider.propTypes = propTypes$c;
-DefinitionProvider.defaultProps = defaultProps$c;
+DefinitionProvider.propTypes = propTypes$d;
+DefinitionProvider.defaultProps = defaultProps$d;
 
-var FieldsContext = /*#__PURE__*/React__default["default"].createContext(null);
+var FieldsContext = /*#__PURE__*/React.createContext(null);
 var useFieldsManager = function useFieldsManager() {
   return React.useContext(FieldsContext);
 };
@@ -441,12 +457,12 @@ var useFields = function useFields() {
   var manager = useFieldsManager();
   return manager.getDefinitions();
 };
-var propTypes$b = {
+var propTypes$c = {
   fields: core.PropTypes.fields,
-  manager: PropTypes__default["default"].instanceOf(core.FieldsManager),
-  children: PropTypes__default["default"].node.isRequired
+  manager: PropTypes.instanceOf(core.FieldsManager),
+  children: PropTypes.node.isRequired
 };
-var defaultProps$b = {
+var defaultProps$c = {
   fields: null,
   manager: null
 };
@@ -456,7 +472,7 @@ var FieldsProvider = function FieldsProvider(_ref) {
     children = _ref.children;
   var previousManager = useFieldsManager() || null;
   var finalManager = React.useMemo(function () {
-    var newFields = uniqBy__default["default"]([].concat(_toConsumableArray__default["default"](fields || []), _toConsumableArray__default["default"](manager !== null ? manager.getDefinitions() : []), _toConsumableArray__default["default"](previousManager !== null ? previousManager.getDefinitions() : [])), function (_ref2) {
+    var newFields = uniqBy([].concat(_toConsumableArray(fields || []), _toConsumableArray(manager !== null ? manager.getDefinitions() : []), _toConsumableArray(previousManager !== null ? previousManager.getDefinitions() : [])), function (_ref2) {
       var id = _ref2.id;
       return id;
     }).reverse();
@@ -466,31 +482,31 @@ var FieldsProvider = function FieldsProvider(_ref) {
     var newComponents = finalManager.getComponents();
     return Object.keys(newComponents).reduce(function (map, id) {
       var component = newComponents[id];
-      return isString__default["default"](component) ? map : _objectSpread__default["default"](_objectSpread__default["default"]({}, map), {}, _defineProperty__default["default"]({}, id, component));
+      return isString(component) ? map : _objectSpread(_objectSpread({}, map), {}, _defineProperty({}, id, component));
     }, {});
   }, [finalManager]);
-  return /*#__PURE__*/React__default["default"].createElement(FieldsContext.Provider, {
+  return /*#__PURE__*/React.createElement(FieldsContext.Provider, {
     value: finalManager
-  }, /*#__PURE__*/React__default["default"].createElement(ComponentsProvider, {
+  }, /*#__PURE__*/React.createElement(ComponentsProvider, {
     namespace: FIELDS_NAMESPACE,
     components: components
   }, children));
 };
-FieldsProvider.propTypes = propTypes$b;
-FieldsProvider.defaultProps = defaultProps$b;
+FieldsProvider.propTypes = propTypes$c;
+FieldsProvider.defaultProps = defaultProps$c;
 
 /* eslint-disable react/jsx-props-no-spreading */
-var GoogleKeysContext = /*#__PURE__*/React__default["default"].createContext({
+var GoogleKeysContext = /*#__PURE__*/React.createContext({
   apiKey: null
 });
 var useGoogleKeys = function useGoogleKeys() {
   return React.useContext(GoogleKeysContext);
 };
-var propTypes$a = {
-  children: PropTypes__default["default"].node.isRequired,
-  apiKey: PropTypes__default["default"].string // .isRequired,
+var propTypes$b = {
+  children: PropTypes.node.isRequired,
+  apiKey: PropTypes.string // .isRequired,
 };
-var defaultProps$a = {
+var defaultProps$b = {
   apiKey: null
 };
 var GoogleKeysProvider = function GoogleKeysProvider(_ref) {
@@ -503,14 +519,14 @@ var GoogleKeysProvider = function GoogleKeysProvider(_ref) {
       apiKey: apiKey || previousApiKey
     };
   }, [previousApiKey, apiKey]);
-  return /*#__PURE__*/React__default["default"].createElement(GoogleKeysContext.Provider, {
+  return /*#__PURE__*/React.createElement(GoogleKeysContext.Provider, {
     value: value
   }, children);
 };
-GoogleKeysProvider.propTypes = propTypes$a;
-GoogleKeysProvider.defaultProps = defaultProps$a;
+GoogleKeysProvider.propTypes = propTypes$b;
+GoogleKeysProvider.defaultProps = defaultProps$b;
 
-var FontsContext = /*#__PURE__*/React__default["default"].createContext({
+var FontsContext = /*#__PURE__*/React.createContext({
   systemFonts: null,
   googleFonts: null,
   customFonts: null
@@ -524,7 +540,7 @@ var useGoogleFonts = function useGoogleFonts() {
   var _useGoogleKeys = useGoogleKeys(),
     apiKey = _useGoogleKeys.apiKey;
   var _useState = React.useState(null),
-    _useState2 = _slicedToArray__default["default"](_useState, 2),
+    _useState2 = _slicedToArray(_useState, 2),
     googleFonts = _useState2[0],
     setGoogleFonts = _useState2[1];
   React.useEffect(function () {
@@ -581,12 +597,12 @@ var useFonts = function useFonts() {
   }, [systemFonts, googleFonts, customFonts]);
   return fonts;
 };
-var propTypes$9 = {
-  children: PropTypes__default["default"].node.isRequired,
+var propTypes$a = {
+  children: PropTypes.node.isRequired,
   systemFonts: core.PropTypes.fonts,
   customFonts: core.PropTypes.fonts
 };
-var defaultProps$9 = {
+var defaultProps$a = {
   systemFonts: ['Arial', 'Courier', 'Georgia', 'Times New Roman', 'Verdana'],
   customFonts: null
 };
@@ -601,32 +617,32 @@ var FontsProvider = function FontsProvider(_ref4) {
     previousGoogleFonts = _useFonts$googleFonts === void 0 ? null : _useFonts$googleFonts,
     previousCustomFonts = _useFonts.customFonts;
   var _useState3 = React.useState(null),
-    _useState4 = _slicedToArray__default["default"](_useState3, 2),
+    _useState4 = _slicedToArray(_useState3, 2),
     googleFonts = _useState4[0],
     setGoogleFonts = _useState4[1];
   var fonts = React.useMemo(function () {
     return {
-      systemFonts: uniqBy__default["default"]([].concat(_toConsumableArray__default["default"](previousSystemFonts || []), _toConsumableArray__default["default"](systemFonts || [])), function (font) {
-        return isObject__default["default"](font) ? font.name : font;
+      systemFonts: uniqBy([].concat(_toConsumableArray(previousSystemFonts || []), _toConsumableArray(systemFonts || [])), function (font) {
+        return isObject(font) ? font.name : font;
       }),
-      googleFonts: uniqBy__default["default"]([].concat(_toConsumableArray__default["default"](previousGoogleFonts || []), _toConsumableArray__default["default"](googleFonts || [])), function (font) {
-        return isObject__default["default"](font) ? font.name : font;
+      googleFonts: uniqBy([].concat(_toConsumableArray(previousGoogleFonts || []), _toConsumableArray(googleFonts || [])), function (font) {
+        return isObject(font) ? font.name : font;
       }),
-      customFonts: uniqBy__default["default"]([].concat(_toConsumableArray__default["default"](previousCustomFonts || []), _toConsumableArray__default["default"](customFonts || [])), function (font) {
-        return isObject__default["default"](font) ? font.name : font;
+      customFonts: uniqBy([].concat(_toConsumableArray(previousCustomFonts || []), _toConsumableArray(customFonts || [])), function (font) {
+        return isObject(font) ? font.name : font;
       }),
       setGoogleFonts: setGoogleFonts
     };
   }, [previousSystemFonts, previousGoogleFonts, previousCustomFonts, customFonts, systemFonts, googleFonts, setGoogleFonts]);
-  return /*#__PURE__*/React__default["default"].createElement(FontsContext.Provider, {
+  return /*#__PURE__*/React.createElement(FontsContext.Provider, {
     value: fonts
   }, children);
 };
-FontsProvider.propTypes = propTypes$9;
-FontsProvider.defaultProps = defaultProps$9;
+FontsProvider.propTypes = propTypes$a;
+FontsProvider.defaultProps = defaultProps$a;
 
 /* eslint-disable react/jsx-props-no-spreading */
-var FormContext = /*#__PURE__*/React__default["default"].createContext(null);
+var FormContext = /*#__PURE__*/React.createContext(null);
 var useForm = function useForm() {
   return React.useContext(FormContext);
 };
@@ -640,13 +656,13 @@ var useFormSetValue = function useFormSetValue() {
     setValue = _useForm2.setValue;
   return setValue;
 };
-var propTypes$8 = {
-  value: PropTypes__default["default"].object.isRequired,
+var propTypes$9 = {
+  value: PropTypes.object.isRequired,
   // eslint-disable-line react/forbid-prop-types
-  setValue: PropTypes__default["default"].func.isRequired,
-  children: PropTypes__default["default"].node.isRequired
+  setValue: PropTypes.func.isRequired,
+  children: PropTypes.node.isRequired
 };
-var defaultProps$8 = {};
+var defaultProps$9 = {};
 var FormProvider = function FormProvider(_ref) {
   var value = _ref.value,
     setValue = _ref.setValue,
@@ -657,14 +673,14 @@ var FormProvider = function FormProvider(_ref) {
       setValue: setValue
     };
   }, [value, setValue]);
-  return /*#__PURE__*/React__default["default"].createElement(FormContext.Provider, {
+  return /*#__PURE__*/React.createElement(FormContext.Provider, {
     value: values
   }, children);
 };
-FormProvider.propTypes = propTypes$8;
-FormProvider.defaultProps = defaultProps$8;
+FormProvider.propTypes = propTypes$9;
+FormProvider.defaultProps = defaultProps$9;
 
-var GoogleApiClientContext = /*#__PURE__*/React__default["default"].createContext(null);
+var GoogleApiClientContext = /*#__PURE__*/React.createContext(null);
 var useGoogleApiClient = function useGoogleApiClient() {
   return React.useContext(GoogleApiClientContext);
 };
@@ -677,8 +693,8 @@ var withGoogleApiClient = function withGoogleApiClient(WrappedComponent) {
     return displayName || name || 'Component';
   };
   var WithGoogleApiClientComponent = function WithGoogleApiClientComponent(props) {
-    return /*#__PURE__*/React__default["default"].createElement(GoogleApiClientContext.Consumer, null, function (client) {
-      return /*#__PURE__*/React__default["default"].createElement(WrappedComponent, Object.assign({
+    return /*#__PURE__*/React.createElement(GoogleApiClientContext.Consumer, null, function (client) {
+      return /*#__PURE__*/React.createElement(WrappedComponent, Object.assign({
         googleApiClient: client
       }, props));
     });
@@ -686,16 +702,16 @@ var withGoogleApiClient = function withGoogleApiClient(WrappedComponent) {
   WithGoogleApiClientComponent.displayName = "WithGoogleApiClient(".concat(getDisplayName(WrappedComponent), ")");
   return WithGoogleApiClientComponent;
 };
-var propTypes$7 = {
-  children: PropTypes__default["default"].node.isRequired
+var propTypes$8 = {
+  children: PropTypes.node.isRequired
 };
-var defaultProps$7 = {};
+var defaultProps$8 = {};
 var GoogleApiClientProvider = function GoogleApiClientProvider(_ref2) {
   var children = _ref2.children;
   var _useGoogleKeys = useGoogleKeys(),
     apiKey = _useGoogleKeys.apiKey;
   var _useState = React.useState(null),
-    _useState2 = _slicedToArray__default["default"](_useState, 2),
+    _useState2 = _slicedToArray(_useState, 2),
     client = _useState2[0],
     setClient = _useState2[1];
   React.useEffect(function () {
@@ -709,14 +725,14 @@ var GoogleApiClientProvider = function GoogleApiClientProvider(_ref2) {
       return setClient(gapi);
     });
   }, [apiKey, setClient]);
-  return /*#__PURE__*/React__default["default"].createElement(GoogleApiClientContext.Provider, {
+  return /*#__PURE__*/React.createElement(GoogleApiClientContext.Provider, {
     value: client
   }, children);
 };
-GoogleApiClientProvider.propTypes = propTypes$7;
-GoogleApiClientProvider.defaultProps = defaultProps$7;
+GoogleApiClientProvider.propTypes = propTypes$8;
+GoogleApiClientProvider.defaultProps = defaultProps$8;
 
-var GoogleMapsClientContext = /*#__PURE__*/React__default["default"].createContext(null);
+var GoogleMapsClientContext = /*#__PURE__*/React.createContext(null);
 var useGoogleMapsClient = function useGoogleMapsClient() {
   return React.useContext(GoogleMapsClientContext);
 };
@@ -729,8 +745,8 @@ var withGoogleMapsClient = function withGoogleMapsClient(WrappedComponent) {
     return displayName || name || 'Component';
   };
   var WithGoogleMapsClientComponent = function WithGoogleMapsClientComponent(props) {
-    return /*#__PURE__*/React__default["default"].createElement(GoogleMapsClientContext.Consumer, null, function (client) {
-      return /*#__PURE__*/React__default["default"].createElement(WrappedComponent, Object.assign({
+    return /*#__PURE__*/React.createElement(GoogleMapsClientContext.Consumer, null, function (client) {
+      return /*#__PURE__*/React.createElement(WrappedComponent, Object.assign({
         googleApiClient: client
       }, props));
     });
@@ -738,12 +754,12 @@ var withGoogleMapsClient = function withGoogleMapsClient(WrappedComponent) {
   WithGoogleMapsClientComponent.displayName = "WithGoogleMapsClient(".concat(getDisplayName(WrappedComponent), ")");
   return WithGoogleMapsClientComponent;
 };
-var propTypes$6 = {
-  children: PropTypes__default["default"].node.isRequired,
-  locale: PropTypes__default["default"].string,
-  libraries: PropTypes__default["default"].arrayOf(PropTypes__default["default"].string)
+var propTypes$7 = {
+  children: PropTypes.node.isRequired,
+  locale: PropTypes.string,
+  libraries: PropTypes.arrayOf(PropTypes.string)
 };
-var defaultProps$6 = {
+var defaultProps$7 = {
   locale: 'fr',
   libraries: null
 };
@@ -755,7 +771,7 @@ var GoogleMapsClientProvider = function GoogleMapsClientProvider(_ref2) {
     apiKey = _useGoogleKeys.apiKey;
   var exisitingClient = useGoogleMapsClient();
   var _useState = React.useState(exisitingClient),
-    _useState2 = _slicedToArray__default["default"](_useState, 2),
+    _useState2 = _slicedToArray(_useState, 2),
     client = _useState2[0],
     setClient = _useState2[1];
   React.useEffect(function () {
@@ -769,16 +785,16 @@ var GoogleMapsClientProvider = function GoogleMapsClientProvider(_ref2) {
       });
     }
   }, [apiKey, locale, libraries, setClient, exisitingClient]);
-  return /*#__PURE__*/React__default["default"].createElement(GoogleMapsClientContext.Provider, {
+  return /*#__PURE__*/React.createElement(GoogleMapsClientContext.Provider, {
     value: client
   }, children);
 };
-GoogleMapsClientProvider.propTypes = propTypes$6;
-GoogleMapsClientProvider.defaultProps = defaultProps$6;
+GoogleMapsClientProvider.propTypes = propTypes$7;
+GoogleMapsClientProvider.defaultProps = defaultProps$7;
 
 /* eslint-disable react/jsx-props-no-spreading */
 var defaultLocales = ['en', 'fr'];
-var LocalesContext = /*#__PURE__*/React__default["default"].createContext({
+var LocalesContext = /*#__PURE__*/React.createContext({
   locales: defaultLocales
 });
 var useLocales = function useLocales() {
@@ -798,11 +814,11 @@ var useOtherLocales = function useOtherLocales() {
   }, [locales, locale]);
   return otherLocales;
 };
-var propTypes$5 = {
-  locales: PropTypes__default["default"].arrayOf(PropTypes__default["default"].string),
-  children: PropTypes__default["default"].node.isRequired
+var propTypes$6 = {
+  locales: PropTypes.arrayOf(PropTypes.string),
+  children: PropTypes.node.isRequired
 };
-var defaultProps$5 = {
+var defaultProps$6 = {
   locales: []
 };
 var LocalesProvider = function LocalesProvider(_ref) {
@@ -813,42 +829,42 @@ var LocalesProvider = function LocalesProvider(_ref) {
       locales: locales
     };
   }, [locales]);
-  return /*#__PURE__*/React__default["default"].createElement(LocalesContext.Provider, {
+  return /*#__PURE__*/React.createElement(LocalesContext.Provider, {
     value: value
   }, children);
 };
-LocalesProvider.propTypes = propTypes$5;
-LocalesProvider.defaultProps = defaultProps$5;
+LocalesProvider.propTypes = propTypes$6;
+LocalesProvider.defaultProps = defaultProps$6;
 
 // import { getDisplayName } from '../utils';
 
-var ModalContext = /*#__PURE__*/React__default["default"].createContext(null);
+var ModalContext = /*#__PURE__*/React.createContext(null);
 var useModal = function useModal() {
   return React.useContext(ModalContext) || {};
 };
-var propTypes$4 = {
-  children: PropTypes__default["default"].node.isRequired,
-  container: PropTypes__default["default"].object // eslint-disable-line
+var propTypes$5 = {
+  children: PropTypes.node.isRequired,
+  container: PropTypes.object // eslint-disable-line
 };
-var defaultProps$4 = {
+var defaultProps$5 = {
   container: null
 };
 var ModalProvider = function ModalProvider(_ref) {
   var children = _ref.children,
     initialContainer = _ref.container;
   var _useState = React.useState(initialContainer),
-    _useState2 = _slicedToArray__default["default"](_useState, 2),
+    _useState2 = _slicedToArray(_useState, 2),
     container = _useState2[0],
     setContainer = _useState2[1];
   var _useState3 = React.useState([]),
-    _useState4 = _slicedToArray__default["default"](_useState3, 2),
+    _useState4 = _slicedToArray(_useState3, 2),
     modals = _useState4[0],
     setModals = _useState4[1];
   var modalsRef = React.useRef(modals);
   var register = React.useCallback(function (id) {
     var data = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
     var currentModals = modalsRef.current;
-    var newModals = [].concat(_toConsumableArray__default["default"](currentModals), [_objectSpread__default["default"]({
+    var newModals = [].concat(_toConsumableArray(currentModals), [_objectSpread({
       id: id
     }, data)]);
     setModals(newModals);
@@ -878,14 +894,14 @@ var ModalProvider = function ModalProvider(_ref) {
       unregister: unregister
     };
   }, [modals, container, setContainer, register, unregister]);
-  return /*#__PURE__*/React__default["default"].createElement(ModalContext.Provider, {
+  return /*#__PURE__*/React.createElement(ModalContext.Provider, {
     value: value
   }, children);
 };
-ModalProvider.propTypes = propTypes$4;
-ModalProvider.defaultProps = defaultProps$4;
+ModalProvider.propTypes = propTypes$5;
+ModalProvider.defaultProps = defaultProps$5;
 
-var PanelsContext = /*#__PURE__*/React__default["default"].createContext({
+var PanelsContext = /*#__PURE__*/React.createContext({
   container: null
 });
 var usePanels = function usePanels() {
@@ -893,13 +909,13 @@ var usePanels = function usePanels() {
 };
 var withPanels = function withPanels(WrappedComponent) {
   var WithPanelsComponent = function WithPanelsComponent(props) {
-    return /*#__PURE__*/React__default["default"].createElement(PanelsContext.Consumer, null, function (_ref) {
+    return /*#__PURE__*/React.createElement(PanelsContext.Consumer, null, function (_ref) {
       var panels = _ref.panels,
         setContainer = _ref.setContainer,
         container = _ref.container,
         register = _ref.register,
         unregister = _ref.unregister;
-      return /*#__PURE__*/React__default["default"].createElement(WrappedComponent, Object.assign({
+      return /*#__PURE__*/React.createElement(WrappedComponent, Object.assign({
         panelsContainer: container,
         setPanelsContainer: setContainer,
         panels: panels,
@@ -911,29 +927,29 @@ var withPanels = function withPanels(WrappedComponent) {
   WithPanelsComponent.displayName = "WithPanels(".concat(utils.getDisplayName(WrappedComponent), ")");
   return WithPanelsComponent;
 };
-var propTypes$3 = {
-  children: PropTypes__default["default"].node.isRequired,
-  container: PropTypes__default["default"].object // eslint-disable-line
+var propTypes$4 = {
+  children: PropTypes.node.isRequired,
+  container: PropTypes.object // eslint-disable-line
 };
-var defaultProps$3 = {
+var defaultProps$4 = {
   container: null
 };
 var PanelsProvider = function PanelsProvider(_ref2) {
   var children = _ref2.children,
     initialContainer = _ref2.container;
   var _useState = React.useState(initialContainer),
-    _useState2 = _slicedToArray__default["default"](_useState, 2),
+    _useState2 = _slicedToArray(_useState, 2),
     container = _useState2[0],
     setContainer = _useState2[1];
   var _useState3 = React.useState([]),
-    _useState4 = _slicedToArray__default["default"](_useState3, 2),
+    _useState4 = _slicedToArray(_useState3, 2),
     panels = _useState4[0],
     setPanels = _useState4[1];
   var panelsRef = React.useRef(panels);
   var register = React.useCallback(function (id) {
     var data = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
     var currentPanels = panelsRef.current;
-    var newPanels = [].concat(_toConsumableArray__default["default"](currentPanels), [_objectSpread__default["default"]({
+    var newPanels = [].concat(_toConsumableArray(currentPanels), [_objectSpread({
       id: id
     }, data)]);
     setPanels(newPanels);
@@ -963,15 +979,15 @@ var PanelsProvider = function PanelsProvider(_ref2) {
       unregister: unregister
     };
   }, [panels, setContainer, container, register, unregister]);
-  return /*#__PURE__*/React__default["default"].createElement(PanelsContext.Provider, {
+  return /*#__PURE__*/React.createElement(PanelsContext.Provider, {
     value: value
   }, children);
 };
-PanelsProvider.propTypes = propTypes$3;
-PanelsProvider.defaultProps = defaultProps$3;
+PanelsProvider.propTypes = propTypes$4;
+PanelsProvider.defaultProps = defaultProps$4;
 
 var _excluded = ["component"];
-var PanneauContext = /*#__PURE__*/React__default["default"].createContext(null);
+var PanneauContext = /*#__PURE__*/React.createContext(null);
 var usePanneau = function usePanneau() {
   return React.useContext(PanneauContext);
 };
@@ -1023,13 +1039,13 @@ var usePanneauComponent = function usePanneauComponent(namespace, name) {
     components = _ref5$components === void 0 ? {} : _ref5$components;
   var path = namespace !== null ? "".concat(namespace, ".").concat(name) : name || null;
   var component = components[path] || null;
-  if (isString__default["default"](component)) {
+  if (isString(component)) {
     return component;
   }
-  if (isObject__default["default"](component) && isString__default["default"](component === null || component === void 0 ? void 0 : component.componnent)) {
+  if (isObject(component) && isString(component === null || component === void 0 ? void 0 : component.componnent)) {
     // eslint-disable-next-line no-unused-vars
     component.component;
-      _objectWithoutProperties__default["default"](component, _excluded);
+      _objectWithoutProperties(component, _excluded);
     return component.component;
   }
   return null;
@@ -1046,51 +1062,366 @@ var usePanneauSettings = function usePanneauSettings() {
     settings = _ref7$settings === void 0 ? {} : _ref7$settings;
   return settings;
 };
-var propTypes$2 = {
+var propTypes$3 = {
   definition: panneauDefinition.isRequired,
-  children: PropTypes__default["default"].node.isRequired
+  children: PropTypes.node.isRequired
 };
-var defaultProps$2 = {};
+var defaultProps$3 = {};
 var PanneauProvider = function PanneauProvider(_ref8) {
   var definition = _ref8.definition,
     children = _ref8.children;
-  return /*#__PURE__*/React__default["default"].createElement(PanneauContext.Provider, {
+  return /*#__PURE__*/React.createElement(PanneauContext.Provider, {
     value: definition
   }, children);
 };
-PanneauProvider.propTypes = propTypes$2;
-PanneauProvider.defaultProps = defaultProps$2;
+PanneauProvider.propTypes = propTypes$3;
+PanneauProvider.defaultProps = defaultProps$3;
 
 /* eslint-disable react/jsx-props-no-spreading */
-var ResourceContext = /*#__PURE__*/React__default["default"].createContext(null);
+var ResourceContext = /*#__PURE__*/React.createContext(null);
 var useResource = function useResource() {
   return React.useContext(ResourceContext);
 };
-var propTypes$1 = {
+var propTypes$2 = {
   resource: resource.isRequired,
-  children: PropTypes__default["default"].node.isRequired
+  children: PropTypes.node.isRequired
 };
-var defaultProps$1 = {};
+var defaultProps$2 = {};
 var ResourceProvider = function ResourceProvider(_ref) {
   var resource = _ref.resource,
     children = _ref.children;
-  return /*#__PURE__*/React__default["default"].createElement(ResourceContext.Provider, {
+  return /*#__PURE__*/React.createElement(ResourceContext.Provider, {
     value: resource
   }, children);
 };
-ResourceProvider.propTypes = propTypes$1;
-ResourceProvider.defaultProps = defaultProps$1;
+ResourceProvider.propTypes = propTypes$2;
+ResourceProvider.defaultProps = defaultProps$2;
+
+// React.useInsertionEffect is not available in React <18
+var useEffect = React__namespace.useEffect,
+  useLayoutEffect = React__namespace.useLayoutEffect,
+  useRef = React__namespace.useRef,
+  useBuiltinInsertionEffect = React__namespace.useInsertionEffect;
+
+// Copied from:
+// https://github.com/facebook/react/blob/main/packages/shared/ExecutionEnvironment.js
+var canUseDOM = !!(typeof window !== "undefined" && typeof window.document !== "undefined" && typeof window.document.createElement !== "undefined");
+
+// Copied from:
+// https://github.com/reduxjs/react-redux/blob/master/src/utils/useIsomorphicLayoutEffect.ts
+// "React currently throws a warning when using useLayoutEffect on the server.
+// To get around it, we can conditionally useEffect on the server (no-op) and
+// useLayoutEffect in the browser."
+var useIsomorphicLayoutEffect = canUseDOM ? useLayoutEffect : useEffect;
+
+// useInsertionEffect is already a noop on the server.
+// See: https://github.com/facebook/react/blob/main/packages/react-server/src/ReactFizzHooks.js
+var useInsertionEffect = useBuiltinInsertionEffect || useIsomorphicLayoutEffect;
+
+// Userland polyfill while we wait for the forthcoming
+// https://github.com/reactjs/rfcs/blob/useevent/text/0000-useevent.md
+// Note: "A high-fidelity polyfill for useEvent is not possible because
+// there is no lifecycle or Hook in React that we can use to switch
+// .current at the right timing."
+// So we will have to make do with this "close enough" approach for now.
+var useEvent = function useEvent(fn) {
+  var ref = useRef([fn, function () {
+    return ref[0].apply(ref, arguments);
+  }]).current;
+  // Per Dan Abramov: useInsertionEffect executes marginally closer to the
+  // correct timing for ref synchronization than useLayoutEffect on React 18.
+  // See: https://github.com/facebook/react/pull/25881#issuecomment-1356244360
+  useInsertionEffect(function () {
+    ref[0] = fn;
+  });
+  return ref[1];
+};
+
+/**
+ * History API docs @see https://developer.mozilla.org/en-US/docs/Web/API/History
+ */
+var eventPopstate = "popstate";
+var eventPushState = "pushState";
+var eventReplaceState = "replaceState";
+var eventHashchange = "hashchange";
+var events = [eventPopstate, eventPushState, eventReplaceState, eventHashchange];
+var subscribeToLocationUpdates = function subscribeToLocationUpdates(callback) {
+  for (var _i = 0, _events = events; _i < _events.length; _i++) {
+    var event = _events[_i];
+    addEventListener(event, callback);
+  }
+  return function () {
+    for (var _i2 = 0, _events2 = events; _i2 < _events2.length; _i2++) {
+      var _event = _events2[_i2];
+      removeEventListener(_event, callback);
+    }
+  };
+};
+var useLocationProperty = function useLocationProperty(fn, ssrFn) {
+  return index_js.useSyncExternalStore(subscribeToLocationUpdates, fn, ssrFn);
+};
+var currentSearch = function currentSearch() {
+  return location.search;
+};
+var useSearch = function useSearch() {
+  var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+    _ref$ssrSearch = _ref.ssrSearch,
+    ssrSearch = _ref$ssrSearch === void 0 ? "" : _ref$ssrSearch;
+  return useLocationProperty(currentSearch, function () {
+    return ssrSearch;
+  });
+};
+var currentPathname = function currentPathname() {
+  return location.pathname;
+};
+var usePathname = function usePathname() {
+  var _ref2 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+    ssrPath = _ref2.ssrPath;
+  return useLocationProperty(currentPathname, ssrPath ? function () {
+    return ssrPath;
+  } : currentPathname);
+};
+var navigate = function navigate(to) {
+  var _ref3 = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
+    _ref3$replace = _ref3.replace,
+    replace = _ref3$replace === void 0 ? false : _ref3$replace,
+    _ref3$state = _ref3.state,
+    state = _ref3$state === void 0 ? null : _ref3$state;
+  return history[replace ? eventReplaceState : eventPushState](state, "", to);
+};
+
+// the 2nd argument of the `useBrowserLocation` return value is a function
+// that allows to perform a navigation.
+var useBrowserLocation = function useBrowserLocation() {
+  var opts = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  return [usePathname(opts), navigate];
+};
+var patchKey = Symbol["for"]("wouter_v3");
+
+// While History API does have `popstate` event, the only
+// proper way to listen to changes via `push/replaceState`
+// is to monkey-patch these methods.
+//
+// See https://stackoverflow.com/a/4585031
+if (typeof history !== "undefined" && typeof window[patchKey] === "undefined") {
+  var _loop = function _loop() {
+    var type = _arr[_i3];
+    var original = history[type];
+    // TODO: we should be using unstable_batchedUpdates to avoid multiple re-renders,
+    // however that will require an additional peer dependency on react-dom.
+    // See: https://github.com/reactwg/react-18/discussions/86#discussioncomment-1567149
+    history[type] = function () {
+      var result = original.apply(this, arguments);
+      var event = new Event(type);
+      event.arguments = arguments;
+      dispatchEvent(event);
+      return result;
+    };
+  };
+  for (var _i3 = 0, _arr = [eventPushState, eventReplaceState]; _i3 < _arr.length; _i3++) {
+    _loop();
+  }
+
+  // patch history object only once
+  // See: https://github.com/molefrog/wouter/issues/167
+  Object.defineProperty(window, patchKey, {
+    value: true
+  });
+}
+
+var _excluded3 = ["to", "href", "onClick", "asChild", "children", "replace", "state"];
+
+/*
+ * Transforms `path` into its relative `base` version
+ * If base isn't part of the path provided returns absolute path e.g. `~/app`
+ */
+var relativePath = function relativePath() {
+  var base = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : "";
+  var path = arguments.length > 1 ? arguments[1] : undefined;
+  return !path.toLowerCase().indexOf(base.toLowerCase()) ? path.slice(base.length) || "/" : "~" + path;
+};
+var absolutePath = function absolutePath(to) {
+  var base = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "";
+  return to[0] === "~" ? to.slice(1) : base + to;
+};
+
+/*
+ * decodes escape sequences such as %20
+ */
+var unescape = function unescape(str) {
+  try {
+    return decodeURI(str);
+  } catch (_e) {
+    // fail-safe mode: if string can't be decoded do nothing
+    return str;
+  }
+};
+
+/*
+ * Router and router context. Router is a lightweight object that represents the current
+ * routing options: how location is managed, base path etc.
+ *
+ * There is a default router present for most of the use cases, however it can be overridden
+ * via the <Router /> component.
+ */
+
+var defaultRouter = {
+  hook: useBrowserLocation,
+  searchHook: useSearch,
+  parser: regexparam.parse,
+  base: "",
+  // this option is used to override the current location during SSR
+  ssrPath: undefined,
+  ssrSearch: undefined
+};
+var RouterCtx = React.createContext(defaultRouter);
+
+// gets the closest parent router from the context
+var useRouter = function useRouter() {
+  return React.useContext(RouterCtx);
+};
+
+/**
+ * Parameters context. Used by `useParams()` to get the
+ * matched params from the innermost `Route` component.
+ */
+
+React.createContext({});
+
+/*
+ * Part 1, Hooks API: useRoute and useLocation
+ */
+
+// Internal version of useLocation to avoid redundant useRouter calls
+
+var useLocationFromRouter = function useLocationFromRouter(router) {
+  var _router$hook = router.hook(router),
+    _router$hook2 = _slicedToArray(_router$hook, 2),
+    location = _router$hook2[0],
+    navigate = _router$hook2[1];
+
+  // the function reference should stay the same between re-renders, so that
+  // it can be passed down as an element prop without any performance concerns.
+  // (This is achieved via `useEvent`.)
+  return [unescape(relativePath(router.base, location)), useEvent(function (to, navOpts) {
+    return navigate(absolutePath(to, router.base), navOpts);
+  })];
+};
+var useLocation = function useLocation() {
+  return useLocationFromRouter(useRouter());
+};
+React.forwardRef(function (props, ref) {
+  var router = useRouter();
+  var _useLocationFromRoute3 = useLocationFromRouter(router),
+    _useLocationFromRoute4 = _slicedToArray(_useLocationFromRoute3, 2),
+    navigate = _useLocationFromRoute4[1];
+  var to = props.to,
+    _props$href = props.href,
+    _href = _props$href === void 0 ? to : _props$href,
+    _onClick = props.onClick,
+    asChild = props.asChild,
+    children = props.children;
+    props.replace;
+    props.state;
+    var restProps = _objectWithoutProperties(props, _excluded3);
+  var onClick = useEvent(function (event) {
+    // ignores the navigation when clicked using right mouse button or
+    // by holding a special modifier key: ctrl, command, win, alt, shift
+    if (event.ctrlKey || event.metaKey || event.altKey || event.shiftKey || event.button !== 0) return;
+    _onClick && _onClick(event); // TODO: is it safe to use _onClick?.(event)
+    if (!event.defaultPrevented) {
+      event.preventDefault();
+      navigate(_href, props);
+    }
+  });
+
+  // handle nested routers and absolute paths
+  var href = _href[0] === "~" ? _href.slice(1) : router.base + _href;
+  return asChild && React.isValidElement(children) ? React.cloneElement(children, {
+    href: href,
+    onClick: onClick
+  }) : React.createElement("a", _objectSpread(_objectSpread({}, restProps), {}, {
+    href: href,
+    onClick: onClick,
+    children: children,
+    ref: ref
+  }));
+});
+
+/* eslint-disable react/jsx-props-no-spreading */
+var RoutesContext = /*#__PURE__*/React.createContext(null);
+var useRoutesContext = function useRoutesContext() {
+  return React.useContext(RoutesContext);
+};
+var propTypes$1 = {
+  children: PropTypes.node.isRequired,
+  routes: PropTypes.objectOf(PropTypes.string).isRequired,
+  basePath: PropTypes.string
+};
+var defaultProps$1 = {
+  basePath: null
+};
+function RoutesProvider(_ref) {
+  var routes = _ref.routes,
+    basePath = _ref.basePath,
+    children = _ref.children;
+  var value = React.useMemo(function () {
+    return {
+      routes: routes,
+      basePath: basePath
+    };
+  }, [routes, basePath]);
+  return /*#__PURE__*/jsxRuntime.jsx(RoutesContext.Provider, {
+    value: value,
+    children: children
+  });
+}
+RoutesProvider.propTypes = propTypes$1;
+RoutesProvider.defaultProps = defaultProps$1;
+var compilers = {};
+function generatePath(fullPath, data) {
+  var opts = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+  var fullUrlMatches = fullPath.match(/^(https?:\/\/[^/]+)\//);
+  if (typeof compilers[fullPath] === 'undefined') {
+    compilers[fullPath] = pathToRegexp.compile(fullPath.replace(/^(https?:\/\/[^/]+)\//, '/'), opts);
+  }
+  var compiler = compilers[fullPath];
+  return fullUrlMatches !== null ? "".concat(fullUrlMatches[1].substr(0, -1)).concat(compiler(data)) : compiler(data);
+}
+var useUrlGeneratorPathToRepexp = function useUrlGeneratorPathToRepexp() {
+  var _ref2 = useRoutesContext() || {},
+    _ref2$routes = _ref2.routes,
+    routes = _ref2$routes === void 0 ? null : _ref2$routes,
+    _ref2$basePath = _ref2.basePath,
+    basePath = _ref2$basePath === void 0 ? null : _ref2$basePath;
+  var urlGenerator = React.useCallback(function (key, data, opts) {
+    var path = routes !== null ? routes[key] || null : null;
+    if (path === null) {
+      return null;
+    }
+    var url = generatePath(path, data, opts);
+    return basePath !== null ? "".concat(basePath.replace(/\/$/, ''), "/").concat(url.replace(/^\//, '')) : url;
+  }, [routes, basePath]);
+  return urlGenerator;
+};
+var useUrlGeneratorPathToRegexp = useUrlGeneratorPathToRepexp;
+var useRoutes = function useRoutes() {
+  var _useRoutesContext = useRoutesContext(),
+    routes = _useRoutesContext.routes;
+  return routes;
+};
+var useRoutes$1 = useRoutes;
 
 var useRoutePush = function useRoutePush() {
-  var url = routes$1.useUrlGenerator();
-  var _useLocation = wouter.useLocation(),
-    _useLocation2 = _slicedToArray__default["default"](_useLocation, 2),
+  var url = useUrlGeneratorPathToRegexp();
+  var _useLocation = useLocation(),
+    _useLocation2 = _slicedToArray(_useLocation, 2),
     navigate = _useLocation2[1];
   var push = React.useCallback(function (route, data) {
     for (var _len = arguments.length, args = new Array(_len > 2 ? _len - 2 : 0), _key = 2; _key < _len; _key++) {
       args[_key - 2] = arguments[_key];
     }
-    if (isString__default["default"](route)) {
+    if (isString(route)) {
       navigate.apply(void 0, [url(route, data)].concat(args));
     } else {
       var _ref = route || {},
@@ -1104,9 +1435,9 @@ var useRoutePush = function useRoutePush() {
   return push;
 };
 var useRouteBack = function useRouteBack() {
-  var url = routes$1.useUrlGenerator();
-  var _useLocation3 = wouter.useLocation(),
-    _useLocation4 = _slicedToArray__default["default"](_useLocation3, 2),
+  var url = useUrlGeneratorPathToRegexp();
+  var _useLocation3 = useLocation(),
+    _useLocation4 = _slicedToArray(_useLocation3, 2),
     navigate = _useLocation4[1];
   var back = React.useCallback(function () {
     return navigate(-1);
@@ -1119,7 +1450,7 @@ var useTracking = function useTracking() {
   return React.useContext(tracking.TrackingContext);
 };
 var propTypes = {
-  children: PropTypes__default["default"].node.isRequired,
+  children: PropTypes.node.isRequired,
   variables: core.PropTypes.trackingVariables
 };
 var defaultProps = {
@@ -1138,30 +1469,14 @@ var TrackingProvider = function TrackingProvider(_ref) {
       variables: variables
     });
   }, [contextTracking, variables]);
-  return /*#__PURE__*/React__default["default"].createElement(tracking.TrackingContainer, {
+  return /*#__PURE__*/React.createElement(tracking.TrackingContainer, {
     tracking: tracking$1
   }, children);
 };
 TrackingProvider.propTypes = propTypes;
 TrackingProvider.defaultProps = defaultProps;
 
-Object.defineProperty(exports, 'RoutesContext', {
-    enumerable: true,
-    get: function () { return routes$1.RoutesContext; }
-});
-Object.defineProperty(exports, 'RoutesProvider', {
-    enumerable: true,
-    get: function () { return routes$1.RoutesProvider; }
-});
-Object.defineProperty(exports, 'useRoutes', {
-    enumerable: true,
-    get: function () { return routes$1.useRoutes; }
-});
-Object.defineProperty(exports, 'useUrlGenerator', {
-    enumerable: true,
-    get: function () { return routes$1.useUrlGenerator; }
-});
-Object.defineProperty(exports, 'TrackingContext', {
+Object.defineProperty(exports, "TrackingContext", {
     enumerable: true,
     get: function () { return tracking.TrackingContext; }
 });
@@ -1197,6 +1512,8 @@ exports.PanelsContext = PanelsContext;
 exports.PanelsProvider = PanelsProvider;
 exports.PanneauProvider = PanneauProvider;
 exports.ResourceProvider = ResourceProvider;
+exports.RoutesContext = RoutesContext;
+exports.RoutesProvider = RoutesProvider;
 exports.TrackingProvider = TrackingProvider;
 exports.useActionComponent = useActionComponent;
 exports.useActionsComponents = useActionsComponents;
@@ -1259,7 +1576,9 @@ exports.usePanneauSettings = usePanneauSettings;
 exports.useResource = useResource;
 exports.useRouteBack = useRouteBack;
 exports.useRoutePush = useRoutePush;
+exports.useRoutes = useRoutes$1;
 exports.useTracking = useTracking;
+exports.useUrlGenerator = useUrlGeneratorPathToRegexp;
 exports.withGoogleApiClient = withGoogleApiClient;
 exports.withGoogleMapsClient = withGoogleMapsClient;
 exports.withPanels = withPanels;