@coinbase/cds-mobile 9.3.0 → 9.3.1

package/esm/chips/Chip.js

@@ -4,8 +4,10 @@ function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t =
 import React, { forwardRef, Fragment, memo } from 'react';
 import { chipMaxWidth } from '@coinbase/cds-common/tokens/chip';
 import { useComponentConfig } from '../hooks/useComponentConfig';
-import { Box, HStack } from '../layout';
-import { InvertedThemeProvider, Pressable } from '../system';
+import { Box } from '../layout/Box';
+import { HStack } from '../layout/HStack';
+import { Pressable } from '../system/Pressable';
+import { InvertedThemeProvider } from '../system/ThemeProvider';
 import { Text } from '../typography/Text';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /**

package/esm/chips/InputChip.js

@@ -3,7 +3,7 @@ function _extends() { return _extends = Object.assign ? Object.assign.bind() : f
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 import React, { forwardRef, memo } from 'react';
 import { useComponentConfig } from '../hooks/useComponentConfig';
-import { Icon } from '../icons';
+import { Icon } from '../icons/Icon';
 import { MediaChip } from './MediaChip';
 import { jsx as _jsx } from "react/jsx-runtime";
 export const InputChip = /*#__PURE__*/memo(/*#__PURE__*/forwardRef((_props, ref) => {

package/esm/chips/SelectChip.js

@@ -8,8 +8,8 @@ import { useRotateAnimation } from '../animation/useRotateAnimation';
 import { SelectProvider } from '../controls/SelectContext';
 import { useSelect } from '../controls/useSelect';
 import { useA11y } from '../hooks/useA11y';
-import { Icon } from '../icons';
-import { Tray } from '../overlays';
+import { Icon } from '../icons/Icon';
+import { Tray } from '../overlays/tray/Tray';
 import { MediaChip } from './MediaChip';
 
 /**

package/esm/chips/TabbedChips.js

@@ -7,8 +7,9 @@ import { ScrollView } from 'react-native';
 import { useTabsContext } from '@coinbase/cds-common/tabs/TabsContext';
 import { useComponentConfig } from '../hooks/useComponentConfig';
 import { useHorizontalScrollToTarget } from '../hooks/useHorizontalScrollToTarget';
-import { Box, OverflowGradient } from '../layout';
-import { Tabs } from '../tabs';
+import { Box } from '../layout/Box';
+import { OverflowGradient } from '../layout/OverflowGradient';
+import { Tabs } from '../tabs/Tabs';
 import { MediaChip } from './MediaChip';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const TabComponent = _ref => {

package/esm/coachmark/Coachmark.js

@@ -3,11 +3,13 @@ function _extends() { return _extends = Object.assign ? Object.assign.bind() : f
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 import React, { forwardRef, memo } from 'react';
 import { useWindowDimensions } from 'react-native';
-import { IconButton } from '../buttons';
+import { IconButton } from '../buttons/IconButton';
 import { useComponentConfig } from '../hooks/useComponentConfig';
 import { useTheme } from '../hooks/useTheme';
-import { Box, HStack, VStack } from '../layout';
-import { InvertedThemeProvider } from '../system';
+import { Box } from '../layout/Box';
+import { HStack } from '../layout/HStack';
+import { VStack } from '../layout/VStack';
+import { InvertedThemeProvider } from '../system/ThemeProvider';
 import { Text } from '../typography/Text';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export const Coachmark = /*#__PURE__*/memo(/*#__PURE__*/forwardRef((_props, ref) => {

package/esm/controls/CheckboxCell.js

@@ -7,7 +7,9 @@ import { useComponentConfig } from '../hooks/useComponentConfig';
 import { useLayout } from '../hooks/useLayout';
 import { useSelectionCellBorderStyle } from '../hooks/useSelectionCellBorderStyle';
 import { useTheme } from '../hooks/useTheme';
-import { Box, HStack, VStack } from '../layout';
+import { Box } from '../layout/Box';
+import { HStack } from '../layout/HStack';
+import { VStack } from '../layout/VStack';
 import { Pressable } from '../system/Pressable';
 import { Text } from '../typography/Text';
 import { Checkbox } from './Checkbox';

package/esm/controls/ControlGroup.js

@@ -4,7 +4,7 @@ function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t =
 import React, { forwardRef, memo } from 'react';
 import { isDevelopment } from '@coinbase/cds-utils';
 import { useComponentConfig } from '../hooks/useComponentConfig';
-import { Group } from '../layout';
+import { Group } from '../layout/Group';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const ControlGroupWithRef = /*#__PURE__*/forwardRef(function ControlGroup(_props, ref) {
   const mergedProps = useComponentConfig('ControlGroup', _props);

package/esm/controls/Radio.js

@@ -6,7 +6,7 @@ import { Animated, StyleSheet } from 'react-native';
 import { Circle, Svg } from 'react-native-svg';
 import { useComponentConfig } from '../hooks/useComponentConfig';
 import { useTheme } from '../hooks/useTheme';
-import { Box } from '../layout';
+import { Box } from '../layout/Box';
 import { Interactable } from '../system/Interactable';
 import { Control } from './Control';
 import { jsx as _jsx } from "react/jsx-runtime";

package/esm/controls/RadioCell.js

@@ -7,7 +7,9 @@ import { useComponentConfig } from '../hooks/useComponentConfig';
 import { useLayout } from '../hooks/useLayout';
 import { useSelectionCellBorderStyle } from '../hooks/useSelectionCellBorderStyle';
 import { useTheme } from '../hooks/useTheme';
-import { Box, HStack, VStack } from '../layout';
+import { Box } from '../layout/Box';
+import { HStack } from '../layout/HStack';
+import { VStack } from '../layout/VStack';
 import { Pressable } from '../system/Pressable';
 import { Text } from '../typography/Text';
 import { Radio } from './Radio';

package/esm/dates/DatePicker.js

@@ -5,7 +5,8 @@ import { forwardRef, memo, useCallback, useMemo, useRef, useState } from 'react'
 import { Button } from '../buttons/Button';
 import { InputIconButton } from '../controls/InputIconButton';
 import { useComponentConfig } from '../hooks/useComponentConfig';
-import { Box, VStack } from '../layout';
+import { Box } from '../layout/Box';
+import { VStack } from '../layout/VStack';
 import { Tray } from '../overlays/tray/Tray';
 import { StickyFooter } from '../sticky-footer/StickyFooter';
 import { Calendar } from './Calendar';

package/esm/motion/AnimatedCaret.js

@@ -6,7 +6,7 @@ import { Animated } from 'react-native';
 import { usePreviousValue } from '@coinbase/cds-common/hooks/usePreviousValue';
 import { animateRotateConfig } from '@coinbase/cds-common/motion/animatedCaret';
 import { convertMotionConfig } from '../animation/convertMotionConfig';
-import { Icon } from '../icons';
+import { Icon } from '../icons/Icon';
 import { HStack } from '../layout/HStack';
 import { jsx as _jsx } from "react/jsx-runtime";
 export const useAnimatedCaretAnimation = () => {

package/esm/motion/ColorSurge.js

@@ -2,7 +2,7 @@ import React, { forwardRef, memo, useCallback, useEffect, useImperativeHandle, u
 import { Animated } from 'react-native';
 import { colorSurgeEnterConfig, colorSurgeExitConfig } from '@coinbase/cds-common/motion/hint';
 import { convertMotionConfig } from '../animation/convertMotionConfig';
-import { Box } from '../layout';
+import { Box } from '../layout/Box';
 import { jsx as _jsx } from "react/jsx-runtime";
 /**
  * Please consult with the motion team in #ask-motion before using this component.

package/esm/multi-content-module/MultiContentModule.js

@@ -2,9 +2,10 @@ const _excluded = ["pictogram", "title", "description", "children", "action", "o
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 import React, { forwardRef, isValidElement, memo } from 'react';
-import { Button } from '../buttons';
-import { Pictogram } from '../illustrations';
-import { Box, VStack } from '../layout';
+import { Button } from '../buttons/Button';
+import { Pictogram } from '../illustrations/Pictogram';
+import { Box } from '../layout/Box';
+import { VStack } from '../layout/VStack';
 import { Text } from '../typography/Text';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export const MultiContentModule = /*#__PURE__*/memo(/*#__PURE__*/forwardRef(function MultiContentModule(_ref, ref) {

package/esm/navigation/BrowserBar.js

@@ -3,7 +3,7 @@ function _extends() { return _extends = Object.assign ? Object.assign.bind() : f
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 import React, { createContext, memo, useContext, useEffect, useState } from 'react';
 import { useComponentConfig } from '../hooks/useComponentConfig';
-import { HStack } from '../layout';
+import { HStack } from '../layout/HStack';
 import { NavBarEnd, NavBarStart } from './TopNavBar';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export const BrowserBarContext = /*#__PURE__*/createContext({

package/esm/navigation/NavBarIconButton.js

@@ -2,7 +2,7 @@ const _excluded = ["name", "color", "height", "width", "size", "borderWidth", "b
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 import { memo, useContext, useEffect } from 'react';
-import { Icon } from '../icons';
+import { Icon } from '../icons/Icon';
 import { Pressable } from '../system/Pressable';
 import { BrowserBarContext } from './BrowserBar';
 import { TopNavBarContext } from './TopNavBar';

package/esm/navigation/NavigationTitleSelect.js

@@ -6,10 +6,10 @@ import { selectCellMobileSpacingConfig } from '@coinbase/cds-common/tokens/selec
 import { Cell } from '../cells/Cell';
 import { CellAccessory } from '../cells/CellAccessory';
 import { useComponentConfig } from '../hooks/useComponentConfig';
-import { Icon } from '../icons';
+import { Icon } from '../icons/Icon';
 import { HStack } from '../layout/HStack';
-import { Tray } from '../overlays';
-import { Pressable } from '../system';
+import { Tray } from '../overlays/tray/Tray';
+import { Pressable } from '../system/Pressable';
 import { Text } from '../typography/Text';
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 export const NavigationTitleSelect = /*#__PURE__*/memo(_props => {

package/esm/navigation/TopNavBar.js

@@ -7,7 +7,8 @@ import { usePreviousValue } from '@coinbase/cds-common/hooks/usePreviousValue';
 import { zIndex } from '@coinbase/cds-common/tokens/zIndex';
 import { Collapsible } from '../collapsible/Collapsible';
 import { useComponentConfig } from '../hooks/useComponentConfig';
-import { HStack, VStack } from '../layout';
+import { HStack } from '../layout/HStack';
+import { VStack } from '../layout/VStack';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export const TopNavBarContext = /*#__PURE__*/React.createContext({
   isWithinTopNavBar: false

package/esm/numbers/RollingNumber/DefaultRollingNumberValueSection.js

@@ -3,7 +3,7 @@ function _extends() { return _extends = Object.assign ? Object.assign.bind() : f
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 import { forwardRef, memo, useCallback, useMemo, useState } from 'react';
 import Animated from 'react-native-reanimated';
-import { HStack } from '../../layout';
+import { HStack } from '../../layout/HStack';
 import { Text } from '../../typography/Text';
 import { DefaultRollingNumberDigit } from './DefaultRollingNumberDigit';
 import { DefaultRollingNumberMask } from './DefaultRollingNumberMask';

package/esm/numpad/Numpad.js

@@ -5,8 +5,9 @@ import React, { forwardRef, memo, useCallback, useMemo } from 'react';
 import { StyleSheet, View } from 'react-native';
 import { useComponentConfig } from '../hooks/useComponentConfig';
 import { useTheme } from '../hooks/useTheme';
-import { Icon } from '../icons';
-import { HStack, VStack } from '../layout';
+import { Icon } from '../icons/Icon';
+import { HStack } from '../layout/HStack';
+import { VStack } from '../layout/VStack';
 import { Pressable } from '../system/Pressable';
 import { Text } from '../typography/Text';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";

package/esm/overlays/Alert.js

@@ -1,9 +1,9 @@
 import { forwardRef, memo, useCallback, useEffect, useImperativeHandle, useMemo } from 'react';
 import { Modal as RNModal } from 'react-native';
-import { Button } from '../buttons';
+import { Button } from '../buttons/Button';
 import { useComponentConfig } from '../hooks/useComponentConfig';
-import { Pictogram } from '../illustrations';
-import { Box } from '../layout';
+import { Pictogram } from '../illustrations/Pictogram';
+import { Box } from '../layout/Box';
 import { Text } from '../typography/Text';
 import { Overlay } from './overlay/Overlay';
 import { useAlertAnimation } from './useAlertAnimation';

package/esm/overlays/Toast.js

@@ -4,10 +4,11 @@ function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t =
 import React, { forwardRef, memo, useCallback, useEffect, useImperativeHandle } from 'react';
 import { useSafeAreaInsets } from 'react-native-safe-area-context';
 import { zIndex } from '@coinbase/cds-common/tokens/zIndex';
-import { Button } from '../buttons';
+import { Button } from '../buttons/Button';
 import { useA11y } from '../hooks/useA11y';
 import { useComponentConfig } from '../hooks/useComponentConfig';
-import { Box, HStack } from '../layout';
+import { Box } from '../layout/Box';
+import { HStack } from '../layout/HStack';
 import { ColorSurge } from '../motion/ColorSurge';
 import { Text } from '../typography/Text';
 import { useToastAnimation } from './useToastAnimation';

package/esm/overlays/modal/Modal.js

@@ -8,7 +8,7 @@ import { usePreviousValue } from '@coinbase/cds-common/hooks/usePreviousValue';
 import { ModalContext } from '@coinbase/cds-common/overlays/ModalContext';
 import { OverlayContentContext } from '@coinbase/cds-common/overlays/OverlayContentContext';
 import { useComponentConfig } from '../../hooks/useComponentConfig';
-import { VStack } from '../../layout';
+import { VStack } from '../../layout/VStack';
 import { useModalAnimation } from './useModalAnimation';
 import { jsx as _jsx } from "react/jsx-runtime";
 const overlayContentContextValue = {

package/esm/overlays/modal/ModalHeader.js

@@ -3,7 +3,7 @@ function _extends() { return _extends = Object.assign ? Object.assign.bind() : f
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 import React from 'react';
 import { useModalContext } from '@coinbase/cds-common/overlays/ModalContext';
-import { IconButton } from '../../buttons';
+import { IconButton } from '../../buttons/IconButton';
 import { useComponentConfig } from '../../hooks/useComponentConfig';
 import { Box } from '../../layout/Box';
 import { HStack } from '../../layout/HStack';

package/esm/overlays/tray/Tray.js

@@ -7,7 +7,8 @@ import { useWindowDimensions } from 'react-native';
 import { MAX_OVER_DRAG } from '@coinbase/cds-common/animation/drawer';
 import { verticalDrawerPercentageOfView as defaultVerticalDrawerPercentageOfView } from '@coinbase/cds-common/tokens/drawer';
 import { useComponentConfig } from '../../hooks/useComponentConfig';
-import { Box, VStack } from '../../layout';
+import { Box } from '../../layout/Box';
+import { VStack } from '../../layout/VStack';
 import { Text } from '../../typography/Text';
 import { Drawer } from '../drawer/Drawer';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";

package/esm/section-header/SectionHeader.js

@@ -2,8 +2,9 @@ const _excluded = ["title", "start", "icon", "iconActive", "testID", "balance",
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 import React, { forwardRef, memo } from 'react';
-import { Icon } from '../icons';
-import { HStack, VStack } from '../layout';
+import { Icon } from '../icons/Icon';
+import { HStack } from '../layout/HStack';
+import { VStack } from '../layout/VStack';
 import { Text } from '../typography/Text';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export const SectionHeader = /*#__PURE__*/memo(/*#__PURE__*/forwardRef(function SectionHeader(_ref, ref) {

package/esm/stepper/DefaultStepperStepHorizontal.js

@@ -3,7 +3,8 @@ function _extends() { return _extends = Object.assign ? Object.assign.bind() : f
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 import { memo, useMemo } from 'react';
 import { containsStep, isStepVisited } from '@coinbase/cds-common/stepper/utils';
-import { HStack, VStack } from '../layout';
+import { HStack } from '../layout/HStack';
+import { VStack } from '../layout/VStack';
 import { DefaultStepperProgressHorizontal } from './DefaultStepperProgressHorizontal';
 import { DefaultStepperSubstepContainerHorizontal } from './DefaultStepperSubstepContainerHorizontal';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";

package/esm/stepper/DefaultStepperStepVertical.js

@@ -4,7 +4,8 @@ function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t =
 import { memo, useMemo } from 'react';
 import { containsStep, isStepVisited } from '@coinbase/cds-common/stepper/utils';
 import { useTheme } from '../hooks/useTheme';
-import { HStack, VStack } from '../layout';
+import { HStack } from '../layout/HStack';
+import { VStack } from '../layout/VStack';
 import { DefaultStepperIconVertical } from './DefaultStepperIconVertical';
 import { DefaultStepperLabelVertical } from './DefaultStepperLabelVertical';
 import { DefaultStepperProgressVertical } from './DefaultStepperProgressVertical';

package/esm/stepper/DefaultStepperSubstepContainerHorizontal.js

@@ -2,7 +2,7 @@ const _excluded = ["step", "parentStep", "activeStepId", "depth", "active", "vis
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 import { memo } from 'react';
-import { HStack } from '../layout';
+import { HStack } from '../layout/HStack';
 import { horizontalStepGap } from './Stepper';
 import { jsx as _jsx } from "react/jsx-runtime";
 export const DefaultStepperSubstepContainerHorizontal = /*#__PURE__*/memo(_ref => {

package/esm/stepper/DefaultStepperSubstepContainerVertical.js

@@ -2,7 +2,7 @@ const _excluded = ["step", "parentStep", "activeStepId", "depth", "active", "vis
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 import { memo } from 'react';
-import { VStack } from '../layout';
+import { VStack } from '../layout/VStack';
 import { jsx as _jsx } from "react/jsx-runtime";
 export const DefaultStepperSubstepContainerVertical = /*#__PURE__*/memo(_ref => {
   let {

package/esm/sticky-footer/StickyFooter.js

@@ -3,7 +3,7 @@ function _extends() { return _extends = Object.assign ? Object.assign.bind() : f
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 import React, { forwardRef, memo } from 'react';
 import { View } from 'react-native';
-import { Box } from '../layout';
+import { Box } from '../layout/Box';
 import { jsx as _jsx } from "react/jsx-runtime";
 export const StickyFooter = /*#__PURE__*/memo(/*#__PURE__*/forwardRef((_ref, forwardedRef) => {
   let {

package/esm/tabs/DefaultTab.js

@@ -7,7 +7,7 @@ import { useTabsContext } from '@coinbase/cds-common/tabs/TabsContext';
 import { accessibleOpacityDisabled } from '@coinbase/cds-common/tokens/interactable';
 import { DotCount } from '../dots/DotCount';
 import { useTheme } from '../hooks/useTheme';
-import { HStack } from '../layout';
+import { HStack } from '../layout/HStack';
 import { Text } from '../typography/Text';
 
 /** Optional dot count and a11y overrides for the default tab row. */

package/esm/tabs/DefaultTabsActiveIndicator.js

@@ -3,7 +3,7 @@ function _extends() { return _extends = Object.assign ? Object.assign.bind() : f
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 import { memo, useEffect } from 'react';
 import Animated, { useAnimatedStyle, useSharedValue, withSpring } from 'react-native-reanimated';
-import { Box } from '../layout';
+import { Box } from '../layout/Box';
 import { tabsSpringConfig } from './Tabs';
 
 /**

package/esm/tabs/SegmentedTab.js

@@ -7,7 +7,7 @@ import { useTabsContext } from '@coinbase/cds-common/tabs/TabsContext';
 import { accessibleOpacityDisabled } from '@coinbase/cds-common/tokens/interactable';
 import { useComponentConfig } from '../hooks/useComponentConfig';
 import { useTheme } from '../hooks/useTheme';
-import { Box } from '../layout';
+import { Box } from '../layout/Box';
 import { Pressable } from '../system/Pressable';
 import { Text } from '../typography/Text';
 import { tabsSpringConfig } from './Tabs';

package/esm/tabs/TabIndicator.js

@@ -3,7 +3,7 @@ function _extends() { return _extends = Object.assign ? Object.assign.bind() : f
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 import React, { forwardRef, memo } from 'react';
 import { Animated } from 'react-native';
-import { Box } from '../layout';
+import { Box } from '../layout/Box';
 import { useTabIndicatorStyles } from './hooks/useTabIndicatorStyles';
 import { jsx as _jsx } from "react/jsx-runtime";
 /** @deprecated Use DefaultTabsActiveIndicator instead. This will be removed in a future major release. */

package/esm/tabs/TabLabel.js

@@ -5,7 +5,7 @@ import React, { memo, useEffect, useMemo, useRef } from 'react';
 import { Animated, StyleSheet, View } from 'react-native';
 import { DotCount } from '../dots/DotCount';
 import { useTheme } from '../hooks/useTheme';
-import { HStack } from '../layout';
+import { HStack } from '../layout/HStack';
 import { Text } from '../typography/Text';
 import { useDotAnimation } from './hooks/useDotAnimation';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";

package/esm/tabs/TabNavigation.js

@@ -5,9 +5,9 @@ import React, { forwardRef, memo, useCallback, useEffect, useMemo, useState } fr
 import { ScrollView, View } from 'react-native';
 import { isDevelopment } from '@coinbase/cds-utils';
 import { useHorizontallyScrollingPressables } from '../hooks/useHorizontallyScrollingPressables';
-import { OverflowGradient } from '../layout';
 import { Box } from '../layout/Box';
 import { HStack } from '../layout/HStack';
+import { OverflowGradient } from '../layout/OverflowGradient';
 import { VStack } from '../layout/VStack';
 import { Pressable } from '../system/Pressable';
 import { TabIndicator } from './TabIndicator';

package/esm/tabs/Tabs.js

@@ -13,7 +13,8 @@ import { useTabs } from '@coinbase/cds-common/tabs/useTabs';
 import { accessibleOpacityDisabled } from '@coinbase/cds-common/tokens/interactable';
 import { defaultRect } from '@coinbase/cds-common/types/Rect';
 import { useComponentConfig } from '../hooks/useComponentConfig';
-import { Box, HStack } from '../layout';
+import { Box } from '../layout/Box';
+import { HStack } from '../layout/HStack';
 import { DefaultTab } from './DefaultTab';
 import { DefaultTabsActiveIndicator } from './DefaultTabsActiveIndicator';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";

package/esm/tour/DefaultTourMask.js

@@ -5,7 +5,7 @@ import { Defs, Mask, Rect as NativeRect, Svg } from 'react-native-svg';
 import { defaultRect } from '@coinbase/cds-common/types/Rect';
 import { useDimensions } from '../hooks/useDimensions';
 import { useTheme } from '../hooks/useTheme';
-import { Box } from '../layout';
+import { Box } from '../layout/Box';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export const DefaultTourMask = /*#__PURE__*/memo(_ref => {
   let {

package/esm/visualizations/Counter.js

@@ -1,7 +1,7 @@
 import React, { useMemo } from 'react';
 import { StyleSheet, View } from 'react-native';
 import { useCounter } from '@coinbase/cds-common/visualizations/useCounter';
-import { Box } from '../layout';
+import { Box } from '../layout/Box';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export const Counter = _ref => {
   let {

package/esm/visualizations/DefaultProgressCircleContent.js

@@ -1,5 +1,5 @@
 import { memo } from 'react';
-import { Box } from '../layout';
+import { Box } from '../layout/Box';
 import { ProgressTextLabel } from './ProgressTextLabel';
 import { jsx as _jsx } from "react/jsx-runtime";
 export const DefaultProgressCircleContent = /*#__PURE__*/memo(_ref => {

package/esm/visualizations/ProgressBar.js

@@ -6,7 +6,8 @@ import { getProgressSize } from '@coinbase/cds-common/visualizations/getProgress
 import { convertMotionConfig } from '../animation/convertMotionConfig';
 import { useComponentConfig } from '../hooks/useComponentConfig';
 import { useTheme } from '../hooks/useTheme';
-import { Box, HStack } from '../layout';
+import { Box } from '../layout/Box';
+import { HStack } from '../layout/HStack';
 import { jsx as _jsx } from "react/jsx-runtime";
 export const ProgressBar = /*#__PURE__*/memo(/*#__PURE__*/forwardRef((_props, forwardedRef) => {
   const mergedProps = useComponentConfig('ProgressBar', _props);

package/esm/visualizations/ProgressBarWithFixedLabels.js

@@ -1,7 +1,8 @@
 import React, { memo, useMemo } from 'react';
 import { I18nManager, View } from 'react-native';
 import { useComponentConfig } from '../hooks/useComponentConfig';
-import { Box, VStack } from '../layout';
+import { Box } from '../layout/Box';
+import { VStack } from '../layout/VStack';
 import { getProgressBarLabelParts } from './getProgressBarLabelParts';
 import { ProgressTextLabel } from './ProgressTextLabel';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";

package/esm/visualizations/ProgressBarWithFloatLabel.js

@@ -5,7 +5,8 @@ import { animateProgressBaseSpec } from '@coinbase/cds-common/animation/progress
 import { convertMotionConfig } from '../animation/convertMotionConfig';
 import { useComponentConfig } from '../hooks/useComponentConfig';
 import { useLayout } from '../hooks/useLayout';
-import { Box, VStack } from '../layout';
+import { Box } from '../layout/Box';
+import { VStack } from '../layout/VStack';
 import { getProgressBarLabelParts } from './getProgressBarLabelParts';
 import { ProgressTextLabel } from './ProgressTextLabel';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";

package/esm/visualizations/ProgressCircle.js

@@ -10,7 +10,7 @@ import { isTest } from '@coinbase/cds-utils';
 import { convertMotionConfig } from '../animation/convertMotionConfig';
 import { useComponentConfig } from '../hooks/useComponentConfig';
 import { useTheme } from '../hooks/useTheme';
-import { Box } from '../layout';
+import { Box } from '../layout/Box';
 import { DefaultProgressCircleContent } from './DefaultProgressCircleContent';
 import { VisualizationContainer } from './VisualizationContainer';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";

package/esm/visualizations/ProgressContainerWithButtons.js

@@ -1,6 +1,6 @@
 import React, { useCallback, useState } from 'react';
-import { Button } from '../buttons';
-import { VStack } from '../layout';
+import { Button } from '../buttons/Button';
+import { VStack } from '../layout/VStack';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export const ProgressContainerWithButtons = _ref => {
   let {

package/esm/visualizations/VisualizationContainer.js

@@ -1,7 +1,7 @@
 import React, { memo } from 'react';
 import { useVisualizationDimensions } from '@coinbase/cds-common/visualizations/useVisualizationDimensions';
 import { useLayout } from '../hooks/useLayout';
-import { Box } from '../layout';
+import { Box } from '../layout/Box';
 import { jsx as _jsx } from "react/jsx-runtime";
 /*
 Some visualizations need a static width to render. This container can be dynamically sized and it will inject its static calculated dimensions into its child

package/esm/visualizations/chart/CartesianChart.js

@@ -3,14 +3,15 @@ function _extends() { return _extends = Object.assign ? Object.assign.bind() : f
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 import React, { forwardRef, memo, useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import { Canvas, Skia } from '@shopify/react-native-skia';
-import { Box } from '../../layout';
+import { Box } from '../../layout/Box';
+import { Legend } from './legend/Legend';
 import { ScrubberAccessibilityView } from './scrubber/ScrubberAccessibilityView';
 import { ScrubberProvider } from './scrubber/ScrubberProvider';
+import { defaultAxisId, getAxisConfig, getAxisRange, getCartesianAxisDomain, getCartesianAxisScale, useTotalAxisPadding } from './utils/axis';
+import { defaultHorizontalLayoutChartInset, defaultVerticalLayoutChartInset, getChartInset, getStackedSeriesData as calculateStackedSeriesData } from './utils/chart';
 import { convertToSerializableScale } from './utils/scale';
 import { useChartContextBridge } from './ChartContextBridge';
 import { CartesianChartProvider } from './ChartProvider';
-import { Legend } from './legend';
-import { defaultAxisId, defaultHorizontalLayoutChartInset, defaultVerticalLayoutChartInset, getAxisConfig, getAxisRange, getCartesianAxisDomain, getCartesianAxisScale, getChartInset, getStackedSeriesData as calculateStackedSeriesData, useTotalAxisPadding } from './utils';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const ChartCanvas = /*#__PURE__*/memo(_ref => {
   let {

package/esm/visualizations/chart/Path.js

@@ -5,10 +5,10 @@ function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t =
 import { memo, useEffect, useMemo } from 'react';
 import { useDerivedValue, useSharedValue } from 'react-native-reanimated';
 import { Group, Path as SkiaPath, Skia, usePathInterpolation } from '@shopify/react-native-skia';
+import { unwrapAnimatedValue } from './utils/chart';
 import { defaultPathEnterTransition } from './utils/path';
 import { buildTransition, defaultTransition, getTransition, usePathTransition } from './utils/transition';
 import { useCartesianChartContext } from './ChartProvider';
-import { unwrapAnimatedValue } from './utils';
 
 /**
  * Duration in milliseconds for path enter transition.

package/esm/visualizations/chart/PeriodSelector.js

@@ -6,10 +6,10 @@ import React, { forwardRef, memo, useMemo } from 'react';
 import { StyleSheet, View } from 'react-native';
 import Animated, { useAnimatedStyle, useSharedValue, withSpring } from 'react-native-reanimated';
 import { useTheme } from '../../hooks/useTheme';
-import { SegmentedTabs } from '../../tabs';
 import { SegmentedTab } from '../../tabs/SegmentedTab';
+import { SegmentedTabs } from '../../tabs/SegmentedTabs';
 import { tabsSpringConfig } from '../../tabs/Tabs';
-import { Text } from '../../typography';
+import { Text } from '../../typography/Text';
 
 // Animated active indicator to support smooth transition of background color
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";

package/esm/visualizations/chart/area/Area.js

@@ -1,6 +1,6 @@
 import React, { memo, useMemo } from 'react';
 import { useCartesianChartContext } from '../ChartProvider';
-import { getAreaPath } from '../utils';
+import { getAreaPath } from '../utils/path';
 import { DottedArea } from './DottedArea';
 import { GradientArea } from './GradientArea';
 import { SolidArea } from './SolidArea';