@telus-uds/components-base 3.28.2 → 4.0.0-alpha.0

package/lib/cjs/ActivityIndicator/Spinner.js

@@ -3,17 +3,17 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.Spinner = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _shared = require("./shared");
-var _A11yInfoProvider = require("../A11yInfoProvider");
+var _A11yInfoProvider = require("../A11yInfoProvider/A11yInfoProvider");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const animateProps = {
   keyTimes: _shared.SPINNER_KEYTIMES,
   repeatCount: 'indefinite'
 };
-const Spinner = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
+const Spinner = exports.Spinner = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
   let {
     size,
     color,
@@ -88,5 +88,4 @@ const Spinner = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
   });
 });
 Spinner.displayName = 'Spinner';
-Spinner.propTypes = _shared.propTypes;
-var _default = exports.default = Spinner;
+Spinner.propTypes = _shared.propTypes;

package/lib/cjs/ActivityIndicator/Spinner.native.js

@@ -3,19 +3,18 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.Spinner = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _View = _interopRequireDefault(require("react-native-web/dist/cjs/exports/View"));
 var _Animated = _interopRequireDefault(require("react-native-web/dist/cjs/exports/Animated"));
 var _Easing = _interopRequireDefault(require("react-native-web/dist/cjs/exports/Easing"));
 var _reactNativeSvg = _interopRequireWildcard(require("react-native-svg"));
 var _shared = require("./shared");
-var _A11yInfoProvider = require("../A11yInfoProvider");
+var _A11yInfoProvider = require("../A11yInfoProvider/A11yInfoProvider");
 var _jsxRuntime = require("react/jsx-runtime");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const Spinner = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
+const Spinner = exports.Spinner = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
   let {
     size,
     color,
@@ -129,5 +128,4 @@ const Spinner = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
   });
 });
 Spinner.displayName = 'Spinner';
-Spinner.propTypes = _shared.propTypes;
-var _default = exports.default = Spinner;
+Spinner.propTypes = _shared.propTypes;

package/lib/cjs/Autocomplete/Autocomplete.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.Autocomplete = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _Dimensions = _interopRequireDefault(require("react-native-web/dist/cjs/exports/Dimensions"));
@@ -12,16 +12,24 @@ var _View = _interopRequireDefault(require("react-native-web/dist/cjs/exports/Vi
 var _StyleSheet = _interopRequireDefault(require("react-native-web/dist/cjs/exports/StyleSheet"));
 var _lodash = _interopRequireDefault(require("lodash.throttle"));
 var _stringPrototype = _interopRequireDefault(require("string.prototype.matchall"));
-var _utils = require("../utils");
-var _ThemeProvider = require("../ThemeProvider");
-var _Listbox = _interopRequireDefault(require("../Listbox"));
-var _Typography = _interopRequireDefault(require("../Typography"));
-var _TextInput = require("../TextInput");
-var _InputSupports = _interopRequireDefault(require("../InputSupports"));
-var _Loading = _interopRequireDefault(require("./Loading"));
-var _Suggestions = _interopRequireDefault(require("./Suggestions"));
+var _inputSupportsProps = require("../utils/props/inputSupportsProps");
+var _selectSystemProps = require("../utils/props/selectSystemProps");
+var _textInputProps = require("../utils/props/textInputProps");
+var _handlerProps = require("../utils/props/handlerProps");
+var _useCopy = require("../utils/useCopy");
+var _htmlAttrs = require("../utils/htmlAttrs");
+var _useOverlaidPosition = require("../utils/useOverlaidPosition");
+var _useSafeLayoutEffect = require("../utils/useSafeLayoutEffect");
+var _tokens = require("../utils/props/tokens");
+var _useThemeTokens = require("../ThemeProvider/useThemeTokens");
+var _ListboxOverlay = require("../Listbox/ListboxOverlay");
+var _Typography = require("../Typography/Typography");
+var _TextInput = require("../TextInput/TextInput");
+var _InputSupports = require("../InputSupports/InputSupports");
+var _Loading = require("./Loading");
+var _Suggestions = require("./Suggestions");
 var _constants = require("./constants");
-var _dictionary = _interopRequireDefault(require("./dictionary"));
+var _dictionary = require("./dictionary");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const staticStyles = _StyleSheet.default.create({
@@ -33,7 +41,7 @@ const staticStyles = _StyleSheet.default.create({
     flexShrink: 0
   }
 });
-const [selectProps, selectedSystemPropTypes] = (0, _utils.selectSystemProps)([_utils.htmlAttrs, _utils.inputSupportsProps, _utils.textInputHandlerProps, _utils.textInputProps]);
+const [selectProps, selectedSystemPropTypes] = (0, _selectSystemProps.selectSystemProps)([_htmlAttrs.htmlAttrs, _inputSupportsProps.inputSupportsProps, _handlerProps.textInputHandlerProps, _textInputProps.textInputProps]);
 
 // Returns JSX to display a bold string `str` with unbolded occurrences of the
 // `substring` based in the array of `matchIndexes` provided
@@ -44,7 +52,7 @@ const highlightAllMatches = function (str) {
   return (
     /*#__PURE__*/
     // Wrapping all in bold
-    (0, _jsxRuntime.jsx)(_Typography.default, {
+    (0, _jsxRuntime.jsx)(_Typography.Typography, {
       variant: {
         bold: false
       },
@@ -55,7 +63,7 @@ const highlightAllMatches = function (str) {
         const prefix = index === 0 ? str.slice(0, matchIndex) : null;
         const match = str.slice(matchIndex, matchIndex + substring.length);
         const suffix = str.slice(matchIndex + substring.length, matchIndexes[index + 1] ?? str.length);
-        return [...acc, prefix ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
+        return [...acc, prefix ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.Typography, {
           variant: {
             bold: false
           },
@@ -63,7 +71,7 @@ const highlightAllMatches = function (str) {
             color: resultsTextColor
           },
           children: prefix
-        }, `pre-${matchIndex}`) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
+        }, `pre-${matchIndex}`) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.Typography, {
           variant: {
             bold: true
           },
@@ -71,7 +79,7 @@ const highlightAllMatches = function (str) {
             color: resultsTextColor
           },
           children: match
-        }, matchIndex), suffix ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
+        }, matchIndex), suffix ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.Typography, {
           variant: {
             bold: false
           },
@@ -104,7 +112,7 @@ const highlight = function () {
     return [...acc, item];
   }, []);
 };
-const Autocomplete = /*#__PURE__*/_react.default.forwardRef((_ref2, ref) => {
+const Autocomplete = exports.Autocomplete = /*#__PURE__*/_react.default.forwardRef((_ref2, ref) => {
   let {
     children,
     copy = 'en',
@@ -132,7 +140,7 @@ const Autocomplete = /*#__PURE__*/_react.default.forwardRef((_ref2, ref) => {
   const {
     color: resultsTextColor,
     ...restOfTokens
-  } = (0, _ThemeProvider.useThemeTokens)('Autocomplete', tokens, {
+  } = (0, _useThemeTokens.useThemeTokens)('Autocomplete', tokens, {
     focus: true
   });
 
@@ -177,7 +185,7 @@ const Autocomplete = /*#__PURE__*/_react.default.forwardRef((_ref2, ref) => {
     // targetRef,
     onTargetLayout,
     isReady
-  } = (0, _utils.useOverlaidPosition)({
+  } = (0, _useOverlaidPosition.useOverlaidPosition)({
     isShown: isExpanded || hintExpansionEnabled,
     offsets: {
       vertical: _Platform.default.OS !== 'web' && (hint || inputLabel) ? 28 : 4
@@ -191,13 +199,13 @@ const Autocomplete = /*#__PURE__*/_react.default.forwardRef((_ref2, ref) => {
     let data = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
     return maxSuggestions ? data.slice(0, maxSuggestions) : [...data];
   };
-  const getCopy = (0, _utils.useCopy)({
-    dictionary: _dictionary.default,
+  const getCopy = (0, _useCopy.useCopy)({
+    dictionary: _dictionary.dictionary,
     copy
   });
   // Tracking input width changes to resize the listbox overlay accordingly
   const [inputWidth, setInputWidth] = _react.default.useState();
-  (0, _utils.useSafeLayoutEffect)(() => {
+  (0, _useSafeLayoutEffect.useSafeLayoutEffect)(() => {
     if (_Platform.default.OS === 'web') {
       const updateInputWidth = () => {
         setInputWidth(inputRef?.current?.clientWidth + 4); // adding back all the input borders / outlines
@@ -339,7 +347,7 @@ const Autocomplete = /*#__PURE__*/_react.default.forwardRef((_ref2, ref) => {
   const helpTextToShow = isFocused && !currentValue ? helpText : noResults ?? getCopy('noResults');
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_View.default, {
     style: staticStyles.container,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_InputSupports.default, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_InputSupports.InputSupports, {
       ...supportsProps,
       accessibilityAutoComplete: "list",
       accessibilityControls: "autocomplete",
@@ -413,7 +421,7 @@ const Autocomplete = /*#__PURE__*/_react.default.forwardRef((_ref2, ref) => {
         });
       }
     }), (isExpanded || hintExpansionEnabled) && isInputVisible && (itemsToShow.length > 0 || isExpanded || hintExpansionEnabled) && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Listbox.default.Overlay, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ListboxOverlay.ListboxOverlay, {
         overlaidPosition: overlaidPosition,
         isReady: isReady,
         minWidth: fullWidth ? inputWidth : _constants.MIN_LISTBOX_WIDTH,
@@ -422,9 +430,9 @@ const Autocomplete = /*#__PURE__*/_react.default.forwardRef((_ref2, ref) => {
         onLayout: handleMeasure,
         tokens: restOfTokens,
         ref: openOverlayRef,
-        children: isLoading ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Loading.default, {
+        children: isLoading ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Loading.Loading, {
           label: loadingLabel ?? getCopy('loading')
-        }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_Suggestions.default, {
+        }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_Suggestions.Suggestions, {
           hasResults: getCopy('hasResults'),
           id: "autocomplete",
           items: nestedSelectedValue ? itemsToSuggest(highlight(otherItems, nestedSelectedValue, resultsTextColor)) : itemsToShow,
@@ -474,7 +482,7 @@ Autocomplete.propTypes = {
    * ```
    */
   children: _propTypes.default.func,
-  tokens: (0, _utils.getTokensPropType)('Autocomplete'),
+  tokens: (0, _tokens.getTokensPropType)('Autocomplete'),
   /**
    * Copy language identifier
    */
@@ -534,5 +542,4 @@ Autocomplete.propTypes = {
    * Input value for controlled usage
    */
   value: _propTypes.default.string
-};
-var _default = exports.default = Autocomplete;
+};

package/lib/cjs/Autocomplete/Loading.js

@@ -3,33 +3,33 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.Loading = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
-var _ActivityIndicator = _interopRequireDefault(require("../ActivityIndicator"));
-var _Typography = _interopRequireDefault(require("../Typography"));
-var _Box = _interopRequireDefault(require("../Box"));
-var _StackView = _interopRequireDefault(require("../StackView"));
+var _ActivityIndicator = require("../ActivityIndicator/ActivityIndicator");
+var _Typography = require("../Typography/Typography");
+var _Box = require("../Box/Box");
+var _StackView = require("../StackView/StackView");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const Loading = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
+const Loading = exports.Loading = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
   let {
     label
   } = _ref;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.Box, {
     space: 3,
     ref: ref,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_StackView.default, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_StackView.StackView, {
       direction: "row",
       space: 2,
       tokens: {
         alignItems: 'center'
       },
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ActivityIndicator.default, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ActivityIndicator.ActivityIndicator, {
         variant: {
           size: 'large'
         }
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.Typography, {
         children: label
       })]
     })
@@ -38,5 +38,4 @@ const Loading = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
 Loading.displayName = 'Loading';
 Loading.propTypes = {
   label: _propTypes.default.string
-};
-var _default = exports.default = Loading;
+};

package/lib/cjs/Autocomplete/Suggestions.js

@@ -3,16 +3,16 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.Suggestions = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
-var _A11yText = _interopRequireDefault(require("../A11yText"));
-var _Typography = _interopRequireDefault(require("../Typography"));
-var _Box = _interopRequireDefault(require("../Box"));
-var _Listbox = _interopRequireDefault(require("../Listbox"));
+var _A11yText = require("../A11yText/A11yText");
+var _Typography = require("../Typography/Typography");
+var _Box = require("../Box/Box");
+var _Listbox = require("../Listbox/Listbox");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const Suggestions = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
+const Suggestions = exports.Suggestions = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
   let {
     hasResults,
     items = [],
@@ -33,20 +33,20 @@ const Suggestions = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
     };
   });
   if (items?.length) return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_A11yText.default, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_A11yText.A11yText, {
       accessibilityLiveRegion: "polite",
       text: hasResults
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Listbox.default, {
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Listbox.Listbox, {
       items: pressableItems,
       firstItemRef: ref,
       parentRef: parentRef,
       onClose: onClose
     })]
   });
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.Box, {
     space: 3,
     children: typeof noResults === 'string' ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.Typography, {
         accessibilityLiveRegion: "polite",
         variant: {
           size: 'small'
@@ -67,5 +67,4 @@ Suggestions.propTypes = {
   onClose: _propTypes.default.func.isRequired,
   onSelect: _propTypes.default.func.isRequired,
   parentRef: _propTypes.default.object.isRequired
-};
-var _default = exports.default = Suggestions;
+};

package/lib/cjs/Autocomplete/dictionary.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
-var _default = exports.default = {
+exports.dictionary = void 0;
+const dictionary = exports.dictionary = {
   en: {
     hasResults: 'Some results are available',
     loading: 'Searching...',

package/lib/cjs/Badge/Badge.js

@@ -3,14 +3,18 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.Badge = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _View = _interopRequireDefault(require("react-native-web/dist/cjs/exports/View"));
 var _StyleSheet = _interopRequireDefault(require("react-native-web/dist/cjs/exports/StyleSheet"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
-var _ThemeProvider = require("../ThemeProvider");
-var _Typography = _interopRequireDefault(require("../Typography"));
-var _utils = require("../utils");
+var _useThemeTokens = require("../ThemeProvider/useThemeTokens");
+var _Typography = require("../Typography/Typography");
+var _htmlAttrs = require("../utils/htmlAttrs");
+var _selectSystemProps = require("../utils/props/selectSystemProps");
+var _tokens = require("../utils/props/tokens");
+var _variantProp = require("../utils/props/variantProp");
+var _viewProps = require("../utils/props/viewProps");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const fontSizeMapping = {
@@ -18,7 +22,7 @@ const fontSizeMapping = {
   14: 'small',
   16: 'h6'
 };
-const [selectProps, selectedSystemPropTypes] = (0, _utils.selectSystemProps)([_utils.htmlAttrs, _utils.viewProps]);
+const [selectProps, selectedSystemPropTypes] = (0, _selectSystemProps.selectSystemProps)([_htmlAttrs.htmlAttrs, _viewProps.viewProps]);
 const selectContainerBackground = _ref => {
   let {
     backgroundColor
@@ -73,19 +77,19 @@ const getTypographyVariant = _ref5 => {
     size: fontSizeMapping[fontSize]
   };
 };
-const Badge = /*#__PURE__*/_react.default.forwardRef((_ref6, ref) => {
+const Badge = exports.Badge = /*#__PURE__*/_react.default.forwardRef((_ref6, ref) => {
   let {
     children,
     tokens,
     variant = {},
     ...rest
   } = _ref6;
-  const themeTokens = (0, _ThemeProvider.useThemeTokens)('Badge', tokens, variant);
+  const themeTokens = (0, _useThemeTokens.useThemeTokens)('Badge', tokens, variant);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_View.default, {
     ref: ref,
     style: [staticStyles.container, selectContainerBackground(themeTokens), selectContainerBorder(themeTokens), selectContainerPadding(themeTokens)],
     ...selectProps(rest),
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.Typography, {
       tokens: getTypographyTokens(themeTokens),
       variant: getTypographyVariant(themeTokens),
       children: children
@@ -95,11 +99,10 @@ const Badge = /*#__PURE__*/_react.default.forwardRef((_ref6, ref) => {
 Badge.propTypes = {
   ...selectedSystemPropTypes,
   children: _propTypes.default.node,
-  tokens: (0, _utils.getTokensPropType)('Badge'),
-  variant: _utils.variantProp.propType
+  tokens: (0, _tokens.getTokensPropType)('Badge'),
+  variant: _variantProp.variantProp.propType
 };
 Badge.displayName = 'Badge';
-var _default = exports.default = Badge;
 const staticStyles = _StyleSheet.default.create({
   container: {
     display: 'flex',

package/lib/cjs/BaseProvider/{index.js → BaseProvider.js}

@@ -3,29 +3,29 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.BaseProvider = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _portal = require("@gorhom/portal");
 var _systemConstants = require("@telus-uds/system-constants");
-var _A11yInfoProvider = _interopRequireDefault(require("../A11yInfoProvider"));
-var _ViewportProvider = _interopRequireDefault(require("../ViewportProvider"));
-var _ThemeProvider = _interopRequireDefault(require("../ThemeProvider"));
+var _A11yInfoProvider = require("../A11yInfoProvider/A11yInfoProvider");
+var _ViewportProvider = require("../ViewportProvider/ViewportProvider");
+var _ThemeProvider = require("../ThemeProvider/ThemeProvider");
 var _HydrationContext = require("./HydrationContext");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 // eslint-disable-next-line no-unused-vars
-const BaseProvider = /*#__PURE__*/_react.default.forwardRef((_ref, _) => {
+const BaseProvider = exports.BaseProvider = /*#__PURE__*/_react.default.forwardRef((_ref, _) => {
   let {
     defaultTheme,
     children,
     themeOptions
   } = _ref;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_HydrationContext.HydrationProvider, {
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_A11yInfoProvider.default, {
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ViewportProvider.default, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_A11yInfoProvider.A11yInfoProvider, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ViewportProvider.ViewportProvider, {
         defaultViewport: themeOptions?.defaultViewport,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ThemeProvider.default, {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ThemeProvider.ThemeProvider, {
           defaultTheme: defaultTheme,
           themeOptions: themeOptions,
           children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_portal.PortalProvider, {
@@ -39,11 +39,10 @@ const BaseProvider = /*#__PURE__*/_react.default.forwardRef((_ref, _) => {
 BaseProvider.displayName = 'BaseProvider';
 BaseProvider.propTypes = {
   children: _propTypes.default.node.isRequired,
-  defaultTheme: _ThemeProvider.default.propTypes?.defaultTheme,
+  defaultTheme: _ThemeProvider.ThemeProvider.propTypes?.defaultTheme,
   themeOptions: _propTypes.default.shape({
     forceAbsoluteFontSizing: _propTypes.default.bool,
     forceZIndex: _propTypes.default.bool,
     defaultViewport: _propTypes.default.oneOf(_systemConstants.viewports.keys)
   })
-};
-var _default = exports.default = BaseProvider;
+};

package/lib/cjs/BaseProvider/HydrationContext.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.useHydrationContext = exports.default = exports.HydrationProvider = void 0;
+exports.useHydrationContext = exports.HydrationProvider = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _Platform = _interopRequireDefault(require("react-native-web/dist/cjs/exports/Platform"));
@@ -52,5 +52,4 @@ const HydrationProvider = _ref => {
 exports.HydrationProvider = HydrationProvider;
 HydrationProvider.propTypes = {
   children: _propTypes.default.node
-};
-var _default = exports.default = HydrationProvider;
+};