Prepare for adding file suffixes

ts/axo/AriaClickable.stories.tsx

@@ -4,9 +4,9 @@ import type { ReactNode } from 'react';
 import React, { useId } from 'react';
 import type { Meta } from '@storybook/react';
 import { action } from '@storybook/addon-actions';
-import { AriaClickable } from './AriaClickable.js';
-import { AxoButton } from './AxoButton.js';
-import { tw } from './tw.js';
+import { AriaClickable } from './AriaClickable.dom.js';
+import { AxoButton } from './AxoButton.dom.js';
+import { tw } from './tw.dom.js';
 
 export default {
   title: 'Axo/AriaClickable',

ts/axo/AriaClickable.tsx

@@ -10,8 +10,8 @@ import React, {
 } from 'react';
 import type { ReactNode, MouseEvent, FC } from 'react';
 import { useLayoutEffect } from '@react-aria/utils';
-import { tw } from './tw.js';
-import { assert } from './_internal/assert.js';
+import { tw } from './tw.dom.js';
+import { assert } from './_internal/assert.dom.js';
 
 const Namespace = 'AriaClickable';
 

ts/axo/AxoBadge.stories.tsx

@@ -2,8 +2,8 @@
 // SPDX-License-Identifier: AGPL-3.0-only
 import type { Meta } from '@storybook/react';
 import React from 'react';
-import { ExperimentalAxoBadge } from './AxoBadge.js';
-import { tw } from './tw.js';
+import { ExperimentalAxoBadge } from './AxoBadge.dom.js';
+import { tw } from './tw.dom.js';
 
 export default {
   title: 'Axo/AriaBadge (Experimental)',

ts/axo/AxoBadge.tsx

@@ -2,10 +2,10 @@
 // SPDX-License-Identifier: AGPL-3.0-only
 import type { FC } from 'react';
 import React, { memo, useMemo } from 'react';
-import { AxoSymbol } from './AxoSymbol.js';
-import type { TailwindStyles } from './tw.js';
-import { tw } from './tw.js';
-import { unreachable } from './_internal/assert.js';
+import { AxoSymbol } from './AxoSymbol.dom.js';
+import type { TailwindStyles } from './tw.dom.js';
+import { tw } from './tw.dom.js';
+import { unreachable } from './_internal/assert.dom.js';
 
 const Namespace = 'AxoBadge';
 

ts/axo/AxoButton.stories.tsx

@@ -7,8 +7,8 @@ import {
   _getAllAxoButtonVariants,
   _getAllAxoButtonSizes,
   AxoButton,
-} from './AxoButton.js';
-import { tw } from './tw.js';
+} from './AxoButton.dom.js';
+import { tw } from './tw.dom.js';
 
 export default {
   title: 'Axo/AxoButton',

ts/axo/AxoButton.tsx

@@ -2,10 +2,10 @@
 // SPDX-License-Identifier: AGPL-3.0-only
 import React, { memo, forwardRef } from 'react';
 import type { ButtonHTMLAttributes, FC, ForwardedRef, ReactNode } from 'react';
-import type { TailwindStyles } from './tw.js';
-import { tw } from './tw.js';
-import { AxoSymbol } from './AxoSymbol.js';
-import { assert } from './_internal/assert.js';
+import type { TailwindStyles } from './tw.dom.js';
+import { tw } from './tw.dom.js';
+import { AxoSymbol } from './AxoSymbol.dom.js';
+import { assert } from './_internal/assert.dom.js';
 
 const Namespace = 'AxoButton';
 

ts/axo/AxoCheckbox.stories.tsx

@@ -2,8 +2,8 @@
 // SPDX-License-Identifier: AGPL-3.0-only
 import React, { useState } from 'react';
 import type { Meta } from '@storybook/react';
-import { AxoCheckbox } from './AxoCheckbox.js';
-import { tw } from './tw.js';
+import { AxoCheckbox } from './AxoCheckbox.dom.js';
+import { tw } from './tw.dom.js';
 
 export default {
   title: 'Axo/AxoCheckbox',

ts/axo/AxoCheckbox.tsx

@@ -2,8 +2,8 @@
 // SPDX-License-Identifier: AGPL-3.0-only
 import React, { memo } from 'react';
 import { Checkbox } from 'radix-ui';
-import { AxoSymbol } from './AxoSymbol.js';
-import { tw } from './tw.js';
+import { AxoSymbol } from './AxoSymbol.dom.js';
+import { tw } from './tw.dom.js';
 
 const Namespace = 'AxoCheckbox';
 

ts/axo/AxoContextMenu.stories.tsx

@@ -3,8 +3,8 @@
 import React, { useState } from 'react';
 import type { Meta } from '@storybook/react';
 import { action } from '@storybook/addon-actions';
-import { AxoContextMenu } from './AxoContextMenu.js';
-import { tw } from './tw.js';
+import { AxoContextMenu } from './AxoContextMenu.dom.js';
+import { tw } from './tw.dom.js';
 
 export default {
   title: 'Axo/AxoContextMenu',

ts/axo/AxoContextMenu.tsx

@@ -3,9 +3,9 @@
 import React, { memo } from 'react';
 import { ContextMenu } from 'radix-ui';
 import type { FC } from 'react';
-import { AxoSymbol } from './AxoSymbol.js';
-import { AxoBaseMenu } from './_internal/AxoBaseMenu.js';
-import { tw } from './tw.js';
+import { AxoSymbol } from './AxoSymbol.dom.js';
+import { AxoBaseMenu } from './_internal/AxoBaseMenu.dom.js';
+import { tw } from './tw.dom.js';
 
 const Namespace = 'AxoContextMenu';
 

ts/axo/AxoDropdownMenu.stories.tsx

@@ -4,9 +4,9 @@ import type { ReactNode } from 'react';
 import React, { useState } from 'react';
 import type { Meta } from '@storybook/react';
 import { action } from '@storybook/addon-actions';
-import { AxoDropdownMenu } from './AxoDropdownMenu.js';
-import { AxoButton } from './AxoButton.js';
-import { tw } from './tw.js';
+import { AxoDropdownMenu } from './AxoDropdownMenu.dom.js';
+import { AxoButton } from './AxoButton.dom.js';
+import { tw } from './tw.dom.js';
 
 export default {
   title: 'Axo/AxoDropdownMenu',

ts/axo/AxoDropdownMenu.tsx

@@ -3,14 +3,14 @@
 import React, { memo, useId } from 'react';
 import { DropdownMenu } from 'radix-ui';
 import type { FC, ReactNode } from 'react';
-import { AxoSymbol } from './AxoSymbol.js';
-import { AxoBaseMenu } from './_internal/AxoBaseMenu.js';
-import { tw } from './tw.js';
+import { AxoSymbol } from './AxoSymbol.dom.js';
+import { AxoBaseMenu } from './_internal/AxoBaseMenu.dom.js';
+import { tw } from './tw.dom.js';
 import {
   AriaLabellingProvider,
   useAriaLabellingContext,
   useCreateAriaLabellingContext,
-} from './_internal/AriaLabellingContext.js';
+} from './_internal/AriaLabellingContext.dom.js';
 
 const Namespace = 'AxoDropdownMenu';
 

ts/axo/AxoMenuBuilder.stories.tsx

@@ -4,9 +4,9 @@ import type { ReactNode } from 'react';
 import React, { useState } from 'react';
 import type { Meta } from '@storybook/react';
 import { action } from '@storybook/addon-actions';
-import { AxoMenuBuilder } from './AxoMenuBuilder.js';
-import { AxoButton } from './AxoButton.js';
-import { tw } from './tw.js';
+import { AxoMenuBuilder } from './AxoMenuBuilder.dom.js';
+import { AxoButton } from './AxoButton.dom.js';
+import { tw } from './tw.dom.js';
 
 export default {
   title: 'Axo/AxoMenuBuilder',

ts/axo/AxoMenuBuilder.tsx

@@ -3,10 +3,10 @@
 
 import type { FC } from 'react';
 import React, { createContext, memo, useContext } from 'react';
-import type { AxoBaseMenu } from './_internal/AxoBaseMenu.js';
-import { assert, unreachable } from './_internal/assert.js';
-import { AxoDropdownMenu } from './AxoDropdownMenu.js';
-import { AxoContextMenu } from './AxoContextMenu.js';
+import type { AxoBaseMenu } from './_internal/AxoBaseMenu.dom.js';
+import { assert, unreachable } from './_internal/assert.dom.js';
+import { AxoDropdownMenu } from './AxoDropdownMenu.dom.js';
+import { AxoContextMenu } from './AxoContextMenu.dom.js';
 
 const Namespace = 'AxoMenuBuilder';
 

ts/axo/AxoSegmentedControl.stories.tsx

@@ -2,8 +2,8 @@
 // SPDX-License-Identifier: AGPL-3.0-only
 import type { Meta } from '@storybook/react';
 import React, { useState } from 'react';
-import { ExperimentalAxoSegmentedControl } from './AxoSegmentedControl.js';
-import { tw } from './tw.js';
+import { ExperimentalAxoSegmentedControl } from './AxoSegmentedControl.dom.js';
+import { tw } from './tw.dom.js';
 
 export default {
   title: 'Axo/AxoSegmentedControl (Experimental)',

ts/axo/AxoSegmentedControl.tsx

@@ -3,7 +3,7 @@
 import type { ButtonHTMLAttributes, FC, ForwardedRef, ReactNode } from 'react';
 import React, { forwardRef, memo, useCallback } from 'react';
 import { ToggleGroup } from 'radix-ui';
-import { ExperimentalAxoBaseSegmentedControl } from './_internal/AxoBaseSegmentedControl.js';
+import { ExperimentalAxoBaseSegmentedControl } from './_internal/AxoBaseSegmentedControl.dom.js';
 
 const Namespace = 'AxoSegmentedControl';
 

ts/axo/AxoSelect.stories.tsx

@@ -3,8 +3,8 @@
 import type { ReactNode } from 'react';
 import React, { useState } from 'react';
 import type { Meta } from '@storybook/react';
-import { AxoSelect } from './AxoSelect.js';
-import { tw } from './tw.js';
+import { AxoSelect } from './AxoSelect.dom.js';
+import { tw } from './tw.dom.js';
 
 export default {
   title: 'Axo/AxoSelect',

ts/axo/AxoSelect.tsx

@@ -3,11 +3,11 @@
 import React, { memo } from 'react';
 import type { FC, ReactNode } from 'react';
 import { Select } from 'radix-ui';
-import { AxoBaseMenu } from './_internal/AxoBaseMenu.js';
-import { AxoSymbol } from './AxoSymbol.js';
-import type { TailwindStyles } from './tw.js';
-import { tw } from './tw.js';
-import { ExperimentalAxoBadge } from './AxoBadge.js';
+import { AxoBaseMenu } from './_internal/AxoBaseMenu.dom.js';
+import { AxoSymbol } from './AxoSymbol.dom.js';
+import type { TailwindStyles } from './tw.dom.js';
+import { tw } from './tw.dom.js';
+import { ExperimentalAxoBadge } from './AxoBadge.dom.js';
 
 const Namespace = 'AxoSelect';
 

ts/axo/AxoSwitch.stories.tsx

@@ -2,8 +2,8 @@
 // SPDX-License-Identifier: AGPL-3.0-only
 import React, { useState } from 'react';
 import type { Meta } from '@storybook/react';
-import { AxoSwitch } from './AxoSwitch.js';
-import { tw } from './tw.js';
+import { AxoSwitch } from './AxoSwitch.dom.js';
+import { tw } from './tw.dom.js';
 
 export default {
   title: 'Axo/AxoSwitch',

ts/axo/AxoSwitch.tsx

@@ -2,8 +2,8 @@
 // SPDX-License-Identifier: AGPL-3.0-only
 import React, { memo } from 'react';
 import { Switch } from 'radix-ui';
-import { tw } from './tw.js';
-import { AxoSymbol } from './AxoSymbol.js';
+import { tw } from './tw.dom.js';
+import { AxoSymbol } from './AxoSymbol.dom.js';
 
 const Namespace = 'AxoSwitch';
 

ts/axo/AxoSymbol.stories.tsx

@@ -4,12 +4,12 @@ import React, { memo, useMemo, useState } from 'react';
 import type { Meta } from '@storybook/react';
 import { Direction } from 'radix-ui';
 import Fuse from 'fuse.js';
-import { AxoSymbol } from './AxoSymbol.js';
-import { tw } from './tw.js';
+import { AxoSymbol } from './AxoSymbol.dom.js';
+import { tw } from './tw.dom.js';
 import {
   _getAllAxoSymbolInlineGlyphNames,
   getAxoSymbolInlineGlyph,
-} from './_internal/AxoSymbolDefs.generated.js';
+} from './_internal/AxoSymbolDefs.generated.std.js';
 
 export default {
   title: 'Axo/AxoSymbol',

ts/axo/AxoSymbol.tsx

@@ -4,15 +4,15 @@ import type { FC } from 'react';
 import React, { memo, useMemo } from 'react';
 import { Direction } from 'radix-ui';
 import { VisuallyHidden } from 'react-aria';
-import { tw } from './tw.js';
+import { tw } from './tw.dom.js';
 import {
   getAxoSymbolIcon,
   getAxoSymbolInlineGlyph,
-} from './_internal/AxoSymbolDefs.generated.js';
+} from './_internal/AxoSymbolDefs.generated.std.js';
 import type {
   AxoSymbolIconName,
   AxoSymbolInlineGlyphName,
-} from './_internal/AxoSymbolDefs.generated.js';
+} from './_internal/AxoSymbolDefs.generated.std.js';
 
 const { useDirection } = Direction;
 

ts/axo/_internal/AriaLabellingContext.tsx

@@ -3,7 +3,7 @@
 
 import type { RefCallback } from 'react';
 import { createContext, useContext, useMemo, useState } from 'react';
-import { assert } from './assert.js';
+import { assert } from './assert.dom.js';
 
 type AriaLabellingContextType = Readonly<{
   labelRef: RefCallback<HTMLElement>;

ts/axo/_internal/AxoBaseMenu.tsx

@@ -2,8 +2,8 @@
 // SPDX-License-Identifier: AGPL-3.0-only
 import React from 'react';
 import type { ReactNode } from 'react';
-import { tw } from '../tw.js';
-import { AxoSymbol } from '../AxoSymbol.js';
+import { tw } from '../tw.dom.js';
+import { AxoSymbol } from '../AxoSymbol.dom.js';
 
 export namespace AxoBaseMenu {
   // <Content/SubContent>

ts/axo/_internal/AxoBaseSegmentedControl.tsx

@@ -18,9 +18,9 @@ import React, {
 } from 'react';
 import type { Transition } from 'framer-motion';
 import { motion } from 'framer-motion';
-import type { TailwindStyles } from '../tw.js';
-import { tw } from '../tw.js';
-import { ExperimentalAxoBadge } from '../AxoBadge.js';
+import type { TailwindStyles } from '../tw.dom.js';
+import { tw } from '../tw.dom.js';
+import { ExperimentalAxoBadge } from '../AxoBadge.dom.js';
 
 const Namespace = 'AxoBaseSegmentedControl';