chore(*): use file extension

packages/react/biome.json

@@ -0,0 +1,12 @@
+{
+  "root": false,
+  "$schema": "../../node_modules/@biomejs/biome/configuration_schema.json",
+  "extends": ["../../biome.json"],
+  "linter": {
+    "rules": {
+      "correctness": {
+        "useImportExtensions": "error"
+      }
+    }
+  }
+}

packages/react/src/components/accordion/accordion-context.tsx

@@ -1,7 +1,7 @@
 'use client'
 
 import type { ReactNode } from 'react'
-import { type UseAccordionContext, useAccordionContext } from './use-accordion-context'
+import { type UseAccordionContext, useAccordionContext } from './use-accordion-context.ts'
 
 export interface AccordionContextProps {
   children: (context: UseAccordionContext) => ReactNode

packages/react/src/components/accordion/accordion-item-content.tsx

@@ -2,11 +2,11 @@
 
 import { mergeProps } from '@zag-js/react'
 import { forwardRef } from 'react'
-import { createSplitProps } from '../../utils/create-split-props'
-import { Collapsible } from '../collapsible'
-import type { HTMLProps, PolymorphicProps } from '../factory'
-import { useAccordionContext } from './use-accordion-context'
-import { useAccordionItemPropsContext } from './use-accordion-item-props-context'
+import { createSplitProps } from '../../utils/create-split-props.ts'
+import { Collapsible } from '../collapsible/index.ts'
+import type { HTMLProps, PolymorphicProps } from '../factory.ts'
+import { useAccordionContext } from './use-accordion-context.ts'
+import { useAccordionItemPropsContext } from './use-accordion-item-props-context.ts'
 
 export interface AccordionItemContentBaseProps extends PolymorphicProps {}
 export interface AccordionItemContentProps extends HTMLProps<'div'>, AccordionItemContentBaseProps {}

packages/react/src/components/accordion/accordion-item-context.tsx

@@ -1,7 +1,7 @@
 'use client'
 
 import type { ReactNode } from 'react'
-import { type UseAccordionItemContext, useAccordionItemContext } from './use-accordion-item-context'
+import { type UseAccordionItemContext, useAccordionItemContext } from './use-accordion-item-context.ts'
 
 export interface AccordionItemContextProps {
   children: (context: UseAccordionItemContext) => ReactNode

packages/react/src/components/accordion/accordion-item-indicator.tsx

@@ -2,9 +2,9 @@
 
 import { mergeProps } from '@zag-js/react'
 import { forwardRef } from 'react'
-import { type HTMLProps, type PolymorphicProps, ark } from '../factory'
-import { useAccordionContext } from './use-accordion-context'
-import { useAccordionItemPropsContext } from './use-accordion-item-props-context'
+import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts'
+import { useAccordionContext } from './use-accordion-context.ts'
+import { useAccordionItemPropsContext } from './use-accordion-item-props-context.ts'
 
 export interface AccordionItemIndicatorBaseProps extends PolymorphicProps {}
 export interface AccordionItemIndicatorProps extends HTMLProps<'div'>, AccordionItemIndicatorBaseProps {}

packages/react/src/components/accordion/accordion-item-trigger.tsx

@@ -2,10 +2,10 @@
 
 import { mergeProps } from '@zag-js/react'
 import { forwardRef } from 'react'
-import { useCollapsibleContext } from '../collapsible'
-import { type HTMLProps, type PolymorphicProps, ark } from '../factory'
-import { useAccordionContext } from './use-accordion-context'
-import { useAccordionItemPropsContext } from './use-accordion-item-props-context'
+import { useCollapsibleContext } from '../collapsible/index.ts'
+import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts'
+import { useAccordionContext } from './use-accordion-context.ts'
+import { useAccordionItemPropsContext } from './use-accordion-item-props-context.ts'
 
 export interface AccordionItemTriggerBaseProps extends PolymorphicProps {}
 export interface AccordionItemTriggerProps extends HTMLProps<'button'>, AccordionItemTriggerBaseProps {}

packages/react/src/components/accordion/accordion-item.tsx

@@ -3,13 +3,13 @@
 import type { ItemProps } from '@zag-js/accordion'
 import { mergeProps } from '@zag-js/react'
 import { forwardRef } from 'react'
-import { Collapsible } from '../../components'
-import { createSplitProps } from '../../utils/create-split-props'
-import { useRenderStrategyPropsContext } from '../../utils/render-strategy'
-import type { HTMLProps, PolymorphicProps } from '../factory'
-import { useAccordionContext } from './use-accordion-context'
-import { AccordionItemProvider } from './use-accordion-item-context'
-import { AccordionItemPropsProvider } from './use-accordion-item-props-context'
+import { Collapsible } from '../../components/index.ts'
+import { createSplitProps } from '../../utils/create-split-props.ts'
+import { useRenderStrategyPropsContext } from '../../utils/render-strategy.ts'
+import type { HTMLProps, PolymorphicProps } from '../factory.ts'
+import { useAccordionContext } from './use-accordion-context.ts'
+import { AccordionItemProvider } from './use-accordion-item-context.ts'
+import { AccordionItemPropsProvider } from './use-accordion-item-props-context.ts'
 
 export interface AccordionItemBaseProps extends ItemProps, PolymorphicProps {}
 export interface AccordionItemProps extends HTMLProps<'div'>, AccordionItemBaseProps {}

packages/react/src/components/accordion/accordion-root-provider.tsx

@@ -2,15 +2,15 @@
 
 import { mergeProps } from '@zag-js/react'
 import { forwardRef } from 'react'
-import { createSplitProps } from '../../utils/create-split-props'
+import { createSplitProps } from '../../utils/create-split-props.ts'
 import {
   type RenderStrategyProps,
   RenderStrategyPropsProvider,
   splitRenderStrategyProps,
-} from '../../utils/render-strategy'
-import { type HTMLProps, type PolymorphicProps, ark } from '../factory'
-import type { UseAccordionReturn } from './use-accordion'
-import { AccordionProvider } from './use-accordion-context'
+} from '../../utils/render-strategy.ts'
+import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts'
+import type { UseAccordionReturn } from './use-accordion.ts'
+import { AccordionProvider } from './use-accordion-context.ts'
 
 interface RootProviderProps {
   value: UseAccordionReturn

packages/react/src/components/accordion/accordion-root.tsx

@@ -2,16 +2,16 @@
 
 import { mergeProps } from '@zag-js/react'
 import { forwardRef } from 'react'
-import type { Assign } from '../../types'
-import { createSplitProps } from '../../utils/create-split-props'
+import type { Assign } from '../../types.ts'
+import { createSplitProps } from '../../utils/create-split-props.ts'
 import {
   type RenderStrategyProps,
   RenderStrategyPropsProvider,
   splitRenderStrategyProps,
-} from '../../utils/render-strategy'
-import { type HTMLProps, type PolymorphicProps, ark } from '../factory'
-import { type UseAccordionProps, useAccordion } from './use-accordion'
-import { AccordionProvider } from './use-accordion-context'
+} from '../../utils/render-strategy.ts'
+import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts'
+import { type UseAccordionProps, useAccordion } from './use-accordion.ts'
+import { AccordionProvider } from './use-accordion-context.ts'
 
 export interface AccordionRootBaseProps extends UseAccordionProps, RenderStrategyProps, PolymorphicProps {}
 export interface AccordionRootProps extends Assign<HTMLProps<'div'>, AccordionRootBaseProps> {}

packages/react/src/components/accordion/accordion.stories.tsx

@@ -6,14 +6,14 @@ const meta: Meta = {
 
 export default meta
 
-export { Basic } from './examples/basic'
-export { Collapsible } from './examples/collapsible'
-export { Context } from './examples/context'
-export { Controlled } from './examples/controlled'
-export { Disabled } from './examples/disabled'
-export { Horizontal } from './examples/horizontal'
-export { ItemContext } from './examples/item-context'
-export { LazyMount } from './examples/lazy-mount'
-export { Multiple } from './examples/multiple'
-export { RootProvider } from './examples/root-provider'
-export { WithSlider } from './examples/with-slider'
+export { Basic } from './examples/basic.tsx'
+export { Collapsible } from './examples/collapsible.tsx'
+export { Context } from './examples/context.tsx'
+export { Controlled } from './examples/controlled.tsx'
+export { Disabled } from './examples/disabled.tsx'
+export { Horizontal } from './examples/horizontal.tsx'
+export { ItemContext } from './examples/item-context.tsx'
+export { LazyMount } from './examples/lazy-mount.tsx'
+export { Multiple } from './examples/multiple.tsx'
+export { RootProvider } from './examples/root-provider.tsx'
+export { WithSlider } from './examples/with-slider.tsx'

packages/react/src/components/accordion/accordion.ts

@@ -1,36 +1,36 @@
 export type { FocusChangeDetails, ValueChangeDetails } from '@zag-js/accordion'
-export { AccordionContext as Context, type AccordionContextProps as ContextProps } from './accordion-context'
+export { AccordionContext as Context, type AccordionContextProps as ContextProps } from './accordion-context.tsx'
 export {
   AccordionItem as Item,
   type AccordionItemBaseProps as ItemBaseProps,
   type AccordionItemProps as ItemProps,
-} from './accordion-item'
+} from './accordion-item.tsx'
 export {
   AccordionItemContent as ItemContent,
   type AccordionItemContentBaseProps as ItemContentBaseProps,
   type AccordionItemContentProps as ItemContentProps,
-} from './accordion-item-content'
+} from './accordion-item-content.tsx'
 export {
   AccordionItemContext as ItemContext,
   type AccordionItemContextProps as ItemContextProps,
-} from './accordion-item-context'
+} from './accordion-item-context.tsx'
 export {
   AccordionItemIndicator as ItemIndicator,
   type AccordionItemIndicatorBaseProps as ItemIndicatorBaseProps,
   type AccordionItemIndicatorProps as ItemIndicatorProps,
-} from './accordion-item-indicator'
+} from './accordion-item-indicator.tsx'
 export {
   AccordionItemTrigger as ItemTrigger,
   type AccordionItemTriggerBaseProps as ItemTriggerBaseProps,
   type AccordionItemTriggerProps as ItemTriggerProps,
-} from './accordion-item-trigger'
+} from './accordion-item-trigger.tsx'
 export {
   AccordionRoot as Root,
   type AccordionRootBaseProps as RootBaseProps,
   type AccordionRootProps as RootProps,
-} from './accordion-root'
+} from './accordion-root.tsx'
 export {
   AccordionRootProvider as RootProvider,
   type AccordionRootProviderBaseProps as RootProviderBaseProps,
   type AccordionRootProviderProps as RootProviderProps,
-} from './accordion-root-provider'
+} from './accordion-root-provider.tsx'

packages/react/src/components/accordion/index.ts

@@ -2,33 +2,33 @@ export type {
   FocusChangeDetails as AccordionFocusChangeDetails,
   ValueChangeDetails as AccordionValueChangeDetails,
 } from '@zag-js/accordion'
-export { AccordionContext, type AccordionContextProps } from './accordion-context'
-export { AccordionItem, type AccordionItemBaseProps, type AccordionItemProps } from './accordion-item'
+export { AccordionContext, type AccordionContextProps } from './accordion-context.tsx'
+export { AccordionItem, type AccordionItemBaseProps, type AccordionItemProps } from './accordion-item.tsx'
 export {
   AccordionItemContent,
   type AccordionItemContentBaseProps,
   type AccordionItemContentProps,
-} from './accordion-item-content'
-export { AccordionItemContext, type AccordionItemContextProps } from './accordion-item-context'
+} from './accordion-item-content.tsx'
+export { AccordionItemContext, type AccordionItemContextProps } from './accordion-item-context.tsx'
 export {
   AccordionItemIndicator,
   type AccordionItemIndicatorBaseProps,
   type AccordionItemIndicatorProps,
-} from './accordion-item-indicator'
+} from './accordion-item-indicator.tsx'
 export {
   AccordionItemTrigger,
   type AccordionItemTriggerBaseProps,
   type AccordionItemTriggerProps,
-} from './accordion-item-trigger'
-export { AccordionRoot, type AccordionRootBaseProps, type AccordionRootProps } from './accordion-root'
+} from './accordion-item-trigger.tsx'
+export { AccordionRoot, type AccordionRootBaseProps, type AccordionRootProps } from './accordion-root.tsx'
 export {
   AccordionRootProvider,
   type AccordionRootProviderBaseProps,
   type AccordionRootProviderProps,
-} from './accordion-root-provider'
-export { accordionAnatomy } from './accordion.anatomy'
-export { useAccordion, type UseAccordionProps, type UseAccordionReturn } from './use-accordion'
-export { useAccordionContext, type UseAccordionContext } from './use-accordion-context'
-export { useAccordionItemContext, type UseAccordionItemContext } from './use-accordion-item-context'
+} from './accordion-root-provider.tsx'
+export { accordionAnatomy } from './accordion.anatomy.ts'
+export { useAccordion, type UseAccordionProps, type UseAccordionReturn } from './use-accordion.ts'
+export { useAccordionContext, type UseAccordionContext } from './use-accordion-context.ts'
+export { useAccordionItemContext, type UseAccordionItemContext } from './use-accordion-item-context.ts'
 
-export * as Accordion from './accordion'
+export * as Accordion from './accordion.ts'

packages/react/src/components/accordion/tests/accordion.test.tsx

@@ -1,8 +1,8 @@
 import { render, screen, waitFor } from '@testing-library/react'
 import user from '@testing-library/user-event'
 import { axe } from 'vitest-axe'
-import { LocaleProvider } from '../../../providers'
-import { ComponentUnderTest } from './basic'
+import { LocaleProvider } from '../../../providers/index.ts'
+import { ComponentUnderTest } from './basic.tsx'
 
 describe('Accordion', () => {
   it('should have no a11y violations', async () => {

packages/react/src/components/accordion/tests/basic.tsx

@@ -1,5 +1,5 @@
 import { ChevronDownIcon } from 'lucide-react'
-import { Accordion } from '../'
+import { Accordion } from '../index.ts'
 
 export const ComponentUnderTest = (props: Accordion.RootProps) => {
   const items = [{ value: 'React' }, { value: 'Solid' }, { value: 'Svelte', disabled: true }, { value: 'Vue' }]

packages/react/src/components/accordion/use-accordion-context.ts

@@ -1,7 +1,7 @@
 'use client'
 
-import { createContext } from '../../utils/create-context'
-import type { UseAccordionReturn } from './use-accordion'
+import { createContext } from '../../utils/create-context.ts'
+import type { UseAccordionReturn } from './use-accordion.ts'
 
 export interface UseAccordionContext extends UseAccordionReturn {}
 

packages/react/src/components/accordion/use-accordion-item-context.ts

@@ -1,7 +1,7 @@
 'use client'
 
 import type { ItemState } from '@zag-js/accordion'
-import { createContext } from '../../utils/create-context'
+import { createContext } from '../../utils/create-context.ts'
 
 export interface UseAccordionItemContext extends ItemState {}
 

packages/react/src/components/accordion/use-accordion-item-props-context.ts

@@ -1,7 +1,7 @@
 'use client'
 
 import type { ItemProps } from '@zag-js/accordion'
-import { createContext } from '../../utils/create-context'
+import { createContext } from '../../utils/create-context.ts'
 
 export interface UseAccordionItemPropsContext extends ItemProps {}
 

packages/react/src/components/accordion/use-accordion.ts

@@ -3,8 +3,8 @@
 import * as accordion from '@zag-js/accordion'
 import { type PropTypes, normalizeProps, useMachine } from '@zag-js/react'
 import { useId } from 'react'
-import { useEnvironmentContext, useLocaleContext } from '../../providers'
-import type { Optional } from '../../types'
+import { useEnvironmentContext, useLocaleContext } from '../../providers/index.ts'
+import type { Optional } from '../../types.ts'
 
 export interface UseAccordionProps extends Optional<Omit<accordion.Props, 'dir' | 'getRootNode'>, 'id'> {}
 export interface UseAccordionReturn extends accordion.Api<PropTypes> {}