@kaizen/components 0.0.0-canary-introduce-next-entrypoint-20250225022746 → 0.0.0-canary-introduce-next-entrypoint-20250225045407

package/dist/cjs/Focusable/Focusable.module.scss.cjs

@@ -0,0 +1,6 @@
+'use strict';
+
+var styles = {
+  "focusableWrapper": "Focusable-module_focusableWrapper__zd-5E"
+};
+module.exports = styles;

package/dist/cjs/LinkButton/LinkButton.cjs

@@ -11,7 +11,7 @@ require('../Loading/LoadingParagraph/LoadingParagraph.cjs');
 require('../Loading/LoadingSpinner/LoadingSpinner.cjs');
 require('../VisuallyHidden/VisuallyHidden.cjs');
 var ButtonContent = require('../__next__/Button/subcomponents/ButtonContent/ButtonContent.cjs');
-var ReversedColors = require('../__utilities__/ReversedColors/ReversedColors.cjs');
+var ReversedColors = require('../utils/ReversedColors/ReversedColors.cjs');
 var mergeClassNames = require('../utils/mergeClassNames.cjs');
 var Button_module = require('../__next__/Button/Button.module.css.cjs');
 var LinkButton_module = require('./LinkButton.module.css.cjs');

package/dist/cjs/Pagination/Pagination.cjs

@@ -4,6 +4,7 @@ var tslib = require('tslib');
 var React = require('react');
 var classnames = require('classnames');
 var useMediaQueries = require('../utils/useMediaQueries.cjs');
+require('../utils/ReversedColors/ReversedColors.cjs');
 var DirectionalLink = require('./subcomponents/DirectionalLink/DirectionalLink.cjs');
 var PaginationLink = require('./subcomponents/PaginationLink/PaginationLink.cjs');
 var TruncateIndicator = require('./subcomponents/TruncateIndicator/TruncateIndicator.cjs');

package/dist/cjs/__next__/Button/Button.cjs

@@ -3,7 +3,7 @@
 var tslib = require('tslib');
 var React = require('react');
 var reactAriaComponents = require('react-aria-components');
-var ReversedColors = require('../../__utilities__/ReversedColors/ReversedColors.cjs');
+var ReversedColors = require('../../utils/ReversedColors/ReversedColors.cjs');
 var mergeClassNames = require('../../utils/mergeClassNames.cjs');
 var PendingContent = require('./subcomponents/PendingContent/PendingContent.cjs');
 var ButtonContent = require('./subcomponents/ButtonContent/ButtonContent.cjs');

package/dist/cjs/__next__/Select/subcomponents/ListBox/ListBox.cjs

@@ -4,7 +4,7 @@ var tslib = require('tslib');
 var React = require('react');
 var listbox = require('@react-aria/listbox');
 var classnames = require('classnames');
-var useIsClientReady = require('../../../../__utilities__/useIsClientReady/useIsClientReady.cjs');
+var useIsClientReady = require('../../../../utils/useIsClientReady/useIsClientReady.cjs');
 var SelectContext = require('../../context/SelectContext.cjs');
 var ListBox_module = require('./ListBox.module.scss.cjs');
 function _interopDefault(e) {

package/dist/cjs/__next__/Tabs/subcomponents/TabList/TabList.cjs

@@ -5,7 +5,7 @@ var React = require('react');
 var classnames = require('classnames');
 var reactAriaComponents = require('react-aria-components');
 var Icon = require('../../../Icon/Icon.cjs');
-var isRTL = require('../../../../__utilities__/isRTL/isRTL.cjs');
+var isRTL = require('../../../../utils/isRTL/isRTL.cjs');
 var constants = require('../../constants.cjs');
 var TabList_module = require('./TabList.module.css.cjs');
 function _interopDefault(e) {

package/dist/cjs/__next__/Tooltip/OverlayArrow.cjs

@@ -3,7 +3,7 @@
 var tslib = require('tslib');
 var React = require('react');
 var reactAriaComponents = require('react-aria-components');
-var ReversedColors = require('../../__utilities__/ReversedColors/ReversedColors.cjs');
+var ReversedColors = require('../../utils/ReversedColors/ReversedColors.cjs');
 var mergeClassNames = require('../../utils/mergeClassNames.cjs');
 var OverlayArrow_module = require('./OverlayArrow.module.scss.cjs');
 function _interopDefault(e) {

package/dist/cjs/__next__/Tooltip/Tooltip.cjs

@@ -4,7 +4,7 @@ var tslib = require('tslib');
 var React = require('react');
 var reactAriaComponents = require('react-aria-components');
 var VisuallyHidden = require('../../VisuallyHidden/VisuallyHidden.cjs');
-var ReversedColors = require('../../__utilities__/ReversedColors/ReversedColors.cjs');
+var ReversedColors = require('../../utils/ReversedColors/ReversedColors.cjs');
 var mergeClassNames = require('../../utils/mergeClassNames.cjs');
 var OverlayArrow = require('./OverlayArrow.cjs');
 var Tooltip_module = require('./Tooltip.module.scss.cjs');

package/dist/cjs/future.cjs

@@ -17,7 +17,7 @@ var TabList = require('./__next__/Tabs/subcomponents/TabList/TabList.cjs');
 var TabPanel = require('./__next__/Tabs/subcomponents/TabPanel/TabPanel.cjs');
 var Tooltip = require('./__next__/Tooltip/Tooltip.cjs');
 var TooltipTrigger = require('./__next__/Tooltip/TooltipTrigger.cjs');
-var Focusable = require('./__next__/Tooltip/subcomponents/Focusable/Focusable.cjs');
+var Focusable = require('./Focusable/Focusable.cjs');
 var reactAriaComponents = require('react-aria-components');
 exports.Button = Button.Button;
 exports.Icon = Icon.Icon;

package/dist/cjs/index.cjs

@@ -410,6 +410,7 @@ var ToggleSwitchField = require('./ToggleSwitch/ToggleSwitchField/ToggleSwitchFi
 var Tooltip = require('./Tooltip/Tooltip.cjs');
 var useMediaQueries = require('./utils/useMediaQueries.cjs');
 var hostedAssets = require('./utils/hostedAssets.cjs');
+var ReversedColors = require('./utils/ReversedColors/ReversedColors.cjs');
 var VisuallyHidden = require('./VisuallyHidden/VisuallyHidden.cjs');
 var Well = require('./Well/Well.cjs');
 var Workflow = require('./Workflow/Workflow.cjs');
@@ -1047,6 +1048,8 @@ exports.Tooltip = Tooltip.Tooltip;
 exports.subtractOnePixel = useMediaQueries.subtractOnePixel;
 exports.useMediaQueries = useMediaQueries.useMediaQueries;
 exports.assetUrl = hostedAssets.assetUrl;
+exports.ReversedColors = ReversedColors.ReversedColors;
+exports.useReversedColors = ReversedColors.useReversedColors;
 exports.VisuallyHidden = VisuallyHidden.VisuallyHidden;
 exports.Well = Well.Well;
 exports.Workflow = Workflow.Workflow;

package/dist/cjs/next.cjs

@@ -17,7 +17,7 @@ var TabList = require('./__next__/Tabs/subcomponents/TabList/TabList.cjs');
 var TabPanel = require('./__next__/Tabs/subcomponents/TabPanel/TabPanel.cjs');
 var Tooltip = require('./__next__/Tooltip/Tooltip.cjs');
 var TooltipTrigger = require('./__next__/Tooltip/TooltipTrigger.cjs');
-var Focusable = require('./__next__/Tooltip/subcomponents/Focusable/Focusable.cjs');
+var Focusable = require('./Focusable/Focusable.cjs');
 var reactAriaComponents = require('react-aria-components');
 exports.Button = Button.Button;
 exports.Icon = Icon.Icon;

package/dist/cjs/overlaysV3.cjs

@@ -2,11 +2,9 @@
 
 var Tooltip = require('./__next__/Tooltip/Tooltip.cjs');
 var TooltipTrigger = require('./__next__/Tooltip/TooltipTrigger.cjs');
-var Focusable = require('./__next__/Tooltip/subcomponents/Focusable/Focusable.cjs');
 var reactAriaComponents = require('react-aria-components');
 exports.Tooltip = Tooltip.Tooltip;
 exports.TooltipTrigger = TooltipTrigger.TooltipTrigger;
-exports.Focusable = Focusable.Focusable;
 Object.defineProperty(exports, "TooltipContext", {
   enumerable: true,
   get: function () {

package/dist/cjs/utilitiesV3.cjs

@@ -410,6 +410,7 @@ var ToggleSwitchField = require('./ToggleSwitch/ToggleSwitchField/ToggleSwitchFi
 var Tooltip = require('./Tooltip/Tooltip.cjs');
 var useMediaQueries = require('./utils/useMediaQueries.cjs');
 var hostedAssets = require('./utils/hostedAssets.cjs');
+var ReversedColors = require('./utils/ReversedColors/ReversedColors.cjs');
 var VisuallyHidden = require('./VisuallyHidden/VisuallyHidden.cjs');
 var Well = require('./Well/Well.cjs');
 var Workflow = require('./Workflow/Workflow.cjs');
@@ -1047,6 +1048,8 @@ exports.Tooltip = Tooltip.Tooltip;
 exports.subtractOnePixel = useMediaQueries.subtractOnePixel;
 exports.useMediaQueries = useMediaQueries.useMediaQueries;
 exports.assetUrl = hostedAssets.assetUrl;
+exports.ReversedColors = ReversedColors.ReversedColors;
+exports.useReversedColors = ReversedColors.useReversedColors;
 exports.VisuallyHidden = VisuallyHidden.VisuallyHidden;
 exports.Well = Well.Well;
 exports.Workflow = Workflow.Workflow;

package/dist/cjs/{__utilities__ → utils}/ReversedColors/ReversedColors.cjs

@@ -11,4 +11,13 @@ var ReversedColorsContext = React__default.default.createContext(false);
 var useReversedColors = function () {
   return React__default.default.useContext(ReversedColorsContext);
 };
+var ReversedColors = function (_a) {
+  var children = _a.children,
+    _b = _a.isReversed,
+    isReversed = _b === undefined ? true : _b;
+  return React__default.default.createElement(ReversedColorsContext.Provider, {
+    value: isReversed
+  }, children);
+};
+exports.ReversedColors = ReversedColors;
 exports.useReversedColors = useReversedColors;

package/dist/esm/Focusable/Focusable.module.scss.mjs

@@ -0,0 +1,4 @@
+var styles = {
+  "focusableWrapper": "Focusable-module_focusableWrapper__zd-5E"
+};
+export { styles as default };

package/dist/esm/LinkButton/LinkButton.mjs

@@ -9,7 +9,7 @@ import '../Loading/LoadingParagraph/LoadingParagraph.mjs';
 import '../Loading/LoadingSpinner/LoadingSpinner.mjs';
 import '../VisuallyHidden/VisuallyHidden.mjs';
 import { ButtonContent } from '../__next__/Button/subcomponents/ButtonContent/ButtonContent.mjs';
-import { useReversedColors } from '../__utilities__/ReversedColors/ReversedColors.mjs';
+import { useReversedColors } from '../utils/ReversedColors/ReversedColors.mjs';
 import { mergeClassNames } from '../utils/mergeClassNames.mjs';
 import buttonStyles from '../__next__/Button/Button.module.css.mjs';
 import styles from './LinkButton.module.css.mjs';

package/dist/esm/Pagination/Pagination.mjs

@@ -2,6 +2,7 @@ import { __rest, __assign } from 'tslib';
 import React from 'react';
 import classnames from 'classnames';
 import { useMediaQueries } from '../utils/useMediaQueries.mjs';
+import '../utils/ReversedColors/ReversedColors.mjs';
 import { DirectionalLink } from './subcomponents/DirectionalLink/DirectionalLink.mjs';
 import { PaginationLink } from './subcomponents/PaginationLink/PaginationLink.mjs';
 import { TruncateIndicator } from './subcomponents/TruncateIndicator/TruncateIndicator.mjs';

package/dist/esm/__next__/Button/Button.mjs

@@ -1,7 +1,7 @@
 import { __rest, __assign } from 'tslib';
 import React, { forwardRef } from 'react';
 import { Button as Button$1 } from 'react-aria-components';
-import { useReversedColors } from '../../__utilities__/ReversedColors/ReversedColors.mjs';
+import { useReversedColors } from '../../utils/ReversedColors/ReversedColors.mjs';
 import { mergeClassNames } from '../../utils/mergeClassNames.mjs';
 import { PendingContent } from './subcomponents/PendingContent/PendingContent.mjs';
 import { ButtonContent } from './subcomponents/ButtonContent/ButtonContent.mjs';

package/dist/esm/__next__/Select/subcomponents/ListBox/ListBox.mjs

@@ -2,7 +2,7 @@ import { __rest, __assign } from 'tslib';
 import React, { useRef, useEffect } from 'react';
 import { useListBox } from '@react-aria/listbox';
 import classnames from 'classnames';
-import { useIsClientReady } from '../../../../__utilities__/useIsClientReady/useIsClientReady.mjs';
+import { useIsClientReady } from '../../../../utils/useIsClientReady/useIsClientReady.mjs';
 import { useSelectContext } from '../../context/SelectContext.mjs';
 import styles from './ListBox.module.scss.mjs';
 

package/dist/esm/__next__/Tabs/subcomponents/TabList/TabList.mjs

@@ -3,7 +3,7 @@ import React, { useState, useRef, useId, useContext, useEffect } from 'react';
 import classnames from 'classnames';
 import { TabListStateContext, TabList as TabList$1 } from 'react-aria-components';
 import { Icon } from '../../../Icon/Icon.mjs';
-import { isRTL } from '../../../../__utilities__/isRTL/isRTL.mjs';
+import { isRTL } from '../../../../utils/isRTL/isRTL.mjs';
 import { SCROLL_AMOUNT } from '../../constants.mjs';
 import styles from './TabList.module.css.mjs';
 

package/dist/esm/__next__/Tooltip/OverlayArrow.mjs

@@ -1,7 +1,7 @@
 import { __assign } from 'tslib';
 import React from 'react';
 import { OverlayArrow as OverlayArrow$1 } from 'react-aria-components';
-import { useReversedColors } from '../../__utilities__/ReversedColors/ReversedColors.mjs';
+import { useReversedColors } from '../../utils/ReversedColors/ReversedColors.mjs';
 import { mergeClassNames } from '../../utils/mergeClassNames.mjs';
 import styles from './OverlayArrow.module.scss.mjs';
 

package/dist/esm/__next__/Tooltip/Tooltip.mjs

@@ -3,7 +3,7 @@ import React, { forwardRef, useContext, useState, useLayoutEffect } from 'react'
 import { useContextProps, TooltipContext, TooltipTriggerStateContext, Tooltip as Tooltip$1 } from 'react-aria-components';
 export { TooltipContext } from 'react-aria-components';
 import { VisuallyHidden } from '../../VisuallyHidden/VisuallyHidden.mjs';
-import { useReversedColors } from '../../__utilities__/ReversedColors/ReversedColors.mjs';
+import { useReversedColors } from '../../utils/ReversedColors/ReversedColors.mjs';
 import { mergeClassNames } from '../../utils/mergeClassNames.mjs';
 import { OverlayArrow } from './OverlayArrow.mjs';
 import styles from './Tooltip.module.scss.mjs';

package/dist/esm/future.mjs

@@ -15,5 +15,5 @@ export { TabList } from './__next__/Tabs/subcomponents/TabList/TabList.mjs';
 export { TabPanel } from './__next__/Tabs/subcomponents/TabPanel/TabPanel.mjs';
 export { Tooltip } from './__next__/Tooltip/Tooltip.mjs';
 export { TooltipTrigger } from './__next__/Tooltip/TooltipTrigger.mjs';
-export { Focusable } from './__next__/Tooltip/subcomponents/Focusable/Focusable.mjs';
+export { Focusable } from './Focusable/Focusable.mjs';
 export { TooltipContext } from 'react-aria-components';

package/dist/esm/index.mjs

@@ -415,6 +415,7 @@ export { ToggleSwitchField } from './ToggleSwitch/ToggleSwitchField/ToggleSwitch
 export { Tooltip } from './Tooltip/Tooltip.mjs';
 export { subtractOnePixel, useMediaQueries } from './utils/useMediaQueries.mjs';
 export { assetUrl } from './utils/hostedAssets.mjs';
+export { ReversedColors, useReversedColors } from './utils/ReversedColors/ReversedColors.mjs';
 export { VisuallyHidden } from './VisuallyHidden/VisuallyHidden.mjs';
 export { Well } from './Well/Well.mjs';
 export { Workflow } from './Workflow/Workflow.mjs';

package/dist/esm/next.mjs

@@ -15,5 +15,5 @@ export { TabList } from './__next__/Tabs/subcomponents/TabList/TabList.mjs';
 export { TabPanel } from './__next__/Tabs/subcomponents/TabPanel/TabPanel.mjs';
 export { Tooltip } from './__next__/Tooltip/Tooltip.mjs';
 export { TooltipTrigger } from './__next__/Tooltip/TooltipTrigger.mjs';
-export { Focusable } from './__next__/Tooltip/subcomponents/Focusable/Focusable.mjs';
+export { Focusable } from './Focusable/Focusable.mjs';
 export { TooltipContext } from 'react-aria-components';

package/dist/esm/overlaysV3.mjs

@@ -1,4 +1,3 @@
 export { Tooltip } from './__next__/Tooltip/Tooltip.mjs';
 export { TooltipTrigger } from './__next__/Tooltip/TooltipTrigger.mjs';
-export { Focusable } from './__next__/Tooltip/subcomponents/Focusable/Focusable.mjs';
 export { TooltipContext } from 'react-aria-components';

package/dist/esm/utilitiesV3.mjs

@@ -415,6 +415,7 @@ export { ToggleSwitchField } from './ToggleSwitch/ToggleSwitchField/ToggleSwitch
 export { Tooltip } from './Tooltip/Tooltip.mjs';
 export { subtractOnePixel, useMediaQueries } from './utils/useMediaQueries.mjs';
 export { assetUrl } from './utils/hostedAssets.mjs';
+export { ReversedColors, useReversedColors } from './utils/ReversedColors/ReversedColors.mjs';
 export { VisuallyHidden } from './VisuallyHidden/VisuallyHidden.mjs';
 export { Well } from './Well/Well.mjs';
 export { Workflow } from './Workflow/Workflow.mjs';

package/dist/esm/utils/ReversedColors/ReversedColors.mjs

@@ -0,0 +1,14 @@
+import React from 'react';
+var ReversedColorsContext = /*#__PURE__*/React.createContext(false);
+var useReversedColors = function () {
+  return React.useContext(ReversedColorsContext);
+};
+var ReversedColors = function (_a) {
+  var children = _a.children,
+    _b = _a.isReversed,
+    isReversed = _b === undefined ? true : _b;
+  return /*#__PURE__*/React.createElement(ReversedColorsContext.Provider, {
+    value: isReversed
+  }, children);
+};
+export { ReversedColors, useReversedColors };

package/dist/styles.css

@@ -5809,7 +5809,7 @@ input[type=range].InputRange-module_ratingScaleRange__gI-rs::-ms-thumb:not(:disa
     opacity: 1;
   }
 }
-.Focusable-module_focusableWrapper__G7IVs {
+.Focusable-module_focusableWrapper__zd-5E {
   display: inline-flex;
 }
 .NotificationIcon-module_notificationIcon__4xH0m {

package/dist/types/__next__/Tooltip/index.d.ts

@@ -1,3 +1,2 @@
 export * from './Tooltip';
 export * from './TooltipTrigger';
-export * from './subcomponents/Focusable';

package/dist/types/__next__/index.d.ts

@@ -5,3 +5,4 @@ export * from './Select';
 export * from './Tag';
 export * from './Tabs';
 export * from './Tooltip';
+export * from '../Focusable';

package/dist/types/__utilities__/index.d.ts

@@ -1 +1 @@
-export * from './ReversedColors';
+export * from '../utils/ReversedColors';

package/dist/types/utils/index.d.ts

@@ -1,2 +1,3 @@
 export * from './useMediaQueries';
 export * from './hostedAssets';
+export * from './ReversedColors';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kaizen/components",
-  "version": "0.0.0-canary-introduce-next-entrypoint-20250225022746",
+  "version": "0.0.0-canary-introduce-next-entrypoint-20250225045407",
   "description": "Kaizen component library",
   "author": "Geoffrey Chong <geoff.chong@cultureamp.com>",
   "homepage": "https://cultureamp.design",
@@ -90,7 +90,7 @@
     "./v3/utilities": {
       "import": "./dist/esm/utilitiesV3.mjs",
       "require": "./dist/cjs/utilitiesV3.cjs",
-      "types": "./dist/types/__utilities__/v3.d.ts"
+      "types": "./dist/types/__utilities__/index.d.ts"
     },
     "./dist/styles.css": {
       "import": "./dist/styles.css",
@@ -185,8 +185,8 @@
     "svgo": "^3.3.2",
     "tslib": "^2.8.1",
     "tsx": "^4.19.2",
-    "@kaizen/design-tokens": "10.8.7",
-    "@kaizen/package-bundler": "2.0.4"
+    "@kaizen/package-bundler": "2.0.4",
+    "@kaizen/design-tokens": "10.8.7"
   },
   "devDependenciesComments": {
     "sass": "Prevent deprecation warnings introduced in 1.80 as we plan to move away from sass",

package/src/{__next__/Tooltip/subcomponents/Focusable → Focusable}/_docs/ApiSpecification.mdx

@@ -2,18 +2,18 @@ import { Canvas, Controls, Meta } from '@storybook/blocks'
 import { KAIOInstallation, ResourceLinks } from '~storybook/components'
 import * as exampleStories from './Focusable.stories'
 
-<Meta title="Components/Tooltip/Tooltip (next)/Focusable/API Specification" />
+<Meta title="Components/Focusable/API Specification" />
 
 # Focusable API Specification
 
 Updated June 25, 2024
 
 <ResourceLinks
-  sourceCode="https://github.com/cultureamp/kaizen-design-system/tree/main/packages/components/src/__next__/Tooltip/subcomponents/Focusable"
+  sourceCode="https://github.com/cultureamp/kaizen-design-system/tree/main/packages/components/src/Focusable"
   className="mt-16 !mb-8"
 />
 
-<KAIOInstallation exportNames={['Focusable']} isNext />
+<KAIOInstallation exportNames={['Focusable']} />
 
 ## Overview
 

package/src/{__next__/Tooltip/subcomponents/Focusable → Focusable}/_docs/Focusable.stories.tsx

@@ -4,7 +4,7 @@ import { Tag } from '~components/__next__/Tag'
 import { Focusable } from '../index'
 
 const meta = {
-  title: 'Components/Tooltip/Tooltip (next)/Focusable',
+  title: 'Components/Focusable',
   component: Focusable,
   parameters: {
     layout: 'centered',

package/src/LinkButton/LinkButton.tsx

@@ -2,7 +2,7 @@ import React, { forwardRef } from 'react'
 import { Link as RACLink, type LinkProps as RACLinkProps } from 'react-aria-components'
 import { type ButtonUIProps } from '~components/__next__/Button'
 import { ButtonContent } from '~components/__next__/Button/subcomponents'
-import { useReversedColors } from '~components/__utilities__'
+import { useReversedColors } from '~components/utils'
 import { mergeClassNames } from '~components/utils/mergeClassNames'
 import buttonStyles from '../__next__/Button/Button.module.css'
 import styles from './LinkButton.module.css'

package/src/__next__/Button/Button.tsx

@@ -1,6 +1,6 @@
 import React, { forwardRef } from 'react'
 import { Button as RACButton, type ButtonProps as RACButtonProps } from 'react-aria-components'
-import { useReversedColors } from '~components/__utilities__'
+import { useReversedColors } from '~components/utils'
 import { mergeClassNames } from '~components/utils/mergeClassNames'
 import { ButtonContent, PendingContent } from './subcomponents'
 import { type ButtonSizes, type ButtonVariants, type PendingButtonProps } from './types'

package/src/__next__/Button/_docs/Button.docs.stories.tsx

@@ -13,7 +13,7 @@ import {
   Tooltip,
   TooltipTrigger,
 } from '~components/__next__'
-import { ReversedColors } from '~components/__utilities__'
+import { ReversedColors } from '~components/utils'
 import { Button } from '../index'
 
 const meta = {

package/src/__next__/Select/subcomponents/ListBox/ListBox.tsx

@@ -2,8 +2,8 @@ import React, { useEffect, useRef, type HTMLAttributes, type Key, type ReactNode
 import { useListBox, type AriaListBoxOptions } from '@react-aria/listbox'
 import { type SelectState } from '@react-stately/select'
 import classnames from 'classnames'
-import { useIsClientReady } from '~components/__utilities__/useIsClientReady'
 import { type OverrideClassName } from '~components/types/OverrideClassName'
+import { useIsClientReady } from '~components/utils/useIsClientReady'
 import { useSelectContext } from '../../context'
 import { type SelectItem, type SelectOption } from '../../types'
 import styles from './ListBox.module.scss'

package/src/__next__/Tabs/subcomponents/TabList/TabList.tsx

@@ -6,7 +6,7 @@ import {
   type TabListProps as RACTabListProps,
 } from 'react-aria-components'
 import { Icon } from '~components/__next__/Icon'
-import { isRTL as isRTLCheck } from '~components/__utilities__/isRTL'
+import { isRTL as isRTLCheck } from '~components/utils/isRTL'
 import { SCROLL_AMOUNT } from '../../constants'
 import styles from './TabList.module.css'
 

package/src/__next__/Tooltip/OverlayArrow.tsx

@@ -1,6 +1,6 @@
 import React from 'react'
 import { OverlayArrow as RACOverlayArrow, type OverlayArrowProps } from 'react-aria-components'
-import { useReversedColors } from '~components/__utilities__'
+import { useReversedColors } from '~components/utils'
 import { mergeClassNames } from '~components/utils/mergeClassNames'
 
 import styles from './OverlayArrow.module.scss'

package/src/__next__/Tooltip/Tooltip.tsx

@@ -7,7 +7,7 @@ import {
   type TooltipProps as RACTooltipProps,
 } from 'react-aria-components'
 import { VisuallyHidden } from '~components/VisuallyHidden'
-import { useReversedColors } from '~components/__utilities__'
+import { useReversedColors } from '~components/utils'
 import { mergeClassNames } from '~components/utils/mergeClassNames'
 import { OverlayArrow } from './OverlayArrow'
 import styles from './Tooltip.module.scss'

package/src/__next__/Tooltip/_docs/Tooltip.docs.stories.tsx

@@ -3,11 +3,12 @@ import { type Meta, type StoryObj } from '@storybook/react'
 import isChromatic from 'chromatic'
 import { Button, IconButton } from '~components/Button'
 import { FieldMessage } from '~components/FieldMessage'
+import { Focusable } from '~components/Focusable'
 import { Input } from '~components/Input'
 import { Label } from '~components/Label'
 import { Text } from '~components/Text'
 import { Icon } from '~components/__next__/Icon'
-import { Focusable, Tooltip, TooltipTrigger } from '../index'
+import { Tooltip, TooltipTrigger } from '../index'
 import * as TestStories from './Tooltip.spec.stories'
 
 const meta = {

package/src/__next__/Tooltip/_docs/Tooltip.spec.stories.tsx

@@ -3,11 +3,12 @@ import { type Meta, type StoryObj } from '@storybook/react'
 import { expect, userEvent, waitFor, within } from '@storybook/test'
 import isChromatic from 'chromatic'
 import { Button, IconButton } from '~components/Button'
+import { Focusable } from '~components/Focusable'
 import { Tab, TabList, TabPanel, TabPanels, Tabs } from '~components/Tabs'
 import { Text } from '~components/Text'
 import { Icon } from '~components/__next__/Icon'
 import { Tag } from '~components/__next__/Tag'
-import { Focusable, Tooltip, TooltipTrigger } from '../index'
+import { Tooltip, TooltipTrigger } from '../index'
 
 const meta = {
   title: 'Components/Tooltip/Tooltip (next)/Tests',

package/src/__next__/Tooltip/_docs/Tooltip.stickersheet.stories.tsx

@@ -1,6 +1,6 @@
 import React from 'react'
 import { composeStories, type Meta, type StoryObj } from '@storybook/react'
-import { ReversedColors } from '~components/__utilities__'
+import { ReversedColors } from '~components/utils'
 import { mergeClassNames } from '~components/utils/mergeClassNames'
 import * as testStories from './Tooltip.spec.stories'
 

package/src/__next__/Tooltip/_docs/Tooltip.stories.tsx

@@ -2,8 +2,9 @@ import React, { type FunctionComponent } from 'react'
 import { type Meta, type StoryObj } from '@storybook/react'
 import isChromatic from 'chromatic'
 import { Button } from '~components/Button'
+import { Focusable } from '~components/Focusable'
 import { Tag } from '~components/__next__'
-import { Focusable, Tooltip, TooltipTrigger } from '../index'
+import { Tooltip, TooltipTrigger } from '../index'
 import * as testStories from './Tooltip.spec.stories'
 
 const meta = {

package/src/__next__/Tooltip/index.ts

@@ -1,3 +1,2 @@
 export * from './Tooltip'
 export * from './TooltipTrigger'
-export * from './subcomponents/Focusable'

package/src/__next__/index.ts

@@ -5,3 +5,7 @@ export * from './Select'
 export * from './Tag'
 export * from './Tabs'
 export * from './Tooltip'
+
+// This Focusable component was originally exported from here, but since moved to the main entry point because there's no name clash.
+// This is just here to keep backwards compatibility until the 2.0 release
+export * from '../Focusable'

package/src/__utilities__/index.ts

@@ -1 +1,2 @@
-export * from './ReversedColors'
+// Remove this folder in 2.0 release when v3/utilities entry point is removed
+export * from '../utils/ReversedColors'

package/src/utils/index.ts

@@ -1,3 +1,4 @@
 // Not all utils are exported because most are intended for internal use only
 export * from './useMediaQueries'
 export * from './hostedAssets'
+export * from './ReversedColors'

package/dist/cjs/__next__/Tooltip/subcomponents/Focusable/Focusable.module.scss.cjs

@@ -1,6 +0,0 @@
-'use strict';
-
-var styles = {
-  "focusableWrapper": "Focusable-module_focusableWrapper__G7IVs"
-};
-module.exports = styles;

package/dist/esm/__next__/Tooltip/subcomponents/Focusable/Focusable.module.scss.mjs

@@ -1,4 +0,0 @@
-var styles = {
-  "focusableWrapper": "Focusable-module_focusableWrapper__G7IVs"
-};
-export { styles as default };

package/dist/esm/__utilities__/ReversedColors/ReversedColors.mjs

@@ -1,6 +0,0 @@
-import React from 'react';
-var ReversedColorsContext = /*#__PURE__*/React.createContext(false);
-var useReversedColors = function () {
-  return React.useContext(ReversedColorsContext);
-};
-export { useReversedColors };