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

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/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/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/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/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/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/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-20250225031042",
   "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",

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.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/__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/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 };